:root{color-scheme:dark light;--bg: #0b0f14;--bg-2: #0f1419;--card: #141a21;--card-2: #19212a;--fg: #e6edf3;--fg-dim: #a9b4c0;--fg-faint: #8793a0;--line: #26313d;--line-strong: #3a4756;--accent: #45c4b5;--accent-ink: #0c1412;--accent-tint: rgba(69, 196, 181, .12);--accent-line: rgba(69, 196, 181, .55);--good: #5fbf7f;--warn: #d9a441;--bad: #e07a7a;--code: #10161c;--shadow: 0 24px 60px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--glow: radial-gradient(900px 520px at 85% -10%, rgba(69, 196, 181, .16), transparent 62%);--font: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--display: "Segoe UI Variable Display", "Segoe UI", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--mono: "Cascadia Code", "Cascadia Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wrap: 1240px;--r: 12px;--r-sm: 8px;--nav-h: 60px;--ease: cubic-bezier(.2, 0, 0, 1)}@media(prefers-color-scheme:light){:root{--bg: #f5f7f9;--bg-2: #eef1f4;--card: #ffffff;--card-2: #f3f5f7;--fg: #1b2128;--fg-dim: #4c5661;--fg-faint: #5e6772;--line: #d5dbe2;--line-strong: #b7c0ca;--accent: #0f695c;--accent-ink: #ffffff;--accent-tint: rgba(15, 105, 92, .09);--accent-line: rgba(15, 105, 92, .5);--good: #136c42;--warn: #7a5600;--bad: #a83026;--code: #f3f5f7;--shadow: 0 18px 44px rgba(16, 24, 40, .12), 0 1px 3px rgba(16, 24, 40, .08);--glow: radial-gradient(900px 520px at 85% -10%, rgba(15, 105, 92, .1), transparent 62%)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}h1,h2,h3,p,ul,ol,figure,pre{margin:0}ul,ol{padding:0;list-style:none}code,pre,kbd{font-family:var(--mono);font-size:.92em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}[id]{scroll-margin-top:calc(var(--nav-h) + 20px)}.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 14px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:600}.skip-link:focus{top:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.eyebrow{font:600 13px/1.2 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}h1{font:600 clamp(38px,6vw,68px)/1.04 var(--display);letter-spacing:-.02em}h1 em,h2 em{font-style:normal;color:var(--accent)}h2{font:600 clamp(28px,3.6vw,42px)/1.12 var(--display);letter-spacing:-.015em}h3{font:600 19px/1.3 var(--font)}.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--fg-dim);max-width:62ch}.dim{color:var(--fg-dim)}.small{font-size:14px;color:var(--fg-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:10px;border:1px solid var(--line-strong);background:transparent;color:var(--fg);font:600 15px/1 var(--font);text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn:hover{border-color:var(--fg-faint);background:var(--card-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.07);background:var(--accent)}.btn.small{min-height:34px;padding:0 14px;font-size:14px;border-radius:8px}.btn[disabled]{opacity:.55;cursor:not-allowed}.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:20px;min-height:var(--nav-h)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;font:600 18px/1 var(--display)}.brand svg{width:26px;height:26px;color:var(--accent);fill:currentColor}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:8px 12px;border-radius:8px;color:var(--fg-dim);text-decoration:none;font:500 15px/1 var(--font)}.nav-links a:hover{color:var(--fg);background:var(--card-2)}.nav-links a.old{color:var(--fg-faint);border:1px dashed var(--line-strong)}.nav-links a.old:hover{color:var(--fg)}@media(max-width:860px){.nav-links a:not(.keep){display:none}}section{padding:clamp(64px,9vw,112px) 0}section.tight{padding-top:0}.sec-head{display:grid;gap:14px;margin-bottom:40px;max-width:880px}.sec-head h2,.hero-copy h1{text-wrap:balance}.band{background:var(--bg-2);border-block:1px solid var(--line)}.hero{position:relative;padding:clamp(48px,7vw,92px) 0 clamp(56px,7vw,88px);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:var(--glow);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:44px;align-items:start}.hero-copy{display:grid;gap:22px;max-width:760px}@media(min-width:1180px){.hero-grid{grid-template-columns:minmax(0,9fr) minmax(0,13fr);gap:48px}.hero-copy h1{font-size:clamp(40px,3.9vw,56px)}.hero-copy .cta .btn{flex:1 1 auto}}.hero-copy .mark{width:54px;height:54px;color:var(--accent);fill:currentColor;margin-left:-5px}.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.works{font-size:14px;color:var(--fg-faint);max-width:70ch}.works b{color:var(--fg-dim);font-weight:600}.demo{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow);overflow:hidden;container:demo / inline-size;min-width:0}.demo-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--card-2)}.demo-title{font:600 15px/1.3 var(--font)}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid var(--line-strong);font:600 12px/1.4 var(--font);color:var(--fg-dim);white-space:nowrap}.tag.real{border-color:var(--accent-line);color:var(--accent)}.demo-ctl{margin-left:auto;display:flex;gap:6px}.demo-body{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:430px}.beats{display:grid;align-content:start;gap:0;padding:14px 12px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--card-2) 55%,var(--card))}.beat{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:12px 10px;border:0;border-radius:10px;background:transparent;color:var(--fg-dim);font:inherit;text-align:left;cursor:pointer}.beat:hover{background:var(--card-2)}.beat .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-strong);font:700 12px/1 var(--font);background:var(--card);position:relative;z-index:1}.beat b{display:block;font:600 14px/1.3 var(--font);color:var(--fg-dim)}.beat span.does{display:block;font-size:14px;line-height:1.35}.beat small{display:block;margin-top:2px;font-size:12px;color:var(--fg-faint)}.beat[data-yours=true] b{color:var(--accent)}.beat:not(:last-child):after{content:"";position:absolute;left:22.5px;top:40px;bottom:-12px;width:1px;background:var(--line-strong)}.beat[aria-current=step]{background:var(--accent-tint);color:var(--fg)}.beat[aria-current=step] .n{border-color:var(--accent);color:var(--accent)}.beat[data-done=true] .n{border-color:var(--good);color:var(--good)}.panes{min-width:0;padding:22px 24px 24px}.pane{display:grid;gap:14px;align-content:start}.pane+.pane{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.js .demo[data-live=true] .pane{display:none;margin-top:0;padding-top:0;border-top:0}.js .demo[data-live=true] .pane[data-on=true]{display:grid;animation:pane-in .28s var(--ease) both}@keyframes pane-in{0%{opacity:0;transform:translateY(6px)}}.pane-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.pane-h .who{font:600 13px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.pane-h .who[data-yours=true]{color:var(--accent)}.pane-h .pane-title{font:600 20px/1.3 var(--font);letter-spacing:0}.say{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card-2);font-size:16px;line-height:1.5}.say .caret{display:inline-block;width:2px;height:1.1em;margin-left:1px;vertical-align:text-bottom;background:var(--accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.brief{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card-2);font-size:15px;line-height:1.55}.brief .brief-title{margin:0;font:600 15px/1.35 var(--font)}.brief ol{list-style:decimal;padding-left:20px;display:grid;gap:6px}.brief code,.review code,.say code,.honest code,p code,li code{padding:1px 6px;border-radius:5px;background:var(--code);border:1px solid var(--line);font-size:.88em}.brief .k{font-weight:600}.wait{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 16px;border:1px dashed var(--accent-line);border-radius:12px;background:var(--accent-tint)}.wait p{flex:1 1 260px;font-size:15px}.calls{display:grid;gap:4px;font:13px/1.5 var(--mono)}.calls li{display:grid;grid-template-columns:18px 92px minmax(0,1fr);gap:8px;align-items:baseline;padding:3px 8px;border-radius:6px}.calls li .ok{color:var(--good)}.calls li .no{color:var(--warn)}.calls li .tool{color:var(--fg-dim);font-weight:600}.calls li .what{color:var(--fg);overflow-wrap:anywhere}.js .demo[data-live=true] .calls li{opacity:.25;transition:opacity .2s ease}.js .demo[data-live=true] .calls li[data-shown=true]{opacity:1}.code{border:1px solid var(--line);border-radius:12px;background:var(--code);overflow:hidden}.code-h{display:flex;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);font:600 13px/1.4 var(--mono);color:var(--fg-dim)}.code pre{padding:12px 0;overflow-x:auto;font-size:13px;line-height:1.6}.code pre span{display:block;padding:0 14px;white-space:pre}.code pre span.add{background:color-mix(in srgb,var(--good) 14%,transparent)}.code pre span.add:before{content:"+ ";color:var(--good)}.code pre span.ctx:before{content:"  "}.code pre span.out:before{content:""}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.review{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--good);border-radius:12px;background:var(--card-2);font-size:15px;line-height:1.55}.verdict{font:700 13px/1.2 var(--font);letter-spacing:.1em;color:var(--good)}.notest{padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:12px;font-size:15px}.notest b{display:block;margin-bottom:2px;font:700 12px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--warn)}.demo-foot{padding:10px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--fg-faint)}@container demo (max-width: 800px){.demo-body{grid-template-columns:minmax(0,1fr);min-height:0}.beats{grid-template-columns:repeat(5,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line);padding:8px}.beat{grid-template-columns:22px minmax(0,1fr);gap:8px;padding:8px}.beat .n{width:22px;height:22px;font-size:11px}.beat b,.beat span.does{font-size:13px}.beat small{display:none}.beat:not(:last-child):after{display:none}.panes{padding:18px 16px 20px;min-height:420px}.two{grid-template-columns:minmax(0,1fr)}}@container demo (max-width: 560px){.beat{grid-template-columns:minmax(0,1fr);justify-items:center;padding:8px 2px}.beat .beat-text{display:none}.demo-top .tag:not(.real){display:none}}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:900px){.grid3,.grid2{grid-template-columns:minmax(0,1fr)}}.card{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.card p{color:var(--fg-dim);font-size:15.5px}.card .go{margin-top:4px;font:600 14px/1 var(--font);text-decoration:none}.card .go:after{content:" ›"}.step-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:700 16px/1 var(--font)}.gate{justify-self:start;padding:2px 9px;border-radius:999px;border:1px solid var(--line-strong);font:600 12px/1.5 var(--font);color:var(--fg-faint)}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.flow li{position:relative;display:grid;gap:4px;align-content:start;min-height:104px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.flow li[data-yours=true]{border-color:var(--accent-line);background:var(--accent-tint)}.flow li b{font:600 17px/1.3 var(--font)}.flow li[data-yours=true] b{color:var(--accent)}.flow li span{font-size:16px}.flow li small{font-size:13px;color:var(--fg-faint)}.flow li+li:before{content:"→";position:absolute;left:-24px;top:50%;transform:translateY(-50%);color:var(--fg-faint);font-size:18px}@media(max-width:900px){.flow{grid-template-columns:minmax(0,1fr);gap:26px}.flow li{min-height:0}.flow li+li:before{content:"↓";left:18px;top:-25px;transform:none}}.facts{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}.facts>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 28px;padding:18px 22px;border-top:1px solid var(--line)}.facts>div:first-child{border-top:0}.facts dt{font:600 16px/1.4 var(--font)}.facts dd{margin:0;color:var(--fg-dim);font-size:15.5px}@media(max-width:760px){.facts>div{grid-template-columns:minmax(0,1fr)}}.tour{display:grid;gap:18px}.tour-tabs{display:flex;flex-wrap:wrap;gap:8px}.tour input{position:absolute;opacity:0;pointer-events:none}.tour-tabs label{padding:9px 16px;border:1px solid var(--line-strong);border-radius:999px;font:600 14.5px/1 var(--font);color:var(--fg-dim);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.tour-tabs label:hover{color:var(--fg);border-color:var(--fg-faint)}.tour-pane{display:none;gap:16px}.tour-pane figure{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}.tour-pane figure img{width:100%;height:auto}.tour-pane .tag{position:absolute;right:12px;bottom:12px;background:var(--card)}.tour-pane h3{font-size:21px}.tour-pane p{color:var(--fg-dim);max-width:70ch}#t-board:checked~.tour-panes [data-pane=board],#t-start:checked~.tour-panes [data-pane=start],#t-mission:checked~.tour-panes [data-pane=mission],#t-ask:checked~.tour-panes [data-pane=ask],#t-setup:checked~.tour-panes [data-pane=setup]{display:grid}#t-board:checked~.tour-tabs [for=t-board],#t-start:checked~.tour-tabs [for=t-start],#t-mission:checked~.tour-tabs [for=t-mission],#t-ask:checked~.tour-tabs [for=t-ask],#t-setup:checked~.tour-tabs [for=t-setup]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}#t-board:focus-visible~.tour-tabs [for=t-board],#t-start:focus-visible~.tour-tabs [for=t-start],#t-mission:focus-visible~.tour-tabs [for=t-mission],#t-ask:focus-visible~.tour-tabs [for=t-ask],#t-setup:focus-visible~.tour-tabs [for=t-setup]{outline:2px solid var(--accent);outline-offset:3px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--card);font:600 15px/1.2 var(--font)}.chip.quiet{font-weight:500;color:var(--fg-dim)}.kinds{display:grid;gap:12px;margin-top:6px}.kinds>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.kinds .k{min-width:64px;font:600 13px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.install{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:900px){.install{grid-template-columns:minmax(0,1fr)}}.cmd{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--code);font:14px/1.4 var(--mono);overflow-x:auto}.cmd code{white-space:nowrap;font-size:14px}form.mail{display:grid;gap:12px}form.mail label{font:600 14px/1.3 var(--font)}form.mail .row{display:flex;flex-wrap:wrap;gap:10px}form.mail input[type=email],form.mail textarea,form.mail select{flex:1 1 240px;min-height:44px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg);color:var(--fg);font:16px/1.4 var(--font)}form.mail textarea{min-height:132px;resize:vertical;flex-basis:100%}form.mail .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-say{min-height:22px;font-size:14.5px;color:var(--fg-dim)}.form-say[data-tone=ok]{color:var(--good)}.form-say[data-tone=no]{color:var(--bad)}.js [data-needs=report]{display:none}.js [data-needs=report][data-ready=true]{display:grid}footer{padding:44px 0 56px;border-top:1px solid var(--line);color:var(--fg-faint);font-size:14px}.foot{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}.foot a{color:var(--fg-dim);text-decoration:none}.foot a:hover{color:var(--fg);text-decoration:underline}.foot .sp{margin-left:auto}.legal{margin-top:18px;max-width:86ch}.to-top[data-astro-cid-wlspcwf4]{position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:90;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-card);text-decoration:none;transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease,border-color .15s ease}.to-top[data-astro-cid-wlspcwf4]:hover{background:var(--accent);border-color:var(--accent);color:#fff}.js .to-top[data-astro-cid-wlspcwf4]{opacity:0;visibility:hidden;transform:translateY(8px) scale(.94);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.js .to-top[data-astro-cid-wlspcwf4].is-on{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s,background .15s ease,color .15s ease,border-color .15s ease}@media(prefers-reduced-motion:reduce){.to-top[data-astro-cid-wlspcwf4]{transition:opacity .2s ease}.js .to-top[data-astro-cid-wlspcwf4]{transform:none}}@media print{.to-top[data-astro-cid-wlspcwf4]{display:none}}