/* theme: streaming guide — charcoal, teal, cinematic */
:root{
  --bg:#0e1216; --panel:#161c22; --ink:#eef2f4; --muted:#a9b6bf;
  --accent:#1fb8a6; --accent-ink:#04120f; --rule:#25303a;
  --head:'Helvetica Neue',Arial,sans-serif;
  --body:'Helvetica Neue',Arial,sans-serif;
  --radius:10px; --hero:54px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
body{background:radial-gradient(1200px 600px at 15% -10%,#17262b 0%,#0e1216 55%)}
.agebar{background:#04120f;color:#7fd6c9}
.promobar{background:linear-gradient(90deg,#1fb8a6,#12867a);color:#04120f}
.promobar a{border-bottom:2px solid #04120f}
.sitehead{border-bottom:1px solid var(--rule)}
.brand{font-weight:800;letter-spacing:-.02em}
.hero{padding:56px 0 36px}
.hero h1{font-weight:800;letter-spacing:-.025em}
.hero .lede{color:#b9c6ce}
.cta{background:#1fb8a6;color:#04120f;box-shadow:0 6px 20px rgba(31,184,166,.25)}
.card{background:#161c22;border:1px solid var(--rule)}
.card-img img{aspect-ratio:16/9}
.card-num{background:rgba(31,184,166,.95);color:#04120f;font-weight:800;border-radius:4px}
.card-body h3{font-size:17px;font-weight:700}
.more{color:#1fb8a6}
.clip video{border-radius:12px;border:1px solid var(--rule)}
.clips--wide{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.strip{border-radius:14px;margin:24px 0;min-height:320px}
.strip-text{padding:30px}
.promobox{background:linear-gradient(160deg,#17262b,#141a20);border:1px solid var(--rule)}
.prose{color:#dfe7eb}
.prose>p:first-of-type::first-letter{color:#1fb8a6}
.prose blockquote{border-color:#1fb8a6;color:#a9b8c0}
.cta-inline{background:#141a20;border:1px solid var(--rule)}
.adband{background:linear-gradient(120deg,#12262a,#161c22);border:1px solid #1f3b40}
.sitefoot{background:#0a0e11;border-top:1px solid var(--rule)}
.sitefoot .band{background:linear-gradient(120deg,#12262a,#0f1519);max-width:none;
  border-bottom:1px solid var(--rule)}
.footgrid{border-color:var(--rule)}
.rows a:hover .row-title{color:#1fb8a6}
.story-img img{border-radius:12px}
.sticky-cta{background:#1fb8a6;color:#04120f}