:root{--navy:#091528;--navy2:#0d1f3d;--blue:#1f84e8;--blue2:#4aa3ff;--gold:#f2c14e;--paper:#f6f8fc;--ink:#0a1730;--mut:rgba(255,255,255,.72)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--navy);color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.anton{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.005em;text-transform:uppercase;line-height:.92}
.osw{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em}
/* nav */
.nav{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(18px,4vw,56px)}
.logo{display:flex;align-items:center;gap:10px}
.logo img{width:40px;height:40px}
.logo b{display:block;font-family:Oswald,sans-serif;font-weight:700;font-size:19px;letter-spacing:.02em;line-height:1}
.logo i{display:block;font-style:normal;font-family:Oswald,sans-serif;font-size:9.5px;letter-spacing:.42em;color:var(--blue2);margin-top:4px}
.links{display:flex;gap:28px;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.86)}
.navr{display:flex;align-items:center;gap:18px;font-size:14.5px;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;font-weight:700;font-size:16px;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.b-blue{background:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(31,132,232,.35)}
.b-ghost{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.b-sm{height:42px;padding:0 20px;font-size:14.5px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);align-items:center;justify-content:center}
.burger span{width:18px;height:2px;background:#fff;box-shadow:0 6px 0 #fff,0 -6px 0 #fff}
@media(max-width:900px){.links,.navr .hide-m{display:none}.burger{display:flex}.nav{padding:18px}}
/* full-bleed media */
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero{position:relative;min-height:100svh;overflow:hidden}
.fade{opacity:0;transform:translateY(14px);animation:fu .9s cubic-bezier(.2,.7,.2,1) forwards}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}.d5{animation-delay:.7s}
@keyframes fu{to{opacity:1;transform:none}}
@keyframes drift{from{transform:scale(1.04)}to{transform:scale(1.1)}}
/* design switcher */
.sw{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:99;display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(9,21,40,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);box-shadow:0 10px 40px rgba(0,0,0,.4)}
.sw a{height:36px;min-width:36px;padding:0 12px;border-radius:999px;display:flex;align-items:center;justify-content:center;font:600 13px Inter,sans-serif;color:rgba(255,255,255,.7)}
.sw a.on{background:var(--blue);color:#fff}
.sw .nm{padding:0 14px 0 10px;color:#fff;font-weight:700;white-space:nowrap}
@media(max-width:560px){.sw .nm{display:none}}
/* fixes after first look */
.sw .nm{display:flex;align-items:center;height:36px}
@media(min-width:901px){.sw{left:auto;right:18px;transform:none}}
body[data-n="1"] .vid:after{content:"";position:absolute;inset:0 0 auto 0;height:160px;z-index:1;background:linear-gradient(180deg,rgba(9,21,40,.75),rgba(9,21,40,0))}
body[data-n="2"] h1{font-size:clamp(54px,8.2vw,142px)}
body[data-n="5"] h1{font-size:clamp(48px,6.4vw,108px)}
@media(max-width:900px){
body[data-n="1"] .vid{height:46svh}
body[data-n="3"] .st i{display:none}
body[data-n="4"] .stats b{font-size:24px}
body[data-n="5"] .in{padding-bottom:120px}
}