/* Per-page config parity — restores this page's original Tailwind theme
   values that differ from the global build (no visual change vs. CDN). */
*,*::before,*::after{border-color:rgba(9,9,11,0.1);}

/* Page-specific styles (moved out of inline <style>, feedback 6.1). */
:root { --nav-h: 64px; --hud-mono: 'JetBrains Mono', 'Courier New', monospace; }
*,*::before,*::after { box-sizing: border-box; }
html { font-size: 16px; }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; background: #FFFFFF; color: #09090B; }
.hud-corner { position:absolute; font-family:var(--hud-mono); font-size:10px; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; color:rgba(9,9,11,0.35); pointer-events:none; user-select:none; }
.hud-corner--dark {color:rgba(255,255,255,0.3);}
.nav-pill.active { background:#09090B; color:#FFFFFF; }
.proof-card { border-radius:16px; padding:32px; min-height:200px; display:flex; flex-direction:column; justify-content:space-between; }
.agent-rail { position:sticky; top:calc(var(--nav-h) + 24px); }
.agent-bubble { background:#F4F4F5; border-radius:14px; padding:16px 18px; font-size:14px; line-height:1.6; color:#3F3F46; }
.quick-reply { font-size:13px; padding:8px 16px; border:1.5px solid rgba(9,9,11,0.15); border-radius:100px; color:#09090B; cursor:pointer; transition:all 0.15s ease; background:white; }
.quick-reply:hover { background:#09090B; color:white; border-color:#09090B; }
.reveal-d1 {transition-delay:80ms;}
.reveal-d2 {transition-delay:160ms;}
.reveal-d3 {transition-delay:240ms;}
.hero-reply {display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.92);font-size:14px;text-decoration:none;transition:all .15s ease;cursor:pointer;}
.hero-reply:hover {background:rgba(14,165,233,0.12);border-color:rgba(14,165,233,0.4);color:#fff;transform:translateX(2px);}
.hero-reply-num {font-family:var(--hud-mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,0.4);min-width:18px;}
.hero-reply:hover .hero-reply-num {color:#38BDF8;}
.hero-reply-arrow {margin-left:auto;color:rgba(255,255,255,0.4);font-size:14px;}
.hero-reply:hover .hero-reply-arrow {color:#38BDF8;}
.arc-fill {transition:width 1.4s cubic-bezier(.2,.8,.2,1);}
.prog-fill {transition:width 1.5s cubic-bezier(.2,.8,.2,1);}
@media(max-width:1024px) {.lg-hide{display:none!important;}}
@media(max-width:768px) {.md-stack{flex-direction:column;}.md-full{width:100%!important;}}