/* 480inc — broadcast graphics package. Dark only, square corners, 1px rules.
   No glow, glass, blur, gradients-as-decoration or shadows. Scanlines only inside media frames. */
:root{
  color-scheme:dark;
  --ink:#050608; --panel:#0D0F14; --raised:#161921; --rule:#262A33;
  --phosphor:#EEF0F2; --static:#8C93A1; --signal:#FF3B30; --sub:#FFE600; --nosignal:#1E2BC4;
  --ep:#EEF0F2; --ep-ink:#EEF0F2; --ep-deep:#161921;
  --display:"Archivo 480","Arial Black","Helvetica Neue",system-ui,sans-serif;
  --osd:"VT323",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  --gutter:16px; --max:1200px;
}
[data-drop="001"]{--ep:#1D4ED8;--ep-ink:#7FA5FF;--ep-deep:#0E1B4D}
@media (min-width:720px){:root{--gutter:32px}}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{background:var(--ink);color:var(--phosphor);font:400 17px/1.55 var(--body);min-height:100vh;overflow-x:hidden}
img,video,svg{display:block;max-width:100%;height:auto}
a{color:var(--phosphor);text-underline-offset:3px}
a:hover{color:var(--ep-ink)}
:focus-visible{outline:2px solid var(--sub);outline-offset:2px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
b,strong{font-weight:700}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--phosphor);color:var(--ink);padding:8px 12px;font-weight:600}
.skip:focus{top:8px}

.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.osd{font-family:var(--osd);font-size:20px;line-height:1.1;text-transform:uppercase;letter-spacing:.02em}
.dim{color:var(--static)}
.display{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02}
html[lang="tr"] .display{letter-spacing:0}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:40;height:56px;display:flex;align-items:center;gap:12px;padding:0 var(--gutter);
  background:rgba(5,6,8,.96);border-bottom:1px solid var(--rule)}
.wm{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.01em;text-decoration:none;color:var(--phosphor);line-height:1;white-space:nowrap}
.wm-i{position:relative;display:inline-block}
.tally{position:absolute;left:50%;top:-.02em;width:.22em;height:.22em;transform:translateX(-50%);background:var(--static)}
.tally.is-live{background:var(--signal)}
.hd-nav{display:none;gap:24px;margin-left:24px}
.hd-nav a{font-family:var(--osd);font-size:20px;text-transform:uppercase;text-decoration:none;color:var(--static)}
.hd-nav a:hover{color:var(--phosphor)}
.hd-right{margin-left:auto;display:flex;align-items:center;gap:10px}
@media (min-width:900px){.hd-nav{display:flex}}

/* withdrawal entry: highlighted on every page (§ 356a BGB) */
.revoke{display:inline-flex;align-items:center;min-height:36px;max-width:150px;padding:4px 10px;border:2px solid var(--phosphor);
  font:600 13px/1.15 var(--body);color:var(--phosphor);text-decoration:none;background:var(--ink)}
.revoke:hover{background:var(--phosphor);color:var(--ink)}
@media (min-width:720px){.revoke{max-width:none;font-size:14px}}

/* SUB · XX switcher (no JS: <details>) */
.sub{position:relative}
.sub summary{list-style:none;cursor:pointer;min-height:36px;display:flex;align-items:center;padding:0 8px;border:1px solid var(--rule);
  font-family:var(--osd);font-size:20px;white-space:nowrap}
.sub summary::-webkit-details-marker{display:none}
.sub summary::after{content:"▾";margin-left:6px;font-size:14px}
.sub[open] summary{background:var(--raised)}
.sub-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;background:var(--panel);border:1px solid var(--rule);padding:12px}
.sub-menu p{color:var(--static);margin-bottom:8px}
.sub-menu a{display:block;padding:8px 4px;text-decoration:none}
.sub-menu a[aria-current]{color:var(--sub)}
.sub-menu a[aria-current]::before{content:"■ ";color:var(--sub)}

/* ---------- rundown timecodes ---------- */
.rc{font-family:var(--osd);font-size:18px;color:var(--static);text-transform:uppercase;margin-bottom:24px;letter-spacing:.02em}
.rc .tc{color:var(--phosphor)}
section{padding:64px 0}
@media (min-width:720px){section{padding:96px 0}}
section+section{border-top:1px solid var(--rule)}

/* ---------- 4:3 media frames ---------- */
.frame{position:relative;aspect-ratio:4/3;background:#000;overflow:hidden;border:1px solid var(--rule)}
.frame.sq{aspect-ratio:1/1}
.frame>img,.frame>video{width:100%;height:100%;object-fit:contain;background:#000}
.frame::before{content:"";position:absolute;inset:10px;pointer-events:none;z-index:3;
  background:
   linear-gradient(var(--static),var(--static)) top left/12px 1px no-repeat,
   linear-gradient(var(--static),var(--static)) top left/1px 12px no-repeat,
   linear-gradient(var(--static),var(--static)) top right/12px 1px no-repeat,
   linear-gradient(var(--static),var(--static)) top right/1px 12px no-repeat,
   linear-gradient(var(--static),var(--static)) bottom left/12px 1px no-repeat,
   linear-gradient(var(--static),var(--static)) bottom left/1px 12px no-repeat,
   linear-gradient(var(--static),var(--static)) bottom right/12px 1px no-repeat,
   linear-gradient(var(--static),var(--static)) bottom right/1px 12px no-repeat}
.frame::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 2px)}
@media (prefers-contrast:more){.frame::after{display:none}}
.bug{position:absolute;top:14px;right:14px;z-index:4;font-family:var(--osd);font-size:16px;line-height:1;padding:3px 6px;
  border:1px solid rgba(238,240,242,.6);color:rgba(238,240,242,.85);background:rgba(5,6,8,.35)}
.bug i{font-style:normal;color:var(--static)}
.ai-tag{position:absolute;left:8px;bottom:8px;z-index:4;font:600 13px/1.3 var(--body);color:var(--phosphor);background:rgba(0,0,0,.78);padding:3px 7px;max-width:calc(100% - 16px)}
.lt{position:absolute;left:0;bottom:44px;z-index:4;font-family:var(--osd);font-size:18px;line-height:1;padding:6px 12px;background:rgba(5,6,8,.85);border-left:4px solid var(--phosphor)}
.frame-note{font-size:14px;color:var(--static);margin-top:8px;max-width:62ch}

/* ---------- hero ---------- */
.hero{padding-top:16px}
@media (min-width:720px){.hero{padding-top:48px}}
.hero-grid{display:grid;gap:12px}
.hero .rc{margin-bottom:0}
.eyebrow{color:var(--static);margin-bottom:8px;text-transform:none}
.nocaps{text-transform:none}
.hero h1{font-size:clamp(32px,9vw,72px)}
@media (max-width:719px){.hero h1{white-space:nowrap}}
.hero .title{font-size:19px;margin-top:8px}
.price{font-family:var(--display);font-weight:800;font-size:40px;line-height:1;margin-top:12px}
.price-note{font-size:14px;color:var(--static);margin-top:6px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:16px}
.hero .line{margin-top:24px}
.quote{margin-top:12px;font-family:var(--display);font-weight:800;font-size:20px;line-height:1.25;letter-spacing:0;text-transform:none}
.subline{display:inline-block;margin-top:8px;font:600 18px/1.35 var(--body);color:var(--sub);background:rgba(0,0,0,.6);padding:2px 8px;
  -webkit-text-stroke:0;text-shadow:none}
.small{font-size:14px;color:var(--static);margin-top:16px;max-width:52ch}
@media (min-width:900px){
  .hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:40px;align-items:start}
  .hero .rc{grid-column:1/-1}
}
.strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px var(--gutter);text-align:center;
  font-family:var(--display);font-weight:800;font-size:clamp(20px,3vw,32px);text-transform:uppercase;line-height:1.15}
.strip .subline{display:table;margin:10px auto 0;font-family:var(--body);text-transform:none;font-size:17px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;background:var(--phosphor);color:var(--ink);
  border:2px solid var(--phosphor);font:700 17px/1.2 var(--body);text-decoration:none;text-align:center}
.btn:hover{background:var(--ink);color:var(--phosphor)}
.btn-block{display:flex;width:100%}
.btn:disabled,.btn[aria-disabled="true"]{background:var(--raised);border-color:var(--rule);color:var(--static);cursor:not-allowed}
.link{font-weight:600}

/* ---------- drop module ---------- */
.drop{border-top:2px solid var(--ep)}
.drop-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 24px;margin-bottom:32px}
.drop-head>div{flex:1 1 320px}
.drop h2{font-size:clamp(28px,4.4vw,48px)}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--osd);font-size:20px;padding:4px 10px;border:1px solid var(--rule);white-space:nowrap}
.chip-on{color:var(--signal);border-color:var(--signal)}
.chip-off{color:var(--static)}
.drop-grid{display:grid;gap:32px}
@media (min-width:900px){.drop-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}}
.gallery{display:grid;gap:16px;align-content:start}
.gallery .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bars-tile{display:grid;place-items:center}
.bars-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nosig{position:relative;z-index:5;background:var(--ink);padding:6px 10px;text-align:center;font-size:18px;max-width:90%}
.notes{border-top:1px solid var(--rule);margin-bottom:32px}
.notes>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:15px}
.notes dt{font-family:var(--osd);font-size:18px;color:var(--static);text-transform:uppercase}
.notes dd{min-width:0;overflow-wrap:anywhere}
.notes dd::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;
  background:radial-gradient(circle,var(--ep-deep) 0 30%,var(--phosphor) 31% 52%,var(--ep) 53%);vertical-align:0}
.pending{color:var(--phosphor);font-weight:700}
.sizechart summary{cursor:pointer;margin-top:6px;color:var(--static);text-decoration:underline}
.sizechart table{border-collapse:collapse;margin-top:8px;font-size:14px}
.sizechart th,.sizechart td{border:1px solid var(--rule);padding:4px 8px;text-align:left}
.order fieldset{border:0;margin-bottom:16px}
.order legend,.qty-label{font-family:var(--osd);font-size:20px;text-transform:uppercase;color:var(--static);margin-bottom:8px}
.sizes{display:flex;flex-wrap:wrap;gap:8px}
.sizes label{position:relative;cursor:pointer}
.sizes input{position:absolute;opacity:0;inset:0;cursor:pointer}
.sizes span{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:48px;padding:0 12px;border:1px solid var(--rule);
  font-family:var(--display);font-weight:800;font-size:16px;background:var(--panel)}
.sizes input:checked+span{background:var(--ep);border-color:var(--ep);color:var(--phosphor)}
.sizes input:focus-visible+span{outline:2px solid var(--sub);outline-offset:2px}
.sizes input:disabled+span{cursor:not-allowed}
.qty{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.qty select{font:600 17px var(--body);min-height:48px;padding:0 12px;background:var(--panel);color:var(--phosphor);border:1px solid var(--rule);border-radius:0}
.summary{background:var(--panel);border:1px solid var(--rule);padding:16px;margin-bottom:16px;font-size:15px;line-height:1.5}
.summary h3{font-family:var(--osd);font-weight:400;font-size:22px;text-transform:uppercase;margin-bottom:8px}
.summary p+p{margin-top:8px}
.summary .s-lang{color:var(--static);font-size:14px}
.under{font-size:14px;color:var(--static);margin-top:10px}
.closed{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-weight:600}
.msg{margin-top:10px;min-height:1.5em;font-size:15px}
.msg.err{color:var(--sub)}
.elsewhere{margin-top:16px}
.elsewhere .btns{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}

/* ---------- broadcast ---------- */
.lead{font-size:19px;max-width:62ch;margin:12px 0 32px}
.broadcast h2,.channels h2,.standards h2{font-size:clamp(32px,5vw,56px)}
.bc-grid{display:grid;gap:32px}
@media (min-width:900px){.bc-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}}
.vframe video{object-fit:contain}
.vframe .ai-tag{top:8px;bottom:auto}
video::cue{font:600 18px/1.35 var(--body);color:var(--sub);background:rgba(0,0,0,.6)}
.vcr{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.vcr[hidden]{display:none}
.vcr button{font-family:var(--osd);font-size:20px;min-height:44px;padding:0 12px;border:1px solid var(--rule);background:var(--panel)}
.vcr button:hover{background:var(--raised)}
.tc{margin-left:auto;font-family:var(--osd);font-size:22px;color:var(--signal)}
.tc.idle{color:var(--static)}
.strap{position:absolute;left:0;right:0;bottom:44px;z-index:5;padding:10px 14px;background:rgba(5,6,8,.9);border-left:4px solid var(--ep);font-weight:600}
.strap[hidden]{display:none}
.worn{margin-top:16px;font-weight:600}
.vnote{font-size:14px;color:var(--static);margin-top:8px}
.transcript h3{color:var(--static);font-weight:400;margin-bottom:12px}
.transcript li{font:600 18px/1.4 var(--body);color:var(--sub);margin-bottom:10px}
.transcript .spk{font-family:var(--osd);font-weight:400;font-size:20px;color:var(--phosphor);margin-right:8px}
.transcript li.last{color:var(--phosphor)}
.more{margin-top:24px}

/* ---------- channel guide ---------- */
.channels .lead+p{color:var(--static);max-width:62ch;margin-bottom:32px}
.guide{border-top:1px solid var(--rule)}
.guide>li{display:grid;grid-template-columns:128px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--rule);align-items:center}
@media (min-width:720px){.guide>li{grid-template-columns:200px 1fr}}
.guide .frame{border:1px solid var(--rule)}
.guide .frame img{object-fit:cover}
.guide .ai-tag{font-size:13px;padding:1px 5px}
.guide h3{font-size:18px;font-weight:400}
.guide .acts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:8px;font-weight:600}
.here{font-family:var(--osd);font-size:20px;color:var(--sub);margin-left:8px}
.status-on{font-family:var(--osd);font-size:20px;color:var(--signal)}
.status-off{font-family:var(--osd);font-size:20px;color:var(--static)}
.guide-notes{margin-top:24px;font-size:14px;color:var(--static)}

/* ---------- FAQ ---------- */
.standards details{border-bottom:1px solid var(--rule)}
.standards details:first-of-type{border-top:1px solid var(--rule)}
.standards summary{cursor:pointer;padding:16px 0;font-weight:700;font-size:18px;list-style-position:inside}
.standards details>div{padding:0 0 16px;max-width:62ch}

/* ---------- footer / end card ---------- */
.end{border-top:1px solid var(--rule);padding:64px 0 96px}
.end-url{font-family:var(--display);font-weight:800;font-size:clamp(40px,9vw,112px);line-height:1;margin:16px 0 8px;overflow-wrap:anywhere}
.end p+p{margin-top:12px}
.end .f-subs a{margin:0 2px}
.f-legal{display:flex;flex-wrap:wrap;gap:12px 20px;margin:24px 0;font-size:15px}
.f-legal a span{color:var(--static)}
.f-legal a.revoke span{color:inherit}
.credits{font-size:14px;color:var(--static);margin-top:24px}
.credits li+li{margin-top:2px}
.end .note{font-size:14px;color:var(--static);max-width:72ch}
.end .last{margin-top:32px}

/* interlace comb: alternate 2px bands shifted 3px (static) */
.comb{position:relative;display:inline-block;-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px);mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 4px)}
.comb-wrap{position:relative;display:inline-block}
.comb-wrap::after{content:attr(data-text);position:absolute;left:3px;top:0;white-space:nowrap;
  -webkit-mask-image:repeating-linear-gradient(180deg,transparent 0 2px,#000 2px 4px);mask-image:repeating-linear-gradient(180deg,transparent 0 2px,#000 2px 4px)}

/* ---------- sticky bar (mobile) ---------- */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;border-top:1px solid var(--rule);background:var(--ink)}
.sticky a{display:block;padding:14px var(--gutter);font-weight:700;text-decoration:none;text-align:center}
.sticky[hidden],.sticky{display:none}
@media (max-width:719px){.sticky.on{display:block}}

/* ---------- tuned arrival (/ch01) ---------- */
.arrive{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(5,6,8,.9);font-family:var(--osd);font-size:clamp(80px,22vw,220px);pointer-events:none}
.arrive[hidden]{display:none}

/* ---------- plain pages (legal, danke, withdrawal) ---------- */
.page{max-width:820px;margin:0 auto;padding:40px var(--gutter) 64px}
.page .back{font-size:15px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:4px 16px}
.courtesy{border:1px solid var(--rule);background:var(--panel);padding:12px 16px;font-size:15px;margin:0 0 32px}
.courtesy p+p{margin-top:6px}
.legal h1,.page h1{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(30px,5vw,48px);line-height:1.05;margin-bottom:16px}
.legal h2{font-size:19px;font-weight:700;margin:32px 0 8px}
.legal p,.legal li{margin-bottom:10px;max-width:72ch}
.legal ul{list-style:disc;padding-left:20px}
.legal .box{border:1px solid var(--rule);background:var(--panel);padding:16px;margin:16px 0}
.legal .stand{color:var(--static);font-size:14px;margin-top:32px}
.wf label{display:block;font-weight:600;margin:0 0 16px}
.wf .hint{display:block;font-weight:400;font-size:14px;color:var(--static)}
.wf input[type=text],.wf input[type=email],.wf textarea{display:block;width:100%;margin-top:6px;min-height:48px;padding:10px 12px;font:400 17px var(--body);
  color:var(--phosphor);background:var(--panel);border:1px solid var(--static);border-radius:0}
.wf textarea{min-height:96px;resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.revoke-btn{min-height:56px;padding:0 24px;background:var(--phosphor);color:var(--ink);border:2px solid var(--phosphor);font:700 18px var(--body)}
.revoke-btn:hover{background:var(--ink);color:var(--phosphor)}
.revoke-btn:disabled{background:var(--raised);color:var(--static);border-color:var(--rule);cursor:wait}
.wf-ok{border:2px solid var(--phosphor);padding:16px;margin:16px 0}
.wf-ok[hidden]{display:none}
.wf-ok dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:4px 0}
.wf-ok dt{color:var(--static)}
.wf-err{color:var(--sub);font-weight:600;min-height:1.5em}
.danke .quote{margin-top:24px}
.danke .btn{margin-top:32px}

/* ---------- NO SIGNAL (404 / errors) ---------- */
body.nosignal{background:var(--nosignal)}
body.nosignal .hd{background:rgba(5,6,8,.92)}
.ns{min-height:calc(100vh - 56px);display:grid;place-items:center;text-align:center;padding:48px var(--gutter)}
.ns h1{font-family:var(--osd);font-weight:400;font-size:clamp(64px,16vw,180px);line-height:1}
.ns p{font-size:19px;margin-top:12px}
.ns .links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
.ns .btn{background:var(--phosphor);color:var(--ink)}

@media print{
  .hd,.end,.sticky,.vcr,.back,.courtesy,.revoke-btn{display:none!important}
  body{background:#fff;color:#000}
  a{color:#000}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}