@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#050505;--panel:#0d0d0d;--text:#f5f2eb;--muted:#9c9890;--gold:#c89a3c;--line:#252525}
*{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
a{text-decoration:none;color:inherit}
.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:56px;display:flex;align-items:center;padding:0 28px;gap:30px;background:rgba(8,8,8,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09)}
.brand{font-weight:800;letter-spacing:4px;color:#d5a84b;font-size:15px}
nav{display:flex;gap:7px;align-items:center;flex:1;height:100%;overflow:auto}
nav a{font-size:13px;color:#aaa69e;padding:11px 13px;border-radius:6px;white-space:nowrap}
nav a:hover,nav a.active{background:#29261f;color:#e7c67d}
nav span{font-size:14px;margin-left:4px}
.actions{display:flex;align-items:center;gap:12px}
.search{width:180px;height:34px;background:#24211c;border-radius:6px;display:flex;align-items:center;padding:0 10px;color:#777}
.search input{width:100%;border:0;outline:0;background:none;color:#eee;font-size:12px;margin-left:6px}
.icon,.avatar{border:0;background:none;color:#bbb;font-size:20px;cursor:pointer}
.avatar{width:31px;height:31px;border-radius:7px;background:#ffbf00;font-size:17px}
.hero{min-height:720px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#000}
.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 36%,rgba(0,0,0,.15) 75%),linear-gradient(0deg,#050505 0%,transparent 38%),url('hero.png');background-size:cover;background-position:center top;filter:saturate(.82)}
.hero-copy{position:relative;z-index:1;max-width:560px;padding:0 7vw 90px}
.eyebrow{font-size:11px;letter-spacing:3px;color:#c49a4a;font-weight:700;margin:0 0 14px}
h1{font-size:76px;line-height:.9;margin:0 0 20px;letter-spacing:8px}
h2{font-size:34px;margin:0 0 14px}
.lead{color:#bbb6ad;line-height:1.7;font-size:15px;max-width:490px}
.buttons{display:flex;gap:12px;margin-top:28px}
.btn{display:inline-block;padding:13px 18px;border-radius:6px;font-size:13px;font-weight:600}
.primary{background:#c49a4b;color:#090909}
.primary:hover{background:#dfb764}
.ghost{border:1px solid #4b463e;background:rgba(0,0,0,.35)}
.section{padding:76px 7vw}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.section-head>a{color:#c9a05a;font-size:13px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{min-width:0}.poster{height:260px;border-radius:8px;background:#181818;display:flex;align-items:end;padding:16px;font-size:10px;letter-spacing:2px;color:#d5b36f;box-shadow:inset 0 -80px 80px rgba(0,0,0,.55)}
.p1{background:linear-gradient(145deg,#111,#4c3a1d 48%,#080808)}
.p2{background:linear-gradient(145deg,#252525,#0a0a0a 65%)}
.p3{background:linear-gradient(145deg,#302718,#111 65%)}
.p4{background:linear-gradient(145deg,#181818,#443b2b)}
.card h3{font-size:15px;margin:13px 0 5px}.card p{font-size:12px;color:#777;margin:0}
.feature{padding:90px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#0b0b0b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature p:not(.eyebrow),.compact>p:not(.eyebrow),.partners p{color:#8f8b84;line-height:1.7;max-width:570px}
.play-card{height:300px;border:1px solid #2b2925;border-radius:12px;background:radial-gradient(circle at center,#25211a,#0b0b0b 58%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#777;font-size:12px}
.play{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#c49a4b;color:#080808;font-size:21px;padding-left:3px}
.compact{padding-top:60px;padding-bottom:60px;border-bottom:1px solid var(--line)}
.progress-row{display:grid;grid-template-columns:190px 1fr 45px;gap:18px;align-items:center;max-width:700px;margin:18px 0;font-size:13px;color:#aaa}
.progress{height:5px;background:#222;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#c49a4b}
.release{max-width:800px;display:grid;grid-template-columns:100px 1fr 70px;gap:20px;padding:18px 0;border-bottom:1px solid #222;font-size:13px}.release strong{color:#c49a4b}.release span{color:#bdb8ae}.release em{color:#777;font-style:normal}
.partners{padding:90px 7vw;background:linear-gradient(120deg,#12100c,#070707)}
footer{padding:28px 7vw;display:flex;justify-content:space-between;color:#62605b;font-size:11px;border-top:1px solid #1d1d1d}
@media(max-width:900px){nav{display:none}.topbar{padding:0 16px}.search{width:140px}.hero-copy{padding:0 24px 70px}.hero{min-height:650px}.cards{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr;padding:65px 24px}.section,.partners{padding-left:24px;padding-right:24px}h1{font-size:58px}}
@media(max-width:520px){.search{display:none}.actions{margin-left:auto}.cards{grid-template-columns:1fr 1fr;gap:12px}.poster{height:210px}.section{padding-top:55px;padding-bottom:55px}.progress-row{grid-template-columns:100px 1fr 35px}.release{grid-template-columns:75px 1fr}.release em{display:none}}