/* Streamreporter: signal paths, warm copper and editorial spacing. */
:root {
 --bg:#101719;--surface:#182225;--surface-2:#202e31;--text:#efeee7;
 --muted:#b6c0bf;--muted-2:#9cacab;--border:#344346;
 --accent:#e1251b;--accent-2:#fa7770;--accent-ink:#ffffff;
 --field:url('/assets/img/radio-rings-dark.svg');
 --folds:url('/assets/img/folded-panels-dark.svg');
 --paper:#131d20;--panel:#1c292d;--fine-line:rgba(173,194,191,.08);
 --drop:0 30px 60px -30px #000a;--header:rgba(16,23,25,.94);
}
html[data-theme="light"] {
 --bg:#f6f3eb;--surface:#fffdf8;--surface-2:#eae6dc;--text:#233335;
 --muted:#566765;--muted-2:#61716d;--border:#d7d5c9;
 --accent:#e1251b;--accent-2:#bd1d15;--accent-ink:#ffffff;
 --field:url('/assets/img/radio-rings-light.svg');
 --folds:url('/assets/img/folded-panels-light.svg');
 --paper:#ece9df;--panel:#fffef9;--fine-line:rgba(99,117,103,.09);
 --drop:0 30px 60px -32px #35443c50;--header:rgba(246,243,235,.94);
}
body{background:var(--bg);}
.site-header{background:var(--header);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);}
.site-header .wrap{padding-block:20px;}
.brand{gap:13px;}
.brand-symbol{width:46px;height:46px;overflow:visible;color:var(--accent);}
.brand-name{display:flex;flex-direction:column;font-size:25px;line-height:.94;letter-spacing:-1px;font-weight:700;}
.brand-name>span{font-size:15px;letter-spacing:.115em;font-weight:500;margin-top:5px;}
.brand:hover .brand-symbol{transform:rotate(-5deg);}
.brand-symbol{transition:transform .25s ease;}
main{isolation:isolate;}
main>section{position:relative;padding-block:104px;}
main>.home-hero{
 background:var(--field) center top / max(1600px,100%) auto no-repeat;
 padding-top:76px;padding-bottom:0;isolation:isolate;
}
.home-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,transparent 65%);opacity:.58;}
.hero-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;padding-bottom:82px;align-items:center;}
.hero-copy{padding-top:18px;padding-bottom:28px;}
.home-hero h1{font-size:clamp(2.8rem,4.35vw,4rem);line-height:1.1;font-weight:500;letter-spacing:-.065em;}
.home-hero h1 .hl{font-weight:600;}
.home-hero .eyebrow{padding:10px 13px;border:1px solid var(--border);background:var(--header);letter-spacing:.12em;font-size:.65rem;margin-bottom:28px;}
.home-hero .lede{line-height:1.8;margin-block:28px;max-width:39ch;}
.home-hero .ctas{margin-bottom:24px;}
.btn,.nav-cta{border-radius:3px;}
.btn-primary{box-shadow:0 5px 14px -9px #0006;}
.hero-product{position:relative;padding:20px;border-radius:7px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--drop);}
.hero-product::before{content:"";position:absolute;inset:-13px 13px 13px -13px;border:1px solid var(--accent);opacity:.42;z-index:-1;pointer-events:none;}
.hero-product::after{content:"";position:absolute;right:-13px;bottom:-13px;width:66px;height:66px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);pointer-events:none;}
.product-label{margin-bottom:17px;font-family:Consolas,ui-monospace,monospace;font-size:.65rem;}
.product-label>span:last-child{color:var(--accent);}
.shot-frame{border-radius:3px;box-shadow:none;}
.shot-frame .bar{background:var(--surface);}
.shot-frame figcaption{background:var(--panel);font-size:.7rem;padding:15px;}
.stat-strip{padding-block:28px;margin-bottom:0;background:var(--header);border-bottom:1px solid var(--border);}
.stat-strip .n{font-size:1.08rem;}
.stat-strip .l{font-size:.73rem;}
.on-surface{background:var(--paper);border-block:1px solid var(--border);}
.on-surface::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--fine-line) 1px,transparent 1px),linear-gradient(90deg,var(--fine-line) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 15%,#000);opacity:.6;}
.on-surface>.wrap{position:relative;}
.section-head{max-width:700px;margin-bottom:48px;}
.section-head h2{font-weight:500;font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.05em;}
.eyebrow{font-family:Consolas,ui-monospace,monospace;font-size:.65rem;letter-spacing:.14em;}
.grid{gap:25px;}
.card,.audience-card,.provider-card,.security-item,.form-card,.faq-item{background:var(--surface);border-radius:6px;box-shadow:0 12px 30px -28px #0009;}
.card,.provider-card{padding:30px;}
.on-surface .grid-4 .card{background:transparent;box-shadow:none;border-top-color:var(--border);}
.audience-grid,.provider-grid,.security-grid{gap:28px;}
.audience-card{padding:40px;border-top:1px solid var(--border);border-left:2px solid var(--accent);}
.audience-card .tag{font-family:Consolas,ui-monospace,monospace;font-size:.65rem;}
.feature-row,.feature-row.reverse{gap:70px;}
.feature-row+.feature-row{margin-top:110px;}
.feature-visual{padding:18px;border-radius:6px;background:var(--panel);box-shadow:var(--drop);}
.cta-band{position:relative;overflow:hidden;isolation:isolate;background:var(--paper);border:1px solid var(--border);border-radius:6px;padding:60px;box-shadow:none;}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--folds) right 42% / 1000px auto no-repeat;opacity:.8;pointer-events:none;}
.cta-band>div:first-child{max-width:60%;}
.cta-band h2{font-weight:500;}
.cta-band .btn{white-space:nowrap;}
.site-footer{background:var(--paper);margin-top:0;padding-top:70px;}
.footer-grid .brand-name{font-size:25px;}
.footer-grid .brand{margin-bottom:24px;}
main>.hero-sub{padding-top:72px;padding-bottom:24px;background:var(--field) right 18% / 1400px auto no-repeat;border-bottom:1px solid var(--border);}
.hero-sub .wrap{position:relative;}
.hero-sub .lede{background:var(--bg);max-width:64ch;}
.hero-sub h1{max-width:24ch;}
@media(min-width:861px) and (max-width:1100px){
 .hero-layout{gap:38px;}.hero-product{padding:14px;}.home-hero h1{font-size:3rem;}.brand-name{font-size:23px;}.brand-name>span{font-size:14px;}.brand-symbol{width:40px;height:40px;}.feature-row,.feature-row.reverse{gap:38px;}
}
@media(max-width:860px){
 main>section{padding-block:76px;}main>.home-hero{padding-top:44px;background-size:1300px auto;background-position:55% -30px;}.hero-layout{grid-template-columns:1fr;gap:48px;padding-bottom:62px;}.hero-copy{max-width:620px;}.home-hero .lede{max-width:48ch;}.hero-product{padding:22px;margin-inline:12px;}.home-hero h1{font-size:clamp(2.8rem,6.5vw,3.8rem);}.feature-row,.feature-row.reverse{gap:30px;}.cta-band{padding:38px;}.cta-band>div:first-child{max-width:none;}.brand-name{font-size:23px;}.brand-name>span{font-size:14px;}.brand-symbol{width:40px;height:40px;}.site-header .wrap{padding-block:15px;}main>.hero-sub{padding-top:52px;}
}
@media(max-width:540px){
 main>section{padding-block:62px;}main>.home-hero{padding-top:28px;background-size:1100px auto;background-position:51% 100px;}.hero-layout{gap:34px;padding-bottom:42px;}.hero-copy{padding-bottom:8px;}.home-hero h1{font-size:2.7rem;}.home-hero .eyebrow{font-size:.59rem;padding:8px 10px;margin-bottom:22px;}.home-hero .lede{margin-block:24px;font-size:1rem;}.brand-symbol{width:35px;height:35px;}.brand{gap:9px;}.brand-name{font-size:22px;}.brand-name>span{font-size:13px;}.hero-product{padding:10px;margin-inline:7px;}.hero-product::before{inset:-8px 8px 8px -8px;}.hero-product::after{right:-8px;bottom:-8px;width:40px;height:40px;}.stat-strip{padding-block:24px;}.card,.provider-card,.audience-card{padding:26px;}.feature-visual{padding:8px;}.feature-row+.feature-row{margin-top:72px;}.cta-band{padding:30px 24px;}.cta-band::before{opacity:.4;}.site-footer{padding-top:52px;}main>.hero-sub{background-position:50% 15%;}.section-head{margin-bottom:34px;}
}

/* Selected combination: radio rings in the hero, folded surfaces between sections. */
main>section:not(.hero):not(.on-surface){background:var(--folds) right bottom / max(1600px,100%) auto no-repeat;}

/* Selected mark D, using the red from the Live-streams.nl logo. */
.brand-symbol{color:var(--text);flex:none;}
.brand-name,.footer-grid .brand-name{display:block;font-family:'DM Sans','Segoe UI',sans-serif;font-size:23px;line-height:1;letter-spacing:-1px;font-weight:700;}
.brand-name>span{font-size:inherit;letter-spacing:inherit;font-weight:400;margin:0;}
.brand{gap:10px;}
.btn-primary:hover,.nav-cta:hover{background:#bd1d15;color:#fff;}
.home-hero .eyebrow,.eyebrow,.product-label>span:last-child,.platform-link span{color:var(--accent-2);}
.detail-shot{margin-top:18px;}
.detail-shot summary{cursor:pointer;padding:12px 0;color:var(--text);font-size:.85rem;}
.detail-shot .shot-frame{margin-top:10px;}
.alert-preview{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:center;}
.alert-preview h2{font-size:2rem;line-height:1.2;letter-spacing:-.04em;margin-bottom:20px;}
.alert-preview p{color:var(--muted);}
@media(max-width:1100px){.brand-name,.footer-grid .brand-name{font-size:20px;}.brand-symbol{width:38px;height:38px;}}
@media(max-width:860px){.alert-preview{grid-template-columns:1fr;gap:28px;}}
@media(max-width:540px){.brand-name,.footer-grid .brand-name{font-size:20px;}.brand-symbol{width:32px;height:32px;}.brand{gap:8px;}}