@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--ink:#111;--ink-2:#3a3a3a;--muted:#6b6b6b;--faint:#a6a6a6;--rule:#e7e7e7;--rule-strong:#cfcfcf;--paper:#fff;--canvas:#f8f8f7;--unknown:#fff1a8;--unknown-ink:#6b5900;--change:#2f5d9a;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:17px / 1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.15}h1{font-size:clamp(36px,6vw,60px);font-weight:700}h2{font-size:clamp(26px,3.4vw,34px);font-weight:650}h3{font-size:18px;font-weight:600}p{margin:0}.wrap{width:100%;max-width:1080px;margin:0 auto;padding-inline:24px}.logo{letter-spacing:-.04em;font-size:22px;font-weight:700;text-decoration:none}.btn{font:500 15px var(--sans);background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:8px;padding:10px 18px;text-decoration:none;display:inline-block}.btn.ghost{background:var(--paper);color:var(--ink);border:1px solid var(--rule-strong)}.muted{color:var(--muted)}.top{border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#ffffffeb;position:sticky;top:0}.top .wrap{align-items:center;gap:24px;height:64px;display:flex}.top nav{align-items:center;gap:20px;margin-left:auto;font-size:15px;display:flex}.top nav a:not(.btn){color:var(--ink-2);text-decoration:none}.top nav a:not(.btn):hover{color:var(--ink)}.foot{border-top:1px solid var(--rule);color:var(--muted);margin-top:96px;padding-block:32px;font-size:14px}.foot .wrap{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.foot a{color:var(--muted)}.foot .logo{color:var(--ink);font-size:17px}.hero{gap:24px;padding-block:88px 56px;display:grid}.hero h1{max-width:20em;font-size:clamp(34px,5vw,54px)}.hero .lead{color:var(--ink-2);max-width:62ch;font-size:20px}.hero .actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero .small{font-size:14px}.figure{background:var(--canvas);border:1px solid var(--rule);border-radius:14px;margin:0;padding:24px}.figure figcaption{color:var(--muted);margin-top:12px;font-size:14px}.section{gap:32px;padding-top:96px;display:grid}.section>header{gap:12px;max-width:680px;display:grid}.section>header p{color:var(--ink-2)}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--rule);counter-increment:step;border-radius:12px;align-content:start;gap:8px;padding:20px;display:grid}.steps li:before{content:counter(step);color:var(--muted);font-size:13px}.steps p,.cols p{color:var(--ink-2);font-size:16px}.say{font-weight:600}.cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;display:grid}.cols>div{align-content:start;gap:8px;display:grid}.agents{flex-wrap:wrap;gap:8px;display:flex}.agents span{border:1px solid var(--rule-strong);border-radius:999px;padding:6px 14px;font-size:15px}.marks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.marks li{align-items:baseline;gap:12px;font-size:16px;display:flex}.marks b{min-width:11em;font-weight:600}.q{background:var(--unknown);color:var(--unknown-ink);border-radius:3px;padding:0 4px}.plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.plan{border:1px solid var(--rule-strong);border-radius:12px;align-content:start;gap:14px;padding:24px;display:grid}.plan ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan li{color:var(--ink-2);padding-left:22px;font-size:16px;position:relative}.plan li:before{content:"✓";color:var(--ink);font-weight:600;position:absolute;left:0}.plan b{color:var(--ink);font-weight:600}.plan.later{background:var(--canvas);border-style:dashed}.plan.later li:before{content:"+";color:var(--muted)}.plan.later p{color:var(--muted);font-size:14px}.cta{background:var(--ink);color:var(--paper);border-radius:16px;justify-items:start;gap:20px;margin-top:96px;padding:56px 40px;display:grid}.cta p{color:#d6d6d6;max-width:60ch}.cta .btn{background:var(--paper);color:var(--ink)}.doc{gap:18px;max-width:720px;padding-block:64px 0;display:grid}.doc h1{font-size:clamp(32px,5vw,44px)}.doc h2{margin-top:22px;font-size:22px}.doc p,.doc li{color:var(--ink-2)}.doc ul{gap:8px;margin:0;padding-left:22px;display:grid}.doc .date{color:var(--muted);font-size:15px}.doc .short{background:var(--canvas);border:1px solid var(--rule);border-radius:12px;padding:20px 22px}@media (width<=640px){.top nav .hide-narrow{display:none}.hero{padding-block:56px 40px}.section{padding-top:64px}.cta{padding:40px 24px}.marks li{flex-direction:column;gap:2px}}.nowrap{white-space:nowrap}:root{--box-line:#e7e7e7;--q-line:#d9c76a}.demo .canvas svg{width:100%;height:auto;font-family:var(--sans);display:block}.demo .canvas .tall{max-width:420px;margin:0 auto;display:none}.demo .lines{fill:none;stroke:#b9b9b6;stroke-width:1.4px}.demo .labels rect{fill:var(--canvas)}.demo .labels text{fill:var(--muted);text-anchor:middle;font-size:12px}.demo .labels text.start{text-anchor:start}.demo .labels text.end{text-anchor:end}.demo .part{cursor:pointer;outline:none}.demo .box{fill:var(--paper);stroke:var(--box-line);stroke-width:1px;transition:stroke .12s}.demo .qbox{stroke:var(--q-line)}.demo .part:hover .box,.demo .part:focus-visible .box{stroke:var(--faint);stroke-width:1.5px}.demo .part.on .box{stroke:var(--ink);stroke-width:2px}.demo .part .kind{fill:var(--muted);font-size:12px}.demo .part .kind.q,.demo .part .q{fill:var(--unknown-ink)}.demo .part .title{fill:var(--ink);font-size:17px;font-weight:600}.demo .part .small{fill:var(--ink);font-size:12px}.demo .part .end{text-anchor:end;font-size:13px}.demo .qmark{fill:var(--unknown)}.demo .qtext{fill:var(--unknown-ink);font-size:15px}.demo .qtext.sm{font-size:13.5px}.demo .panel{background:var(--paper);border:1px solid var(--rule);border-radius:12px;gap:12px;margin-top:16px;padding:18px 20px 20px;display:grid}.demo .panel-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.demo .panel-head h3{font-size:20px}.demo .panel-head h3.q-title{background:var(--unknown);color:var(--unknown-ink);border-radius:3px;padding:0 4px;display:inline}.demo .panel .kind{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.demo .panel .kind.qk{color:var(--unknown-ink)}.demo .close{font:24px / 1 var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px}.demo .close:hover{color:var(--ink)}.demo .panel-body{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 32px;font-size:16px;display:grid}.demo .panel-body>div{min-width:0}.demo .about{color:var(--ink-2);margin-bottom:12px}.demo .steps-list{color:var(--ink-2);margin:0;padding-left:22px}.demo .facts{gap:12px;margin:0;padding:0;list-style:none;display:grid}.demo .facts li{gap:1px;display:grid}.demo .facts .how{font-size:13px;font-weight:600}.demo .facts small{color:var(--muted);font-size:13px}.demo .facts .q{justify-self:start}@media (width<=700px){.demo .canvas .wide{display:none}.demo .canvas .tall{display:block}.figure.demo{padding:16px}}.demo .canvas{position:relative}.demo .cam{transition:transform .65s cubic-bezier(.65,0,.35,1)}.demo .wide .cam{transform-origin:298px 196px}.demo.inside .wide .cam{transform:translate(202px,-16px)scale(3)}.demo .tall .cam{transform-origin:106px 132px}.demo.inside .tall .cam{transform:translate(74px,93px)scale(3)}@media (prefers-reduced-motion:reduce){.demo .cam{transition:none}}.demo .outer>*,.demo .inner{transition:opacity .3s}.demo .inner{opacity:0;pointer-events:none}.demo.inside .outer{pointer-events:none}.demo.inside .outer>*{opacity:0}.demo.inside .outer>[data-part=check]{transition-delay:.3s}.demo.inside .inner{opacity:1;pointer-events:auto;transition-delay:.35s}.demo .go-in{cursor:pointer;outline:none}.demo .go-in rect{fill:#0000}.demo .go-in:hover rect,.demo .go-in:focus-visible rect{fill:var(--canvas)}.demo .part .title.sm{font-size:16px}.demo .crumbs{color:var(--muted);z-index:1;align-items:center;gap:8px;font-size:14px;display:flex;position:absolute;top:0;left:0}.demo .crumbs[hidden]{display:none}.demo .crumbs b{color:var(--ink);font-weight:600}.demo .crumbs .sep{color:var(--faint)}.demo .crumbs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.demo .crumbs button:hover{color:var(--ink)}.demo .crumbs .back{border:1px solid var(--rule-strong);background:var(--paper);width:26px;height:26px;color:var(--ink);border-radius:6px;place-items:center;font-size:16px;display:inline-grid}.demo .panel .go{font:500 14px var(--sans);background:var(--paper);color:var(--ink);border:1px solid var(--rule-strong);cursor:pointer;border-radius:8px;margin-top:12px;padding:6px 12px}.demo .panel[hidden]{display:none}.demo .go-in text{text-anchor:end;fill:var(--ink);font-size:13px}.hero{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:48px;padding-block:64px 24px}.hero-text{gap:22px;min-width:0;display:grid}.hero h1{font-size:clamp(32px,3.3vw,44px)}.hero .lead{font-size:18px}.hero.playing{grid-template-columns:minmax(0,1fr)}.hero.playing .film{grid-row:1}.film{min-width:0;margin:0;position:relative}.film video{aspect-ratio:16/9;border:1px solid var(--rule);background:var(--canvas);cursor:pointer;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 10px 40px #00000012}.film-play{background:var(--ink);width:68px;height:68px;color:var(--paper);cursor:pointer;border:0;border-radius:50%;place-items:center;padding-left:4px;transition:scale .15s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 24px #0000002e}.film-play:hover{scale:1.06}.film-time{background:var(--ink);color:var(--paper);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;padding:4px 10px;font-size:13px;position:absolute;bottom:14px;left:14px}.film.playing .film-play,.film.playing .film-time{display:none}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:48px 8px}.hero h1{font-size:clamp(32px,7vw,44px)}}@media (width<=640px){.film-play{width:56px;height:56px}}.explore{padding-top:72px}.demo .part .title.row{font-size:15px}.demo .qtext.xs{font-size:12.5px}.demo .why{background:var(--canvas);border-radius:8px;margin-top:12px;padding:10px 12px}.demo .why p{margin:4px 0 0}.steps.short{gap:12px 28px}.steps.short li{border:0;border-top:1px solid var(--rule-strong);border-radius:0;gap:4px;padding:14px 0 0}.steps.short h3{font-size:17px}.demo .q-answered,.demo.answered .q-open{display:none}.demo.answered .q-answered{display:inline}.demo.answered .qbox{stroke:var(--rule-strong);stroke-dasharray:none}.demo .thread{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.demo .thread li{gap:2px;display:grid}.demo .thread b{font-size:13px}.demo .thread small{color:var(--muted)}.demo .panel .found{animation:.4s ease-out fade-in}@keyframes fade-in{0%{opacity:0}}.demo .panel .again{font:14px var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){.demo .panel .found{animation:none}}
