:root{--red:#ff3b30;--ink:#080810;--muted:#a5a5b3;--card:#17171f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}button,a{font:inherit}button{cursor:pointer}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:absolute;z-index:3;width:100%}.brand{font-size:23px;font-weight:900;letter-spacing:-1px;color:white;text-decoration:none}.brand span{color:var(--red)}nav{display:flex;gap:28px;align-items:center}nav a{color:#ddd;text-decoration:none}nav button{background:transparent;border:1px solid #ffffff40;border-radius:99px;color:white;padding:9px 16px}.hero{height:min(760px,88vh);min-height:570px;position:relative;background:linear-gradient(90deg,#080810 0%,#08081055 55%,transparent),linear-gradient(0deg,#080810,transparent 35%),radial-gradient(circle at 78% 37%,#e96d4b 0 4%,#663333 5% 13%,#191625 33%,#0b0b13 67%)}.hero:after{content:"JACMEL";position:absolute;right:4vw;top:23%;font-size:clamp(6rem,16vw,15rem);font-weight:900;color:#ffffff0b;letter-spacing:-.08em}.hero-copy{position:absolute;z-index:1;left:7vw;top:27%;max-width:590px}.eyebrow{color:#fa8b65;font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{font-family:Georgia,serif;font-size:clamp(4rem,8vw,7.5rem);line-height:.8;margin:20px 0 30px;letter-spacing:-.06em}.hero-copy>p:not(.eyebrow){font-size:18px;color:#d0ced5;max-width:540px}.actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:8px;padding:13px 21px;text-decoration:none;font-weight:800}.primary{background:var(--red);color:white}.secondary{background:#ffffff18;color:white}.section,.plans{padding:75px 6vw}.heading{display:flex;justify-content:space-between;align-items:end}.heading h2,.plans h2{font-size:clamp(2rem,4vw,3.4rem);margin:8px 0}.access{color:#bbb;border:1px solid #ffffff25;border-radius:30px;padding:8px 14px}.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.poster{height:330px;border-radius:13px;position:relative;overflow:hidden;padding:16px;background:#333;cursor:pointer;transition:.2s}.poster:hover{transform:translateY(-5px)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#050507)}.poster b{position:relative;z-index:1;background:#080810aa;padding:5px 8px;border-radius:6px;font-size:11px}.poster div{position:absolute;z-index:1;bottom:15px}.poster h3{font:700 27px Georgia;margin:5px 0}.poster small{color:#ff9b77}.p1{background:radial-gradient(circle at 55% 35%,#c8e0e2,#31545d 22%,#171e23 48%)}.p2{background:linear-gradient(135deg,#e8704c,#702938 48%,#24182b)}.p3{background:radial-gradient(circle at 45% 40%,#f2c277,#536c48 21%,#14201b 51%)}.p4{background:linear-gradient(145deg,#8866a4,#e9636c 48%,#302145)}.plans{text-align:center;background:#101017}.lead{color:var(--muted);font-size:17px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1040px;margin:42px auto 0;text-align:left}.plan{background:var(--card);border:1px solid #ffffff10;border-radius:16px;padding:30px;position:relative}.plan.featured{border-color:var(--red);transform:translateY(-8px)}.plan .tag{position:absolute;top:0;right:22px;transform:translateY(-50%);background:var(--red);border-radius:20px;padding:5px 11px;font-size:11px;font-weight:800}.plan h3{font-size:24px}.price{font-size:35px;font-weight:900}.price small{font-size:13px;color:var(--muted)}.plan ul{padding-left:18px;color:#c4c4cd;min-height:105px}.plan button{width:100%}footer{padding:35px 6vw;display:flex;justify-content:space-between;color:var(--muted)}dialog{width:min(480px,calc(100% - 30px));background:#17171f;color:#fff;border:1px solid #ffffff20;border-radius:18px;padding:35px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:15px;top:10px;border:0;background:none;color:#aaa;font-size:28px}dialog label{display:grid;gap:8px;color:#ccc;margin:25px 0}dialog input{background:#0d0d13;border:1px solid #ffffff22;border-radius:8px;color:#fff;padding:13px;font-size:16px}.fine,#message{font-size:12px;color:var(--muted)}.player-screen{height:260px;border-radius:12px;background:radial-gradient(circle,#4d364e,#111);display:grid;place-content:center;text-align:center;margin:15px 0 20px}.player-screen span{font-size:45px}.player-screen p{color:#bbb}.player>a{width:100%}@media(max-width:800px){nav a{display:none}.rail{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:1fr}.plan.featured{transform:none}.hero-copy{top:24%}.poster{height:260px}}@media(max-width:480px){.rail{display:flex;overflow:auto}.poster{min-width:76vw}.hero h1{font-size:4.2rem}.actions{flex-direction:column}.heading{align-items:start;flex-direction:column;gap:12px}footer{display:block}}