:root{--bg:#0f1a33;--bg2:#14213d;--panel:#1b2a4a;--border:#2c3e63;--text:#eef2f8;--muted:#a8b4c8;--soft:#d7deea;--gold:#f2b33d;--signal:#e0388f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--gold)}p{margin:0}.wrap{width:min(1160px,100%);margin:0 auto;padding:0 20px}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:800}h1,h2{letter-spacing:-.015em}h2{margin:10px 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.1}.sub{max-width:640px;color:var(--muted);margin-bottom:40px;font-size:19px}.btn{border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn.gold{background:var(--gold);color:#17140a;box-shadow:0 8px 30px #f2b33d4d}.btn.gold:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f2b33d73}.btn.ghost{color:var(--text);border:1.5px solid #ffffff59}.btn.ghost:hover{border-color:var(--text)}.btn.small{padding:8px 18px;font-size:14px}header.top{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1a3399;border-bottom:1px solid #ffffff0f;position:fixed;inset:0 0 auto}header.top .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}header nav{align-items:center;gap:22px;font-weight:600;display:flex}header nav a:not(.btn){color:var(--text);opacity:.85;text-decoration:none}.hero{height:min(92vh,860px);min-height:600px;position:relative;overflow:hidden}.hero .frames img{object-fit:cover;opacity:0;width:100%;height:100%;animation:20s infinite fade,20s infinite drift;position:absolute;inset:0}.hero .frames img:first-child{opacity:1;animation-name:fade-first,drift}.years span:first-child{opacity:1;animation-name:fade-first}.hero .frames img:nth-child(2),.years span:nth-child(2){animation-delay:5s}.hero .frames img:nth-child(3),.years span:nth-child(3){animation-delay:10s}.hero .frames img:nth-child(4),.years span:nth-child(4){animation-delay:15s}@keyframes fade{0%{opacity:0}4%{opacity:1}25%{opacity:1}29%{opacity:0}to{opacity:0}}@keyframes fade-first{0%,25%{opacity:1}29%,96%{opacity:0}to{opacity:1}}@keyframes drift{0%{transform:scale(1.02)translate(0)}29%,to{transform:scale(1.1)translate(-2%,-1%)}}.hero:after{content:"";background:linear-gradient(90deg, #0f1a33f5 0%, #0f1a33db 40%, #0f1a3340 62%, #0f1a3300 78%), linear-gradient(0deg, var(--bg) 0%, transparent 25%);position:absolute;inset:0}.hero .copy{z-index:2;flex-direction:column;justify-content:center;gap:0;height:100%;padding-top:40px;display:flex;position:relative}.hero .copy>*{max-width:600px}h1{margin:14px 0 18px;font-size:clamp(38px,6vw,68px);line-height:1.04}h1 .yr{color:var(--gold);white-space:nowrap}.hero .lead{color:var(--soft);margin-bottom:28px;font-size:20px}.hero .ctas{flex-wrap:wrap;gap:14px;display:flex}.hero .note{color:var(--muted);margin-top:18px;font-size:15px}.years{z-index:2;position:absolute;bottom:56px;right:32px}.years span{text-align:right;white-space:nowrap;opacity:0;animation:20s infinite fade;position:absolute;bottom:0;right:0}.years b{letter-spacing:-.03em;text-shadow:0 4px 30px #0009;font-size:96px;font-weight:900;line-height:1;display:block}.years i{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-style:normal;font-weight:800}main>section:not(.hero){padding:96px 0}main>section.alt{background:var(--bg2)}.masts{background:radial-gradient(ellipse at 50% 110%, #22406e 0%, var(--bg) 60%)}.skyline{border-bottom:2px solid #ffffff1a;justify-content:space-between;align-items:flex-end;gap:18px;padding:30px 6px 0;display:flex;overflow-x:auto}.unit{text-align:center;flex:none;margin:0;position:relative}.unit img{image-rendering:pixelated;margin:0 auto;transition:transform .3s;display:block}.unit:hover img{transform:translateY(-6px)}.unit figcaption{color:var(--muted);margin-top:14px;padding-bottom:18px;font-size:14px;display:block}.unit figcaption b{color:var(--text);font-size:15px;display:block}.ping{background:var(--signal);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;left:50%}.ping:before,.ping:after{content:"";border:2px solid var(--signal);opacity:0;border-radius:50%;animation:2.4s ease-out infinite ring;position:absolute;inset:-8px}.ping:after{animation-delay:1.2s}@keyframes ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(3.4)}}.compare{aspect-ratio:4/3;border-radius:18px;width:100%;max-height:690px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.compare img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare .after{clip-path:inset(0 0 0 var(--cut,50%))}.compare .handle{top:0;bottom:0;left:var(--cut,50%);pointer-events:none;background:#fff;width:3px;position:absolute;box-shadow:0 0 20px #0009}.compare .handle:after{content:"◀ ▶";color:var(--bg2);white-space:nowrap;background:#fff;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare .label{pointer-events:none;background:#0f1a33cc;border-radius:999px;padding:6px 14px;font-weight:800;position:absolute;top:18px}.compare .first{left:18px}.compare .last{right:18px}.compare input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.rail{scroll-snap-type:x mandatory;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:20px;padding-bottom:8px;display:grid;overflow-x:auto}.era{border:1px solid var(--border);background:var(--panel);scroll-snap-align:start;border-radius:18px;transition:transform .3s,border-color .3s;overflow:hidden}.era:hover{border-color:var(--gold);transform:translateY(-6px)}.era>img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.era .body{gap:6px;padding:18px 20px 22px;display:grid}.era .head{justify-content:space-between;align-items:baseline;display:flex}.era .g{font-size:30px;font-weight:900}.era .tag{color:var(--gold);background:#f2b33d26;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:800}.era .tag.free{color:#4be08a;background:#2ecc712e}.era .when{color:var(--muted);font-size:14px}.era .day{border-left:3px solid var(--signal);color:var(--soft);padding-left:10px;font-size:14px}.feature{grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;margin-bottom:96px;display:grid}.feature:last-child{margin-bottom:0}.feature:nth-child(2n){grid-template-columns:1fr 1.15fr}.feature:nth-child(2n) .shot{order:2}.feature .sub{margin-bottom:12px}.shot{border:1px solid var(--border);border-radius:14px;transition:transform .5s;overflow:hidden;transform:perspective(1200px)rotateY(-4deg);box-shadow:0 24px 60px #00000073}.feature:nth-child(2n) .shot{transform:perspective(1200px)rotateY(4deg)}.feature .shot:hover{transform:none}.shot img{width:100%;height:auto;display:block}.feature ul{color:var(--soft);margin:0;padding-left:20px}.feature li{margin:6px 0}.prices{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.price{border:1px solid var(--border);background:var(--panel);border-radius:18px;gap:4px;padding:28px;display:grid}.price.best{border-color:var(--gold);background:linear-gradient(160deg, #24365e, var(--panel))}.price .amt{font-size:44px;font-weight:900}.price small{color:var(--muted)}main>section.final{background:linear-gradient(180deg, var(--bg) 0%, #182a52 100%);text-align:center}.final h2{font-size:clamp(32px,5vw,56px)}.final .sub{margin:0 auto 30px}footer{border-top:1px solid var(--border);color:var(--muted);padding:40px 0 60px;font-size:14px}footer .wrap{flex-wrap:wrap;gap:8px 20px;display:flex}footer .cookies{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}footer .cookies[hidden]{display:none}dialog.trailer{background:#000;border:none;border-radius:14px;width:min(1100px,94vw);padding:0;overflow:visible}dialog.trailer::backdrop{background:#050a14d9}dialog.trailer video{border-radius:14px;width:100%;height:auto;display:block}dialog.trailer .close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:36px;height:36px;font-size:22px;position:absolute;top:-44px;right:0}.js .reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.js .reveal.in{opacity:1;transform:none}@media (max-width:760px){header nav a:not(.btn){display:none}.hero{height:auto;min-height:680px}.hero .frames img{object-position:72% 50%}.hero:after{background:linear-gradient(0deg, var(--bg) 8%, #0f1a33c7 45%, #0f1a3366 100%)}.hero .copy{justify-content:flex-end;padding-top:120px;padding-bottom:150px}.years{bottom:30px;right:20px}.years b{font-size:64px}main>section:not(.hero){padding:64px 0}.feature,.feature:nth-child(2n){grid-template-columns:1fr;gap:24px;margin-bottom:64px}.feature:nth-child(2n) .shot{order:0}.shot,.feature:nth-child(2n) .shot{transform:none}.prices{grid-template-columns:1fr}.skyline{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .frames img,.years span,.ping:before,.ping:after{animation:none}.hero .frames img,.years span{opacity:0}.hero .frames img:last-child,.years span:last-child{opacity:1}.js .reveal{opacity:1;transition:none;transform:none}}