.hero-reveal-container{position:relative;width:100%;min-height:600px;max-width:1200px;margin:1rem auto 3rem;border-radius:var(--radius-xl);overflow:hidden;background-color:var(--bg-night);border:1px solid var(--border-subtle, rgba(227, 190, 183, .15));box-shadow:0 40px 90px -30px #000000d9;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;box-sizing:border-box}.hero-webgl-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero-fallback-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,185,82,.25) 0%,rgba(255,90,60,.15) 50%,var(--bg-night) 90%);z-index:1}.hero-reveal-card{position:relative;z-index:2;background:#151310bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--on-surface);border-radius:var(--radius-lg);border:1px solid rgba(227,190,183,.2);padding:3.5rem 3rem;max-width:820px;width:100%;text-align:center;box-shadow:0 24px 60px #0009,inset 0 1px #ffffff1a;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.hero-eyebrow-pill{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:#ff5a3c1f;border:1px solid rgba(255,90,60,.35);padding:.35rem .9rem;border-radius:var(--radius-full);margin-bottom:1.5rem}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--sunrise-coral);box-shadow:0 0 8px var(--sunrise-coral)}.hero-headline{font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:700;line-height:1.05;color:var(--on-surface);margin-bottom:1.25rem;letter-spacing:-.025em;text-shadow:0 2px 20px rgba(0,0,0,.5)}.hero-subhead{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;color:var(--on-surface-variant);max-width:620px;margin:0 auto 2.25rem}.hero-actions-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn-start-talking{display:inline-flex;align-items:center;gap:.6rem;background:var(--primary-container);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;padding:.9rem 1.8rem;border-radius:var(--radius-md);box-shadow:0 0 20px #ff5a3c73;transition:all .2s ease}.btn-start-talking:hover{background:#ff7056;transform:translateY(-2px);box-shadow:0 0 30px #ff5a3cb3}.btn-replay-reveal{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;color:var(--on-surface);border:1px solid var(--line);font-weight:600;font-size:.9rem;padding:.85rem 1.4rem;border-radius:var(--radius-md);transition:all .2s ease}.btn-replay-reveal:hover{background:#ffffff1a;border-color:#ffffff40}.btn-replay-reveal:hover .icon-spin-hover{transform:rotate(180deg);transition:transform .4s ease}.hero-chips-row{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1.5rem}.chip-meta{display:inline-flex;align-items:center;gap:.45rem;background:#00000059;border:1px solid var(--line);padding:.35rem .8rem;border-radius:var(--radius-sm);font-size:.82rem;color:var(--on-surface-variant)}.text-emerald{color:var(--accent-emerald)}.hero-horizon-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary-container) 20%,var(--secondary) 50%,var(--primary-container) 80%,transparent 100%);box-shadow:0 -2px 16px var(--primary-container);z-index:3;transform-origin:center;transition:opacity .4s ease,transform .4s ease}@media(max-width:768px){.hero-reveal-container{min-height:500px;padding:2rem 1rem}.hero-reveal-card{padding:2.25rem 1.5rem}}.voice-rag-container{width:100%;max-width:1200px;margin:0 auto 4rem;display:flex;flex-direction:column;gap:1.5rem}.vr-controls-strip{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--surface-container);border:1px solid var(--line);border-radius:var(--radius-full);flex-wrap:wrap;gap:.75rem}.vr-status-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;letter-spacing:.08em;color:var(--secondary)}.icon-pulsing{animation:pulse-ring 1.5s infinite;color:var(--primary-container)}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1;filter:drop-shadow(0 0 6px var(--primary-container))}to{transform:scale(.95);opacity:.8}}.btn-backend-toggle{display:inline-flex;align-items:center;gap:.55rem;background:#ffffff0a;border:1px solid var(--line);color:var(--on-surface-variant);font-family:var(--font-mono);font-size:.75rem;padding:.4rem .9rem;border-radius:var(--radius-full);transition:all .2s ease}.btn-backend-toggle:hover{background:#ffffff14;color:var(--on-surface)}.btn-backend-toggle.active{background:#10b9811f;border-color:#10b98159;color:#34d399}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.online{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.status-dot.offline{background:var(--ink-edge)}.stitch-rag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stitch-panel{background:#151310a6;border:1px solid rgba(227,190,183,.2);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;position:relative}.panel-badge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.panel-label{font-size:.75rem;letter-spacing:.12em;color:var(--tertiary);text-transform:uppercase;font-weight:600}.panel-sub-label{font-size:.72rem;color:var(--on-surface-variant);opacity:.75}.stitch-mic-panel{align-items:center;text-align:center}.stitch-mic-orb{width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,90,60,.35);background:var(--surface-container-highest);display:flex;align-items:center;justify-content:center;margin:1.25rem 0;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;box-shadow:0 0 25px #ff5a3c33}.stitch-mic-orb:hover{transform:scale(1.06);box-shadow:0 0 35px #ff5a3c73}.stitch-mic-orb.is-live{border-color:var(--primary-container);box-shadow:0 0 45px #ff5a3cb3;animation:pulse-orb 1.8s infinite alternate}@keyframes pulse-orb{0%{transform:scale(1.02)}to{transform:scale(1.1);box-shadow:0 0 50px #ffb952cc}}.mic-orb-inner{display:flex;align-items:center;justify-content:center}.orb-bars{display:flex;align-items:center;gap:5px;height:38px}.orb-bar{width:4px;height:100%;border-radius:var(--radius-full);animation:bounce 1.1s infinite alternate ease-in-out}.bar-1{background:var(--primary-container);animation-delay:0s}.bar-2{background:var(--secondary);animation-delay:.2s}.bar-3{background:var(--primary-container);animation-delay:.4s}.bar-4{background:var(--secondary);animation-delay:.15s}.bar-5{background:var(--primary-container);animation-delay:.3s}@keyframes bounce{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.orb-status-text{font-size:.8rem;letter-spacing:.12em;color:var(--secondary);margin-bottom:1.25rem}.stitch-input-form{width:100%;display:flex;gap:.5rem;margin-bottom:1rem}.stitch-text-input{flex:1;background:var(--surface-container-low);border:1px solid var(--line);color:var(--on-surface);font-family:var(--font-body);font-size:.88rem;padding:.75rem 1rem;border-radius:var(--radius-md);outline:none;transition:all .2s ease}.stitch-text-input:focus{border-color:var(--primary-container);box-shadow:0 0 14px #ff5a3c4d}.btn-stitch-send{background:var(--primary-container);color:#fff;width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-stitch-send:hover:not(:disabled){background:#ff7056;transform:scale(1.05)}.btn-stitch-send:disabled{opacity:.3;cursor:not-allowed}.stitch-presets-wrap{width:100%;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;text-align:left}.preset-tag{font-size:.68rem;color:var(--on-surface-variant);opacity:.7}.stitch-preset-btn{background:#ffffff08;border:1px solid var(--line);color:var(--on-surface-variant);font-size:.72rem;padding:.25rem .6rem;border-radius:var(--radius-sm);transition:all .15s ease}.stitch-preset-btn:hover:not(:disabled){background:#ff5a3c1f;border-color:var(--primary-container);color:var(--on-surface)}.stitch-answer-panel{gap:1rem}.speaker-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;letter-spacing:.05em;margin-bottom:.4rem}.user-tag{color:var(--on-surface-variant)}.system-tag{color:var(--primary)}.grounded-pill{display:inline-flex;align-items:center;gap:.3rem;background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3);padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.68rem;margin-left:.5rem}.transcript-section{padding-bottom:1rem;border-bottom:1px solid var(--line)}.transcript-text{font-family:var(--font-body);font-size:.95rem;color:var(--on-surface);font-style:italic}.answer-section{flex:1;display:flex;flex-direction:column;gap:.85rem}.answer-body{font-size:.98rem;line-height:1.6;color:var(--panel-cream)}.answer-loading-state{display:flex;align-items:center;gap:.75rem;padding:2rem 0;color:var(--on-surface-variant);font-size:.85rem}.icon-spin-coral{color:var(--primary-container);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stitch-refusal-card{border:1px dashed var(--ink-edge);border-radius:var(--radius-md);padding:1rem 1.25rem;background:#ff2e6314}.refusal-title{display:flex;align-items:center;gap:.45rem;color:var(--ink-edge);font-size:.82rem;font-weight:700;margin-bottom:.5rem}.refusal-desc{font-size:.85rem;color:#ff94ab;margin-bottom:.75rem}.refusal-msg{font-size:.82rem;background:#0006;padding:.6rem .85rem;border-radius:var(--radius-sm);color:var(--on-surface)}.stitch-citations-tray{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.85rem;border-top:1px solid var(--line)}.citations-label{font-size:.7rem;color:var(--on-surface-variant);opacity:.75}.stitch-citation-pill{display:inline-flex;align-items:center;gap:.35rem;background:#ff5a3c1f;border:1px solid rgba(255,90,60,.3);color:var(--primary);padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.72rem}.pill-score{background:#0006;padding:.1rem .35rem;border-radius:3px;font-size:.68rem;color:var(--secondary)}.trace-items-list{display:flex;flex-direction:column;gap:.75rem}.trace-card-item{background:var(--surface-container-low);border:1px solid var(--line);border-radius:var(--radius-md);padding:.85rem 1rem;cursor:pointer;transition:all .2s ease}.trace-card-item:hover,.trace-card-item.active{border-color:#ff5a3c73;background:var(--surface-container)}.trace-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.trace-meta{display:flex;align-items:center;gap:.45rem}.trace-strat-pill{font-size:.68rem;background:#ffb9521f;color:var(--secondary);border:1px solid rgba(255,185,82,.3);padding:.15rem .45rem;border-radius:4px}.trace-source{font-size:.75rem;color:var(--on-surface-variant)}.trace-score-badge{font-size:.78rem;color:var(--primary);background:#ff5a3c1a;padding:.15rem .45rem;border-radius:4px}.trace-snippet{font-family:var(--font-mono);font-size:.78rem;color:var(--on-surface-variant);line-height:1.5}.trace-expanded-details{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--line);font-size:.7rem;color:var(--secondary);display:flex;justify-content:space-between}.stitch-percentile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.stitch-p-box{background:var(--surface-container-low);border:1px solid var(--line);border-radius:var(--radius-md);padding:.9rem .65rem;text-align:center;display:flex;flex-direction:column;gap:.2rem}.stitch-p-box.is-over{border-color:var(--ink-edge)}.p-tag{font-size:.7rem;color:var(--on-surface-variant);opacity:.8}.p-number{font-size:1.3rem;font-weight:700}.p-number small{font-size:.65rem;margin-left:2px}.p-desc{font-size:.65rem;color:var(--tertiary)}.text-amber{color:var(--secondary)}.text-coral{color:var(--primary-container)}.text-edge{color:var(--ink-edge)}.text-emerald{color:#34d399}.stitch-timing-table{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:.85rem}.timing-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--on-surface-variant)}.timing-row.total-timing-row{padding-top:.35rem;margin-top:.2rem;border-top:1px dashed var(--line);color:var(--on-surface);font-size:.84rem}.latency-footer-strip{display:flex;align-items:center;justify-content:space-between}.compliance-tag{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.server-region{font-size:.7rem;color:var(--on-surface-variant);opacity:.65}.timing-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.2rem .6rem;border-radius:var(--radius-full)}.timing-pill.within-budget{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3)}.timing-pill.over-budget{background:#ff2e631f;color:var(--ink-edge);border:1px solid rgba(255,46,99,.4)}@media(max-width:960px){.stitch-rag-grid{grid-template-columns:1fr}}:root{--bg-night: #0a0806;--background: #151310;--surface: #151310;--surface-dim: #151310;--surface-bright: #3c3935;--surface-container-lowest: #100e0b;--surface-container-low: #1e1b18;--surface-container: #221f1c;--surface-container-high: #2c2926;--surface-container-highest: #383431;--surface-variant: #383431;--panel-cream: #f3ede1;--panel-cream-dim: #e6e1d0;--ink-black: #1c1712;--ink-muted: #574c43;--ink-edge: #ff2e63;--primary: #ffb4a5;--primary-container: #ff5a3c;--on-primary: #650a00;--on-primary-container: #5c0800;--sunrise-coral: #ff5a3c;--secondary: #ffb952;--secondary-container: #cd8800;--on-secondary: #452b00;--on-secondary-container: #422900;--sunrise-amber: #ffb952;--tertiary: #cbc6bb;--tertiary-container: #969288;--on-tertiary: #333028;--tertiary-fixed-dim: #cbc6bb;--error: #ffb4ab;--error-container: #93000a;--accent-emerald: #10b981;--on-surface: #e8e1dc;--on-surface-variant: #e3beb7;--outline: #aa8983;--outline-variant: #5b403b;--line: rgba(227, 190, 183, .15);--line-strong: rgba(227, 190, 183, .3);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-card: 0 20px 50px -10px rgba(0, 0, 0, .7);--glow-coral: 0 0 30px rgba(255, 90, 60, .35);--glow-amber: 0 0 30px rgba(255, 185, 82, .3)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{background-color:var(--background);color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;line-height:1.6}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:99}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.font-mono{font-family:var(--font-mono)}button{font-family:inherit;cursor:pointer;border:none;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:#e3beb733;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-container)}
