.home-page{overflow-x:hidden;background:var(--bg);color:var(--text)}.home-stage{--home-tilt-x: 0deg;--home-tilt-y: 0deg;position:relative;min-height:calc(100svh - 56px);overflow:hidden;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-subtle) 92%,transparent),var(--bg) 72%),var(--bg)}.home-stage:before,.home-stage:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.home-stage:before{background:linear-gradient(color-mix(in srgb,var(--border) 46%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 46%,transparent) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 72%,transparent);opacity:.42}.home-stage:after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 44%,color-mix(in srgb,var(--bg) 36%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--bg) 46%,transparent),var(--bg));opacity:.78;transition:opacity .22s ease}:root[data-theme=dark] .home-stage:after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 78%,transparent) 46%,color-mix(in srgb,var(--bg) 20%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--bg) 38%,transparent),var(--bg));opacity:.72}.home-stage[data-interactive=true]:after{opacity:.18}.home-page .site-header{transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.home-page.home-interactive .site-header{position:fixed;right:0;left:0;visibility:hidden;opacity:0;transform:translateY(-100%);pointer-events:none}.home-page.home-interactive .home-stage,.home-page.home-interactive .home-hero{min-height:100svh}.home-canvas{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;opacity:.36;filter:saturate(.9);mix-blend-mode:multiply;pointer-events:none;transform:perspective(1200px) rotateX(var(--home-tilt-x)) rotateY(var(--home-tilt-y)) scale(1.02);transform-origin:center;transition:filter .22s ease,opacity .22s ease,transform .18s ease}:root[data-theme=dark] .home-canvas{opacity:.5;filter:saturate(1);mix-blend-mode:normal}.home-stage[data-interactive=true] .home-canvas{cursor:grab;opacity:1;filter:none;mix-blend-mode:normal;pointer-events:auto}.home-stage[data-interactive=true] .home-canvas:active{cursor:grabbing}.home-hero{position:relative;z-index:1;display:grid;align-items:center;min-height:calc(100svh - 56px);padding:76px 24px 56px;color:var(--text);opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.home-stage[data-interactive=true] .home-hero{visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none}.home-hero-inner{display:grid;justify-items:center;width:min(100%,var(--content));margin:0 auto;text-align:center}.home-hero-kicker{margin:0 0 14px;color:var(--primary-strong);font-family:var(--font-mono);font-size:.82rem;font-weight:780;letter-spacing:0;text-transform:uppercase}.home-hero h1{max-width:780px;margin:0;color:var(--text);font-size:5.4rem;font-weight:700;line-height:.96;letter-spacing:0}.home-hero strong{display:block;max-width:650px;margin:20px auto 0;color:var(--text-muted);font-size:1.18rem;font-weight:560;line-height:1.62}.home-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:28px}.home-enter{gap:12px;min-height:48px;padding:0 20px;font-size:.98rem;font-weight:800}.home-hero-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,920px);margin-top:34px}.home-hero-card{--card-accent: var(--primary);display:grid;gap:8px;min-height:112px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);text-align:left}.home-hero-card.is-orange{--card-accent: var(--accent)}.home-hero-card.is-violet{--card-accent: var(--focus)}.home-hero-card span{color:var(--card-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:780;letter-spacing:0;text-transform:uppercase}.home-hero-card h2{margin:0;color:var(--text);font-size:1.06rem;font-weight:800;line-height:1.24}.home-hero-card p{margin:0;color:var(--text-muted);font-size:.88rem;font-weight:520;line-height:1.5}.home-exit{position:absolute;right:clamp(16px,2.4vw,36px);bottom:24px;z-index:2;min-height:36px;border-color:color-mix(in srgb,var(--border) 74%,transparent);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text-soft);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.home-exit:hover{background:var(--surface);color:var(--primary-strong)}.home-stage[data-interactive=false] .home-exit,.home-exit[hidden]{display:none}.home-features{position:relative;display:grid;gap:0;background:var(--bg);color:var(--text)}.home-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:72px;align-items:center;width:min(100%,var(--content));margin:0 auto;padding:84px 24px;border-top:1px solid var(--border-subtle)}.home-feature.is-reverse{grid-template-columns:minmax(360px,.82fr) minmax(0,1fr)}.home-feature.is-reverse .home-feature-media{order:2}.home-feature-media{--feature-accent: var(--primary);position:relative;min-height:340px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--feature-accent) 14%,transparent),transparent 56%),linear-gradient(180deg,var(--surface),var(--surface-muted));box-shadow:var(--shadow-soft)}.home-feature-media.is-lod{--feature-accent: var(--focus)}.home-feature-media.is-walk{--feature-accent: var(--accent)}.home-feature-badge,.home-feature-play{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--feature-accent) 34%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--text-soft);backdrop-filter:blur(14px)}.home-feature-badge{top:18px;left:18px;padding:7px 10px;font-family:var(--font-mono);font-size:.72rem;font-weight:760;letter-spacing:0}.home-feature-play{bottom:18px;left:18px;min-height:36px;padding:0 14px;font-size:.86rem;font-weight:760;box-shadow:none}.home-feature-grid,.home-feature-object,.home-feature-scan{position:absolute;inset:0}.home-feature-grid{background:linear-gradient(color-mix(in srgb,var(--border) 54%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 54%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 82%,transparent)}.home-feature-object{inset:auto;width:min(44%,260px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--feature-accent) 62%,var(--border));border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--feature-accent) 72%,white),var(--feature-accent)),repeating-linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--surface) 34%,transparent) 18px 19px);box-shadow:0 24px 54px color-mix(in srgb,var(--feature-accent) 18%,transparent),inset 0 1px color-mix(in srgb,white 34%,transparent);transform:translate(-50%,-45%) rotate(10deg)}.home-feature-media.is-lod .home-feature-object{width:min(56%,320px);transform:translate(-50%,-45%) rotate(-7deg) skew(-7deg)}.home-feature-media.is-walk .home-feature-object{width:min(38%,220px);transform:translate(-50%,-48%)}.home-feature-scan{background:linear-gradient(120deg,transparent 0 38%,color-mix(in srgb,var(--feature-accent) 16%,transparent) 39%,transparent 40%),linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 58%,transparent));opacity:.84}.home-feature-copy{display:grid;gap:16px;max-width:590px}.home-feature-kicker{margin:0;color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem;font-weight:780;letter-spacing:0}.home-feature-copy h2{max-width:540px;margin:0;color:var(--text);font-size:3.2rem;font-weight:780;line-height:1.04;letter-spacing:0}.home-feature-copy strong{color:var(--primary-strong);font-size:1.04rem;font-weight:760}.home-feature-copy p{max-width:570px;margin:0;color:var(--text-muted);line-height:1.72}.home-feature-copy ul{display:grid;gap:14px;margin:10px 0 0;padding:0;list-style:none}.home-feature-copy li{position:relative;padding-left:22px;color:var(--text-soft)}.home-feature-copy li:before{content:"";position:absolute;top:.72em;left:0;width:6px;height:6px;border-radius:999px;background:var(--primary)}.home-feature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}.home-feature-actions>a:not(.button){color:var(--primary-strong);font-weight:760}@media(max-width:1100px){.home-hero h1{font-size:4.8rem}.home-hero strong{max-width:590px;font-size:1.12rem}.home-feature,.home-feature.is-reverse{gap:48px}.home-feature-copy h2{font-size:2.8rem}}@media(max-width:900px){.home-stage,.home-hero{min-height:calc(100svh - 102px)}.home-page.home-interactive .home-stage,.home-page.home-interactive .home-hero{min-height:100svh}.home-hero{padding:58px 16px 40px}.home-stage:after{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 72%,transparent)),linear-gradient(90deg,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 54%,transparent))}.home-canvas{opacity:.28;transform:perspective(1200px) scale(1.08)}:root[data-theme=dark] .home-canvas{opacity:.4}.home-hero h1{font-size:3.6rem}.home-hero strong{max-width:560px;font-size:1.02rem;line-height:1.58}.home-hero-cards{grid-template-columns:1fr;width:100%;max-width:520px;margin-top:28px}.home-hero-card{min-height:auto;padding:14px}.home-feature,.home-feature.is-reverse{grid-template-columns:1fr;gap:24px;padding:58px 16px}.home-feature.is-reverse .home-feature-media{order:initial}.home-feature-media{min-height:280px}.home-feature-copy h2{font-size:2.24rem;line-height:1.08}.home-feature-actions{align-items:stretch;flex-direction:column}.home-feature-actions .button,.home-feature-actions>a:not(.button){width:fit-content}}@media(max-width:560px){.home-hero{padding:46px 14px 34px}.home-hero h1{font-size:2.72rem}.home-hero strong{font-size:.98rem}.home-enter{width:100%}.home-hero-cards{gap:8px}.home-feature,.home-feature.is-reverse{padding:48px 14px}.home-feature-media{min-height:240px}.home-feature-copy h2{font-size:1.9rem}.home-feature-actions .button,.home-feature-actions>a:not(.button){width:100%}}
