:root{color-scheme:dark;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b1522;color:#edf6ff;--ink:#edf6ff;--muted:#a9bfd4;--line:#273d54;--accent:#95d1ff;--panel:#122438}
*{box-sizing:border-box}
body{margin:0;min-width:0}
a{color:var(--accent);text-underline-offset:.24em}
a:hover{color:#fff}
a:focus-visible{outline:3px solid #9fdaff;outline-offset:4px;border-radius:4px}
.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;top:0;left:12px;transform:translateY(-110%);padding:8px 12px;background:var(--panel);z-index:2}
.skip:focus{transform:none}
.header,.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px}
.header{border-bottom:1px solid var(--line)}
.header nav,.footer nav{display:flex;gap:12px 22px;flex-wrap:wrap}
.header nav a,.footer nav a{color:var(--muted);text-decoration:none;font-size:.92rem}
.header nav a:hover,.footer nav a:hover{color:var(--ink);text-decoration:underline}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-weight:750;font-size:1.2rem;text-decoration:none;white-space:nowrap}
.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:clamp(24px,5vw,72px);padding-block:clamp(52px,9vw,112px)}
h1,h2,p{margin-top:0}
h1{font-size:clamp(2.65rem,6.5vw,5rem);line-height:1.04;letter-spacing:-.055em;margin-bottom:24px}
h2{font-size:1.45rem;line-height:1.28;letter-spacing:-.025em;margin-bottom:12px}
.eyebrow{color:var(--accent);font-size:.74rem;font-weight:750;letter-spacing:.14em;margin-bottom:14px}
.intro{color:var(--muted);font-size:1.08rem;max-width:36rem;margin-bottom:26px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;padding:10px 16px;min-height:44px;border-radius:8px;font-weight:690;text-decoration:none}
.primary{background:var(--accent);color:#0b2035}
.primary:hover{background:#c2e5ff;color:#0b2035}
.secondary{border:1px solid #3e5b76;color:var(--ink)}
.secondary:hover{background:#192b40}
.tv{border:1px solid #34546f;border-radius:18px;padding:clamp(16px,3vw,28px);background:linear-gradient(145deg,#192f47,#0d1b2d);box-shadow:0 20px 55px #030b1455}
.tv-top{display:flex;align-items:center;gap:9px;font-size:.91rem;font-weight:700;margin-bottom:19px}
.tv-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tv-tiles>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(6px,1.25vw,15px);min-height:102px;border-radius:7px;border:1px solid #33516e;background:#213950}
.tv-tiles>div:first-child{border-color:#81cbfc;background:#294d6d}
.tv-tiles b{color:#b6dfff;font-size:.72rem}
.tv-tiles strong{font-size:clamp(.8rem,1.55vw,1.1rem);margin:5px 0 1px}
.tv-tiles span,.tv-footer{color:var(--muted);font-size:.72rem}
.tv-footer{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:15px}
.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--line);padding-block:36px 50px}
.details p:not(.eyebrow),.article p,.article li{color:var(--muted)}
.details a{font-weight:650}
.article{max-width:760px;padding-block:clamp(42px,8vw,84px)}
.article h1{font-size:clamp(2.5rem,6vw,4.25rem)}
.article section{margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}
.article p,.article li{max-width:66ch}
.article li+li{margin-top:6px}
.footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;align-items:flex-start}
@media(max-width:820px){.hero{grid-template-columns:1fr}.tv{max-width:580px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header,.footer{flex-wrap:wrap;gap:12px}.details{grid-template-columns:1fr;gap:24px}.details>div+div{border-top:1px solid var(--line);padding-top:22px}}