:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head:var(--font);--font-mono:ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--fs-body:1.125rem;--fs-small:1.0625rem;--fs-lead:1.25rem;--fs-h3:1.3125rem;--fs-h2:1.625rem;--fs-h1:clamp(2rem, 4.6vw, 3rem);--fs-guide-h1:clamp(1.875rem, 5vw, 2.625rem);--lh-body:1.6;--lh-head:1.12;--s-1:.25rem;--s-2:.5rem;--s-3:1rem;--s-4:1.5rem;--s-5:2.5rem;--s-6:4rem;--gutter:1rem;--measure:42rem;--wide:72rem;--radius:10px;--tap:3rem;--motion-fast:.14s;--motion-base:.42s;--motion-step:.65s;--ease:cubic-bezier(.2, .6, .2, 1)}@media (min-width:48rem){:root{--gutter:2rem}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-step:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);overflow-wrap:break-word;flex-direction:column;min-height:100vh;margin:0;display:flex}[hidden]{display:none!important}img,svg{max-width:100%;height:auto}a{color:var(--link);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3{font-family:var(--font-head);line-height:var(--lh-head);margin:0 0 var(--s-3);text-wrap:balance}h1{font-size:var(--fs-h1);letter-spacing:-.02em}h2{font-size:var(--fs-h2);letter-spacing:-.01em}h3{font-size:var(--fs-h3)}p{margin:0 0 var(--s-3)}.skip{left:var(--s-3);background:var(--accent);color:var(--accent-ink);padding:var(--s-2) var(--s-3);border-radius:var(--radius);z-index:10;position:absolute;top:-4rem}.skip:focus{top:var(--s-2)}.wrap{width:100%;max-width:var(--wide);padding:0 var(--gutter);margin:0 auto}.site-header .wrap{justify-content:space-between;align-items:center;gap:0 var(--s-3);flex-wrap:wrap;min-height:4.5rem;display:flex}.brand-link{min-height:var(--tap);font-family:var(--font-head);font-weight:800;font-size:var(--fs-lead);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand-link svg{flex:none;width:2rem;height:2rem}.site-nav{flex-wrap:wrap;display:flex}.site-nav a{min-height:var(--tap);padding:0 var(--s-3);color:var(--ink);font-weight:650;font-size:var(--fs-small);border-radius:var(--radius);align-items:center;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--accent-soft)}.site-footer{border-top:1px solid var(--line);padding:var(--s-4) 0 var(--s-5);font-size:var(--fs-small);color:var(--muted);margin-top:auto}.site-footer .wrap{gap:var(--s-2) var(--s-5);flex-wrap:wrap;justify-content:space-between;display:flex}.site-footer nav{column-gap:var(--s-4);flex-wrap:wrap;display:flex}.site-footer a{min-height:var(--tap);color:var(--muted);align-items:center;display:inline-flex}.site-footer p{margin:var(--s-2) 0 0;flex-basis:100%}main{width:100%;max-width:var(--wide);padding:var(--s-3) var(--gutter) var(--s-6);animation:fade var(--motion-base) var(--ease) both;margin:0 auto}main.narrow{max-width:calc(var(--measure) + 2 * var(--gutter))}.hero{gap:var(--s-5);padding-top:var(--s-2);align-items:start;display:grid}.hero-copy,.hero-demo{min-width:0}@media (min-width:62rem){.hero{gap:var(--s-6);padding-top:var(--s-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero.flip .hero-demo{order:-1}}.eyebrow{color:var(--eyebrow);margin:0 0 var(--s-2);font-weight:700}.lede{font-size:var(--fs-lead);color:var(--muted);max-width:36rem}.pill{margin:0 0 var(--s-3);background:var(--pill-bg);color:var(--pill-ink);font-weight:700;font-size:var(--fs-small);border-radius:999px;align-items:center;gap:.55em;padding:.3rem .85rem;line-height:1.35;display:inline-flex}.pill:before{content:"";background:var(--pill-dot);border-radius:50%;flex:none;width:.55rem;height:.55rem}.fine{color:var(--muted);font-size:var(--fs-small)}.join{max-width:30rem;margin:0 0 var(--s-3)}.field{margin:0 0 var(--s-3)}.field label{margin-bottom:var(--s-1);font-weight:700;display:block}.field input,.field select{width:100%;min-height:var(--tap);padding:var(--s-2) var(--s-3);font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);display:block}.field input:focus,.field select:focus{border-color:var(--accent)}fieldset.q{margin:0 0 var(--s-3);border:0;min-width:0;padding:0}fieldset.q legend{margin:0 0 var(--s-2);color:var(--muted);padding:0;font-weight:600}.q-row{gap:var(--s-3);display:grid}.q-row .field{margin:0}.q-row .field label{font-weight:600}.q-row.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.status{min-height:0;margin:0}.status:not(:empty){margin:0 0 var(--s-3)}.status.bad{color:var(--warn);font-weight:650}.ts-slot{max-width:100%;overflow:hidden}.ts-slot:not(:empty){margin:0 0 var(--s-3)}.done{max-width:30rem;padding:var(--s-3) var(--s-4);border-radius:var(--radius);background:var(--accent-soft);font-weight:650}.btn{min-height:var(--tap);padding:0 var(--s-4);font:inherit;border-radius:var(--radius);border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer;text-align:center;transition:background-color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);justify-content:center;align-items:center;font-weight:750;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--btn-shadow);transform:translateY(-1px)}.btn:active{box-shadow:none;transform:none}.btn:disabled{opacity:.6;cursor:default;transform:none}.join .btn{width:100%;min-height:3.25rem;font-size:var(--fs-lead)}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.section{margin-top:var(--s-6)}.section>h2{max-width:40rem}.steps{gap:var(--s-4);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.steps li{counter-increment:step;padding-top:var(--s-3);border-top:2px solid var(--line)}.steps li:before{content:counter(step);font-family:var(--font-head);font-weight:800;font-size:var(--fs-h2);color:var(--accent);margin-bottom:var(--s-2);line-height:1;display:block}.steps h3{margin-bottom:var(--s-2)}.faq details{border-top:1px solid var(--line);max-width:46rem}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{min-height:var(--tap);padding:var(--s-3) 0;cursor:pointer;align-items:center;font-weight:700;display:flex}.faq details p{color:var(--muted)}.guide-list{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.guide-list.cols{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-list a{height:100%;min-height:var(--tap);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);transition:border-color var(--motion-fast) var(--ease);text-decoration:none;display:block}.guide-list a:hover{border-color:var(--accent)}.guide-list .g-title{margin-bottom:var(--s-1);font-weight:750;display:block}.guide-list .g-desc{color:var(--muted);font-size:var(--fs-small);display:block}.crumb{font-size:var(--fs-small);color:var(--muted)}.crumb a{color:var(--muted)}.doc h1{font-size:var(--fs-guide-h1)}.doc h2{margin-top:var(--s-5)}.doc h3{margin-top:var(--s-4)}.doc ul,.doc ol{margin:0 0 var(--s-3);padding-left:1.4rem}.doc li{margin-bottom:var(--s-2)}.doc pre,.doc .script{white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--fs-small);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-3);margin:0 0 var(--s-3);line-height:1.55}.doc .table-wrap{margin:0 0 var(--s-3);overflow-x:auto}.doc table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.doc th,.doc td{text-align:left;vertical-align:top;padding:var(--s-2) var(--s-3) var(--s-2) 0;border-bottom:1px solid var(--line)}.doc .callout{border-left:4px solid var(--accent);background:var(--surface);padding:var(--s-3) var(--s-4);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 var(--s-3)}.doc .safety{border-left:4px solid var(--warn);background:var(--warn-soft);padding:var(--s-3) var(--s-4);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 var(--s-3);font-weight:600}.doc .draft{background:var(--warn-soft);color:var(--warn);border-radius:var(--radius);padding:var(--s-3);font-weight:650}.guide-cta{margin:var(--s-6) 0 var(--s-5);padding:var(--s-4);border-radius:var(--radius);background:var(--surface);border:2px solid var(--accent)}.guide-cta h2{margin-top:0}.reveal{animation:rise var(--motion-base) var(--ease) both;animation-delay:calc(var(--d,0) * var(--motion-step))}.d1{--d:1}.d2{--d:2}.d3{--d:3}.d4{--d:4}.d5{--d:5}.d6{--d:6}.d7{--d:7}.d8{--d:8}.d9{--d:9}.d10{--d:10}.d11{--d:11}.d12{--d:12}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
