.home{display:flex;flex-direction:column;min-height:calc(100vh - 72px)}.home-hero{width:100%;max-width:1120px;margin:0 auto;padding:56px 24px 0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}@media (min-width: 768px){.home-hero{padding:80px 40px 0}}.home-hero-title{margin:0;display:flex;align-items:flex-end;gap:.08em;font-size:56px;font-weight:500;line-height:.95;letter-spacing:-.035em;color:var(--foreground)}@media (min-width: 768px){.home-hero-title{font-size:84px}}@media (min-width: 1100px){.home-hero-title{font-size:96px}}.home-hero-title .brand-dot{display:inline-block;width:.22em;height:.22em;margin-bottom:.12em;border-radius:50%;background:var(--primary);box-shadow:0 0 .35em color-mix(in srgb,var(--primary) 55%,transparent),0 0 1.1em color-mix(in srgb,var(--primary) 35%,transparent);flex-shrink:0}.home-hero-copy{max-width:25rem;padding-bottom:2px}.home-hero-slogan{margin:0 0 10px;font-size:20px;font-weight:500;line-height:1.25;letter-spacing:-.02em;color:var(--foreground)}.home-hero-desc{margin:0;max-width:25rem;font-size:14px;line-height:1.65;color:var(--muted-foreground)}.home-matrix{width:100%;max-width:1120px;margin:0 auto;flex:1;padding:48px 24px 64px}@media (min-width: 768px){.home-matrix{padding:64px 40px 80px}}.tile-grid{overflow:hidden;border-radius:16px;border:1px solid var(--hairline);background:var(--hairline)}.tile-grid-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:1px}@media (min-width: 640px){.tile-grid-inner{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.tile-grid-inner{grid-template-columns:repeat(4,1fr)}}.tile{--mx: 72%;--my: 28%;position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1;overflow:hidden;background:var(--card);padding:22px;text-align:left;isolation:isolate;transition:background .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(14px);animation:tile-in .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i, 0) * 45ms)}@media (min-width: 768px){.tile{padding:24px}}@keyframes tile-in{to{opacity:1;transform:translateY(0)}}.tile:not(.is-disabled){cursor:pointer}.tile:not(.is-disabled):hover{z-index:1;background:color-mix(in srgb,var(--elevated) 92%,var(--primary) 8%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 32%,transparent),inset 0 -48px 88px color-mix(in srgb,var(--primary) 8%,transparent)}.tile.is-disabled{cursor:not-allowed}.tile-wash{pointer-events:none;position:absolute;z-index:-1;left:var(--mx);top:var(--my);width:230px;height:230px;transform:translate(-50%,-50%) scale(.72);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 30%,transparent) 0%,color-mix(in srgb,var(--primary) 13%,transparent) 38%,transparent 72%);filter:blur(4px);opacity:0;transition:opacity .24s ease,transform .36s cubic-bezier(.22,1,.36,1)}.tile:not(.is-disabled):hover .tile-wash{opacity:1;transform:translate(-50%,-50%) scale(1)}.tile-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between}.tile-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--hairline);color:var(--foreground);transition:border-color .3s,color .3s,background .3s}.tile-icon svg{width:15px;height:15px;stroke-width:1.5}@media (min-width: 768px){.tile-icon{width:36px;height:36px;border-radius:11px}.tile-icon svg{width:17px;height:17px}}.tile.is-disabled .tile-icon{color:var(--muted-foreground)}.tile:not(.is-disabled):hover .tile-icon{border-color:var(--focus-ring);color:var(--primary);background:var(--brand-light)}.tile-soon{margin-top:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted-foreground)}.tile-arrow{width:18px;height:18px;color:var(--muted-foreground);opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .3s,color .3s}.tile:not(.is-disabled):hover .tile-arrow{opacity:1;transform:translate(0);color:var(--primary)}.tile-body.is-muted{opacity:.55}.tile-body{position:relative;z-index:1}.tile-name{font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--foreground);line-height:1.3}@media (min-width: 768px){.tile-name{font-size:20px}}.tile-cat{margin-top:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--muted-foreground)}.home-catalog-link{margin-top:32px;display:flex;justify-content:center}.home-catalog-link a{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--muted-foreground);transition:color .15s}.home-catalog-link a:hover{color:var(--foreground)}.home-catalog-link a svg{transition:transform .15s}.home-catalog-link a:hover svg{transform:translate(2px)}.home-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--card);color:var(--foreground);border:1px solid var(--hairline);border-radius:999px;padding:10px 22px;font-size:13px;z-index:100;animation:toast-in .25s ease}@media (max-width: 767px){.home-hero-copy{max-width:30rem}.home-hero-slogan{font-size:18px}}@media (prefers-reduced-motion: reduce){.tile,.tile-wash,.tile-arrow{animation:none;transition:none}.tile{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}