@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--bg:#090a0b;--surface:#101214;--surface2:#151719;--line:#25282a;--text:#f2f3ef;--muted:#969b96;--blue:#8eeaff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}

.nav{height:72px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090a0b}
.logo{font:900 27px/1 'Barlow Condensed';letter-spacing:.2px}.logo span{color:var(--blue)}
nav{display:flex;align-items:center;gap:34px;color:#aeb2ad;font-size:10px;font-weight:700;letter-spacing:1.5px}.nav-play{padding:11px 17px;background:var(--blue);color:#090a0b}

.hero{max-width:1240px;margin:auto;padding:78px 6% 100px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.hero-left{max-width:470px}.kicker{font-size:9px;font-weight:800;letter-spacing:2.2px;color:#70756f}
.hero h1{margin:18px 0 24px;font:900 clamp(88px,10vw,145px)/.76 'Barlow Condensed';letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--blue)}
.hero-left>p{max-width:410px;margin:0 0 30px;color:#a2a7a1;font-size:14px;line-height:1.75}
.play-button{display:inline-flex;align-items:center;gap:42px;padding:15px 18px;background:var(--blue);color:#090a0b;font-size:10px;font-weight:900;letter-spacing:1.3px}.play-button span{font-size:16px}
.under{margin-top:17px;color:#5f645e;font-size:8px;font-weight:800;letter-spacing:1.4px}

.preview{height:475px;position:relative;overflow:hidden;background:#151719;border:1px solid #303335;box-shadow:0 22px 55px rgba(0,0,0,.28)}
.preview img{width:100%;height:100%;display:block;object-fit:cover}.preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 45%,rgba(0,0,0,.72));pointer-events:none}
.preview-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.5px}.preview-overlay strong{padding:10px 14px;background:var(--blue);color:#090a0b}

.strip{max-width:1240px;margin:auto;padding:78px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.strip-title{font:800 60px/.86 'Barlow Condensed';letter-spacing:-1px;margin:0}.strip-copy{color:#969b96;font-size:13px;line-height:1.9;max-width:650px}.strip-copy p{margin:0 0 22px}.strip-copy a{font-size:10px;font-weight:900;letter-spacing:1.3px;color:var(--blue)}

.info{max-width:1240px;margin:auto;padding:78px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.info h2{font:800 60px/.86 'Barlow Condensed';letter-spacing:-1px;margin:18px 0 0}
.controls{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.control{padding:25px;border-right:1px solid var(--line)}.control:last-child{border-right:0}.control b{display:block;font:700 21px 'Barlow Condensed'}.control span{display:block;margin-top:7px;color:#666c66;font-size:8px;font-weight:800;letter-spacing:1.4px}

.footer{border-top:1px solid var(--line);padding:27px 6%;display:flex;justify-content:space-between;color:#626761;font-size:8px;font-weight:800;letter-spacing:1.3px}.footer a{color:var(--blue)}

@media(max-width:850px){nav a:not(.nav-play){display:none}.hero{grid-template-columns:1fr;padding-top:55px}.preview{height:56vw;min-height:280px}.strip,.info{grid-template-columns:1fr;gap:30px}.controls{grid-template-columns:1fr 1fr}.control:nth-child(2){border-right:0}.control:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:520px){.nav{padding:0 18px}.logo{font-size:22px}.hero{padding:48px 18px 65px}.hero h1{font-size:94px}.preview{height:60vw}.strip,.info{padding:60px 18px}.controls{grid-template-columns:1fr}.control{border-right:0;border-bottom:1px solid var(--line)}.control:last-child{border-bottom:0}.footer{padding:24px 18px}}

.countdown-section{max-width:1240px;margin:auto;padding:78px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}
.countdown-section h2{font:800 60px/.86 'Barlow Condensed';letter-spacing:-1px;margin:18px 0 0}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.count-box{min-width:0;padding:25px 12px;border-right:1px solid var(--line);text-align:center}
.count-box:last-child{border-right:0}
.count-box strong{display:block;font:900 clamp(34px,5vw,58px)/1 'Barlow Condensed';letter-spacing:-1px}
.count-box span{display:block;margin-top:8px;color:#666c66;font-size:8px;font-weight:800;letter-spacing:1.5px}
@media(max-width:850px){.countdown-section{grid-template-columns:1fr;gap:30px}}
@media(max-width:520px){.countdown-section{padding:60px 18px}.countdown{grid-template-columns:1fr 1fr}.count-box:nth-child(2){border-right:0}.count-box:nth-child(-n+2){border-bottom:1px solid var(--line)}.count-box:nth-child(3){border-right:1px solid var(--line)}.count-box:nth-child(4){border-right:0}}