:root{
  --signal-black:#0a0a0f;
  --signal-black-2:#11111b;
  --ember-red:#e0233a;
  --burnt-orange:#ff6a1a;
  --cyan:#28f0e4;
  --hot-pink:#ff3da6;
  --cream:#f4efe6;
  --cream-dim:#b9b4ab;
  --line:rgba(244,239,230,.12);
  --display:"Space Grotesk",system-ui,sans-serif;
  --body:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--signal-black);color:var(--cream);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}

/* screen overlays */
.fx{position:fixed;inset:0;pointer-events:none;z-index:60}
.fx-scan{background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.18) 3px,rgba(0,0,0,0) 4px);opacity:.5}
.fx-vignette{background:radial-gradient(120% 100% at 50% 30%,transparent 60%,rgba(0,0,0,.5) 100%)}

/* top bar */
.topbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px clamp(16px,4vw,40px);background:rgba(10,10,15,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .back{font-size:14px;font-weight:600;color:var(--cyan);letter-spacing:.02em;transition:.2s}
.topbar .back:hover{text-shadow:0 0 12px rgba(40,240,228,.6)}
.brandtag{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;letter-spacing:.04em}
.onair{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ember-red);font-weight:600}
.onair .dot{width:9px;height:9px;border-radius:50%;background:var(--ember-red);box-shadow:0 0 10px var(--ember-red),0 0 20px var(--ember-red);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.brandtag .word{font-size:15px;color:var(--cream)}
@media (max-width:620px){.brandtag .word{display:none}}

/* header */
.t-wrap{max-width:760px;margin:0 auto;padding:clamp(40px,7vw,80px) clamp(16px,5vw,40px) 60px}
.t-head{border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:38px}
.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);font-weight:600;display:inline-block;margin-bottom:16px}
.t-title{font-family:var(--display);font-weight:700;font-size:clamp(28px,5vw,46px);line-height:1.06;letter-spacing:-.01em;
  text-shadow:0 0 6px rgba(40,240,228,.35),0 0 22px rgba(40,240,228,.18)}
.t-meta{display:flex;align-items:center;gap:14px;margin-top:18px;color:var(--cream-dim);font-size:14px;letter-spacing:.03em}
.t-code{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--signal-black);background:var(--cyan);padding:5px 11px;border-radius:3px}
.t-watch{display:inline-flex;align-items:center;gap:9px;margin-top:24px;border:1px solid var(--cyan);color:var(--cyan);
  padding:11px 20px;border-radius:2px;font-weight:600;font-size:14px;letter-spacing:.02em;transition:.2s}
.t-watch:hover{background:var(--cyan);color:var(--signal-black);box-shadow:0 0 22px rgba(40,240,228,.5)}

/* transcript body */
.transcript{max-width:68ch}
.transcript p{margin-bottom:1.15em;color:#e7e2d8;font-size:clamp(16px,2vw,17.5px);line-height:1.9}
.transcript h4{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--cyan);margin:2em 0 .7em}
.transcript .stinger{font-family:var(--display);font-weight:600;color:var(--cream);letter-spacing:.01em;font-size:18px}

.t-back{display:inline-block;margin-top:44px;color:var(--cyan);font-weight:600;font-size:15px}
.t-back:hover{text-shadow:0 0 12px rgba(40,240,228,.6)}

/* footer */
.t-foot{border-top:1px solid var(--line);background:var(--signal-black-2);padding:40px clamp(16px,5vw,40px);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--cream-dim)}
.t-foot a{color:var(--cyan);font-weight:600}