:root{color-scheme:dark;--bg:#0a0a0b;--surface:#111113;--elev:#18181d;--line:#2c2c34;--text:#eeeef2;--muted:#a2a2ae;--accent:#ab94ff;--solid:#7551ec;--on-solid:#fff;--teal:#79d7cb;--grid:#222229;--shadow:rgba(0,0,0,.25)}
:root[data-theme=light]{color-scheme:light;--bg:#fafafb;--surface:#fff;--elev:#f1eff7;--line:#d8d5e0;--text:#1a1921;--muted:#5c586b;--accent:#6540cc;--solid:#6740d1;--on-solid:#fff;--teal:#16796d;--grid:#e7e4ed;--shadow:rgba(40,20,70,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;font-kerning:normal;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait;opacity:.7}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1400px,calc(100% - 64px));margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:20px;font-weight:650;letter-spacing:-.5px;white-space:nowrap}.brand span{font-size:9px;letter-spacing:1.2px;border-left:1px solid var(--line);padding-left:14px;margin-left:6px;color:var(--muted)}nav{display:flex;align-items:center;gap:26px}nav a{font-size:13px;color:var(--muted);padding-block:13px}#theme{width:44px;height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:50%;font-size:22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:84px;padding-bottom:76px}.release{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:30px;margin-bottom:35px}.dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--teal)}.eyebrow,.number{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--accent)}h1{font-size:clamp(42px,4.6vw,66px);line-height:1.05;letter-spacing:-2.8px;font-weight:620;margin:20px 0 26px;text-wrap:balance}h1 em{font-style:normal;color:var(--accent)}.lede{font-size:18px;color:var(--muted);max-width:470px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;min-height:48px;transition:transform .16s ease,background .16s ease}.button:hover{transform:translateY(-2px);text-decoration:none}.primary{background:var(--solid);color:var(--on-solid);border-color:var(--solid)}.secondary{background:var(--surface);color:var(--text)}.fine{color:var(--muted);font-size:11px;line-height:1.8}.preview{border:1px solid var(--line);background:var(--surface);border-radius:14px;box-shadow:0 24px 70px var(--shadow);min-width:0;transform:rotate(-1deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:14px 18px;font:9px ui-monospace,monospace;color:var(--muted)}.window-dots{letter-spacing:3px;color:var(--muted)}.sample{color:var(--teal)}.preview-body{padding:24px}.preview h2{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin:14px 0 6px}.muted{color:var(--muted);font-size:12px;margin-top:0}.metric-control{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:24px 0 18px;padding-bottom:12px}.metric-control button{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:6px;padding:9px 12px;min-height:44px;font-size:12px}.metric-control button[aria-pressed=true]{border-color:var(--line);background:var(--elev);color:var(--text)}.bar-row{width:100%;display:grid;grid-template-columns:100px 1fr 48px;gap:12px;align-items:center;min-height:52px;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text);padding:5px 8px;transition:background .16s,transform .16s}.bar-row:hover,.bar-row:focus-visible{background:var(--elev);transform:translateX(2px)}.bar-row[aria-pressed=true]{border-color:var(--line);background:var(--elev)}.bar-name{font-size:11px;color:var(--muted)}.bar-row strong{font:12px ui-monospace,monospace;text-align:right}.track{height:9px;background:var(--grid);border-radius:3px;overflow:hidden}.bar{display:block;height:100%;width:100%;transform:scaleX(var(--amount));transform-origin:left;background:var(--accent);border-radius:3px;transition:transform .3s ease}.bar-row:nth-child(2) .bar{opacity:.7}.bar-row:nth-child(3) .bar{background:var(--teal)}.inspection{padding:16px;background:var(--elev);border:1px solid var(--line);border-radius:8px;margin-top:22px;min-height:129px}.inspection p{font-size:12px;color:var(--muted);margin:9px 0}.inspection a{font-size:12px}.chart-note{font-size:10px;color:var(--muted);line-height:1.7;margin-bottom:0}.preview details{margin-top:14px}.preview summary{font-size:11px}.preview table{width:100%;font-size:10px;border-collapse:collapse}.preview th,.preview td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--line)}caption{color:var(--muted);padding:10px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:28px}.facts div{display:flex;flex-direction:column;gap:2px;padding-inline:30px;border-right:1px solid var(--line)}.facts div:first-child{padding-left:0}.facts div:last-child{border:0}.facts strong{font-size:25px;letter-spacing:-.8px}.facts span{font-size:12px;color:var(--muted)}.section{padding-top:90px;padding-bottom:20px}.section-heading{max-width:630px;margin-bottom:38px}h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.2px;line-height:1.17;font-weight:600;margin:14px 0 20px}.section p{color:var(--muted);font-size:15px}.section .eyebrow{color:var(--accent);font-size:10px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.features article{border-top:1px solid var(--line);padding-top:26px;scroll-margin-top:40px}.features h3{font-size:21px;letter-spacing:-.6px;line-height:1.4;max-width:260px}.features p{font-size:13px;line-height:1.8}.features a{font-size:12px;display:inline-flex;align-items:center;min-height:44px}.watch,.install{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.watch{margin-top:50px;padding:50px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.watch h2{font-size:34px}.watch p{font-size:14px}.route-art{min-width:0}.route-art svg{width:100%;display:block}.route-grid{stroke:var(--grid);stroke-width:1;fill:none}.route-line{stroke:var(--accent);stroke-width:3;fill:none;stroke-dasharray:7 5;animation:route-travel 18s linear infinite}.stops{fill:var(--surface);stroke:var(--teal);stroke-width:3}.stop-labels{fill:var(--muted);font:12px ui-monospace,monospace;text-anchor:middle}.art-caption{display:flex;align-items:center;gap:10px;font-size:12px;padding-top:16px;border-top:1px solid var(--line)}.art-caption span:last-child{font-size:8px;margin-left:auto;color:var(--muted)}@keyframes route-travel{to{stroke-dashoffset:-144}}.terminal{border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;overflow:hidden}.terminal-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font:9px ui-monospace,monospace;color:var(--muted)}.terminal-top button{border:1px solid var(--line);color:var(--text);background:var(--elev);border-radius:6px;font-size:11px;min-height:44px;padding:8px 12px}.terminal pre{padding:24px;margin:0;overflow-x:auto;font-size:12px;line-height:2;color:var(--text)}.terminal #copy-status{font-size:10px;padding:0 24px;color:var(--muted)}.terminal-footer{padding:18px 24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:center}.install ol{padding-left:20px;font-size:14px;line-height:2.2}.install>div>a{font-size:13px}.resources{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.resources>a{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:transform .16s}.resources>a:hover{transform:translateY(-2px);text-decoration:none}.resources strong{display:flex;justify-content:space-between;color:var(--text);font-size:15px}.resources>a>span{color:var(--muted);font-size:12px;margin-top:6px}.faq{max-width:800px;padding-bottom:80px}.faq h2{font-size:30px;margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:8px 0}.faq summary{padding:16px 0;font-size:15px;font-weight:500;cursor:pointer}.faq details p{font-size:13px;line-height:1.8}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:32px}.footer p{font-size:11px;color:var(--muted)}.footer nav{gap:20px}.footer nav a{font-size:11px}.skip{position:fixed;z-index:10;top:10px;left:10px;background:var(--surface);padding:12px;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}
@media(max-width:1000px){.hero{gap:30px}.preview{transform:none}.hero h1{font-size:48px}.bar-row{grid-template-columns:85px 1fr 42px;gap:6px}.header .brand span{display:none}.watch,.install{gap:30px}.watch{padding:30px}.footer{flex-wrap:wrap}.preview-body{padding:18px}}
@media(max-width:760px){.wrap,.header{width:calc(100% - 36px)}.header{min-height:76px;gap:12px;flex-wrap:wrap;padding-block:12px}.header nav{gap:15px;flex-wrap:wrap}.header nav a{font-size:12px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:42px;gap:32px}.hero h1{font-size:52px;max-width:550px}.release{margin-bottom:18px}.facts{gap:15px}.facts div{padding:0 12px}.facts strong{font-size:21px}.facts span{font-size:10px}.features{grid-template-columns:1fr;gap:22px}.features h3{max-width:none;margin-bottom:8px}.section{padding-top:55px}.watch,.install{grid-template-columns:1fr}.watch{padding:26px;margin-top:30px}.watch .route-art{max-width:480px;width:100%;margin:auto}.resources{grid-template-columns:1fr}.footer{gap:10px}.footer nav{flex-wrap:wrap}.footer p{width:100%;margin:0}.terminal pre{font-size:11px}.faq{padding-bottom:40px}}
@media(max-width:390px){.brand{font-size:18px}.header nav{gap:12px}.header nav a{font-size:11px}.hero h1{font-size:44px}.actions{gap:8px}.button{padding-inline:14px}.preview-top{font-size:8px;padding:12px}.window-dots{display:none}.preview-body{padding:14px}.metric-control button{padding-inline:10px}.facts div{padding-inline:6px}.facts strong{font-size:18px}.art-caption{flex-wrap:wrap}.art-caption span:last-child{margin-left:0}.terminal-top{padding:12px;gap:8px}.terminal pre{padding:18px}.watch{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.preview{transform:none}}
/* The public tour uses the same inspection hierarchy as the local app. */
:root{--fail:#f79c95;--backdrop:rgba(3,3,8,.8)}:root[data-theme=light]{--fail:#ad342f;--backdrop:rgba(28,22,45,.55)}
[hidden]{display:none!important}.text-action{border:0;background:none;padding:6px 0;color:var(--accent);font-size:12px;min-height:44px;text-align:left}.text-action:hover{text-decoration:underline;text-underline-offset:4px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.journey>a,.journey>button{position:relative;display:grid;grid-template-columns:28px 1fr;gap:3px 12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:20px;transition:transform .18s,border-color .18s}.journey>a:hover,.journey>button:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--accent)}.journey span{grid-row:span 2;color:var(--accent);font:11px ui-monospace,monospace;padding-top:5px}.journey strong{font-size:13px;font-weight:550}.journey small{font-size:11px;color:var(--muted)}.journey b{position:absolute;right:15px;top:12px;color:var(--muted);font-weight:400}.playground-shell{min-width:0}.demo-tabs{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:14px;border-bottom:1px solid var(--line)}.demo-tabs button{border:1px solid transparent;background:none;color:var(--muted);border-radius:6px;min-height:44px;padding:9px 12px;font-size:12px}.demo-tabs button[aria-pressed=true]{background:var(--elev);border-color:var(--line);color:var(--text)}.demo-stage{min-height:240px;margin-block:18px;border-radius:10px;overflow:hidden}.demo-stage iframe{display:block;width:100%;height:620px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.demo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.demo-controls .button{font-size:12px;padding:10px 15px}.demo-controls>span{font-size:11px;color:var(--muted)}.section p.demo-caption{font-size:10px;line-height:1.8;margin-bottom:0}.watch:has(iframe){grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);align-items:start}.demo-placeholder{display:grid;place-content:center;text-align:center;min-height:235px;border:1px solid var(--line);border-radius:10px;background:var(--elev)}.demo-placeholder strong{font-size:25px;letter-spacing:-.7px}.demo-placeholder p{font-size:12px;max-width:260px}.demo-orbs{display:flex;justify-content:center;gap:12px;padding-bottom:20px}.demo-orbs i{display:block;width:15px;height:15px;border-radius:50%;background:var(--accent);opacity:.8}.demo-orbs i:nth-child(2){background:var(--teal);transform:translateY(-12px)}.demo-orbs i:nth-child(3){background:var(--fail);transform:translateY(5px)}
#evidence-dialog{width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 30px 100px var(--shadow);overflow:auto}#evidence-dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(5px)}#evidence-dialog[open]{animation:panel-in .2s ease-out}@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.evidence-header{display:flex;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line)}.evidence-header h2{font-size:25px;margin:8px 0 0}.evidence-header .eyebrow{margin:0}.close-button{border:1px solid var(--line);background:var(--elev);color:var(--text);font-size:27px;flex:none;width:44px;height:44px;border-radius:8px}.evidence-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;padding:18px 28px;border-bottom:1px solid var(--line)}.evidence-toolbar label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.evidence-toolbar select{min-height:44px;padding:9px 34px 9px 12px;background:var(--elev);color:var(--text);border:1px solid var(--line);border-radius:7px;font:13px inherit}.evidence-toolbar p{margin:0 0 10px auto;font-size:12px;color:var(--muted)}.evidence-layout{display:grid;grid-template-columns:310px 1fr}.attempt-list{padding:24px;border-right:1px solid var(--line)}.attempt-list h3{font-size:15px;margin:0 0 10px}.attempt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-block:18px}.attempt-grid button{min-height:44px;min-width:0;border:1px solid var(--line);background:var(--elev);color:var(--teal);border-radius:7px;font:11px ui-monospace,monospace;transition:transform .15s,border-color .15s}.attempt-grid button[data-outcome=failed]{color:var(--fail)}.attempt-grid button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.attempt-grid button:hover{transform:translateY(-2px);border-color:var(--accent)}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%;background:var(--teal)}.legend .fail-key{background:var(--fail)}.transcript-example{padding:24px;min-width:0}.transcript-title{display:flex;justify-content:space-between;gap:14px;align-items:center}.transcript-title .eyebrow{margin:0;font-size:9px}.transcript-title h3{font-size:20px;letter-spacing:-.6px;margin:8px 0}.transcript-title>span{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:5px 9px}.message{padding:14px 16px;background:var(--elev);border:1px solid var(--line);border-radius:8px;margin-top:12px}.message .role{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--accent)}.message.user .role{color:var(--teal)}.message p{font-size:12px;line-height:1.8;margin:6px 0 0;white-space:pre-line}.message summary{cursor:pointer;font-size:12px;min-height:32px;padding-top:6px}.message pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:var(--muted);line-height:1.8}.evidence-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:18px}.evidence-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;border-top:1px solid var(--line);background:var(--surface)}.evidence-footer>span{font-size:11px;color:var(--muted)}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.header nav{gap:15px}.watch:has(iframe){grid-template-columns:1fr}.journey>a,.journey>button{padding:18px 14px;grid-template-columns:22px 1fr;gap:4px 6px}.journey strong{padding-right:10px}.evidence-layout{grid-template-columns:260px 1fr}.attempt-list{padding:18px}.attempt-grid{gap:5px}}
@media(max-width:760px){.journey{grid-template-columns:1fr;gap:9px}.journey>a,.journey>button{padding:17px 18px;grid-template-columns:26px 1fr}.evidence-layout{grid-template-columns:1fr}.attempt-list{border-right:0;border-bottom:1px solid var(--line)}.attempt-grid{grid-template-columns:repeat(8,1fr)}.attempt-grid button{min-height:44px}.evidence-header,.evidence-toolbar,.transcript-example,.evidence-footer{padding:18px}.evidence-header h2{font-size:22px}.evidence-toolbar p{width:100%;margin:0}.evidence-footer{flex-wrap:wrap}.demo-stage iframe{height:650px}.watch{padding:22px}.header nav{gap:14px}.header nav a{font-size:11px}}
@media(max-width:430px){.attempt-grid{grid-template-columns:repeat(5,1fr)}.evidence-toolbar label{width:100%}.demo-tabs button{font-size:11px;padding-inline:8px}.evidence-header{gap:10px}.evidence-header h2{font-size:20px}.demo-controls .button{flex:1}.watch{padding:18px}}
@media(prefers-reduced-motion:reduce){#evidence-dialog[open],.route-line{animation:none}.journey>a,.journey>button,.attempt-grid button{transition:none}}
body:has(#evidence-dialog[open]){overflow:hidden}.evidence-header{position:sticky;top:0;z-index:3;background:var(--surface)}
@media(max-width:360px){.attempt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.preview summary,.message summary{min-height:44px;padding-block:10px}.header nav a{min-height:44px;display:inline-flex;align-items:center}

/* Real captures stay legible, retain their full pixels, and load on demand. */
.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.capture-grid figure{margin:0;min-width:0}.capture-grid a{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0a0a0b;transition:transform 180ms ease}.capture-grid a:hover{transform:translateY(-3px)}.capture-grid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.capture-grid a span{display:block;padding:16px;color:#c9baff}.capture-grid figcaption{padding:16px 2px;line-height:1.6}.capture-grid figcaption strong{display:block}@media(max-width:760px){.capture-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.capture-grid a{transition:none}.capture-grid a:hover{transform:none}}