:root{color-scheme:dark;font-family:Segoe UI,Inter,system-ui,Arial,sans-serif;--bg-0: #060912;--bg-1: #0b1120;--panel: rgb(255 255 255 / 4.5%);--panel-solid: #0e1626;--border: rgb(255 255 255 / 10%);--border-strong: rgb(255 255 255 / 18%);--text: #eef2fb;--muted: #93a0b8;--accent: #2dd4bf;--accent-2: #8b5cf6;--accent-3: #22d3ee;--accent-grad: linear-gradient(115deg, #2dd4bf 0%, #22d3ee 38%, #8b5cf6 100%);--glow: 0 0 .5rem rgb(45 212 191 / 35%), 0 0 2rem rgb(139 92 246 / 25%);--ok: #34d399;--warn: #fbbf24;--err: #fb7185;--voice: 0;color:var(--text);background:var(--bg-0)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(60rem 40rem at 12% -10%,rgb(45 212 191 / 16%),transparent 60%),radial-gradient(55rem 38rem at 110% 8%,rgb(139 92 246 / 18%),transparent 58%),radial-gradient(48rem 48rem at 50% 120%,rgb(34 211 238 / 12%),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));background-attachment:fixed;animation:auroraDrift 24s ease-in-out infinite alternate}@keyframes auroraDrift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:6% 4%,-5% 3%,3% -4%,0 0}}@media(prefers-reduced-motion:reduce){body{animation:none}}button,textarea{font:inherit}button{border:1px solid var(--border-strong);border-radius:.85rem;padding:.7rem 1.05rem;background:#ffffff0f;color:var(--text);cursor:pointer;font-weight:650;letter-spacing:.01em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}button:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 6px 18px #00000059}button:active{transform:translateY(0)}button.primary{background:var(--accent-grad);color:#04121a;border:0;font-weight:800;box-shadow:var(--glow)}button.primary:hover{box-shadow:0 0 1rem #2dd4bf8c,0 0 2.5rem #8b5cf666}textarea{width:100%;border:1px solid var(--border);border-radius:.75rem;padding:.8rem;resize:vertical;background:#00000040;color:var(--text)}textarea::placeholder{color:var(--muted)}.shell{width:min(1280px,100%);margin:0 auto;padding:1.5rem 1.25rem 3rem}.brand-strip{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.9rem 1.1rem;margin-bottom:1.25rem;border-radius:1.25rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 40px #00000059}.helios-wordmark{background:var(--accent-grad);color:#04121a;font-size:1.35rem;font-weight:850;letter-spacing:-.02em;padding:.55rem .9rem;border-radius:.7rem;box-shadow:var(--glow)}.helios-wordmark.brand-logo{background:#fff;padding:.4rem .6rem;display:flex;align-items:center}.helios-wordmark.brand-logo img{height:2.1rem;width:auto;display:block}.brand-strip strong,.brand-strip span,.brand-strip small{display:block}.brand-strip span{color:var(--text)}.brand-strip small{color:var(--muted)}.hero{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin-bottom:1.25rem}.eyebrow{color:var(--accent);font-weight:750;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}h1,h2,p{margin-top:0}h1{font-size:clamp(2.2rem,5.5vw,4.75rem);line-height:1.02;margin-bottom:.4rem;font-weight:820;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,#b8f5ec 40%,#cbb6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:1.12rem;max-width:48rem;color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);gap:1.1rem;margin-bottom:1.1rem}.panel,.status-card{background:var(--panel);border:1px solid var(--border);border-radius:1.1rem;box-shadow:0 12px 40px #00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.panel{padding:1.15rem}.status-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;min-width:18rem}.status-card small{display:block;color:var(--muted);margin-top:.2rem}.dot{width:.85rem;height:.85rem;border-radius:50%;background:var(--muted);box-shadow:0 0 .6rem currentColor}.dot.ready{background:var(--ok);color:var(--ok)}.dot.warn{background:var(--warn);color:var(--warn)}.dot.error{background:var(--err);color:var(--err)}.avatar-frame{position:relative;min-height:540px;border-radius:1rem;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,rgb(45 212 191 / 22%),transparent 55%),radial-gradient(120% 90% at 80% 100%,rgb(139 92 246 / 28%),transparent 60%),linear-gradient(180deg,#0b1426,#05080f 72%);border:1px solid var(--border);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 calc(.5rem + var(--voice) * 3.5rem) rgb(45 212 191 / calc(.15 + var(--voice) * .5)),0 0 calc(1rem + var(--voice) * 6rem) rgb(139 92 246 / calc(.08 + var(--voice) * .4));transition:box-shadow .12s linear}.avatar-frame video,.mock-avatar{width:100%;height:100%;min-height:540px}.avatar-frame video{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;z-index:2}.mock-avatar{display:grid;place-items:center;align-content:center;color:var(--text);text-align:center;padding:2rem}.mock-avatar p{font-size:1.4rem;font-weight:800;margin:1rem 0 .25rem}.mock-avatar small{color:var(--muted)}.face{width:11rem;height:11rem;border-radius:1.4rem;background:conic-gradient(from 140deg,#2dd4bf,#22d3ee,#8b5cf6,#2dd4bf);box-shadow:0 1rem 4rem #2dd4bf73;animation:facePulse 3.5s ease-in-out infinite}@keyframes facePulse{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.04);filter:saturate(1.25)}}.button-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.95rem}.main-actions{gap:.8rem}.main-actions .primary{font-size:1.05rem;padding:.95rem 1.3rem}.gauge-rack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.25rem 0 1rem}.gauge{position:relative;display:grid;place-items:center;padding:1rem .5rem .6rem;border-radius:1rem;background:#00000038;border:1px solid var(--border)}.gauge-ring{--val: 0;--ring: var(--accent);width:9rem;height:9rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--panel-solid) 71%,transparent 72% 100%),conic-gradient(var(--ring) calc(var(--val) * 1%),rgb(255 255 255 / 8%) 0);transition:--val .15s linear;filter:drop-shadow(0 0 .6rem rgb(45 212 191 / 30%))}.gauge-ring.noise{--ring: linear-gradient(var(--warn), var(--err))}.gauge-ring .gauge-value{font-size:1.5rem;font-weight:820;letter-spacing:-.02em}.gauge-label{margin-top:.6rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.gauge-sub{font-size:.72rem;color:var(--muted);margin-top:.1rem}.snr-readout{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:.2rem 0 .8rem}.snr-readout .snr-value{font-size:1.15rem;font-weight:800;color:var(--accent)}.level-bar{position:relative;height:.7rem;border-radius:999px;background:#ffffff12;overflow:hidden;margin-top:.4rem}.level-bar>span{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px;background:var(--accent-grad);box-shadow:var(--glow);transition:width .12s linear}.guided-demo-card{border:1px solid var(--border-strong);border-radius:1rem;margin-top:1rem;padding:1rem 1.1rem;background:linear-gradient(160deg,#2dd4bf14,#8b5cf612)}.guided-demo-card h2{margin:.45rem 0}.guided-demo-card p,.guided-demo-card ol{margin:.45rem 0;color:var(--muted)}.guided-demo-card ol{padding-left:1.4rem}.guided-demo-card li{margin:.25rem 0}.guided-demo-card strong,.guided-demo-card em{color:var(--text)}.pill{display:inline-block;border-radius:999px;padding:.25rem .7rem;background:var(--accent-grad);color:#04121a;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.helper-text{border-left:3px solid var(--accent);padding-left:.8rem;color:var(--muted)}.fallback-controls{border:1px solid var(--border);border-radius:1rem;margin-top:1rem;padding:.95rem;background:#0003}.fallback-controls summary{cursor:pointer;font-weight:750}.fallback-controls p{margin:.65rem 0 0;color:var(--muted)}.manual-fallback-details label{display:block;margin-top:.8rem;font-weight:700}.tester-guide{align-self:start}.guide-steps{display:grid;gap:.75rem;margin-top:1rem}.guide-steps article,.explainer-box{border:1px solid var(--border);border-radius:.9rem;padding:.9rem;background:#ffffff08}.guide-steps p,.explainer-box p{margin:.35rem 0 0;color:var(--muted)}.explainer-box{margin-top:1rem}.live-status{border:1px solid var(--border);border-radius:.9rem;margin-top:.9rem;padding:.9rem;background:#fbbf2414}.live-status.ready{border-color:#34d39973;background:#34d3991a}.live-status.error{border-color:#fb718573;background:#fb71851a}.live-status p{margin:.35rem 0 0;color:var(--muted)}.response{margin-top:1rem;border-left:3px solid var(--accent);padding-left:.85rem;min-height:3rem}.guardrail-box,.source-panel{border-radius:.9rem;margin-top:1rem;padding:.9rem}.guardrail-box{border:1px solid var(--border);background:#ffffff08}.guardrail-box.allowed{border-color:#34d39973;background:#34d39917}.guardrail-box.handoff{border-color:#fbbf2473;background:#fbbf2417}.guardrail-box.out-of-scope{border-color:#fb718573;background:#fb718517}.guardrail-box.empty{display:none}.guardrail-box p,.guardrail-box ul{margin:.4rem 0 0}.source-panel{background:linear-gradient(160deg,#8b5cf61f,#22d3ee14);border:1px solid var(--border)}.source-panel a{color:var(--accent-3)}.source-list,.knowledge-list{display:grid;gap:.6rem;margin-top:.7rem}.source-item,.knowledge-item{border:1px solid var(--border);border-radius:.8rem;padding:.75rem;background:#ffffff08;color:var(--text)}.source-item p,.knowledge-item p{margin:.35rem 0}.source-item a,.knowledge-item small{color:var(--accent);font-weight:700}.muted,.source-panel .muted{color:var(--muted)}.cards{display:grid;gap:.7rem;margin-top:1rem}.card{border:1px solid var(--border);border-radius:.8rem;padding:.85rem;background:#ffffff08}.card p{margin:.35rem 0}.card small{color:var(--accent);font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1rem}.metrics div{border-radius:1rem;padding:.85rem;background:#ffffff0a;border:1px solid var(--border);text-align:center}.metrics strong{display:block;font-size:1.2rem}.metrics small{display:block;color:var(--muted);margin-top:.15rem}.voice-live-status{border:1px solid var(--border);border-radius:1rem;margin-top:1rem;padding:.95rem;background:#ffffff08}.voice-live-status.ready{border-color:#34d39973;background:#34d39917}.voice-live-status.warn{border-color:#fbbf2466;background:#fbbf2414}.voice-live-status p,.voice-live-status ul{margin:.45rem 0}.voice-live-status dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.35rem .7rem;margin:.6rem 0}.voice-live-status div{display:contents}.voice-live-status dt{color:var(--muted);font-weight:700}.voice-live-status dd{margin:0;overflow-wrap:anywhere}.track-b-transcript{border:1px solid var(--border);border-radius:1rem;margin-top:.8rem;padding:.95rem;background:#ffffff08}.track-b-transcript p{margin:.45rem 0}.track-b-transcript small{color:var(--muted)}.mini-json{white-space:pre-wrap;max-height:14rem;overflow:auto;background:#05070d;color:#7ef0d6;border:1px solid var(--border);border-radius:.75rem;padding:.75rem}.timeline{display:grid;gap:.6rem;list-style:none;padding:0;margin:0;max-height:35rem;overflow:auto}.timeline li{border-bottom:1px solid var(--border);padding-bottom:.5rem}.timeline small,.timeline code{display:block;color:var(--muted);overflow-wrap:anywhere}.export-box{white-space:pre-wrap;max-height:20rem;overflow:auto;background:#05070d;color:#7ef0d6;border:1px solid var(--border);border-radius:1rem;padding:1rem}.guardrail-notes ul{margin-bottom:0}@media(max-width:840px){.brand-strip,.hero,.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}:fullscreen{background:#000;overflow:hidden}:fullscreen body{background:#000}:fullscreen .brand-strip,:fullscreen .hero,:fullscreen .panel:not(.avatar-panel){display:none!important}:fullscreen .avatar-panel #trackBStatus,:fullscreen .avatar-panel #trackBTranscript,:fullscreen .avatar-panel details,:fullscreen .avatar-panel .guided-demo-card>.pill,:fullscreen .avatar-panel .guided-demo-card>h2,:fullscreen .avatar-panel .guided-demo-card>p,:fullscreen .avatar-panel .guided-demo-card>ol{display:none!important}:fullscreen .avatar-panel .gauge-rack{position:fixed;top:1.25rem;right:1.25rem;z-index:120;width:min(22rem,40vw);margin:0;padding:.75rem;background:#080c16b8;border:1px solid var(--border-strong);border-radius:1.1rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}:fullscreen .avatar-frame{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;min-height:0;border-radius:0;z-index:1}:fullscreen .avatar-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;object-fit:cover}:fullscreen .mock-avatar{width:100%;height:100%;min-height:0}:fullscreen .button-row.main-actions{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:100;margin:0;padding:.45rem .6rem;background:#080c16c7;border-radius:999px;border:1px solid var(--border-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 30px #00000073;flex-wrap:nowrap}:fullscreen .button-row.main-actions button{border-radius:999px;padding:.65rem 1rem;font-size:.95rem}body[data-brand=tre]{--accent: #d4d4d8;--accent-2: #a1a1aa;--accent-3: #e4e4e7;--accent-grad: linear-gradient(115deg, #f4f4f5, #a1a1aa);--glow: 0 0 .5rem rgb(255 255 255 / 22%)}body[data-brand=tre] h1{background:linear-gradient(120deg,#fff,#c9c9cf);-webkit-background-clip:text;background-clip:text;color:transparent}body[data-brand=tre] button.primary{color:#0a0a0a}