html{scroll-behavior:smooth;scroll-snap-type:y proximity}code{font-family:var(--mono);font-size:.92em}.landing{background:radial-gradient(ellipse 80% 50% at 50% -10%, #c8f56014, transparent 70%), linear-gradient(var(--bg), var(--bg));min-height:100dvh;position:relative}.landing:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.2px);background-size:16px 16px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.nav{z-index:10;background:linear-gradient(var(--bg) 55%, transparent);position:fixed;inset:0 0 auto}.nav-inner{align-items:center;gap:28px;max-width:1240px;margin:0 auto;padding:18px 28px;display:flex}.landing .brand{display:flex}.nav-links{color:var(--muted-foreground);gap:24px;margin-right:auto;font-size:14px;display:flex}.nav-links a:hover{color:var(--text)}.nav-account{align-items:center;min-height:36px;display:flex}.nav-pending{border:1px dashed var(--line-strong);width:82px;height:32px}.account{align-items:center;gap:10px;display:flex;position:relative}.avatar{border:1px solid var(--line-strong);background:var(--panel);width:32px;height:32px;font-family:var(--pixel);cursor:pointer;place-items:center;padding:0;font-size:12px;display:grid;overflow:hidden}.avatar:hover{border-color:var(--lime)}.avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.story{position:relative}.snaps i{scroll-snap-align:start;width:1px;height:1px;scroll-margin-top:0;position:absolute;left:0}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.stage-field{opacity:.4;transform-origin:50%;will-change:transform, opacity;pointer-events:none;position:absolute;inset:0}.stage-field[data-live=true]{pointer-events:auto}.hero-field{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 68% at 50% 55%,#000 55%,#0000 100%);mask-image:radial-gradient(62% 68% at 50% 55%,#000 55%,#0000 100%)}.calf-tip{z-index:4;background:var(--panel);border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;pointer-events:none;padding:6px 10px;font-size:13px;position:absolute;transform:translate(14px,-130%);box-shadow:4px 4px #0008}.hero-copy{z-index:2;text-align:center;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;padding:0 16px 6vh;display:flex;position:absolute;inset:0}.hero-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 46%,#07080aa6,#0000 70%);position:absolute;inset:25% 15%}.hero h1,.hero-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(52px,10vw,136px);font-weight:600;line-height:.95}.hero-copy h1 em{color:var(--lime);font-style:normal}.hero-sub{color:#c4cac0;max-width:34ch;margin:22px 0 30px;font-size:clamp(16px,1.6vw,19px);line-height:1.45}.cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.scroll-hint{font-family:var(--mono);color:var(--muted-foreground);letter-spacing:.04em;font-size:12px;position:absolute;bottom:28px}.scroll-hint span{animation:1.6s steps(2,end) infinite nudge;display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes nudge{50%{transform:translateY(3px)}}.flow{z-index:2;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:32px;max-width:1240px;margin:0 auto;padding:80px 28px 40px;display:flex;position:absolute;inset:0}.flow-steps{flex-direction:column;gap:6px;width:300px;margin:0;padding:0;list-style:none;display:flex}.flow-steps li{border-left:2px solid var(--line-strong);color:var(--muted-foreground);background:#07080ab3;gap:14px;padding:12px 14px;transition:color .2s,border-color .2s;display:flex}.flow-steps li.on{border-color:var(--lime);color:var(--text);background:#0b0d0fe6}.flow-n{font-family:var(--pixel);color:var(--faint);padding-top:3px;font-size:12px}.flow-steps li.on .flow-n{color:var(--lime)}.flow-steps h3{margin:0;font-size:16px;font-weight:560}.flow-steps p{margin:4px 0 0;font-size:14px;line-height:1.45;display:none}.flow-steps li.on p{color:var(--muted-foreground);display:block}.chat{border:1px solid var(--line-strong);background:#0b0d0ff2;width:380px;font-size:14px;box-shadow:10px 10px #0006,0 30px 80px #000a}.chat-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:560;display:flex}.chat-dots{gap:5px;display:flex}.chat-dots i{background:var(--line-strong);width:8px;height:8px}.chat-channel{font-family:var(--mono);color:var(--muted-foreground);margin-left:auto;font-size:11px;font-weight:400}.chat-body{flex-direction:column;gap:12px;min-height:250px;padding:16px;display:flex}.chat-item.fresh{animation:.3s steps(4,end) rise}.bubble{max-width:88%;margin:0;padding:10px 12px;line-height:1.45}.bubble.you{background:#c8f5601a;border:1px solid #c8f56040;align-self:flex-end}.bubble.mob{border:1px solid var(--line-strong);background:#ffffff08}.tools{color:var(--muted-foreground);flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.tools li{border:1px dashed var(--line-strong);padding:7px 10px}.tools li:before{content:"▸ ";color:var(--cyan)}.tools b{color:var(--text);margin-right:6px;font-weight:500}.approve{background:#ffb6480d;border:1px solid #ffb64866;padding:12px}.approve p{margin:0 0 10px;line-height:1.45}.approve b{color:var(--amber);font-weight:560}.approve code{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:4px;display:block}.approve-actions{font-family:var(--mono);justify-content:flex-end;gap:8px;font-size:12px;display:flex}.approve-actions span{border:1px solid var(--line-strong);padding:6px 12px}.approve-allow{animation:3.6s step-end infinite press}@keyframes press{0%,66%{color:var(--text);background:0 0}67%,to{background:var(--lime);color:#0a0d05;border-color:var(--lime)}}.feature-list{z-index:2;opacity:0;width:min(420px,38vw);position:absolute;top:50%;right:max(28px,50vw - 592px);transform:translateY(-50%)}.feature-kicker{font-family:var(--mono);color:var(--muted-foreground);letter-spacing:.04em;margin:0 0 14px;font-size:12px}.feature-list ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.feature-list li{border-bottom:1px solid var(--line);background:#07080ab3}.feature-list li.on{box-shadow:inset 2px 0 0 var(--lime);background:#0b0d0fe6}.feature-list button{cursor:pointer;text-align:left;width:100%;color:var(--muted-foreground);background:0 0;border:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.feature-list li.on button,.feature-list button:hover{color:var(--text)}.feature-list li.on button svg{color:var(--lime)}.feature-title{letter-spacing:-.01em;font-size:17px;font-weight:560}.feature-more{padding:0 16px 16px 46px;display:none}.feature-list li.on .feature-more{animation:.25s steps(3,end) rise;display:block}.feature-more p{color:#c4cac0;margin:0;font-size:15px;line-height:1.5}.feature-more .feature-look{color:var(--muted-foreground);margin-top:8px;font-size:13px}.start{scroll-snap-align:start;flex-direction:column;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:120px 28px 110px;display:flex}.start h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:600}.install{width:min(560px,100%)}.install-tabs{border:1px solid var(--line);border-bottom:0;display:flex}.install-tabs button{height:38px;font-family:var(--mono);color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;flex:1;font-size:12px}.install-tabs button+button{border-left:1px solid var(--line)}.install-tabs button[aria-selected=true]{background:var(--panel);color:var(--text);box-shadow:inset 0 -2px 0 var(--lime)}.terminal{background:var(--panel);border:1px solid var(--line);font-family:var(--mono);margin:0;padding:22px 26px;font-size:14px;line-height:2;overflow-x:auto;box-shadow:8px 8px #ffffff06}.terminal code{white-space:pre;font-size:inherit}.terminal .prompt,.terminal .ok{color:var(--lime);margin-right:10px}.install-note{color:var(--muted-foreground);text-align:center;margin:12px 0 0;font-size:14px}.cursor{background:var(--lime);vertical-align:-.2em;width:.6em;height:1.1em;margin-left:6px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:.15}}.footer{border-top:1px solid var(--line);max-width:1240px;color:var(--faint);flex-wrap:wrap;align-items:center;gap:18px 28px;margin:0 auto;padding:28px 28px 40px;font-size:14px;display:flex}.footer-brand{align-items:center;gap:14px;display:flex}.footer .logo-word{font-size:16px}.footer nav{gap:22px;margin-left:auto;display:flex}.footer nav a:hover{color:var(--text)}.corner{border-color:var(--lime);border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.corner.tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.corner.tr{border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.corner.bl{border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.corner.br{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.dialog-icon{color:var(--lime)}.sign-in-dialog h2{letter-spacing:-.02em;margin:18px 0 6px;font-size:24px;font-weight:560}.sign-in-dialog{width:min(420px,100% - 32px);padding:34px 30px 30px}.auth-form{flex-direction:column;gap:14px;display:flex}.turnstile{min-height:65px}.form-error{border-left:2px solid var(--amber);color:#ffd393;background:#ffb6480d;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.auth-form .btn-primary:disabled{opacity:1;color:var(--muted-foreground);border-color:var(--line-strong);box-shadow:none;background:0 0}.fine-print{text-align:center;color:var(--faint);margin:0;font-size:12px}@media (width<=1100px){.flow-steps{width:260px}.chat{width:340px}}@media (width<=760px){.nav-inner{gap:16px;padding:14px 16px}.nav-links{display:none}.nav-account{margin-left:auto}.hero-copy{padding-bottom:0}.hero-sub{margin:16px 0 24px}.flow{flex-direction:column;justify-content:flex-end;gap:12px;padding:0 16px 24px}.flow-steps{width:100%}.flow-steps li:not(.on){display:none}.chat{width:100%}.chat-body{justify-content:flex-end;min-height:0;max-height:34svh;padding:12px;overflow:hidden}.feature-list{width:auto;inset:auto 16px 20px;transform:none}.feature-list button{padding:10px 12px}.feature-title{font-size:15px}.feature-more{padding:0 12px 12px 42px}.feature-more p{font-size:14px}.start{padding:90px 16px 80px}.terminal{padding:18px;font-size:13px}.footer{padding:24px 16px 36px}.footer nav{flex-wrap:wrap;gap:14px 20px;margin-left:0}.sign-in-dialog{padding:30px 20px 22px}}.story.still .stage{height:auto;position:relative;overflow:visible}.story.still .stage-field{opacity:.4;height:100svh;position:relative}.story.still .hero-copy{height:100svh;inset:0 0 auto}.story.still .flow,.story.still .feature-list{opacity:1;pointer-events:auto;margin:0 auto;padding:40px 28px;position:relative;inset:auto;transform:none}.story.still .feature-list{width:min(560px,100% - 32px);padding:40px 0}.story.still .flow-steps p{display:block}@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none}}.story.still .feature-kicker,.story.still .scroll-hint{display:none}