@font-face{font-family:Geist;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist/geist-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/geist-mono/geist-mono-latin-wght-normal.woff2)format("woff2")}:root{--ground:#f8f9f8;--surface:#fff;--tile:#eef1ee;--ink:#0f1110;--ink-2:#454c48;--ink-3:#626b66;--rule:#e0e4e0;--rule-2:#c9cfca;--pass:#08704a;--pass-soft:#e2f1e9;--warn:#b5470f;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--nav-h:64px;--r-tile:20px;--r-field:12px;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow-tile:0 0 0 1px #0f11100f, 0 1px 2px #0f11100d, 0 18px 40px -14px #0f11102e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@property --d{syntax:"<number>";inherits:true;initial-value:0}@property --ad{syntax:"<number>";inherits:true;initial-value:0}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--ground);color:var(--ink);font:400 16px / 1.55 var(--sans);-webkit-font-smoothing:antialiased;caret-color:var(--pass);margin:0}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:50;background:var(--ground);position:fixed;inset:0 0 auto}::selection{background:var(--pass);color:var(--surface)}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--pass);outline-offset:3px;border-radius:6px}main[tabindex="-1"]:focus,section[tabindex="-1"]:focus{outline:none}.wrap{max-width:1280px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-inline:auto}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.key{color:var(--pass)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.i{fill:currentColor;flex:none;width:1em;height:1em}.pill{background:var(--ink);height:48px;color:var(--surface);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease-out), transform .15s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 6px 0 22px;font-size:1rem;font-weight:560;text-decoration:none;display:inline-flex}.pill .disc{background:var(--surface);width:36px;height:36px;color:var(--ink);transition:transform .25s var(--ease-out);border-radius:999px;place-items:center;display:grid}.pill:active{transform:scale(.97)}.pill--small{gap:8px;height:40px;padding:0 4px 0 16px;font-size:.9375rem}.pill--small .disc{width:32px;height:32px}.ghost{border:1px solid var(--rule-2);background:var(--surface);height:40px;color:var(--ink);white-space:nowrap;cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), transform .15s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.9375rem;font-weight:540;text-decoration:none;display:inline-flex}.ghost:active{transform:scale(.97)}.ghost[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.text-link{color:var(--ink-2);font-weight:500}@media (hover:hover) and (pointer:fine){.pill:hover{background:#262a28}.pill:hover .disc{transform:translate(2px)}.ghost:hover{border-color:var(--ink)}.text-link:hover,.nav-links a:hover{color:var(--ink)}.field input:hover,.field textarea:hover{border-color:var(--ink-3)}}.mock-note{font:500 .8125rem / 1.4 var(--sans);color:var(--ink-3);border:1px dashed var(--rule-2);border-radius:8px;padding:4px 10px;display:inline-block}.nav{top:env(safe-area-inset-top,0px);z-index:40;height:var(--nav-h);background:var(--ground);position:sticky}.nav .wrap{align-items:center;gap:28px;height:100%;display:flex}.mark{letter-spacing:-.035em;white-space:nowrap;font-size:1.1875rem;font-weight:640;text-decoration:none}.nav-links{gap:26px;margin-left:auto;display:flex}.nav-links a{color:var(--ink-2);font-size:.9375rem;font-weight:500;text-decoration:none}.lang{background:var(--tile);border-radius:999px;padding:3px;display:inline-flex}.lang button{min-width:40px;height:30px;font:600 .8125rem var(--sans);color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;transition:background-color .15s,color .15s}.lang button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0f11101f}.map{background:var(--rule);height:1px;position:absolute;bottom:0;left:0;right:0}.map-fill{transform-origin:0;background:var(--ink);position:absolute;inset:0;transform:scaleX(0)}.map-tick{background:var(--ink-3);width:1px;height:5px;position:absolute;top:-2px}@media (max-width:900px){.nav-links{display:none}.lang{margin-left:auto}.nav .wrap{gap:10px}}@media (max-width:420px){.nav .pill--small>span:first-child{display:none}.nav .pill--small{padding:0 4px}}.hero{text-align:center;padding-block:clamp(36px,6vh,64px) 28px}.hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:15ch;margin-inline:auto;padding-bottom:.04em;font-size:clamp(3.2rem,9vw,8rem);font-weight:680;line-height:.88}.hero .sub{color:var(--ink-2);text-wrap:balance;margin-top:22px;font-size:clamp(1.0625rem,1.4vw,1.1875rem)}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-top:28px;display:flex}.fs{--n:4;--step:46vh;--stage-h:calc(100dvh - var(--nav-h));height:calc(var(--stage-h) + (var(--n) - .5) * var(--step));position:relative;overflow-x:clip}.fs-stop{left:0;right:0;top:calc(var(--k) * var(--step));height:var(--step);pointer-events:none;position:absolute}.fs-stage{top:calc(var(--nav-h) + env(safe-area-inset-top,0px));height:var(--stage-h);grid-template-rows:auto minmax(0,1fr) auto;min-height:600px;display:grid;position:sticky}.timeline{font:500 .8125rem / 1 var(--sans);color:var(--ink-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding-block:14px 6px;display:grid}.tl-axis{height:34px;position:relative}.tl-axis:before{content:"";background:var(--rule-2);height:1px;position:absolute;top:50%;left:0;right:0}.tl-tick{background:var(--ground);height:100%;color:var(--ink-3);white-space:nowrap;font:500 .75rem / 1 var(--mono);align-items:center;gap:8px;padding-inline:10px;transition:color .2s;display:flex;position:absolute;top:0;transform:translate(-50%)}.tl-tick:before{content:"";border:1px solid var(--ink-3);background:var(--ground);width:7px;height:7px;transition:background-color .2s, border-color .2s, transform .3s var(--ease-out);border-radius:99px}.tl-tick.is-active{color:var(--pass)}.tl-tick.is-active:before{background:var(--pass);border-color:var(--pass);transform:scale(1.3)}.tl-tick.is-done:before{background:var(--ink);border-color:var(--ink)}.fan{min-height:0;position:relative}.frame{--gap:300px;--w:288px;--h:404px;width:var(--w);height:min(var(--h), calc(100% - 46px));transform:translateX(-50%) translate3d(calc(var(--d) * var(--gap)), calc(var(--ad) * var(--ad) * 9px + var(--ad) * 14px), 0) rotate(calc(var(--d) * 3.5deg)) scale(calc(1 - min(var(--ad), 2) * .07));transform-origin:50% 100%;opacity:clamp(0, calc(1.55 - var(--ad) * .3), 1);transition:--d .56s var(--ease), --ad .56s var(--ease), box-shadow .3s var(--ease-out);border-radius:var(--r-tile);background:var(--surface);box-shadow:var(--shadow-tile);grid-template-rows:auto minmax(0,1fr);font-size:13px;line-height:1.35;display:grid;position:absolute;top:22px;left:50%;overflow:hidden}.frame.is-active{box-shadow:0 0 0 1.5px var(--pass), 0 1px 2px #0f11100d, 0 24px 48px -16px #0f11103d}.fs.is-jump .frame,.fs.is-jump .chapter{transition:none!important}.f-bar{border-bottom:1px solid var(--rule);font:500 11.5px / 1 var(--sans);color:var(--ink-3);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.f-bar .u,.f-bar .t{font-family:var(--mono);font-size:11px}.f-bar .t{color:var(--ink);background:var(--tile);border-radius:99px;padding:4px 8px}.frame.is-active .f-bar .t{background:var(--pass-soft);color:var(--pass)}.f-body{align-content:start;gap:10px;min-height:0;padding:14px;display:grid}.f-store{letter-spacing:-.02em;justify-content:space-between;align-items:center;font-size:14px;font-weight:640;display:flex}.f-store i{background:var(--ink);width:18px;height:2px;box-shadow:0 5px 0 var(--ink), 0 -5px 0 var(--ink);display:block}.sk{background:linear-gradient(90deg,#eef0ee 0,#f5f7f5 50%,#eef0ee 100%);border-radius:10px}.sk-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sk-card{height:96px}.sk-line{border-radius:99px;height:9px}.f-hi{color:#eef3ef;background:#2f4a3c;border-radius:12px;align-content:end;height:128px;padding:14px;display:grid}.f-hi strong{letter-spacing:-.03em;font-size:20px;font-weight:620;line-height:1.05}.f-photo{object-fit:cover;background:var(--tile);border-radius:12px;width:100%;height:170px;display:block}.f-title{letter-spacing:-.015em;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;font-weight:600;display:flex}.f-title .num{font-size:13px;font-weight:500}.f-chips{flex-wrap:wrap;gap:6px;display:flex}.f-chip{border:1px solid var(--rule-2);color:var(--ink-2);border-radius:99px;padding:5px 10px;font-size:12px}.f-chip.on{border-color:var(--ink);color:var(--ink);font-weight:560}.f-btn{background:var(--ink);height:38px;color:var(--surface);border-radius:99px;justify-content:center;align-items:center;gap:6px;padding-inline:14px;font-size:13px;font-weight:560;display:flex}.f-small{font:450 11.5px / 1.35 var(--sans);color:var(--ink-3)}.score{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding-block:4px 6px;display:grid}.ring{--p:.94;background:var(--surface);width:84px;height:84px;font:600 26px / 1 var(--mono);color:var(--pass);border-radius:50%;place-items:center;display:grid;position:relative}.ring:before{content:"";background:conic-gradient(var(--pass) calc(var(--p) * 1turn), var(--pass-soft) 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 80%,#000 81%);mask:radial-gradient(closest-side,#0000 80%,#000 81%)}.score p{letter-spacing:-.015em;font-weight:600}.metrics{border-top:1px solid var(--rule);display:grid}.metric{border-bottom:1px solid var(--rule);grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;display:grid}.metric .mk{width:14px;height:14px;color:var(--surface);border-radius:99px;place-items:center;display:grid}.metric .mk.ok{background:var(--pass)}.metric .mk.flag{background:var(--ink)}.metric .mk svg{fill:currentColor;width:10px;height:10px}.metric .num{font-size:12px}.metric .num.flag{color:var(--ink);font-weight:650}.days{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.day{border:1px solid var(--rule-2);text-align:center;border-radius:12px;gap:4px;padding:8px 0;display:grid}.day small{font:560 10.5px / 1 var(--sans);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.day b{font:600 17px / 1 var(--mono)}.day.on{border-color:var(--ink);background:var(--ink);color:var(--surface)}.day.on small{color:#ffffffb8}.slots{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.slot{border:1px solid var(--rule-2);text-align:center;font:500 12px / 1 var(--mono);border-radius:99px;padding:6px 0}.slot.on{border-color:var(--pass);color:var(--pass);background:var(--pass-soft);font-weight:600}.chapters{text-align:center;justify-items:center;min-height:9.5rem;padding-block:10px 30px;display:grid}.chapter{opacity:0;filter:blur(3px);visibility:hidden;grid-area:1/1;justify-items:center;gap:8px;max-width:46ch;transition:opacity .16s,transform .16s,filter .16s,visibility 0s .16s;display:grid;transform:translateY(6px)}.chapter.is-active{opacity:1;filter:none;visibility:visible;transition:opacity .3s var(--ease-out) 80ms, transform .3s var(--ease-out) 80ms, filter .3s var(--ease-out) 80ms;transform:none}.chapter h2{letter-spacing:-.025em;font-size:1.375rem;font-weight:620}.chapter p{color:var(--ink-2);text-wrap:pretty}.chapter a{font-size:.9375rem;font-weight:560}@media (max-width:767px),(prefers-reduced-motion:reduce){.fs{height:auto;overflow:visible}.fs-stop{display:none}.fs-stage{height:auto;min-height:0;position:static}.fan{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gutter-l)) calc(-1 * var(--gutter-r));scrollbar-width:none;gap:14px;padding:18px calc(50% - 140px) 30px;display:flex;overflow-x:auto}.fan::-webkit-scrollbar{display:none}.frame{--w:280px;height:var(--h);flex:0 0 var(--w);scroll-snap-align:center;opacity:1;position:relative;top:auto;left:auto;transform:none}.chapters{padding-top:0}}@media (max-width:560px){.timeline>.tl-label{display:none}.timeline{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}.chapter,.chapter.is-active{filter:none;transform:none;transition:opacity .2s,visibility!important}}.section{padding-block:clamp(88px,12vw,152px) 0}.head{gap:14px;max-width:760px;margin-bottom:clamp(36px,5vw,56px);display:grid}.head h2{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.25rem,5vw,4rem);font-weight:620;line-height:.98}.head p{color:var(--ink-2);text-wrap:pretty;max-width:54ch;font-size:1.125rem}.builder{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.picks{border-top:1px solid var(--rule);display:grid}.pick label{border-bottom:1px solid var(--rule);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 4px;display:grid}.pick-name{letter-spacing:-.015em;font-weight:580;display:block}.pick-desc{color:var(--ink-3);font-size:.875rem;display:block}.switch{appearance:none;background:var(--rule-2);cursor:pointer;width:44px;height:26px;transition:background-color .2s var(--ease-out);border-radius:99px;margin:0;position:relative}.switch:after{content:"";background:var(--surface);width:20px;height:20px;transition:transform .25s var(--ease-out), width .2s var(--ease-out);border-radius:99px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f111040}.switch:checked{background:var(--ink)}.switch:checked:after{transform:translate(18px)}.switch:active:after{width:24px}.switch:checked:active:after{transform:translate(14px)}.sticky-est{top:calc(var(--nav-h) + 24px);position:sticky}.est{border-radius:var(--r-tile);background:var(--surface);box-shadow:var(--shadow-tile);gap:18px;padding:26px;display:grid}.est-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.est-head h3{letter-spacing:-.02em;font-size:1.125rem;font-weight:620}.est-head small{font:500 .75rem var(--mono);color:var(--ink-3)}.strip{gap:3px;height:44px;display:flex}.seg{background:var(--ink);min-width:44px;color:var(--surface);font:600 .6875rem / 1 var(--mono);transform-origin:0;border-radius:8px;flex:1 1 0;place-items:center;display:grid}.seg.is-new{animation:lock .28s var(--ease-out)}@keyframes lock{0%{opacity:0;transform:scaleX(.2)}60%{opacity:1;transform:scaleX(1.03)}to{transform:none}}.strip-empty{border:1px dashed var(--rule-2);border-radius:8px;flex:1}.lines{gap:8px;display:grid}.line{grid-template-columns:18px minmax(0,1fr);align-items:baseline;gap:10px;font-size:.9375rem;display:grid}.line i{font:600 .6875rem / 1 var(--mono);color:var(--ink-3);font-style:normal}.lines-empty{color:var(--ink-3);font-size:.9375rem}.line.is-new{animation:line-in .22s var(--ease-out)}@keyframes line-in{0%{opacity:0;transform:translateY(4px)}}.est-note{color:var(--ink-3);border-top:1px solid var(--rule);padding-top:16px;font-size:.875rem}@media (max-width:900px){.builder{grid-template-columns:minmax(0,1fr)}.sticky-est{position:static}}.steps{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.steps:before{content:"";background:var(--rule-2);height:1px;position:absolute;top:7px;left:0;right:0}.step{align-content:start;gap:10px;padding-right:28px;display:grid;position:relative}.step:before{content:"";background:var(--ground);border:1px solid var(--ink);border-radius:99px;width:15px;height:15px;margin-bottom:14px}.step:first-child:before{background:var(--ink)}.step .num{background:var(--ground);color:var(--ink-3);padding-inline:6px;font-size:.8125rem;line-height:15px;position:absolute;top:0;left:21px}.step h3{letter-spacing:-.03em;font-size:1.5rem;font-weight:620}.step p{color:var(--ink-2);max-width:30ch}@media (max-width:860px){.steps{grid-template-columns:minmax(0,1fr);gap:28px;padding-left:30px}.steps:before{width:1px;height:auto;inset:6px auto 6px 7px}.step:before{margin:0;position:absolute;top:2px;left:-30px}.step{grid-template-columns:auto minmax(0,1fr);column-gap:10px;padding-right:0}.step h3{grid-row:1}.step .num{background:0 0;grid-area:1/2;align-self:center;padding:0;position:static}.step p{grid-column:1/-1}}.demos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.demo{border-radius:var(--r-tile);background:var(--surface);box-shadow:0 0 0 1px var(--rule);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.shot{background:var(--tile);padding:28px 28px 0}.browser{background:var(--surface);border-radius:14px 14px 0 0;overflow:hidden;box-shadow:0 0 0 1px #0f11100f,0 20px 40px -20px #0f11104d}.b-bar{border-bottom:1px solid var(--rule);align-items:center;gap:10px;padding:10px 12px;display:flex}.b-bar i{background:var(--rule-2);width:8px;height:8px;box-shadow:13px 0 0 var(--rule-2), 26px 0 0 var(--rule-2);border-radius:9px;margin-right:26px}.b-bar span{text-align:center;font:500 11px var(--mono);color:var(--ink-3);background:var(--ground);border-radius:99px;flex:1;padding:5px 0}.b-page{gap:12px;padding:16px;display:grid}.b-nav{letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:640;display:flex}.b-nav small{color:var(--ink-3);letter-spacing:0;text-align:right;font-size:11px;font-weight:500}.b-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.b-item{gap:6px;min-width:0;font-size:11px;display:grid}.b-item .ph{aspect-ratio:4/5;object-fit:cover;background:var(--tile);border-radius:8px;width:100%;height:auto;display:block}.b-item b{font-weight:560}.b-item small{font:500 10px var(--mono);color:var(--ink-3)}.demo-body{align-content:start;gap:18px;padding:26px 28px 30px;display:grid}.demo-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.demo-title h3{letter-spacing:-.03em;font-size:1.5rem;font-weight:620}.tag{font:600 .75rem / 1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--rule-2);border-radius:99px;flex:none;padding:6px 10px}.demo dl{gap:12px;display:grid}.demo dl div{grid-template-columns:96px minmax(0,1fr);gap:14px;display:grid}.demo dt{font:560 .875rem / 1.6 var(--sans);color:var(--ink-3)}.demo dd{color:var(--ink-2)}@media (max-width:860px){.demos{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.shot{padding:18px 18px 0}.demo-body{padding:22px 20px 26px}.demo dl div{grid-template-columns:minmax(0,1fr);gap:2px}}.faq-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:clamp(28px,6vw,96px);display:grid}.faq-wrap .head{margin:0}.faq{border-top:1px solid var(--rule)}.faq details{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:1.125rem;font-weight:560;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{fill:currentColor;width:18px;height:18px;transition:transform .25s var(--ease-out);color:var(--ink-3);flex:none}.faq details[open] summary svg{color:var(--ink);transform:rotate(45deg)}.faq details p{color:var(--ink-2);max-width:62ch;padding:0 48px 24px 4px}.faq details{interpolate-size:allow-keywords}.faq details::details-content{block-size:0;transition:block-size .26s var(--ease-out), content-visibility .26s allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}.faq details p{opacity:0;transition:opacity .2s ease, translate .26s var(--ease-out);translate:0 -4px}.faq details[open] p{opacity:1;translate:none}@media (max-width:860px){.faq-wrap{grid-template-columns:minmax(0,1fr)}}.contact-head{text-align:center;justify-items:center;gap:16px;margin-bottom:44px;display:grid}.contact-head h2{letter-spacing:-.04em;text-wrap:balance;max-width:14ch;font-size:clamp(2.5rem,6.4vw,5.5rem);font-weight:620;line-height:.95}.contact-head p{color:var(--ink-2);text-wrap:balance;font-size:1.125rem}.panel{border-radius:var(--r-tile);background:var(--surface);box-shadow:0 0 0 1px var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);display:grid;overflow:hidden}.channels{background:var(--ground);border-right:1px solid var(--rule);align-content:start;gap:22px;padding:32px;display:grid}.channel small{font:500 .8125rem var(--sans);color:var(--ink-3);margin-bottom:4px;display:block}.channel-row{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;font-weight:560;display:flex}.copy{height:32px;padding:0 12px;font-size:.8125rem}.form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:32px;display:grid}.field{align-content:start;gap:8px;display:grid}.field--wide,.form-foot{grid-column:1/-1}.field label{font-size:.9375rem;font-weight:560}.field input,.field textarea{border:1px solid var(--rule-2);border-radius:var(--r-field);background:var(--surface);width:100%;padding:12px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;field-sizing:content;min-height:128px;max-height:60vh}@media (prefers-reduced-motion:no-preference){.field textarea.is-filled{animation:filled 1.4s var(--ease-out) .25s both}}@media (prefers-reduced-motion:reduce){.field textarea.is-filled{animation:.9s both filled;animation-duration:.9s!important}}@keyframes filled{0%{background-color:var(--pass-soft);border-color:var(--pass)}}.field input::placeholder{color:var(--ink-3)}.field input:focus,.field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--pass-soft);outline:none}.field [aria-invalid=true]{border-color:var(--warn)}.err{color:var(--warn);font-size:.875rem}.form-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 16px;display:flex}.form-foot .err{flex:240px}.pill[aria-busy=true]{opacity:.7;cursor:progress}.sent{transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);align-content:start;gap:12px;padding:32px;display:grid}@starting-style{.sent{opacity:0;transform:translateY(6px)}}.sent strong{letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.5rem;font-weight:620;display:flex}.sent strong svg{color:var(--pass)}@media (max-width:860px){.panel{grid-template-columns:minmax(0,1fr)}.channels{border-right:0;border-bottom:1px solid var(--rule)}}@media (max-width:560px){.form{grid-template-columns:minmax(0,1fr);padding:24px 20px}.channels{padding:24px 20px}}.foot{padding-block:clamp(96px,12vw,160px) 36px;overflow:hidden}.foot-row{color:var(--ink-3);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:.875rem;display:flex}.foot-row nav{flex-wrap:wrap;gap:20px;display:flex}.foot-row a{color:var(--ink-2)}.credits{color:var(--ink-3);max-width:90ch;margin-top:14px;font-size:.8125rem}.credits a{color:var(--ink-2)}.foot-name{letter-spacing:-.055em;white-space:nowrap;margin-top:28px;font-size:clamp(3.5rem,15.2vw,13.5rem);font-weight:640;line-height:.8}.vs-on,.vs-on body{overscroll-behavior:none;height:100%;overflow:hidden}.vs-on .nav{inset:env(safe-area-inset-top,0px) 0 auto;position:fixed}.vs{touch-action:pan-x pinch-zoom;position:fixed;inset:0;overflow:clip}.vs-track{will-change:transform}.vs-copy{padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px));background:var(--ground);position:relative}
