:root{--n:#0C1B3A;--n2:#13275a;--g:#D4AF37;--t:#e8ecf5;--r:#e5484d}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--n);color:var(--t);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:rgba(12,27,58,.8);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.25);transition:padding .3s}
.nav.small{padding:8px 5vw}.logo{font:900 1.25rem Georgia,serif;letter-spacing:.14em}.logo span{color:var(--g)}nav a{margin-left:22px;font-size:.9rem;font-weight:600}
.btn{display:inline-block;background:linear-gradient(135deg,#f3da7c,var(--g));color:var(--n);font-weight:800;padding:13px 24px;border-radius:999px;box-shadow:0 8px 30px rgba(212,175,55,.35);margin:6px 6px 0 0;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(212,175,55,.5)}.btn.sm{padding:7px 16px}.btn.ghost{background:transparent;color:var(--g);border:1px solid var(--g);box-shadow:none}
.ticker{position:sticky;top:57px;z-index:19;display:flex;align-items:center;background:#08142d;border-bottom:1px solid rgba(212,175,55,.3);font-size:.88rem;height:38px;overflow:hidden}
.live{flex:none;display:flex;align-items:center;gap:8px;background:var(--r);color:#fff;font-weight:900;letter-spacing:.12em;padding:0 14px;height:100%;font-size:.75rem}
.live i,.pulse{width:8px;height:8px;border-radius:50%;background:#fff;display:inline-block;animation:pl 1.4s infinite}.pulse{background:var(--r);margin-right:8px}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.tk{overflow:hidden;flex:1;mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.tk-in{display:inline-flex;white-space:nowrap;animation:tk 45s linear infinite}.tk-in:hover{animation-play-state:paused}
.tk-in a{padding:0 28px;border-right:1px solid rgba(212,175,55,.3)}.tk-in a:hover{color:var(--g)}@keyframes tk{to{transform:translateX(-50%)}}
.hero{position:relative;min-height:calc(100vh - 95px);display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,#1d3670,var(--n) 62%)}
#globe{position:absolute;inset:0;width:100%;height:100%}.hero-text{position:relative;max-width:660px;padding:60px 5vw;pointer-events:none}.hero-text a{pointer-events:auto}
.kicker{color:var(--g);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:700}
h1{font:900 clamp(2.5rem,6.4vw,5.4rem)/.98 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em;margin:.2em 0 .3em}h1 em{color:var(--g);font-family:Georgia,serif;font-weight:700}.lede{font-size:1.12rem;opacity:.85;max-width:520px}
.legend{list-style:none;padding:0;display:flex;gap:18px;font-size:.8rem;opacity:.8}.legend b{display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle}.c1{background:var(--g)}.c2{background:#ff6b5e}.c3{background:#7fb4ff}
.scrollcue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;opacity:.6}.scrollcue::after{content:"";display:block;margin:8px auto 0;width:1px;height:30px;background:var(--g);animation:cue 1.8s infinite}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.wrap{max-width:1240px;margin:0 auto;padding:70px 5vw}
.sec{font:900 clamp(1.8rem,3.5vw,2.8rem)/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.03em;text-transform:uppercase;border-top:3px solid var(--g);padding-top:14px;margin:0 0 30px}
.lead{display:grid;grid-template-columns:1.7fr 1fr;gap:28px;perspective:1200px}
.card{display:block;background:linear-gradient(160deg,#16295a,#0f1f45);border:1px solid rgba(212,175,55,.22);border-radius:14px;overflow:hidden;transform-style:preserve-3d;transition:transform .2s ease-out,box-shadow .3s,border-color .3s;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.card:hover{box-shadow:0 24px 60px rgba(212,175,55,.18);border-color:var(--g)}
.big .imgw{overflow:hidden;aspect-ratio:16/9}.big img{width:100%;height:115%;object-fit:cover;display:block}.big .body{padding:24px 28px 30px;transform:translateZ(30px)}
.big h3{font:900 clamp(1.7rem,3vw,2.6rem)/1.05 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.025em;margin:.3em 0}.big p{opacity:.85;font-size:1.05rem}
.rail{display:flex;flex-direction:column;gap:16px}.rc{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px;align-items:center}.rc img{width:110px;height:80px;object-fit:cover;border-radius:8px}
.rc h4{font:800 1.02rem/1.2 "Helvetica Neue",Arial,sans-serif;margin:.15em 0}.rc p{margin:0;font-size:.85rem;opacity:.75}
.tag{color:var(--g);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;display:inline-flex;align-items:center}
.numbers{background:linear-gradient(180deg,var(--n),#081330 20%,#081330 80%,var(--n))}.story{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.sticky{position:sticky;top:120px;height:calc(100vh - 160px);display:flex;align-items:center}.panel{width:100%;border-left:3px solid var(--g);padding-left:28px}
.big-num{font:900 clamp(3.5rem,9vw,8rem)/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.05em;color:var(--g);font-variant-numeric:tabular-nums;text-shadow:0 0 50px rgba(212,175,55,.35)}
.bn-label{font-size:1.2rem;font-weight:700;margin:10px 0 24px}.bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;width:78%;background:linear-gradient(90deg,#8a6d12,var(--g));transition:width .8s cubic-bezier(.2,.8,.2,1)}
.step{min-height:70vh;display:flex;flex-direction:column;justify-content:center;opacity:.3;transition:opacity .4s}.step.on{opacity:1}
.num{display:none;font:900 3rem/1 "Helvetica Neue",Arial,sans-serif;color:var(--g);font-variant-numeric:tabular-nums}.num em{font-size:.5em;color:var(--t)}
.step p{font-size:1.3rem;line-height:1.45;font-weight:500}.step small{color:var(--g);opacity:.85;font-size:.8rem;border-top:1px solid rgba(212,175,55,.3);padding-top:8px;display:inline-block}
.beats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;perspective:900px}.beat{border:1px solid rgba(212,175,55,.25);border-radius:14px;padding:30px 22px;font:900 1.2rem/1.2 "Helvetica Neue",Arial,sans-serif;background:linear-gradient(160deg,#16295a,#0f1f45);transition:transform .2s,border-color .3s}.beat:hover{border-color:var(--g)}.beat span{display:block;color:var(--g);font-size:.8rem;margin-bottom:14px}
.two{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start}.about{font-size:1.15rem;opacity:.88}.tips{border:1px dashed rgba(212,175,55,.5);border-radius:14px;padding:6px 24px 16px}
.cta{text-align:center;padding:80px 5vw;background:radial-gradient(ellipse at center,#1d3670,var(--n) 70%)}.cta h2{font:900 clamp(1.8rem,4vw,3.2rem)/1.05 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.03em;max-width:800px;margin:0 auto 24px}
footer{text-align:center;border-top:1px solid rgba(212,175,55,.25)}.follow a{display:inline-block;margin:14px;color:var(--g)}small{opacity:.7}
.js .reveal{opacity:0;transform:translateY(40px)}
@media(max-width:860px){nav a:not(.btn){display:none}.lead,.two,.story{grid-template-columns:1fr}.sticky{position:sticky;top:95px;height:auto;z-index:2;background:#081330;padding:16px 0}.big-num{font-size:3.4rem}.bn-label{margin-bottom:12px}.step{min-height:55vh}#globe{opacity:.5}.hero-text{padding-top:40px}.ticker{top:53px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}.tk-in{flex-wrap:wrap}}

.js .hero .reveal{opacity:0;transform:translateY(30px);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards}.hero .reveal:nth-child(2){animation-delay:.12s}.hero .reveal:nth-child(3){animation-delay:.24s}.hero .reveal:nth-child(4){animation-delay:.36s}.hero .reveal:nth-child(5){animation-delay:.48s}@keyframes up{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js .hero .reveal{opacity:1;transform:none}}
/* v3 fixes */
nav{display:flex;align-items:center;gap:clamp(14px,2vw,26px);flex-wrap:nowrap}nav a{margin:0!important;white-space:nowrap}nav .btn.sm{margin-left:8px!important}
.nav{gap:20px}.menu{display:none;background:none;border:1px solid rgba(212,175,55,.5);color:var(--g);font-size:1.2rem;border-radius:8px;padding:4px 10px;cursor:pointer;margin-left:auto}
.big .imgw{aspect-ratio:16/9;background:var(--n)}.big img{height:100%;object-fit:contain}
.rc{grid-template-columns:150px 1fr}.rc img{width:150px;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--n)}
@media(max-width:1000px){.menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(8,20,45,.98);border-bottom:1px solid rgba(212,175,55,.3);padding:8px 5vw 16px}
.nav.open nav{display:flex}nav a,nav a:not(.btn){display:block!important;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}nav .btn.sm{margin:12px 0 0!important;text-align:center;padding:10px}}
@media(max-width:520px){.rc{grid-template-columns:110px 1fr}.rc img{width:110px}}