*{box-sizing:border-box}
:root{--black:#070707;--panel:#151515;--line:#343434;--text:#f4f4f4;--muted:#9b9b9b;--orange:#ff5a1f}
body{margin:0;background:var(--black);color:var(--text);font-family:Arial,sans-serif}
a{color:inherit;text-decoration:none}
.header{display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;border-bottom:1px solid var(--line)}
.logo{font-weight:900;font-style:italic;font-size:24px;letter-spacing:-1px}
.logo b{color:var(--orange)}
.nav{display:flex;gap:10px}
.nav a{padding:10px 14px;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted)}
.nav a:hover,.nav a.on{color:white;background:#202020}
.live{padding:10px 14px;border:1px solid var(--orange);color:var(--orange);font-size:10px;font-weight:900}
.main{padding:30px 4vw}
.hero{position:relative;min-height:650px;padding:70px;overflow:hidden;background:linear-gradient(115deg,#191919 0,#0b0b0b 60%,#24140d)}
.hero:before{content:"";position:absolute;width:730px;height:250px;right:-80px;bottom:75px;border-radius:60% 20% 30% 10%;background:linear-gradient(160deg,#4c4c4c,#121212);transform:skewX(-12deg);box-shadow:0 50px 80px #000}
.hero:after{content:"";position:absolute;width:140px;height:140px;right:120px;bottom:20px;border:25px solid #090909;border-radius:50%;background:#393939;box-shadow:-480px 0 0 -25px #393939,-480px 0 0 0 #090909}
.kicker{position:relative;z-index:2;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:4px}
h1{position:relative;z-index:2;max-width:850px;margin:28px 0;font-size:clamp(58px,8vw,112px);line-height:.87;letter-spacing:-7px;text-transform:uppercase}
.lead{position:relative;z-index:2;max-width:620px;color:var(--muted);font-size:18px;line-height:1.75}
.specs{position:relative;z-index:2;display:flex;gap:45px;margin-top:55px}
.spec strong{display:block;font-size:30px}
.spec span{font-size:10px;color:var(--muted);text-transform:uppercase}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:17px}
.card{min-height:270px;padding:30px;border:1px solid var(--line);background:var(--panel)}
.card:hover{border-color:var(--orange)}
.card .num{color:var(--orange);font-weight:900}
.card h2{margin:60px 0 14px;font-size:25px;text-transform:uppercase}
.card p{color:var(--muted);line-height:1.7}
.footer{display:flex;justify-content:space-between;padding:35px 0;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:2px}
@media(max-width:900px){.nav{display:none}.hero{min-height:620px;padding:35px}.hero:before,.hero:after{opacity:.3}.cards{grid-template-columns:1fr}.specs{flex-wrap:wrap}h1{letter-spacing:-4px}}