@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-vietnamese-wght-normal.CHiFlh_0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-ext-wght-normal.Dg-wlmqe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-wght-normal.CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/spline-sans-mono-latin-ext-wght-normal.Dh0aNLWd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/spline-sans-mono-latin-wght-normal.DlaB5ohX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f7f5f0;--bg-warm: #f1ede4;--ink: #1a1917;--ink-soft: #57544e;--muted: #78756e;--faint: #a8a49b;--accent: #c8432a;--accent-deep: #9a3016;--line: rgba(26, 25, 23, .12);--line-soft: rgba(26, 25, 23, .07);--screen: #0e1417;--screen-2: #131b1f;--screen-ink: #eceae3;--screen-muted: #7f9a95;--screen-faint: #56666a;--detect: #3ee6c4;--warn: #f5c542;--rec: #ff5a4d;--font-display: "Bricolage Grotesque Variable", system-ui, sans-serif;--font-body: "Hanken Grotesk Variable", system-ui, sans-serif;--font-mono: "Spline Sans Mono Variable", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html{background:var(--bg);color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit}img{max-width:100%}.wrap{max-width:1000px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.accent{color:var(--accent)}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:#fff;padding:10px 16px;font-family:var(--font-mono);font-size:12px}.skip:focus{left:0}.btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);cursor:pointer;border-radius:2px;transition:opacity .18s,background .18s,color .18s,border-color .18s}.btn:hover{opacity:.86}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{opacity:1;border-color:var(--ink)}.btn-screen{border-color:var(--detect);background:var(--detect);color:#06231c}.btn-screen-ghost{background:transparent;color:var(--detect);border-color:#3ee6c466}.btn-screen-ghost:hover{border-color:var(--detect);opacity:1}.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--line-soft)}.top-in{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-block:15px}.brand{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink);text-decoration:none}.nav{display:flex;gap:22px}.nav a{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none}.nav a:hover{color:var(--ink)}.nav .accent:hover{color:var(--accent-deep)}.foot{border-top:1px solid var(--line);margin-top:80px}.foot-hist{padding-block:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--faint)}.foot-links{display:flex;flex-wrap:wrap;gap:10px 26px;padding-bottom:30px}.foot-links a{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);text-decoration:none}.foot-links a:hover{color:var(--accent-deep)}.sec{padding-top:clamp(60px,9vh,104px)}.sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}.sec-n{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.sec-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.02em;margin:0}.sec-lede{font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:60ch;margin:0 0 26px}.demo{margin-top:8px}.screen{position:relative;background:var(--screen);border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;box-shadow:0 24px 60px -30px #0e141799}.screen canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.screen-hud{position:absolute;inset:0;pointer-events:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--screen-muted)}.hud-tl{position:absolute;top:14px;left:16px}.hud-tr{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:7px}.hud-bl{position:absolute;bottom:14px;left:16px;color:var(--screen-faint)}.hud-br{position:absolute;bottom:14px;right:16px;color:var(--screen-faint)}.hud-dot{width:7px;height:7px;border-radius:50%;background:var(--screen-faint);display:inline-block}.hud-dot.on{background:var(--rec);animation:blink 1.4s steps(1) infinite}.hud-dot.busy{background:var(--warn);animation:blink .7s steps(1) infinite}.corner{position:absolute;width:14px;height:14px;border:0 solid var(--detect);pointer-events:none;opacity:.7}.c-tl{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.c-tr{top:12px;right:12px;border-top-width:2px;border-right-width:2px}.c-bl{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}.c-br{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}.screen-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px;background:radial-gradient(120% 90% at 50% 40%,#0e141759,#0e1417db);transition:opacity .35s}.screen-over[hidden]{display:none}.over-title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.1rem,2.6vw,1.5rem);color:var(--screen-ink);max-width:24ch;line-height:1.2}.over-sub{font-family:var(--font-mono);font-size:11.5px;color:var(--screen-muted);max-width:40ch}.over-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;pointer-events:auto}.over-note{font-family:var(--font-mono);font-size:11px;color:var(--warn);max-width:42ch}.demo-meta{margin-top:14px;color:var(--muted);line-height:1.6}.demo-meta a{color:var(--accent-deep);text-decoration:none;border-bottom:1px solid var(--line)}.demo-meta a:hover{border-color:var(--accent-deep)}.voice-transcript{position:absolute;left:0;right:0;bottom:40px;padding:0 28px;text-align:center;font-family:var(--font-display);font-weight:500;font-size:clamp(1.1rem,3vw,1.8rem);line-height:1.25;color:var(--screen-ink)}.voice-transcript .interim{color:var(--screen-muted)}.screen-agent{aspect-ratio:auto;min-height:300px;display:flex;flex-direction:column;background:var(--screen)}.agent-log{flex:1;overflow-y:auto;padding:20px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.7;display:flex;flex-direction:column;gap:9px}.agent-line{max-width:68ch}.agent-you{color:var(--screen-ink)}.agent-you:before{content:"you  ";color:var(--detect)}.agent-sys{color:var(--screen-muted)}.agent-bot{color:#cfe9e2}.agent-bot:before{content:"agent  ";color:var(--warn)}.agent-act{color:var(--warn)}.agent-act:before{content:"▸ "}.agent-form{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(236,234,227,.12);padding:12px 16px}.agent-form .prompt{color:var(--detect);font-family:var(--font-mono)}.agent-input{flex:1;background:none;border:none;outline:none;color:var(--screen-ink);font-family:var(--font-mono);font-size:14px}.agent-input::placeholder{color:var(--screen-faint)}.agent-suggest{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft);background:var(--bg-warm);border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer;transition:border-color .15s,color .15s}.chip:hover{border-color:var(--accent);color:var(--accent-deep)}@keyframes blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hud-dot{animation:none!important}}@media(max-width:640px){.nav{gap:13px}.nav a{font-size:10px;letter-spacing:.04em}.screen{aspect-ratio:4 / 3}}