@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f5f5f5;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}
header{height:74px;position:fixed;z-index:50;top:0;left:0;right:0;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(5,5,5,.82);backdrop-filter:blur(15px);border-bottom:1px solid #191919}.logo{font-weight:900;font-size:23px;letter-spacing:-1.5px}.logo span{color:#e50914}.logo small{font-size:8px;letter-spacing:3px;color:#aaa;margin-left:5px}nav{display:flex;gap:28px;font-size:13px;font-weight:700;color:#ccc}nav a:hover{color:#fff}.ig{border:1px solid #3b3b3b;padding:9px 14px;border-radius:6px}
.hero{min-height:92vh;padding:145px 7% 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 45%,#4b0509 0,transparent 35%),linear-gradient(120deg,#050505 35%,#180204)}.hero:before{content:"";position:absolute;width:600px;height:600px;right:-170px;top:80px;background:radial-gradient(circle,#e5091430,transparent 65%);filter:blur(10px)}.hero-copy{max-width:700px;z-index:2}.tag,.title>span,.cta span{font-size:11px;letter-spacing:3px;font-weight:900;color:#f22}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.98;letter-spacing:-5px;margin:18px 0}.hero h1 b{color:#e50914}.hero p{max-width:610px;color:#aaa;font-size:17px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;padding:14px 22px;border-radius:6px;font-size:13px;font-weight:900}.red{background:#e50914;box-shadow:0 10px 35px #e5091425}.red:hover{background:#f51b25}.dark{background:#111;border:1px solid #333}.hero-art{height:460px;position:relative;display:flex;align-items:center;justify-content:center}.poster{position:absolute;width:190px;height:300px;border-radius:10px;border:1px solid #444;display:flex;align-items:end;padding:20px;font-weight:900;font-size:22px;box-shadow:0 30px 60px #000;background:linear-gradient(160deg,#261010,#080808)}.poster:after{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(transparent 45%,#000)}.poster{overflow:hidden}.poster::first-line{position:relative}.p1{transform:rotate(-16deg) translate(-105px,10px);background:linear-gradient(160deg,#49151b,#080808)}.p2{transform:translateY(-18px);z-index:2;background:linear-gradient(160deg,#111,#4a080d)}.p3{transform:rotate(16deg) translate(105px,10px);background:linear-gradient(160deg,#300b0e,#070707)}.play{z-index:5;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#e50914;font-size:28px;padding-left:4px;box-shadow:0 0 60px #e5091460}
.strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0c0c0c;border-block:1px solid #222}.strip>div{padding:28px 7%;display:flex;gap:13px;border-right:1px solid #222}.strip b{font-size:22px}.strip strong,.strip small{display:block}.strip strong{font-size:13px}.strip small{color:#777;font-size:11px;margin-top:3px}
.section{padding:105px 5%;max-width:1400px;margin:auto}.title{text-align:center;margin-bottom:48px}.title h2{font-size:clamp(32px,5vw,54px);letter-spacing:-2px;margin:8px 0}.title p{color:#888}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{height:330px;border-radius:10px;overflow:hidden;position:relative;border:1px solid #292929;background:#121212}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#35070b,#111 55%,#020202)}.c2:before{background:linear-gradient(145deg,#151b35,#130407)}.c3:before{background:linear-gradient(145deg,#252525,#21070a)}.c4:before{background:linear-gradient(145deg,#32180a,#070707)}.card>div{position:absolute;bottom:0;padding:25px}.card small{color:#f22;font-weight:900}.card h3{font-size:26px;margin:8px 0}.card p{color:#aaa;font-size:12px}
.plans-section{max-width:1500px}.plans{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.plan{min-height:430px;padding:27px 21px;border:1px solid #292929;background:linear-gradient(160deg,#151515,#0b0b0b);border-radius:10px;position:relative;display:flex;flex-direction:column}.plan:hover{transform:translateY(-5px);border-color:#555;transition:.2s}.plan.trial,.plan.best{border-color:#e5091470}.plan label{position:absolute;top:-10px;left:15px;background:#e50914;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:900}.plan h3{font-size:20px;margin:4px 0 20px}.price{font-size:40px;font-weight:900;letter-spacing:-2px}.price span{font-size:17px;color:#aaa;letter-spacing:0}.plan>p{font-size:12px;color:#888;min-height:38px}.plan ul{list-style:none;padding:0;margin:12px 0 24px;color:#bbb;font-size:12px}.plan li{margin:12px 0}.plan li:before{content:"✓";color:#e50914;font-weight:900;margin-right:8px}.choose{margin-top:auto;text-align:center;background:#fff;color:#000;padding:12px;border-radius:5px;font-size:12px;font-weight:900}.choose:hover{background:#e50914;color:#fff}
.how{padding:105px 5%;background:#090909;border-block:1px solid #202020}.steps{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:28px;border:1px solid #242424;border-radius:9px;background:#0e0e0e}.step b{color:#e50914}.step h3{margin:13px 0 5px}.step p{font-size:12px;color:#888;line-height:1.6}
.cta{padding:70px 8%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(100deg,#240407,#090909 70%);border-bottom:1px solid #222}.cta h2{font-size:42px;margin:7px 0}.cta p{color:#999}
footer{padding:32px 5%;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:11px}.float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:27px;z-index:60;box-shadow:0 10px 30px #000}
@media(max-width:1100px){.plans{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){header{padding:0 18px}nav a:not(.ig){display:none}nav{gap:7px}.hero{grid-template-columns:1fr;padding:125px 22px 70px}.hero-art{height:300px;margin-top:25px}.poster{width:135px;height:215px}.p1{transform:rotate(-14deg) translate(-65px,8px)}.p3{transform:rotate(14deg) translate(65px,8px)}.play{width:65px;height:65px}.hero h1{letter-spacing:-3px}.hero p{font-size:15px}.actions{flex-direction:column;max-width:230px}.strip{grid-template-columns:1fr 1fr}.strip>div{padding:20px 15px}.cards,.plans,.steps{grid-template-columns:1fr}.section{padding:75px 18px}.card{height:260px}.plan{min-height:400px}.cta{padding:60px 22px;flex-direction:column;align-items:flex-start}.cta h2{font-size:35px}footer{flex-direction:column;gap:12px;text-align:center}}