:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#111113;color:#fafafa}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 100% 0,rgba(197,27,42,.13),transparent 50%),#111113}
main{max-width:1040px;margin:auto;padding:48px 48px 24px}
.brand{display:flex;align-items:center;font-size:23px;font-weight:900;letter-spacing:-1px}
.tv{margin-left:5px;color:#f34551}.four{display:inline-block;background:#ee293a;color:white;margin-left:3px;padding:4px 7px;border-radius:4px}
section{max-width:760px;margin:88px 0 92px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:#b7b7bd;display:flex;align-items:center;gap:10px;line-height:1.8}
.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#f34551}
h1{font-size:clamp(42px,7vw,72px);line-height:1.08;letter-spacing:-3px;margin:24px 0}
h1>span{color:#f34551}
.description{max-width:630px;font-size:17px;line-height:1.8;color:#bcbcc3;margin:0 0 40px}
.description a{color:#f2f2f4;text-decoration-color:#68686e;text-underline-offset:4px;overflow-wrap:anywhere}
nav{display:grid;gap:12px;max-width:630px}
.channel{display:flex;align-items:center;gap:18px;padding:20px 22px;background:#1c1c20;border:1px solid #323238;border-radius:12px;text-decoration:none;color:inherit;transition:background .15s,border-color .15s,transform .15s}
.channel:hover{background:#26262b;border-color:#f34551;transform:translateX(3px)}
a:focus-visible{outline:3px solid #f34551;outline-offset:5px}
.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}
.youtube{background:#49202a;color:#ff5b65;font-size:19px}.facebook{background:#1d304f;color:#75a9ff;font-size:32px;font-weight:700}
.channel small{display:block;font-size:10px;letter-spacing:1.8px;color:#aaaab3;margin-bottom:5px}.channel strong{font-size:18px}.arrow{margin-left:auto;font-size:25px;color:#bcbcc3}
footer{border-top:1px solid #303036;padding-top:22px;display:flex;align-items:center;font-size:11px;font-weight:700;color:#a8a8b1;letter-spacing:.5px}footer>span:first-child{color:#f34551}.footer-note{margin-left:auto;font-weight:400;letter-spacing:0}
@media(max-width:600px){main{padding:28px 22px 22px}section{margin:64px 0 60px}h1{letter-spacing:-1.8px}.description{font-size:16px}.channel{padding:17px 16px}footer{flex-wrap:wrap;row-gap:12px}.footer-note{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.channel{transition:none}.channel:hover{transform:none}}