.landing{--ease-out:cubic-bezier(0.23,1,0.32,1);--alarm:var(--danger);--signal:var(--accent);color:var(--fg);flex:1 0 auto;width:100%}.landing .track{height:820vh}.landing .field{position:fixed;inset:0;overflow:hidden;background:radial-gradient(56% 44% at 82% 4%,color-mix(in srgb,var(--accent) 34%,transparent) 0,transparent 62%),radial-gradient(50% 42% at 8% 96%,color-mix(in srgb,var(--accent) 20%,transparent) 0,transparent 60%),var(--bg)}.landing .field:before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:56px 56px;opacity:.16;pointer-events:none}.landing .camera{position:absolute;left:50%;top:50%;transform-origin:0 0;will-change:transform}.landing .wires{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.landing .wire{fill:none;stroke:var(--border-strong);stroke-width:3;stroke-linecap:round;opacity:0;transition:opacity .42s var(--ease-out),stroke .3s ease}.landing .wire.on{opacity:.85}.landing .wire.dim{opacity:.16}.landing .wire.flowing{stroke:var(--signal);stroke-dasharray:10 14;animation:landing-drift 1.1s linear infinite}.landing .wire.cold{stroke:var(--alarm)}.landing .wire.hop{stroke-dasharray:2 9;stroke-width:2.5}@keyframes landing-drift{to{stroke-dashoffset:-24}}.landing .wireLabel{font-family:var(--font-mono,ui-monospace,monospace);font-size:15px;font-weight:500;fill:var(--fg-dim);opacity:0;transition:opacity .3s var(--ease-out)}.landing .wireLabel.on{opacity:1}.landing .step{position:absolute;transform:translate(-50%,-50%) scale(.94);opacity:0;width:330px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px;text-align:left;background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 30%,transparent),color-mix(in srgb,var(--surface) 13%,transparent));border:1.5px solid color-mix(in srgb,var(--border-strong) 72%,transparent);border-radius:26px;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--surface) 50%,transparent);cursor:pointer;transition:opacity .46s var(--ease-out),transform .46s var(--ease-out),border-color .2s ease}.landing .step.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.landing .step.dim{opacity:.22}.landing .step.cold{border-style:dashed;border-color:var(--alarm)}.landing .step.cold .ico,.landing .step.cold .kind{color:var(--alarm)}.landing .step:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.landing .step.sel{border-color:var(--accent);opacity:1}@media (hover:hover) and (pointer:fine){.landing .step.on:hover{transform:translate(-50%,-50%) scale(1.035);border-color:var(--accent);opacity:1}}.landing .ico{flex:0 0 auto;width:76px;height:67px;margin:-2px 0 0 -4px;color:var(--accent)}.landing .ico svg{width:76px;height:67px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.landing .ico .solid{fill:currentColor;stroke:none}@keyframes landing-breathe{50%{transform:translateY(-1.6px)}}@keyframes landing-blink{0%,91%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes landing-bob{50%{transform:translateY(-2.4px) rotate(-5deg)}}.landing .step.fresh .mb{animation:landing-breathe 3.2s var(--ease-out) infinite}.landing .step.fresh .me{animation:landing-blink 5s linear infinite;transform-origin:32px 26px}.landing .step.fresh .mp{animation:landing-bob 2.6s var(--ease-out) infinite;transform-origin:46px 34px}@media (hover:hover) and (pointer:fine){.landing .step.on:hover .mp{animation:landing-bob .7s var(--ease-out) 2}}.landing .kind{display:block;font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}.landing .name{display:block;font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--fg)}.landing .body{min-width:0}.landing .journey{position:absolute;transform:translate(-50%,-50%) scale(.95);opacity:0;text-align:left;border:3px solid color-mix(in srgb,var(--border-strong) 62%,transparent);border-radius:46px;background:linear-gradient(158deg,color-mix(in srgb,var(--surface) 24%,transparent),color-mix(in srgb,var(--surface) 8%,transparent));box-shadow:inset 0 3px 0 color-mix(in srgb,var(--surface) 34%,transparent);transition:opacity .52s var(--ease-out),transform .52s var(--ease-out),border-color .2s ease;cursor:pointer;padding:26px 30px}.landing .journey.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.landing .journey.sel{border-color:var(--accent)}.landing .journey:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.landing .journey .kind{font-size:17px;letter-spacing:.16em}.landing .journey .name{font-size:44px;letter-spacing:-.02em;line-height:1.1;margin-top:10px}.landing .chrome{position:absolute;left:2050px;top:1355px;transform:translate(-50%,-50%) scale(.985);opacity:0;width:5130px;height:2450px;border:6px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:92px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 20%,transparent),color-mix(in srgb,var(--surface) 6%,transparent));box-shadow:inset 0 5px 0 color-mix(in srgb,var(--surface) 30%,transparent);transition:opacity .62s var(--ease-out),transform .62s var(--ease-out);pointer-events:none}.landing .chrome.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.landing .chrome .bar{position:absolute;left:0;right:0;top:0;height:150px;border-bottom:5px solid color-mix(in srgb,var(--border-strong) 60%,transparent);display:flex;align-items:center;gap:34px;padding:0 56px}.landing .chrome .railL{left:0;width:420px;border-right:5px solid color-mix(in srgb,var(--border-strong) 60%,transparent);gap:30px}.landing .chrome .panelR,.landing .chrome .railL{position:absolute;top:150px;bottom:0;padding:46px 34px;display:flex;flex-direction:column}.landing .chrome .panelR{right:0;width:620px;border-left:5px solid color-mix(in srgb,var(--border-strong) 60%,transparent);gap:26px}.landing .chrome .chip{height:46px;border-radius:18px;background:color-mix(in srgb,var(--surface) 22%,transparent);border:2px solid color-mix(in srgb,var(--border-strong) 50%,transparent)}.landing .chrome .chip.w1{width:200px}.landing .chrome .chip.w2{width:130px}.landing .chrome .chip.w3{width:168px}.landing .chrome .chip.tall{height:96px}.landing .chrome .chip.accent{background:var(--accent)}.landing .chrome .label{font-family:var(--font-mono,ui-monospace,monospace);font-size:34px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}.landing .copy{position:fixed;inset:0;pointer-events:none}.landing .beat{position:absolute;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);pointer-events:none}.landing .beat.on{opacity:1;transform:translateY(0);pointer-events:auto}.landing .beat:before{content:"";position:absolute;inset:-16vh -16vw -18vh -18vw;z-index:-1;pointer-events:none;background:radial-gradient(72% 68% at 28% 50%,var(--bg) 0,color-mix(in srgb,var(--bg) 80%,transparent) 44%,transparent 76%)}.landing .beat.atFoot:before{background:radial-gradient(70% 76% at 50% 64%,var(--bg) 0,color-mix(in srgb,var(--bg) 80%,transparent) 44%,transparent 76%)}.landing .beat.atLeft{left:6vw;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:96px 0 108px;width:min(560px,40vw)}.landing .beat.atFoot{left:50%;transform:translate(-50%,14px);bottom:13vh;max-width:660px;text-align:center}.landing .beat.atFoot.on{transform:translate(-50%)}.landing .eyebrow{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;display:flex;align-items:center;gap:12px}.landing .beat.atFoot .eyebrow:before,.landing .eyebrow:after{content:"";flex:1;height:1px;background:var(--border-strong)}.landing .eyebrow.alarm{color:var(--alarm)}.landing h1{font-size:clamp(2.5rem,5.8vw,4.6rem);font-weight:800;line-height:1.02;letter-spacing:-.035em}.landing h1,.landing h2{text-wrap:balance;margin:0;color:var(--fg)}.landing h2{font-size:clamp(1.7rem,3.3vw,2.6rem);font-weight:700;line-height:1.08;letter-spacing:-.025em}.landing .hint{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;letter-spacing:.06em;color:var(--fg-dim);margin:20px 0 0}.landing .cta{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}.landing .cta a{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:14px 22px;border-radius:14px;text-decoration:none;border:1px solid var(--accent);color:var(--accent);transition:transform .14s var(--ease-out),background .18s ease,color .18s ease}.landing .cta a.solid{background:var(--accent);color:var(--accent-fg)}.landing .cta a:active{transform:scale(.97)}.landing .cta a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing .fig{display:block;margin:0 0 18px;color:var(--fg-muted);pointer-events:none}.landing .fig svg{display:block;width:100%;height:auto;overflow:visible}.landing .fig .warm{color:var(--accent)}.landing .fig .alarm{color:var(--alarm)}.landing .figOne{width:176px}.landing .figTwo{width:244px}.landing .beat.atFoot .fig{margin-left:auto;margin-right:auto}@keyframes landing-fig-breathe{50%{transform:translateY(-5px)}}@keyframes landing-fig-blink{0%,92%,to{opacity:1}96%{opacity:.15}}@keyframes landing-snore{0%{opacity:0;transform:translate(0) scale(.7)}30%{opacity:.9}to{opacity:0;transform:translate(13px,-22px) scale(1.05)}}.landing .beat.on .fig .breath{animation:landing-fig-breathe 3.4s var(--ease-out) infinite}.landing .beat.on .fig .eyes{animation:landing-fig-blink 5.2s linear infinite}.landing .beat.on .fig .z1{animation:landing-snore 3.6s ease-out infinite}.landing .beat.on .fig .z2{animation:landing-snore 3.6s ease-out 1.2s infinite}.landing .beat.on .fig .z3{animation:landing-snore 3.6s ease-out 2.4s infinite}.landing .inspector{position:fixed;right:6vw;top:92px;width:min(370px,84vw);padding:22px 24px;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border-strong);border-radius:22px;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);pointer-events:none;z-index:4}.landing .inspector.on{opacity:1;transform:translateY(0) scale(1)}.landing .inspector .kind{margin-bottom:8px}.landing .inspector h3{font-size:1.42rem;font-weight:700;letter-spacing:-.02em;margin:0 0 10px;color:var(--fg)}.landing .inspector p{font-size:1rem;line-height:1.55;color:var(--fg-muted);margin:0}.landing .inspector .builder{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-strong);font-size:11px;letter-spacing:.06em;color:var(--fg-dim)}.landing .brand,.landing .inspector .builder{font-family:var(--font-mono,ui-monospace,monospace)}.landing .brand{position:fixed;left:6vw;top:30px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);z-index:5}.landing .brand .mark{width:15px;height:15px;border-radius:5px;border:2.5px solid var(--accent)}.landing .rail{position:fixed;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px;z-index:5}.landing .rail button{width:9px;height:24px;padding:0;border:0;border-radius:5px;background:var(--border-strong);cursor:pointer;transition:background .24s var(--ease-out),height .24s var(--ease-out)}.landing .rail button[aria-current=true]{background:var(--accent);height:42px}.landing .rail button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing .signin{position:fixed;right:6vw;top:26px;font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);text-decoration:none;padding:8px 14px;border-radius:12px;border:1px solid var(--border-strong);z-index:6;transition:color .18s ease,border-color .18s ease}.landing .signin:hover{color:var(--fg);border-color:var(--accent)}.landing .signin:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:860px){.landing .beat.atLeft{top:auto;bottom:15vh;width:auto;left:5vw;right:5vw;display:block;padding:0}.landing .beat.atFoot{left:5vw;right:5vw;transform:translateY(14px);text-align:left;max-width:none}.landing .beat.atFoot.on{transform:translateY(0)}.landing .beat.atFoot .fig{margin-left:0;margin-right:auto}.landing .cta{justify-content:flex-start}.landing .figOne{width:116px}.landing .figTwo{width:172px}.landing .fig{margin-bottom:12px}.landing .inspector{right:5vw;left:5vw;width:auto;top:76px}.landing .rail{display:none}.landing .signin{right:5vw}}@media (prefers-reduced-motion:reduce){.landing .wire.flowing{animation:none;stroke-dasharray:none}.landing .fig .breath,.landing .fig .eyes,.landing .fig .z1,.landing .fig .z2,.landing .fig .z3,.landing .step .mb,.landing .step .me,.landing .step .mp{animation:none!important}.landing .beat,.landing .chrome,.landing .inspector,.landing .journey,.landing .step{transition-duration:.2s;transition-property:opacity}.landing .journey.on,.landing .step.on{transform:translate(-50%,-50%) scale(1)}.landing .beat.on{transform:none}.landing .beat.atFoot,.landing .beat.atFoot.on{transform:translateX(-50%)}}@media (prefers-reduced-transparency:reduce){.landing .inspector,.landing .step{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}.landing .field:before{opacity:.35}}