@font-face{font-family:Space Grotesk;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}:root{--paper: oklch(97% .008 80);--paper-2: oklch(94.5% .01 78);--ink: oklch(18% .01 60);--ink-soft: oklch(32% .01 60);--pencil: oklch(52% .01 70);--rule: oklch(88% .008 75);--copper: oklch(62% .14 55);--copper-ink: oklch(52% .14 52);--night: oklch(13% .01 60);--display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--body: "Inter", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--nav-h: 60px;--gutter: clamp(16px, 4vw, 40px);--ease: cubic-bezier(.2, .7, .1, 1);color-scheme:light}:root[data-theme=dark]{--paper: oklch(13% .01 60);--paper-2: oklch(17% .01 60);--ink: oklch(92% .008 80);--ink-soft: oklch(80% .008 80);--pencil: oklch(64% .01 70);--rule: oklch(28% .01 60);--copper: oklch(72% .14 55);--copper-ink: oklch(76% .13 58);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .4s,color .4s}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:8px 14px}.skip:focus{top:12px}.mark{font-family:var(--display);font-weight:700;letter-spacing:-.04em}.mark .i{color:var(--copper)}.nav{position:fixed;inset:0 0 auto;height:var(--nav-h);z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:color-mix(in oklch,var(--paper) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s,transform .5s var(--ease),background-color .4s}.nav.scrolled{border-bottom-color:var(--rule)}.nav .mark{font-size:20px}.nav ul{display:flex;gap:clamp(16px,3vw,36px);list-style:none;margin:0;padding:0}.nav ul a{font-size:14px;color:var(--ink-soft);position:relative;padding:6px 0}.nav ul a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav ul a:hover:after,.nav ul a[aria-current=page]:after{transform:scaleX(1)}.nav ul a[aria-current=page]{color:var(--ink)}.theme-dot{width:28px;height:28px;display:grid;place-items:center}.theme-dot span{width:12px;height:12px;border-radius:50%;background:var(--ink);transition:transform .4s var(--ease),background-color .4s;box-shadow:inset -4px -2px 0 0 var(--copper)}.theme-dot:hover span{transform:scale(1.25) rotate(40deg)}.nav-right{display:flex;align-items:center;gap:clamp(14px,3vw,32px)}@media(max-width:560px){.nav ul{gap:16px}.nav ul li.hide-sm{display:none}.nav ul a{font-size:13px}}main{display:block}.wrap{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1440px;margin:0 auto}.hero{position:relative;height:210svh}.hero-pin{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);padding-top:var(--nav-h);overflow:hidden}.morph{display:inline-block;white-space:nowrap;transform-origin:50% 70%;will-change:transform}.morph>span{display:inline-block;vertical-align:bottom}.morph .x{width:0;opacity:0;overflow:hidden;padding:.12em 0 .26em;margin:-.12em 0 -.26em}.morph .c,.morph .i{color:var(--copper)}.morph .dash,.morph .eight{overflow:hidden;padding:.12em 0 .26em;margin:-.12em 0 -.26em}.morph-row{display:flex;justify-content:center;min-width:0}.morph{position:relative}.morph:after{content:"";position:absolute;left:.04em;right:.04em;bottom:-.1em;height:max(2px,.04em);border-radius:2px;background:var(--copper);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}.morph.seen:after{animation:gaze 2.4s var(--ease) .32s both}.morph.seen>span{animation:glance .8s var(--ease) calc(.34s + var(--k, 0) * 42ms) both}@keyframes glance{0%,to{translate:0 0}45%{translate:0 -.06em;color:var(--copper)}}@keyframes gaze{0%{transform:scaleX(0);opacity:1}32%{transform:scaleX(1);opacity:1}78%{transform:scaleX(1);opacity:1;transform-origin:right}to{transform:scaleX(0);opacity:1;transform-origin:right}}.eye-wrap{position:relative;min-height:46svh}.eye{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;touch-action:pan-y}.eye-fallback{position:absolute;inset:0;display:grid;place-items:center;font:400 12px/1.2 var(--mono);color:var(--pencil);letter-spacing:.3em}.hero-text{text-align:center;padding:0 var(--gutter) clamp(40px,9svh,96px)}.hero h1{margin:0;font-size:clamp(88px,16vw,200px);line-height:.85}.hero p{margin:22px auto 0;color:var(--ink-soft);font-size:clamp(16px,1.6vw,19px)}.hero .cue{transition:opacity .3s;margin-top:28px;display:inline-flex;flex-direction:column;align-items:center;gap:10px;font:400 11px var(--mono);color:var(--pencil);letter-spacing:.08em}.hero .cue i{width:1px;height:36px;background:linear-gradient(var(--pencil),transparent);animation:cue 2.4s var(--ease) infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.stack-tools{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--rule);font-size:14px;color:var(--pencil)}.seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--rule);border-radius:999px}.seg button{padding:5px 14px;border-radius:999px;font-size:13px;color:var(--pencil);transition:background-color .25s,color .25s}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stack{list-style:none;margin:0;padding:0}.card{position:sticky;top:calc(var(--nav-h) + 10px);padding:10px 0 0;transform-origin:50% 0}.card+.card{margin-top:28svh}.card-in{background:var(--paper);border:1px solid var(--rule);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:minmax(260px,30%) 1fr;min-height:min(calc(100svh - var(--nav-h) - 48px),780px);transition:background-color .4s,border-color .4s;box-shadow:0 -18px 40px -24px color-mix(in oklch,var(--ink) 30%,transparent)}.card-copy{padding:clamp(22px,2.6vw,36px);display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--rule)}.card-num{font:400 13px var(--mono);color:var(--card-accent, var(--copper));display:flex;align-items:center;gap:10px}.card-num:after{content:"";flex:0 0 28px;height:1px;background:currentColor}.card h3{margin:0;font:700 clamp(30px,3.4vw,50px)/.98 var(--display);letter-spacing:-.04em}.card .meta{color:var(--pencil);font-size:14px}.card .note{margin:auto 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.5;max-width:32ch;color:var(--ink-soft)}.card .links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:14px;padding-top:8px}.btn-line{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--ink);border-radius:999px;transition:background-color .25s,color .25s}.btn-line:hover{background:var(--ink);color:var(--paper)}.link-quiet{padding:10px 0;color:var(--pencil);border-bottom:1px solid transparent}.link-quiet:hover{color:var(--ink);border-bottom-color:var(--ink)}.ext:after{content:"\2197";margin-left:4px;font-size:.9em}.card-media{position:relative;background:var(--card-ground, #111);overflow:hidden;display:grid;place-items:center;padding:clamp(18px,3vw,48px);isolation:isolate}.card-media:before{content:"";position:absolute;inset:-20%;background:radial-gradient(60% 50% at 70% 30%,color-mix(in oklch,var(--card-accent) 38%,transparent),transparent 70%);opacity:.55;z-index:-1;transition:opacity .6s}.card:hover .card-media:before{opacity:.85}.browser{position:relative;width:100%;max-width:980px;border-radius:10px;overflow:hidden;background:#0d0d0d;box-shadow:0 30px 60px -20px #0000008c,0 0 0 1px #ffffff14;transform:translateZ(0)}.browser-bar{height:26px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#1a1a1a}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#3a3a3a}.browser-bar span{margin-left:10px;font:400 10.5px var(--mono);color:#8a8a8a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.screen{position:relative;aspect-ratio:16 / 10;background:#111}.screen img,.screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.screen video{opacity:0;transition:opacity .5s}.screen.playing video{opacity:1}.phone{position:absolute;width:clamp(92px,13%,150px);aspect-ratio:390 / 844;border-radius:18px;overflow:hidden;border:4px solid #0d0d0d;box-shadow:0 24px 50px -16px #000000b3,0 0 0 1px #ffffff1a;right:clamp(14px,4%,48px);bottom:clamp(14px,6%,56px);background:#111;transition:transform .7s var(--ease)}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.card:hover .phone{transform:translateY(-10px) rotate(-1.5deg)}.counter{position:sticky;bottom:18px;z-index:5;display:flex;justify-content:flex-end;pointer-events:none;padding-top:18px}.counter span{font:400 12px var(--mono);padding:6px 10px;border-radius:6px;background:var(--ink);color:var(--paper)}.stack.as-index .card{position:relative;top:auto;margin:0;padding:0;transform:none!important;filter:none!important}.stack.as-index .card-in{display:block;min-height:0;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;background:transparent}.stack.as-index .card-copy{border:0;display:grid;grid-template-columns:56px 1fr auto auto;align-items:baseline;gap:18px;padding:20px 0}.stack.as-index .card h3{font-size:clamp(24px,3vw,40px)}.stack.as-index .card .note,.stack.as-index .card-media,.stack.as-index .card .links .link-quiet{display:none}.stack.as-index .card .links{padding:0}.stack.as-index~.counter{display:none}@media(max-width:860px){.card+.card{margin-top:18svh}.card-in{grid-template-columns:1fr;min-height:0}.card-copy{border-right:0;border-bottom:1px solid var(--rule);gap:10px;padding:20px}.card .note{margin:4px 0 0}.card-media{padding:22px 16px 34px}.phone{width:22%;right:12px;bottom:14px;border-width:3px;border-radius:12px}.stack.as-index .card-copy{grid-template-columns:36px 1fr}.stack.as-index .card .meta,.stack.as-index .card .links{grid-column:2}}.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);padding-top:clamp(80px,12vw,160px);padding-bottom:clamp(80px,10vw,140px)}.duo h2,.section-title{margin:0 0 18px;font:700 clamp(28px,3vw,40px)/1.05 var(--display);letter-spacing:-.035em}.duo p{max-width:46ch;color:var(--ink-soft);margin:0 0 14px}@media(max-width:760px){.duo{grid-template-columns:1fr}}.form{display:grid;gap:18px;max-width:480px}.form label span{display:block;font-size:13px;color:var(--pencil);margin-bottom:6px}.form input,.form textarea{width:100%;font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--rule);padding:8px 0 10px;border-radius:0;transition:border-color .25s}.form textarea{min-height:110px;resize:vertical}.form input:focus,.form textarea:focus{outline:none;border-bottom-color:var(--copper)}.form button{justify-self:start}.form .status{margin:0;font-size:14px;min-height:1.6em;color:var(--pencil)}.form .status.ok{color:var(--copper-ink)}.form .status.err{color:#c53829}.foot{border-top:1px solid var(--rule);padding-top:28px;padding-bottom:96px;display:flex;flex-wrap:wrap;gap:18px 40px;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--pencil)}.foot .mark{font-size:22px;color:var(--ink)}.foot nav{display:flex;flex-wrap:wrap;gap:8px 24px}.foot nav a:hover{color:var(--ink)}.page-head{padding-top:calc(var(--nav-h) + clamp(48px,9vw,120px));padding-bottom:clamp(40px,6vw,80px);border-bottom:1px solid var(--rule)}.kicker{font-size:14px;color:var(--pencil);margin:0 0 22px}.kicker a:hover{color:var(--ink)}.page-head h1{margin:0;max-width:16ch;font:700 clamp(46px,8vw,116px)/.94 var(--display);letter-spacing:-.055em}.page-head .lede{margin:28px 0 0;max-width:54ch;font-size:clamp(17px,1.6vw,21px);color:var(--ink-soft)}.rows{list-style:none;margin:0;padding:0}.row a{display:grid;grid-template-columns:56px 1fr auto 64px;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule);transition:padding .4s var(--ease),color .3s}.row .n{font:400 13px var(--mono);color:var(--pencil)}.row .t{font:700 clamp(26px,4vw,54px)/1 var(--display);letter-spacing:-.045em}.row .c,.row .y{color:var(--pencil);font-size:14px}.row .y{text-align:right}.row a:hover{padding-left:14px}.row a:hover .t{color:var(--copper-ink)}.peek{position:fixed;left:0;top:0;width:360px;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;pointer-events:none;z-index:30;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .25s,transform .35s var(--ease);box-shadow:0 30px 60px -20px #00000073}.peek.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.peek img{width:100%;height:100%;object-fit:cover;object-position:top}@media(max-width:760px){.row a{grid-template-columns:34px 1fr}.row .c{grid-column:2}.row .y,.peek{display:none}}.cs-hero{padding-top:clamp(32px,5vw,64px)}.cs-stage{position:relative;border-radius:14px;overflow:hidden;background:var(--cs-ground);padding:clamp(18px,5vw,80px);display:grid;place-items:center;isolation:isolate}.cs-stage:before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(50% 45% at 72% 30%,color-mix(in oklch,var(--cs-accent) 40%,transparent),transparent 70%)}.cs-stage .browser{max-width:1100px}.cs-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,96px);padding-top:clamp(56px,8vw,120px);padding-bottom:clamp(40px,6vw,80px)}.cs-body h2{margin:0 0 12px;font:500 15px var(--body);color:var(--pencil)}.cs-body p{margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.55;max-width:44ch}.scope{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.scope li{padding:6px 14px;border:1px solid var(--rule);border-radius:999px;font-size:14px;color:var(--ink-soft)}.cs-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;padding-bottom:clamp(56px,8vw,110px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:500;transition:background-color .25s,transform .25s}.btn:hover{background:var(--copper-ink);transform:translateY(-1px)}.reel{padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(56px,8vw,120px)}.reel-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}.reel-head p{margin:0;color:var(--pencil);font-size:14px}.reel-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,860px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin}.reel-track>*{scroll-snap-align:start}.reel-track .browser{max-width:none;box-shadow:0 0 0 1px var(--rule)}.phones{display:flex;gap:clamp(12px,2vw,24px);align-items:flex-start}.phones .phone{position:relative;right:auto;bottom:auto;width:clamp(150px,22vw,260px);transform:none}.next{display:block;border-top:1px solid var(--rule);padding-top:28px;padding-bottom:clamp(56px,8vw,110px)}.next small{color:var(--pencil);font-size:14px}.next strong{display:block;margin-top:8px;font:700 clamp(40px,7vw,100px)/.95 var(--display);letter-spacing:-.055em;transition:color .3s}.next:hover strong{color:var(--copper-ink)}@media(max-width:760px){.cs-body{grid-template-columns:1fr}}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule)}.steps li{padding:28px 28px 32px 0;border-right:1px solid var(--rule)}.steps li+li{padding-left:28px}.steps li:last-child{border-right:0}.steps b{display:block;font:400 13px var(--mono);color:var(--copper-ink);margin-bottom:18px}.steps h3{margin:0 0 8px;font:700 24px/1.1 var(--display);letter-spacing:-.03em}.steps p{margin:0;color:var(--ink-soft)}@media(max-width:760px){.steps{grid-template-columns:1fr}.steps li{border-right:0;border-bottom:1px solid var(--rule);padding:24px 0!important}}.prose{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,96px);display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,6vw,96px)}.prose p{margin:0 0 18px;font-size:clamp(17px,1.4vw,19px);max-width:52ch;color:var(--ink-soft)}.prose p:first-child{color:var(--ink)}@media(max-width:760px){.prose{grid-template-columns:1fr}}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.thumbs a{display:block}.thumbs .screen{border-radius:8px;overflow:hidden}.thumbs span{display:flex;justify-content:space-between;padding-top:10px;font-size:14px}.thumbs span em{font-style:normal;color:var(--pencil)}@media(max-width:760px){.thumbs{grid-template-columns:1fr}}.shaker{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:60;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px 8px 4px 4px;border-radius:999px;background:var(--ink);color:var(--paper);box-shadow:0 14px 30px -12px #00000073;transition:background-color .3s,color .3s;white-space:nowrap}.shake{display:inline-flex;align-items:center;gap:10px;padding:7px 12px 7px 8px;border-radius:999px;font:500 14px var(--body);color:inherit;transition:background-color .25s}.shake:hover{background:color-mix(in oklch,currentColor 12%,transparent)}.shake .dice{width:22px;height:22px;border-radius:6px;background:var(--copper);position:relative;flex:none}.shake .dice i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--night)}.shake .dice i:nth-child(1){left:4px;top:4px}.shake .dice i:nth-child(2){right:4px;bottom:4px}.shake .dice i:nth-child(3){left:9px;top:9px}.shaker .modes{display:flex}.shaker .modes button{width:16px;height:30px;display:grid;place-items:center;color:inherit;border-radius:6px}.shaker .modes button:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity .25s,transform .25s}.shaker .modes button:hover:before{opacity:.75;transform:scale(1.3)}.shaker .modes button.on:before{opacity:1;transform:scale(1.35)}.shaker .modes button:disabled{display:none}.shake.rolling .dice{animation:roll .7s var(--ease)}.shaker:has(.rolling){animation:wobble .6s var(--ease)}@keyframes roll{0%{transform:rotate(0)}60%{transform:rotate(400deg) scale(1.15)}to{transform:rotate(360deg)}}@keyframes wobble{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}.shaker .snd{width:30px;height:30px;margin-left:4px;display:grid;place-items:center;color:inherit;border-radius:999px;opacity:.55;position:relative;transition:opacity .25s,background-color .25s}.shaker .snd:before{content:"";position:absolute;left:-3px;top:8px;bottom:8px;width:1px;background:currentColor;opacity:.25}.shaker .snd:hover{opacity:1;background:color-mix(in oklch,currentColor 12%,transparent)}.shaker .snd.on{opacity:1}.shaker .snd .w{display:none}.shaker .snd.on .w{display:inline}.shaker .snd.on .x,.shaker .snd[hidden]{display:none}.shake.nudge .dice{animation:toss 1.1s var(--ease)}.shaker:has(.nudge){animation:hop 1.1s var(--ease)}.shaker:has(.nudge):after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--copper);animation:ring 1.3s var(--ease) .15s both;pointer-events:none}@keyframes toss{0%{transform:none}18%{transform:translateY(-9px) rotate(-30deg)}42%{transform:translateY(0) rotate(160deg) scale(1.08)}58%{transform:translateY(-3px) rotate(200deg)}74%,to{transform:rotate(180deg)}}@keyframes hop{0%,to{translate:0 0}18%{translate:0 -4px}42%{translate:0 0}58%{translate:0 -1px}74%{translate:0 0}}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.18,1.6)}}.toast{position:fixed;left:50%;bottom:82px;transform:translate(-50%);z-index:61;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:10px;font-size:14px;max-width:calc(100vw - 32px);text-align:center;opacity:0;transition:opacity .3s;pointer-events:none}.toast.on{opacity:1}body.shaking .site{animation:site-shake .5s var(--ease)}@keyframes site-shake{0%,to{transform:none}20%{transform:translate(-8px,2px) rotate(-.4deg)}40%{transform:translate(7px,-2px) rotate(.35deg)}60%{transform:translate(-4px,1px)}80%{transform:translate(3px)}}.site{transition:opacity .6s var(--ease),filter .6s var(--ease),transform .8s var(--ease)}body.mode-alt .site{opacity:0;filter:blur(8px);transform:scale(.97);pointer-events:none}body.mode-alt{overflow:hidden}body[data-mode=field],body[data-mode=tv],body[data-mode=terminal],body[data-mode=arcade]{background:var(--night)}body[data-mode=field] .shaker,body[data-mode=tv] .shaker,body[data-mode=terminal] .shaker,body[data-mode=arcade] .shaker{background:#e7e4df;color:var(--night)}body[data-mode=desk]{background:#dacfc3}body[data-mode=os]{background:#e2ddd5}@media(prefers-reduced-motion:reduce){.shake.nudge .dice{outline:2px solid var(--copper);outline-offset:3px}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:860px){.counter{display:none}}.cs-stage .phone{right:clamp(14px,5%,72px);bottom:clamp(14px,7%,72px);width:clamp(84px,14%,190px)}.nf{min-height:100svh;display:grid;grid-template-rows:minmax(260px,1fr) auto;padding:calc(var(--nav-h) + 8px) 0 clamp(110px,14vh,150px)}.nf-eye{position:relative}.nf-copy{text-align:center;padding-top:14px}.nf-copy .kicker{margin-bottom:12px}.nf h1{margin:0;font:700 clamp(36px,6vw,72px)/1 var(--display);letter-spacing:-.045em}.nf-path{margin:16px auto 0;color:var(--pencil);font-size:15px;max-width:100%;overflow-wrap:anywhere}.nf-path code{font:400 14px var(--mono);color:var(--ink)}.nf-acts{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}body[data-page=nf] .foot{display:none}.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}