*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#07090D;--bg1:#0C1018;--bg2:#111720;--bg3:#161D28;
  --b:rgba(255,255,255,0.055);--b2:rgba(255,255,255,0.09);--b3:rgba(255,255,255,0.16);
  --gold:#E9BC52;--gold2:#F5D07A;--gd:rgba(233,188,82,0.07);--gm:rgba(233,188,82,0.18);--gg:rgba(233,188,82,0.32);
  --t:#EDF2F8;--t70:rgba(237,242,248,0.7);--t45:rgba(237,242,248,0.45);--t20:rgba(237,242,248,0.2);
  --green:#3FB950;--red:#F85149;--amber:#F0A500;
  --zoom-bg:#1A1F2E;--zoom-tile:#0E1219;
  --mono:'JetBrains Mono',monospace;--dis:'Syne',system-ui,sans-serif;
}
html{background:var(--bg);color:var(--t);font-family:var(--dis);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body{min-height:100vh}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(var(--b) 1px,transparent 1px),linear-gradient(90deg,var(--b) 1px,transparent 1px);
  background-size:72px 72px;mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,black,transparent)}
.glow{position:fixed;top:-400px;left:50%;transform:translateX(-50%);width:1000px;height:700px;
  background:radial-gradient(ellipse,rgba(233,188,82,0.05),transparent 65%);pointer-events:none;z-index:0}
#prog{position:fixed;top:0;left:0;height:2px;background:var(--gold);z-index:300;transition:width .4s ease;width:0}

/* NAV */
nav{position:sticky;top:2px;z-index:200;background:rgba(7,9,13,0.88);backdrop-filter:blur(24px);border-bottom:1px solid var(--b)}
.nav-in{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:54px}
.nlogo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nlogo img{height:26px;width:auto}
.nlogo-txt{font-size:15px;font-weight:700;color:var(--t);letter-spacing:-.02em}
.nlinks{display:flex;align-items:center;gap:4px}
.na{font-size:12px;color:var(--t45);text-decoration:none;padding:6px 12px;border-radius:6px;transition:all .2s}
.na:hover{color:var(--t70);background:var(--bg3)}
.nbtn{display:inline-flex;align-items:center;background:var(--gold);color:#000;font-family:var(--dis);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;text-decoration:none;transition:all .2s}
.nbtn:hover{background:var(--gold2)}
@media(max-width:640px){.nlogo-txt{display:none}.na{display:none}}

.wrap{max-width:1200px;margin:0 auto;padding:0 32px 120px;position:relative;z-index:1}
@media(max-width:640px){.wrap{padding:0 20px 160px}}
.screen{display:none}.screen.active{display:block}

/* MOB CTA */
#mob-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:150;padding:12px 20px 28px;background:linear-gradient(transparent,var(--bg) 60%)}
#mob-cta button{width:100%;background:var(--gold);color:#000;font-family:var(--dis);font-size:14px;font-weight:700;border:none;padding:16px;border-radius:10px;cursor:pointer}
@media(max-width:640px){#mob-cta{display:block}}

/* ── HERO ── */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 56px);align-items:stretch}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto}}
.hero-l{display:flex;flex-direction:column;justify-content:center;padding:60px 56px 60px 0}
@media(max-width:800px){.hero-l{padding:40px 0 40px;order:2}}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--b2);background:rgba(233,188,82,0.04);border-radius:100px;padding:5px 14px;margin-bottom:32px;width:fit-content}
.bdot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2.2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}60%{opacity:.4}}
.btxt{font-family:var(--mono);font-size:10px;color:var(--t45);letter-spacing:.1em}
.h1{font-size:clamp(42px,5.2vw,80px);font-weight:800;line-height:.93;letter-spacing:-.04em;margin-bottom:28px}
.h1 .dim{color:var(--t20)}.h1 .gold{color:var(--gold);text-shadow:0 0 80px var(--gg)}
.hsub{font-size:clamp(14px,1.6vw,17px);color:var(--t45);line-height:1.8;margin-bottom:40px;max-width:400px}
.btn-hero{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:#000;font-family:var(--dis);font-size:14px;font-weight:700;border:none;padding:18px 36px;border-radius:10px;cursor:pointer;transition:all .3s;width:fit-content}
.btn-hero:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 8px 40px var(--gg)}
@media(max-width:800px){.btn-hero{display:none}}
.trust{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}
.ti{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--t45)}
.ti svg{color:var(--gold);flex-shrink:0;width:12px;height:12px}
.count-badge{margin-top:20px;font-family:var(--mono);font-size:11px;color:var(--t20)}
.count-badge span{color:var(--gold)}
.hero-r{position:relative;overflow:hidden;min-height:520px}
@media(max-width:800px){.hero-r{min-height:360px;margin:0 -20px;order:1}}
.bex-img-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:brightness(.88) contrast(1.04)}
.hero-gl{position:absolute;inset:0;background:linear-gradient(to right,rgba(7,9,13,0.5),transparent 45%)}
.hero-gb{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(7,9,13,0.8) 75%,var(--bg) 100%)}
.bex-plate{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;display:flex;align-items:flex-end;justify-content:space-between}
.bpname{font-size:20px;font-weight:700;color:var(--t)}
.bprole{font-family:var(--mono);font-size:9px;color:var(--t45);letter-spacing:.06em;margin-top:2px}
.bponline{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--green)}
.bpondot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite}

/* ══════════════════════════════════════════════
   ZOOM CALL — used for BOTH name screen and interview
══════════════════════════════════════════════ */
.call-screen{
  min-height:calc(100vh - 56px);
  display:flex;flex-direction:column;
  background:var(--zoom-bg);
  position:relative;
}

/* Top bar */
.call-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;background:rgba(0,0,0,.5);flex-shrink:0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.call-bar-left{display:flex;align-items:center;gap:12px}
.call-title{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.4);letter-spacing:.08em}
.call-live{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--red);font-weight:600}
.call-live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:zpulse 1s ease-in-out infinite}
@keyframes zpulse{0%,100%{opacity:1}50%{opacity:.25}}
.call-timer{font-family:var(--mono);font-size:13px;font-weight:600;color:rgba(255,255,255,.6);transition:color .3s;min-width:44px;text-align:right}
.call-timer.warn{color:var(--amber)}.call-timer.urgent{color:var(--red)}

/* Tiles area */
.call-tiles{
  flex:1;display:flex;align-items:center;justify-content:center;
  gap:16px;padding:20px;position:relative;
}
@media(max-width:640px){.call-tiles{flex-direction:column;gap:12px;padding:12px}}

/* Bex tile */
.bex-tile{
  position:relative;border-radius:16px;overflow:hidden;
  background:#000;flex:1;max-width:640px;
  aspect-ratio:16/9;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 40px rgba(0,0,0,.6);
}
@media(max-width:640px){.bex-tile{width:100%;max-width:none;flex:none}}
.bex-tile video,.bex-tile img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}
.bex-tile-name{
  position:absolute;bottom:10px;left:10px;
  background:rgba(0,0,0,.72);padding:4px 12px;border-radius:4px;
  font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.85);letter-spacing:.04em;
  backdrop-filter:blur(4px);
}
.bex-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none}

/* User tile */
.user-tile{
  position:relative;border-radius:16px;overflow:hidden;
  background:var(--zoom-tile);
  width:220px;flex-shrink:0;aspect-ratio:4/3;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
}
@media(max-width:640px){.user-tile{width:100%;max-width:200px;align-self:flex-end}}
.user-avatar{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}
.user-avatar svg{width:26px;height:26px;color:rgba(255,255,255,.2)}
.user-tile-name{
  position:absolute;bottom:8px;left:8px;right:8px;
  background:rgba(0,0,0,.72);padding:4px 8px;border-radius:4px;
  font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.7);letter-spacing:.04em;
  backdrop-filter:blur(4px);text-align:center;
}

/* Name input overlay — appears on user tile */
.name-overlay{
  position:absolute;inset:0;
  background:rgba(14,18,25,.92);
  display:none;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;padding:16px;backdrop-filter:blur(4px);
}
.name-overlay.show{display:flex}
.name-overlay-label{font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.4);letter-spacing:.08em;text-align:center}
#call-name-input{
  width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);
  color:var(--t);font-family:var(--dis);font-size:15px;font-weight:600;
  padding:10px 12px;border-radius:8px;outline:none;text-align:center;
  transition:border-color .2s;
}
#call-name-input:focus{border-color:var(--gold)}
#call-name-input::placeholder{color:rgba(255,255,255,.2);font-weight:400;font-size:13px}
.name-confirm-btn{
  width:100%;background:var(--gold);color:#000;font-family:var(--dis);font-size:12px;font-weight:700;
  border:none;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s;
}
.name-confirm-btn:hover{background:var(--gold2)}

/* Mic unlock overlay on user tile */
.mic-prompt{
  position:absolute;inset:0;
  background:rgba(14,18,25,.85);
  display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  backdrop-filter:blur(4px);
}
.mic-prompt.show{display:flex}
.mic-pulse{
  width:56px;height:56px;border-radius:50%;background:rgba(233,188,82,.1);border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  animation:mpulse 2s ease-in-out infinite;transition:all .2s;
}
.mic-pulse:hover{background:rgba(233,188,82,.2);transform:scale(1.05)}
@keyframes mpulse{0%,100%{box-shadow:0 0 0 0 rgba(233,188,82,0)}50%{box-shadow:0 0 0 16px rgba(233,188,82,0)}}
.mic-pulse svg{width:24px;height:24px;color:var(--gold)}
.mic-prompt-txt{font-family:var(--mono);font-size:10px;color:rgba(233,188,82,.7);text-align:center;letter-spacing:.04em}

/* Status bar below tiles */
.call-status{
  padding:10px 20px;background:rgba(0,0,0,.4);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.4);letter-spacing:.04em;
  min-height:38px;transition:all .3s;
}
.call-status.amber{color:var(--amber)}.call-status.gold{color:var(--gold)}

/* Answer area — slides up after zoom */
.answer-panel{
  background:var(--bg1);border-top:1px solid rgba(255,255,255,.06);
  padding:16px 20px;flex-shrink:0;
  display:none;
}
.answer-panel.show{display:block}

/* Banners */
.banner{display:none;padding:10px 14px;border-radius:8px;font-family:var(--mono);font-size:11px;margin-bottom:10px;align-items:center;gap:8px}
.banner.show{display:flex}
.banner.warn{background:rgba(240,165,0,.08);border:1px solid rgba(240,165,0,.3);color:var(--amber)}
.banner.timeout-b{background:rgba(233,188,82,.06);border:1px solid var(--gm);color:var(--gold)}
.banner.limit{background:rgba(248,81,73,.07);border:1px solid rgba(248,81,73,.25);color:var(--red)}

/* Mode row */
.mode-row{display:flex;gap:8px;margin-bottom:10px}
.mbtn{display:flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--b2);color:var(--t45);font-family:var(--mono);font-size:11px;padding:7px 14px;border-radius:8px;cursor:pointer;transition:all .2s}
.mbtn.on{background:var(--gd);border-color:var(--gm);color:var(--gold)}
.mbtn svg{width:13px;height:13px;flex-shrink:0}

/* Terminal */
.terminal{background:var(--bg);border:1px solid var(--b);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.tbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg2);border-bottom:1px solid var(--b);flex-shrink:0}
.td{width:10px;height:10px;border-radius:50%}
.td.r{background:#FF5F57}.td.y{background:#FFBD2E}.td.g{background:#28C840}
.ttitle{font-family:var(--mono);font-size:10px;color:var(--t20);flex:1;text-align:center}
.wc{font-family:var(--mono);font-size:10px;color:var(--t20);transition:color .3s}
.wc.warm{color:var(--green)}
.tbody{display:flex;align-items:flex-start;gap:10px;padding:12px 14px}
.tprompt{font-family:var(--mono);font-size:14px;color:var(--gold);flex-shrink:0;padding-top:2px;user-select:none}
.ta{flex:1;background:transparent;border:none;outline:none;color:var(--t);font-family:var(--mono);font-size:13px;line-height:1.75;resize:none;min-height:100px;caret-color:var(--gold)}
.ta::placeholder{color:var(--t20)}
.wc-hint{font-family:var(--mono);font-size:11px;padding:4px 0;text-align:right;min-height:20px;color:var(--t20)}
.wc-hint.ready{color:var(--green)}

/* Voice */
.voice-wrap{display:none;align-items:center;gap:12px;padding:8px 0}
.voice-wrap.on{display:flex}
.vbtn{width:48px;height:48px;border-radius:50%;background:var(--gd);border:2px solid var(--gm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}
.vbtn.rec{background:rgba(248,81,73,.1);border-color:var(--red);animation:vp 1.5s ease-in-out infinite}
@keyframes vp{0%,100%{box-shadow:0 0 0 0 rgba(248,81,73,0)}50%{box-shadow:0 0 0 12px rgba(248,81,73,0)}}
.vbtn svg{width:22px;height:22px;color:var(--gold)}.vbtn.rec svg{color:var(--red)}
.vtrans-wrap{flex:1;min-width:0}
.vstatus{font-family:var(--mono);font-size:11px;color:var(--t45)}
.vtrans{font-family:var(--mono);font-size:12px;color:var(--t70);line-height:1.6;max-height:100px;overflow-y:auto;background:var(--bg2);border-radius:6px;padding:10px;display:none;outline:none;border:1px solid transparent;cursor:text;margin-top:6px}
.vtrans:focus{border-color:var(--b2)}
.vtrans.has{display:block}

.err-bar{display:none;padding:10px 14px;background:rgba(248,81,73,.07);border:1px solid rgba(248,81,73,.2);border-radius:6px;font-family:var(--mono);font-size:12px;color:var(--red);margin-bottom:8px}

/* Call controls bottom */
.call-controls{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;background:rgba(0,0,0,.6);flex-shrink:0;
  border-top:1px solid rgba(255,255,255,.05);
}
.ctrl-group{display:flex;align-items:center;gap:10px}
.ctrl-btn{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  background:rgba(255,255,255,.08);border:none;border-radius:10px;
  padding:10px 16px;cursor:pointer;transition:all .2s;color:rgba(255,255,255,.6);
  font-family:var(--mono);font-size:9px;letter-spacing:.06em;min-width:64px;
}
.ctrl-btn:hover{background:rgba(255,255,255,.14)}
.ctrl-btn svg{width:18px;height:18px;margin-bottom:2px}
.ctrl-btn.active{background:rgba(233,188,82,.12);color:var(--gold);border:1px solid rgba(233,188,82,.2)}
.ctrl-btn.active svg{color:var(--gold)}
.end-btn{
  background:var(--red);color:#fff;border:none;border-radius:10px;
  padding:12px 24px;cursor:pointer;font-family:var(--dis);font-size:13px;font-weight:700;
  display:flex;align-items:center;gap:8px;transition:all .2s;
}
.end-btn:hover{background:#e03040;transform:scale(1.02)}
.end-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}
.wc-badge{font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.3);align-self:center}

/* ── EVALUATING ── */
.eval-scene{min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.evid-wrap{position:relative;width:120px;height:120px;margin:0 auto 40px}
.evid{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;border:1.5px solid var(--gm)}
.ering{position:absolute;border-radius:50%;border:1px solid var(--gm);animation:rp 2.8s ease-out infinite;top:50%;left:50%;transform:translate(-50%,-50%)}
.ering:nth-child(1){width:140px;height:140px}
.ering:nth-child(2){width:166px;height:166px;animation-delay:.4s;border-color:rgba(233,188,82,.1)}
.ering:nth-child(3){width:194px;height:194px;animation-delay:.8s;border-color:rgba(233,188,82,.05)}
@keyframes rp{0%{opacity:.8;transform:translate(-50%,-50%) scale(.9)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
.typing-dots{display:flex;align-items:center;gap:5px;margin:0 auto 12px;width:fit-content}
.tdot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:tdot 1.2s ease-in-out infinite}
.tdot:nth-child(2){animation-delay:.2s}.tdot:nth-child(3){animation-delay:.4s}
@keyframes tdot{0%,80%,100%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}
.eval-h{font-size:clamp(22px,4vw,38px);font-weight:700;letter-spacing:-.03em;color:var(--t);margin-bottom:6px}
.eval-ctx{font-family:var(--mono);font-size:12px;color:var(--t20);margin-bottom:32px;min-height:18px;transition:opacity .3s}
.llist{display:flex;flex-direction:column;gap:10px;max-width:280px;margin:0 auto 36px;text-align:left}
.ll{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--t20);transition:color .5s}
.ll.on{color:var(--t70)}.ll.done{color:var(--green)}
.ldot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.ll.on .ldot{animation:blink 1s infinite}
.etrack{width:200px;height:1px;background:var(--b2);margin:0 auto;overflow:hidden}
.efill{height:100%;width:0;background:var(--gold);transition:width 8s cubic-bezier(.16,1,.3,1)}

/* ── RESULT PAGE ── */
.res-wrap{max-width:660px;margin:0 auto;padding-top:48px}

/* Social proof */
.proof-bar{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.proof-num{font-family:var(--mono);font-size:12px;color:var(--gold);font-weight:600}
.proof-sep{font-family:var(--mono);font-size:12px;color:var(--t20)}
.proof-dist{font-family:var(--mono);font-size:12px;color:var(--t45)}

/* Verdict / Pattern */
.verdict{margin-bottom:20px}
.vk{font-size:11px;font-weight:600;color:var(--t45);letter-spacing:.02em;margin-bottom:4px;text-transform:uppercase}
.vgreeting{font-family:var(--mono);font-size:14px;color:var(--t45);margin-bottom:4px;min-height:20px}
.vname{font-size:clamp(52px,10vw,96px);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--gold);margin-bottom:10px;text-shadow:0 0 80px rgba(233,188,82,.18)}
.vname .vw{display:inline-block;opacity:0;transform:translateY(16px) scale(.93);transition:opacity .2s ease-out,transform .2s cubic-bezier(.16,1,.3,1)}
.vname .vw.hit{opacity:1;transform:none}
.vname .vw:not(:last-child)::after{content:'\00a0'}
.vground{font-size:15px;font-weight:600;color:var(--t70);margin-bottom:8px;letter-spacing:-.01em}
.vdesc{font-family:var(--mono);font-size:12px;color:var(--t45);line-height:1.65;max-width:480px}

/* Bex quote */
.bq-section{margin-bottom:16px}
.bq-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.bq-av{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid var(--gm)}
.bq-av img{width:100%;height:100%;object-fit:cover;object-position:center top}
.bq-name-txt{font-size:13px;font-weight:600;color:var(--t)}
.bq-role{font-family:var(--mono);font-size:9px;color:var(--t20);letter-spacing:.06em}
.bq-text{font-size:clamp(15px,2.2vw,19px);color:var(--t);line-height:1.6;padding-left:18px;border-left:2px solid var(--gold);min-height:1em}
.bq-text strong{color:var(--gold);font-weight:700}
.bq-cursor{display:inline-block;width:2px;height:1em;background:var(--gold);margin-left:2px;vertical-align:text-bottom;animation:cblink .7s ease-in-out infinite}
@keyframes cblink{0%,100%{opacity:1}50%{opacity:0}}

/* Quick feedback — compressed single lines */
.quick-fb{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}
.qfb-row{display:flex;align-items:baseline;gap:10px;padding:0 2px}
.qfb-label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;min-width:100px}
.qfb-label.green{color:var(--green)}
.qfb-label.red{color:var(--red)}
.qfb-text{font-size:13px;color:var(--t70);line-height:1.5}
.qfb-text.dimmer{color:var(--t45)}

/* Correction layer */
.correction-blk{background:var(--bg1);border:1px solid var(--b2);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:20px 24px;margin-bottom:14px}
.corr-hdr{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.corr-insight{font-size:14px;color:var(--t);line-height:1.6;margin-bottom:16px;font-weight:500}
.corr-rewrite-wrap{background:var(--bg2);border-radius:8px;padding:14px 16px;border-left:2px solid rgba(233,188,82,.3)}
.corr-rewrite-label{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--t20);margin-bottom:8px}
.corr-rewrite{font-size:13px;color:var(--t70);line-height:1.75;font-style:italic}

/* Retry row */
.retry-row{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.btn-retry{display:inline-flex;align-items:center;gap:8px;background:rgba(233,188,82,.08);border:1px solid rgba(233,188,82,.25);color:var(--gold);font-family:var(--dis);font-size:13px;font-weight:600;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s}
.btn-retry:hover{background:rgba(233,188,82,.16);border-color:rgba(233,188,82,.45)}
.retry-sub{font-family:var(--mono);font-size:11px;color:var(--t20)}

/* Scores with verdict labels */
.sblk{background:var(--bg1);border:1px solid var(--b);border-radius:12px;overflow:hidden;margin-bottom:16px}
.shdr{padding:12px 20px;border-bottom:1px solid var(--b);font-size:11px;font-weight:600;color:var(--t45);letter-spacing:.02em;text-transform:uppercase}
.srow{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--b);gap:12px;flex-wrap:wrap}
.srow:last-child{border-bottom:none}
.sdim{font-size:13px;color:var(--t70);font-weight:500;width:120px;flex-shrink:0}
.strack{flex:1;height:4px;background:var(--b2);border-radius:2px;overflow:hidden;min-width:80px}
.sbar{height:100%;width:0;border-radius:2px;transition:width 1s .3s cubic-bezier(.16,1,.3,1)}
.bhi{background:var(--green)}.bmid{background:var(--gold)}.blo{background:var(--red)}
.snum{font-family:var(--mono);font-size:18px;color:var(--t);min-width:44px;text-align:right;flex-shrink:0}
.sverdict{font-family:var(--mono);font-size:10px;color:var(--t20);min-width:180px;text-align:right;flex-shrink:0}
@media(max-width:500px){.sverdict{display:none}.sdim{width:80px}.snum{font-size:15px}}

/* Next time */
.next-int{background:var(--bg1);border:1px solid var(--b);border-left:2px solid var(--green);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.ni-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.ni-text{font-size:13px;color:var(--t70);line-height:1.7}

/* Expandable */
.expand-sec{background:var(--bg1);border:1px solid var(--b);border-radius:12px;overflow:hidden;margin-bottom:16px}
.expand-tog{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:none;border:none;color:var(--t);font-family:var(--dis);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;text-align:left}
.expand-tog:hover{background:var(--bg2)}
.expand-tog svg{transition:transform .3s;flex-shrink:0;color:var(--gold)}
.expand-tog.open svg{transform:rotate(180deg)}
.expand-body{display:none;padding:0 20px 18px;border-top:1px solid var(--b)}
.expand-body.open{display:block}
.expand-text{font-size:13px;color:var(--t45);line-height:1.7;margin-top:14px}

/* Email */
.email-section{background:linear-gradient(135deg,var(--bg1),var(--bg2));border:1px solid var(--gm);border-radius:12px;padding:24px;margin-bottom:16px;position:relative;overflow:hidden}
.email-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.es-inner{display:flex;flex-direction:column;gap:14px}
.es-tag{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.es-h{font-size:clamp(14px,2vw,17px);font-weight:700;letter-spacing:-.01em;color:var(--t);line-height:1.3}
.es-form-wrap{display:flex;flex-direction:column;gap:8px}
.es-form{display:flex;gap:0}
.es-in{flex:1;background:var(--bg);border:1px solid var(--b2);border-right:none;padding:11px 15px;color:var(--t);font-family:var(--mono);font-size:13px;outline:none;border-radius:8px 0 0 8px;transition:border-color .2s}
.es-in:focus{border-color:var(--gold)}.es-in::placeholder{color:var(--t20)}
.btn-es{background:var(--gold);color:#000;font-family:var(--dis);font-size:12px;font-weight:700;border:none;padding:11px 20px;border-radius:0 8px 8px 0;cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-es:hover:not(:disabled){background:var(--gold2)}.btn-es:disabled{opacity:.3;cursor:not-allowed}
.es-success{display:none;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--green);padding:10px 14px;background:rgba(63,185,80,.08);border:1px solid rgba(63,185,80,.25);border-radius:8px}
.es-success.show{display:flex}

/* Email overlay nudge */
.email-nudge{position:fixed;bottom:0;left:0;right:0;background:var(--bg1);border-top:1px solid var(--gm);padding:14px 20px;z-index:200;display:flex;align-items:center;gap:12px;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.email-nudge.show{transform:none}
.email-nudge-txt{font-size:13px;color:var(--t);font-weight:600;flex:1}
.email-nudge-form{display:flex;gap:0;flex-shrink:0}
.email-nudge-in{background:var(--bg2);border:1px solid var(--b2);border-right:none;padding:9px 12px;color:var(--t);font-family:var(--mono);font-size:12px;outline:none;border-radius:6px 0 0 6px;width:180px}
.email-nudge-in::placeholder{color:var(--t20)}
.email-nudge-btn{background:var(--gold);color:#000;font-family:var(--dis);font-size:11px;font-weight:700;border:none;padding:9px 14px;border-radius:0 6px 6px 0;cursor:pointer;white-space:nowrap}
.email-nudge-close{background:none;border:none;color:var(--t20);cursor:pointer;font-size:18px;padding:4px;flex-shrink:0}
.email-nudge-close:hover{color:var(--t45)}
@media(max-width:500px){.email-nudge{flex-direction:column;align-items:stretch}.email-nudge-form{width:100%}.email-nudge-in{flex:1}}

/* Share simple */
.share-simple{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.share-lbl{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--t20);margin-right:4px}
.share-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--b2);color:var(--t45);font-family:var(--mono);font-size:10px;padding:7px 14px;border-radius:6px;cursor:pointer;transition:all .2s}
.share-btn:hover{border-color:var(--b3);color:var(--t70)}
.share-btn.li-btn{background:rgba(10,102,194,.08);border-color:rgba(10,102,194,.25);color:#5f9fd4}
.share-btn.li-btn:hover{background:rgba(10,102,194,.16)}

/* CTA */
.cta-blk{background:var(--bg1);border:1px solid var(--b);border-radius:12px;padding:32px;margin-bottom:20px;position:relative;overflow:hidden}
.cta-blk::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.cta-ey{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--t20);margin-bottom:10px}
.cta-h{font-size:clamp(19px,3vw,28px);font-weight:700;letter-spacing:-.02em;color:var(--t);margin-bottom:10px;line-height:1.1}
.cta-p{font-family:var(--mono);font-size:12px;color:var(--t45);line-height:1.8;margin-bottom:20px;max-width:440px}
.cta-p em{color:var(--gold);font-style:normal}
.btncta{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:#000;font-family:var(--dis);font-size:13px;font-weight:700;border:none;padding:14px 28px;border-radius:8px;cursor:pointer;transition:all .25s;text-decoration:none}
.btncta:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:0 6px 28px var(--gg)}
.cta-subtext{font-family:var(--mono);font-size:11px;color:var(--t45);margin-top:16px;margin-bottom:4px}
.cta-count{font-family:var(--mono);font-size:11px;color:var(--t20);margin-top:4px}

/* Bottom row */
.bottom-row{display:flex;justify-content:center;padding:8px 0 40px}
.rbtn{background:none;border:none;font-family:var(--mono);font-size:11px;color:var(--t20);cursor:pointer;padding:8px;transition:color .2s}
.rbtn:hover{color:var(--t45)}

/* Social proof bar */
.proof-bar{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.proof-num{font-family:var(--mono);font-size:12px;color:var(--gold);font-weight:600}
.proof-sep{font-family:var(--mono);font-size:12px;color:var(--t20)}
.proof-dist{font-family:var(--mono);font-size:12px;color:var(--t45)}

/* Verdict */
.verdict{margin-bottom:24px}
.vk{font-size:11px;font-weight:600;color:var(--t45);letter-spacing:.02em;margin-bottom:4px;text-transform:uppercase}
.vgreeting{font-family:var(--mono);font-size:14px;color:var(--t45);margin-bottom:4px;min-height:20px}
.vname{font-size:clamp(52px,10vw,96px);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--gold);margin-bottom:12px;text-shadow:0 0 80px rgba(233,188,82,.18)}
.vname .vw{display:inline-block;opacity:0;transform:translateY(16px) scale(.93);transition:opacity .2s ease-out,transform .2s cubic-bezier(.16,1,.3,1)}
.vname .vw.hit{opacity:1;transform:none}
.vname .vw:not(:last-child)::after{content:'\00a0'}
.vdesc{font-family:var(--mono);font-size:13px;color:var(--t45);line-height:1.65;max-width:480px;margin-bottom:0}

/* Email section — prominent, early */
.email-section{background:linear-gradient(135deg,var(--bg1),var(--bg2));border:1px solid var(--gm);border-radius:12px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden}
.email-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.es-inner{display:flex;flex-direction:column;gap:16px}
.es-tag{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.es-h{font-size:clamp(15px,2.2vw,18px);font-weight:700;letter-spacing:-.02em;color:var(--t);line-height:1.3}
.es-note{font-family:var(--mono);font-size:11px;color:var(--t45);margin-top:4px;line-height:1.55}
.es-form-wrap{display:flex;flex-direction:column;gap:8px}
.es-form{display:flex;gap:0}
.es-in{flex:1;background:var(--bg);border:1px solid var(--b2);border-right:none;padding:11px 15px;color:var(--t);font-family:var(--mono);font-size:13px;outline:none;border-radius:8px 0 0 8px;transition:border-color .2s}
.es-in:focus{border-color:var(--gold)}.es-in::placeholder{color:var(--t20)}
.btn-es{background:var(--gold);color:#000;font-family:var(--dis);font-size:12px;font-weight:700;border:none;padding:11px 20px;border-radius:0 8px 8px 0;cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-es:hover:not(:disabled){background:var(--gold2)}.btn-es:disabled{opacity:.3;cursor:not-allowed}
.es-success{display:none;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--green);padding:10px 14px;background:rgba(63,185,80,.08);border:1px solid rgba(63,185,80,.25);border-radius:8px}
.es-success.show{display:flex}

/* Scores */
.sblk{background:var(--bg1);border:1px solid var(--b);border-radius:12px;overflow:hidden;margin-bottom:16px}
.shdr{padding:12px 20px;border-bottom:1px solid var(--b);font-size:11px;font-weight:600;color:var(--t45);letter-spacing:.02em;text-transform:uppercase}
.srow{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--b);gap:14px}
.srow:last-child{border-bottom:none}
.sdim{font-size:13px;color:var(--t70);font-weight:500;flex:1}
.strack{width:140px;height:4px;background:var(--b2);border-radius:2px;overflow:hidden;flex-shrink:0}
.sbar{height:100%;width:0;border-radius:2px;transition:width 1s .3s cubic-bezier(.16,1,.3,1)}
.bhi{background:var(--green)}.bmid{background:var(--gold)}.blo{background:var(--red)}
.snum{font-family:var(--mono);font-size:20px;color:var(--t);min-width:52px;text-align:right;flex-shrink:0}
.spct{font-family:var(--mono);font-size:9px;color:var(--t20);min-width:52px;text-align:right;flex-shrink:0}
@media(max-width:400px){.spct{display:none}.strack{width:80px}}

/* Bex quote */
.bq-section{margin-bottom:16px}
.bq-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.bq-av{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid var(--gm)}
.bq-av img{width:100%;height:100%;object-fit:cover;object-position:center top}
.bq-name-txt{font-size:13px;font-weight:600;color:var(--t)}
.bq-role{font-family:var(--mono);font-size:9px;color:var(--t20);letter-spacing:.06em}
.bq-text{font-size:clamp(15px,2.2vw,19px);color:var(--t);line-height:1.6;padding-left:18px;border-left:2px solid var(--gold);min-height:1em}
.bq-text strong{color:var(--gold);font-weight:700}
.bq-cursor{display:inline-block;width:2px;height:1em;background:var(--gold);margin-left:2px;vertical-align:text-bottom;animation:cblink .7s ease-in-out infinite}
@keyframes cblink{0%,100%{opacity:1}50%{opacity:0}}

/* Feedback */
.fbpair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
@media(max-width:500px){.fbpair{grid-template-columns:1fr}}
.fbc{background:var(--bg1);border:1px solid var(--b);border-radius:10px;padding:16px}
.fbt{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.fbt.s{color:var(--green)}.fbt.g{color:var(--red)}
.fbtext{font-size:13px;color:var(--t45);line-height:1.65}

/* Next interview */
.next-int{background:var(--bg1);border:1px solid var(--b);border-left:2px solid var(--green);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.ni-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.ni-text{font-size:13px;color:var(--t70);line-height:1.7}

/* Expandables */
.expand-sec{background:var(--bg1);border:1px solid var(--b);border-radius:12px;overflow:hidden;margin-bottom:12px}
.expand-tog{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:none;border:none;color:var(--t);font-family:var(--dis);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;text-align:left}
.expand-tog:hover{background:var(--bg2)}
.expand-tog svg{transition:transform .3s;flex-shrink:0;color:var(--gold)}
.expand-tog.open svg{transform:rotate(180deg)}
.expand-body{display:none;padding:0 20px 18px;border-top:1px solid var(--b)}
.expand-body.open{display:block}
.expand-text{font-size:13px;color:var(--t45);line-height:1.7;margin-top:14px}
.btn-waitlist{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#000;font-family:var(--dis);font-size:12px;font-weight:700;border:none;padding:11px 20px;border-radius:8px;cursor:pointer;margin-top:14px;text-decoration:none;transition:all .2s}
.btn-waitlist:hover{background:var(--gold2)}

/* LinkedIn post generator */













/* Share card */







/* CTA */
.cta-blk{background:var(--bg1);border:1px solid var(--b);border-radius:12px;padding:32px;margin-bottom:24px;position:relative;overflow:hidden}
.cta-blk::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.cta-ey{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--t20);margin-bottom:10px}
.cta-h{font-size:clamp(19px,3vw,28px);font-weight:700;letter-spacing:-.02em;color:var(--t);margin-bottom:10px;line-height:1.1}
.cta-p{font-family:var(--mono);font-size:12px;color:var(--t45);line-height:1.8;margin-bottom:20px;max-width:440px}
.cta-p em{color:var(--gold);font-style:normal}
.btncta{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:#000;font-family:var(--dis);font-size:13px;font-weight:700;border:none;padding:14px 28px;border-radius:8px;cursor:pointer;transition:all .25s;text-decoration:none}
.btncta:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:0 6px 28px var(--gg)}
.cta-social{margin-top:14px}
.cta-count{font-family:var(--mono);font-size:11px;color:var(--t20)}

/* Share row */
.share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--b)}
.slbl{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--t20);margin-right:4px}
.sbtn{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--b2);color:var(--t45);font-family:var(--mono);font-size:10px;padding:7px 14px;border-radius:6px;cursor:pointer;transition:all .2s}
.sbtn:hover{border-color:var(--b3);color:var(--t70)}
.rbtn{background:none;border:none;font-family:var(--mono);font-size:10px;color:var(--t20);cursor:pointer;padding:7px 10px;transition:color .2s}
.rbtn:hover{color:var(--t45)}

footer{border-top:1px solid var(--b);position:relative;z-index:1}
.fin{max-width:1200px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:600px){.fin{padding:18px 20px;flex-direction:column;align-items:flex-start}}
.flogo{display:flex;align-items:center;gap:8px;text-decoration:none}
.flogo img{height:20px}.flogo-txt{font-size:13px;font-weight:600;color:var(--t45)}
.flinks{display:flex;gap:20px}
.flinks a{font-family:var(--mono);font-size:10px;color:var(--t20);text-decoration:none}
.fcopy{font-family:var(--mono);font-size:10px;color:var(--t20)}
/* ── SPEAKER WARNING MODAL ── */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:400;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}
.modal-backdrop.show{opacity:1;pointer-events:all}
.modal-box{background:var(--bg1);border:1px solid var(--b2);border-radius:16px;padding:36px;max-width:380px;width:90%;text-align:center;transform:translateY(16px);transition:transform .3s}
.modal-backdrop.show .modal-box{transform:none}
.modal-icon{font-size:44px;margin-bottom:16px;line-height:1}
.modal-h{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--t);margin-bottom:8px}
.modal-p{font-family:var(--mono);font-size:12px;color:var(--t45);line-height:1.7;margin-bottom:24px}
.modal-btn{width:100%;background:var(--gold);color:#000;font-family:var(--dis);font-size:14px;font-weight:700;border:none;padding:16px;border-radius:10px;cursor:pointer;transition:all .2s}
.modal-btn:hover{background:var(--gold2)}
.modal-skip{display:block;margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--t20);cursor:pointer;background:none;border:none;width:100%;transition:color .2s}
.modal-skip:hover{color:var(--t45)}
/* ── REACTION OVERLAY ── */
.reaction-overlay{position:absolute;inset:0;background:rgba(14,18,25,.92);display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;backdrop-filter:blur(4px)}
.reaction-overlay.show{display:flex}
.reaction-label{font-family:var(--mono);font-size:9px;color:rgba(255,255,255,.4);letter-spacing:.1em;margin-bottom:4px;text-align:center;text-transform:uppercase}
.react-btn{width:100%;background:rgba(233,188,82,.1);border:1px solid rgba(233,188,82,.25);color:var(--gold);font-family:var(--dis);font-size:12px;font-weight:600;padding:9px 10px;border-radius:8px;cursor:pointer;transition:all .2s}
.react-btn:hover{background:rgba(233,188,82,.22);transform:scale(1.02)}
.react-btn-sec{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.35);font-weight:400;font-family:var(--mono);font-size:11px}
.react-btn-sec:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.55)}
/* ── MIC CONNECTING ── */
.mic-activating{position:absolute;inset:0;background:rgba(14,18,25,.88);display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;backdrop-filter:blur(4px)}
.mic-activating.show{display:flex}
.mic-spin{width:28px;height:28px;border:2px solid rgba(233,188,82,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}
/* ── TIMER FLASH ── */
.timer-flash{position:fixed;inset:0;z-index:350;display:flex;align-items:center;justify-content:center;background:rgba(7,9,13,.88);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .4s}
.timer-flash.show{opacity:1}
.timer-flash-box{text-align:center;animation:tflash-in .4s cubic-bezier(.16,1,.3,1) both}
@keyframes tflash-in{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.timer-flash-num{font-size:clamp(72px,12vw,120px);font-weight:800;letter-spacing:-.04em;color:var(--gold);line-height:1;text-shadow:0 0 80px var(--gg)}
.timer-flash-label{font-family:var(--mono);font-size:13px;color:var(--t45);letter-spacing:.12em;text-transform:uppercase;margin-top:12px}
.timer-flash-sub{font-family:var(--mono);font-size:11px;color:var(--t20);margin-top:6px}
/* ── MIC ACTIVE RING ── */
.mic-active-ring{position:absolute;inset:-3px;border-radius:20px;border:2px solid var(--green);opacity:0;transition:opacity .4s;pointer-events:none}
.mic-active-ring.on{opacity:1;animation:mic-ring 2s ease-in-out infinite}
@keyframes mic-ring{0%,100%{box-shadow:0 0 0 0 rgba(63,185,80,0)}50%{box-shadow:0 0 0 8px rgba(63,185,80,0)}}
/* ── BREATHING ANIMATION ── */
@keyframes bex-breathe{0%,100%{transform:scale(1);filter:brightness(.82)}50%{transform:scale(1.008);filter:brightness(.87)}}
.bex-breathing{animation:bex-breathe 4s ease-in-out infinite;transform-origin:center center}
/* ── UNIFIED ANSWER FIELD ── */
.answer-field-wrap{position:relative;flex:1;display:flex;flex-direction:column;gap:0}
.answer-ta{width:100%;background:var(--bg);border:1px solid var(--b2);border-radius:10px;color:var(--t);font-family:var(--mono);font-size:13px;line-height:1.75;padding:14px 16px;outline:none;resize:none;min-height:120px;caret-color:var(--gold);transition:border-color .2s}
.answer-ta:focus{border-color:var(--b3)}.answer-ta::placeholder{color:var(--t20)}
.answer-interim{font-family:var(--mono);font-size:13px;color:rgba(237,242,248,.25);line-height:1.75;padding:4px 16px 4px;min-height:0;font-style:italic}
.answer-hint{font-family:var(--mono);font-size:11px;color:var(--t20);text-align:right;padding:4px 2px;min-height:20px;transition:color .3s}
.answer-hint.ready{color:var(--green)}
.mic-toggle-row{display:none;align-items:center;gap:14px;margin-top:12px;padding:0 2px}
.mic-toggle-row.show{display:flex}
.mic-toggle-label{font-family:var(--mono);font-size:11px;color:var(--t45)}

.mic-status.recording{color:var(--red)}
.mic-status.recording::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);animation:zpulse 1s infinite;flex-shrink:0}
/* ── TEXT-ONLY PATH ── */
.text-only-question{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.88) 30%);padding:48px 20px 16px}
.toq-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(233,188,82,.6);margin-bottom:6px}
.toq-text{font-size:13px;color:rgba(237,242,248,.85);line-height:1.55}
/* ── MODAL text link ── */
.modal-text-link{display:block;margin-top:14px;font-family:var(--mono);font-size:11px;color:var(--t20);cursor:pointer;background:none;border:none;width:100%;text-align:center;transition:color .2s;text-decoration:underline;text-underline-offset:3px}
.modal-text-link:hover{color:var(--t45)}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.fu{opacity:0}.fu.go{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}
.d0{animation-delay:0s}.d1{animation-delay:.07s}.d2{animation-delay:.14s}
.d3{animation-delay:.21s}.d4{animation-delay:.28s}.d5{animation-delay:.35s}