/* ===== Launch TV Channels theme (navy + gold) ===== */
:root{--bg:#060f38;--bg-2:#0c1a52;--bg-3:#142466;--line:rgba(170,190,255,.14);--fg:#f4f6fc;--fg-2:#aeb8d6;--accent:#d4af37;--accent-ink:#141002;--live:#ff5a5f;--body:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
.hero::after{background:linear-gradient(90deg,rgba(6,15,56,.97) 0%,rgba(6,15,56,.82) 45%,rgba(6,15,56,.35) 100%),linear-gradient(0deg,rgba(6,15,56,1) 0%,rgba(6,15,56,0) 40%)!important}
.logo img{height:46px}
.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
/* showcase */
.showcase{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center}
.showcase figure{margin:0}
.showcase .screen{border-radius:16px;overflow:hidden;border:8px solid #0b0b10;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.showcase figcaption{margin-top:12px;color:var(--fg-2);font-size:14px;text-align:center}
.ptiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ptile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;text-align:center}
.ptile:hover{border-color:var(--accent)}
.ptile .ic{width:56px;height:56px;border-radius:12px;background:#000;color:#fff;display:grid;place-items:center;font:700 15px/1.05 var(--body)}
.ptile strong{font-size:16px}
.ptile.soon{border-style:dashed;border-color:var(--accent)}
.ptile .soon-t{font:700 11px var(--body);letter-spacing:.12em;color:var(--accent)}
@media (max-width:860px){.showcase{grid-template-columns:1fr}}
/* pricing cards */
.pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}
.pcard{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}
.pcard .k{font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.pcard h3{font-family:var(--body);font-size:20px;font-weight:600}
.pcard .price{font:700 44px/1 var(--display);color:var(--fg)}
.pcard p{color:var(--fg-2);font-size:15px;line-height:1.5}
.pcard .addon{margin-top:4px;padding-top:10px;border-top:1px solid var(--line);font-size:14px;color:var(--fg-2)}
.pcard .addon b{color:var(--accent)}
.pcard .btn{margin-top:auto;align-self:flex-start}
.pcard.best{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.pcard.best .k,.pcard.best .price,.pcard.best p,.pcard.best h3{color:var(--accent-ink)}
.pcard.best .btn{background:var(--accent-ink);color:var(--accent)}
.pnote{margin-top:12px;color:var(--fg-2);font-size:14px}
/* case study */
.cs{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;align-items:center;padding:24px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}
.cs img{border-radius:10px;border:4px solid #0b0b10}
.cs h3{font-size:34px;text-transform:uppercase;margin:6px 0 10px}
.cs p{color:var(--fg-2)}
.cs .live-dot{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:600}
.cs .live-dot::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--live)}
@media (max-width:760px){.cs{grid-template-columns:1fr}}
/* fit chips */
.fit{display:flex;flex-wrap:wrap;gap:10px}
.fit a,.fit span{padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);font-size:15px;text-decoration:none}
.fit a:hover{border-color:var(--accent)}
/* product blocks */
.prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;padding:26px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}
.prod .tag{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:700 12px var(--body);letter-spacing:.1em;text-transform:uppercase}
.prod h3{font-size:clamp(30px,3.4vw,44px);text-transform:uppercase;margin:10px 0}
.prod p{color:var(--fg-2)}
.prod .price{font:700 36px/1 var(--display);color:var(--accent);margin-top:16px}
.prod .price small{font:500 15px var(--body);color:var(--fg-2);margin-left:6px}
.prod .ticks{margin-top:4px}
.prod .later{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.prod .later span{padding:6px 12px;border:1px dashed var(--accent);border-radius:999px;font-size:14px;color:var(--fg-2)}
.prod .pimg{max-width:360px;justify-self:center}
.prod .specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.prod .specs div{padding:12px;border:1px solid var(--line);border-radius:10px}
.prod .specs b{display:block;font:700 26px/1 var(--display);color:var(--fg)}
.prod .specs span{font-size:13px;color:var(--fg-2)}
.browser{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#11131c}
.browser .bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#1b1e2a}
.browser .bar i{width:9px;height:9px;border-radius:50%;background:#555}
.browser .bar span{margin-left:8px;flex:1;padding:4px 10px;border-radius:6px;background:#0d0f17;color:#9aa;font-size:13px}
.browser .body{padding:14px}
.browser .bh{display:flex;justify-content:space-between;font:700 14px var(--body);margin-bottom:10px}
.browser .bh small{font-weight:400;color:#99a}
.browser .player{aspect-ratio:16/8;border-radius:10px;background:var(--bg-3);display:grid;place-items:center;position:relative}
.browser .player b{position:absolute;left:12px;top:12px;padding:3px 8px;border-radius:5px;background:var(--live);font-size:12px}
.browser .player::after{content:"";width:0;height:0;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
.browser .row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.browser .row i{aspect-ratio:16/9;border-radius:6px;background:var(--bg-2)}
@media (max-width:860px){.prod{grid-template-columns:1fr}.prod .specs{grid-template-columns:1fr 1fr 1fr}}
/* guide + contact */
.guide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start}
.avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;background:var(--accent);border:3px solid var(--accent)}
.contact-card{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:26px;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--accent)}
.contact-card h2{font-size:clamp(30px,3.6vw,46px);text-transform:uppercase}
.contact-card p{color:var(--fg-2)}
.contact-card .ctas{margin-left:auto}
@media (max-width:600px){.guide{grid-template-columns:1fr}.contact-card .ctas{margin-left:0}}
.mock-note{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;padding:7px 12px;border-radius:999px;background:var(--live);color:#fff;font:600 13px var(--body)}
@media (max-width:700px){.mock-note{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
/* keep image ratios, keep photos modest */
.showcase img,.cs img,.prod .pimg{display:block;width:100%;height:auto}
.showcase{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.showcase figure{max-width:620px}
.prod .pimg{max-width:320px}
/* inner pages */
.ihero{padding-top:120px;padding-bottom:10px}
.ihero h1{font-size:clamp(40px,6vw,78px);line-height:.95;text-transform:uppercase;margin:10px 0 18px;max-width:16ch}
.ihero .lede{max-width:62ch}
.ihero .ctas{margin-top:22px}
.ihero .wins{margin-top:18px}
.crumbs{font-size:14px;color:var(--fg-2)}
.crumbs a{color:var(--fg-2)}
.ihero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:center}
.pricebox{padding:26px;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--accent);display:flex;flex-direction:column;gap:8px}
.pricebox .k{font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.pricebox .price{font:700 56px/1 var(--display);color:var(--fg)}
.pricebox .price.sm{font-size:32px;color:var(--accent)}
.pricebox .price small{font:500 15px var(--body);color:var(--fg-2);margin-left:8px}
.pricebox p{color:var(--fg-2);font-size:14px}
.pricebox .btn{align-self:flex-start;margin-top:6px}
@media (max-width:860px){.ihero-grid{grid-template-columns:1fr}.ihero{padding-top:96px}}
.incl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.incl li{padding:16px 16px 16px 44px;position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:12px}
.incl li::before{content:"✓";position:absolute;left:16px;top:15px;color:var(--accent);font-weight:700}
.guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.guides a{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.guides a:hover{border-color:var(--accent)}
.guides .k{font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.guides strong{font-size:18px}
.guides span:last-child{color:var(--fg-2);font-size:15px}
.pcards.big .ticks{margin:6px 0 4px;font-size:14px}
.pcard .per{margin-top:-6px;font-size:14px}
.pcard.best .ticks li,.pcard.best .ticks li::before{color:var(--accent-ink)}
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center}
.cmp th[scope=row],.cmp thead th:first-child{text-align:left;font-weight:500}
.cmp thead th{font-weight:700;background:var(--bg-2)}
.cmp thead small{display:block;font-weight:500;color:var(--fg-2)}
.cmp td{color:var(--accent);font-weight:700}
.cmp .hl{background:rgba(212,175,55,.08)}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.ihero h1{max-width:20ch}
@media (min-width:900px){.incl{grid-template-columns:repeat(4,1fr)}}
.cmp{table-layout:fixed}.cmp th:first-child{width:34%}
.pcard.best .ticks li::before{background:var(--accent-ink)!important;color:var(--accent-ink)!important;border-color:var(--accent-ink)!important}
/* about / faq / contact */
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.cards3>div{padding:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}
.cards3 h3{font-family:var(--body);font-size:19px;font-weight:600;text-transform:none;margin-bottom:8px}
.cards3 p{color:var(--fg-2);font-size:15px}
.faq-group+.faq-group{margin-top:34px}
.faq-group h3{font-size:clamp(24px,2.6vw,32px);text-transform:uppercase;margin-bottom:10px;color:var(--accent)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.formbox{background:#fff;border-radius:var(--r);overflow:hidden;padding:8px}
.formbox iframe,.calbox iframe{width:100%;border:0;display:block}
.infobox{padding:24px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}
.infobox dt{font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:16px}
.infobox dt:first-child{margin-top:0}
.infobox dd{margin:4px 0 0;color:var(--fg)}
.infobox ol{margin:8px 0 0;padding-left:20px;color:var(--fg-2)}
.infobox ol li{margin-top:6px}
.calbox{background:#fff;border-radius:var(--r);overflow:hidden;min-height:640px}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
@media (min-width:900px){.cards3{grid-template-columns:repeat(3,1fr)}}
/* example channel (no client imagery) */
.tvmock{container-type:inline-size;width:100%}
.tvmock .scr{aspect-ratio:1313/756;background:#0b0a0c;border:8px solid #0b0a0c;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.45);display:grid;grid-template-columns:23% 1fr;overflow:hidden;color:#fff;font-family:var(--body)}
.tvmock .sd{border-right:1px solid #2a2a30;padding:3.2cqw 2.4cqw}
.tvmock .br{display:flex;align-items:center;gap:1cqw;margin-bottom:2.8cqw}
.tvmock .mk{width:4.2cqw;height:4.2cqw;border-radius:1cqw;background:linear-gradient(135deg,#d4af37,#a8841c);display:grid;place-items:center;color:#0b0a0c;font:700 2.2cqw var(--display)}
.tvmock .bn{font:700 1.9cqw var(--display);letter-spacing:.03em;line-height:1;white-space:nowrap}
.tvmock .lb{font:600 1.05cqw var(--body);letter-spacing:.16em;color:#8d8d99;margin:2.2cqw 0 1cqw}
.tvmock .lb:first-of-type{margin-top:0}
.tvmock .mi{display:flex;align-items:center;gap:1.1cqw;font:500 1.55cqw var(--body);padding:.9cqw 1.1cqw;border-radius:.7cqw;color:#e8e8ee;margin-bottom:.35cqw;border:2px solid transparent}
.tvmock .mi.on{border-color:var(--accent);background:rgba(212,175,55,.12)}
.tvmock .mi i{width:1.4cqw;height:1.4cqw;border-radius:.35cqw;border:2px solid #cfcfd8}
.tvmock .mi.on i{border-color:var(--accent);background:var(--accent)}
.tvmock .mn{padding:3cqw 3.2cqw 2.6cqw}
.tvmock .wl{font:600 1.1cqw var(--body);letter-spacing:.16em;color:var(--accent)}
.tvmock .h{font:700 3cqw var(--body);margin:.7cqw 0 .4cqw;line-height:1.1}
.tvmock .s{font:400 1.4cqw var(--body);color:#b9b9c4}
.tvmock .hro{margin-top:1.9cqw;aspect-ratio:925/300;border-radius:1.2cqw;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 40%,rgba(212,175,55,.55),transparent 42%),radial-gradient(circle at 20% 120%,#1d3bd1,transparent 55%),linear-gradient(120deg,#06104a,#0d1f7a 55%,#132a9c)}
.tvmock .lv{position:absolute;left:2cqw;top:1.9cqw;background:var(--live);font:700 1.25cqw var(--body);padding:.4cqw 1cqw;border-radius:.5cqw;letter-spacing:.06em}
.tvmock .ht{position:absolute;left:2cqw;bottom:2.1cqw}
.tvmock .ht b{display:block;font:700 3.4cqw var(--display);line-height:1;text-transform:uppercase}
.tvmock .ht span{font:500 1.4cqw var(--body);color:#dfe3ff}
.tvmock .pl{position:absolute;right:8.5cqw;top:50%;transform:translateY(-50%);width:7cqw;height:7cqw;border-radius:50%;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.7)}
.tvmock .pl::after{content:"";position:absolute;left:2.8cqw;top:2cqw;border-left:2.4cqw solid #fff;border-top:1.5cqw solid transparent;border-bottom:1.5cqw solid transparent}
.tvmock .rh{display:flex;justify-content:space-between;align-items:baseline;margin:1.9cqw 0 1cqw;font:700 1.65cqw var(--body)}
.tvmock .rh span{font:600 1.05cqw var(--body);letter-spacing:.14em;color:var(--accent)}
.tvmock .rw{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3cqw}
.tvmock .t{aspect-ratio:295/122;border-radius:.9cqw;position:relative;border:2px solid #2a2a30}
.tvmock .t b{position:absolute;left:1cqw;bottom:.8cqw;font:600 1.3cqw var(--body)}
.tvmock .t:nth-child(1){border-color:var(--accent);background:linear-gradient(135deg,#3b2a63,#1a1440)}
.tvmock .t:nth-child(2){background:linear-gradient(135deg,#0f4c5c,#0a2530)}
.tvmock .t:nth-child(3){background:linear-gradient(135deg,#5c3a0f,#2a1a07)}
.tvmock figcaption{margin-top:12px;color:var(--fg-2);font-size:14px;text-align:center}
.libmock{background:#0b0a0c;border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}
.libmock .h{grid-column:1/-1;display:flex;justify-content:space-between;font:700 16px var(--body);color:#fff}
.libmock .h span{color:var(--accent);font:600 11px var(--body);letter-spacing:.14em}
.libmock i{aspect-ratio:16/10;border-radius:7px;display:block}
.libmock i:nth-of-type(1){background:linear-gradient(135deg,#3b2a63,#1a1440);outline:2px solid var(--accent)}
.libmock i:nth-of-type(2){background:linear-gradient(135deg,#0f4c5c,#0a2530)}
.libmock i:nth-of-type(3){background:linear-gradient(135deg,#5c3a0f,#2a1a07)}
.libmock i:nth-of-type(4){background:linear-gradient(135deg,#0d1f7a,#06104a)}
.libmock i:nth-of-type(5){background:linear-gradient(135deg,#4a1d3a,#1f0b18)}
.libmock i:nth-of-type(6){background:linear-gradient(135deg,#1d4a2a,#0b2013)}
.cs .pts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-weight:600}
.cs .pts span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:8px}
/* who it's for + youtube (from live site) */
.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.who>div{padding:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);transition:border-color .2s,transform .2s}
.who>div:hover{border-color:var(--accent);transform:translateY(-2px)}
.who .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(212,175,55,.14);font-size:24px;margin-bottom:14px}
.who h3{font-family:var(--body);font-size:18px;font-weight:600;text-transform:none;margin-bottom:6px}
.who p{color:var(--fg-2);font-size:15px;line-height:1.5}
.ytwarn{padding:clamp(22px,4vw,40px);border-radius:var(--r);background:linear-gradient(160deg,#0c1a52,#060f38);border:1px solid var(--line)}
.ytwarn h2 em{font-style:normal;color:var(--live)}
.ytcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.ytcards>div{padding:22px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-top:3px solid var(--live)}
.ytcards>div.good{border-top-color:var(--accent)}
.ytcards h3{font-family:var(--body);font-size:19px;font-weight:600;text-transform:none;margin-bottom:8px;line-height:1.3}
.ytcards p{color:var(--fg-2);font-size:15px;line-height:1.55}
.ytcta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.ytcta p{color:var(--fg-2)}
@media (min-width:1000px){.who{grid-template-columns:repeat(4,1fr)}}