*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --fire:#ff4500;--fire2:#ff6a00;--fire-dim:rgba(255,69,0,.12);--fire-border:rgba(255,69,0,.4);
  --void:#020509;--deep:#05080f;--card:rgba(8,15,28,.85);--card2:rgba(11,21,38,.9);
  --tx:#e8f0ff;--tx2:#8da4c4;--tx3:#4a6480;
  --cyan:#00c8ff;--gold:#f0a800;--green:#00e87a;
  --glass:rgba(8,15,28,.85);--glass-border:rgba(0,200,255,.2);
  --sol:#f5b800;--sol2:#ffce00;--sol-dim:rgba(245,184,0,.1);--sol-border:rgba(245,184,0,.35);
}
body{background:var(--void);color:var(--tx);font-family:'Rajdhani',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}

#stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;animation:fadein 1s .2s forwards}
@keyframes fadein{to{opacity:1}}

.cockpit-top,.cockpit-bottom{position:fixed;left:0;right:0;height:40px;z-index:50;pointer-events:none;background:rgba(0,200,255,.025)}
.cockpit-top{top:0;border-bottom:1px solid rgba(0,200,255,.15)}
.cockpit-bottom{bottom:0;border-top:1px solid rgba(0,200,255,.15)}
.cc{position:fixed;width:24px;height:24px;z-index:51;pointer-events:none}
.cc::before,.cc::after{content:'';position:absolute;background:rgba(0,200,255,.8)}
.cc::before{width:24px;height:1px}
.cc::after{width:1px;height:24px}
.cc-tl{top:40px;left:0}.cc-tl::before{top:0;left:0}.cc-tl::after{top:0;left:0}
.cc-tr{top:40px;right:0}.cc-tr::before{top:0;right:0}.cc-tr::after{top:0;right:0}
.cc-bl{bottom:40px;left:0}.cc-bl::before{bottom:0;left:0}.cc-bl::after{bottom:0;left:0}
.cc-br{bottom:40px;right:0}.cc-br::before{bottom:0;right:0}.cc-br::after{bottom:0;right:0}

nav{position:fixed;top:40px;left:0;right:0;z-index:100;padding:12px 0;background:rgba(2,5,9,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,200,255,.18)}
.ni{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:.15em;color:var(--tx)}
.nav-logo em{color:var(--cyan);font-style:normal}
.nlinks{display:flex;gap:28px;align-items:center}
.nlinks a{font-family:'Rajdhani',sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);text-decoration:none;transition:color .2s}
.nlinks a:hover{color:var(--cyan)}
.nlinks a.sol{color:var(--sol)}
.nav-cta{background:linear-gradient(135deg,var(--fire),var(--fire2));color:#fff;font-family:'Orbitron',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:10px 24px;border:none;border-radius:2px;cursor:pointer;text-decoration:none;box-shadow:0 0 20px rgba(255,69,0,.4);transition:all .3s;display:inline-block}
.nav-cta:hover{box-shadow:0 0 40px rgba(255,69,0,.7);transform:scale(1.02)}

/* ── HERO ── */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:120px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center 30%;background-attachment:fixed}
.hero-overlay{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at center bottom,rgba(2,5,9,.25) 0%,rgba(2,5,9,.82) 65%,rgba(2,5,9,1) 100%)}
.hero-content{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 40px;width:100%}
.hero-left{max-width:560px;opacity:0;transform:translateY(20px);animation:hero-in .8s 1.8s ease-out forwards}
@keyframes hero-in{to{opacity:1;transform:translateY(0)}}
.sys-tag{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px;opacity:.9}
.sys-tag::before{content:'';width:28px;height:1px;background:var(--cyan)}
h1.hh{font-family:'Orbitron',sans-serif;font-size:clamp(2.8rem,7.5vw,5.8rem);font-weight:900;line-height:.92;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}
h1.hh .glow{display:block;color:var(--cyan);text-shadow:0 0 60px rgba(0,200,255,.5),0 0 120px rgba(0,200,255,.18);animation:cglow 3.5s ease-in-out infinite}
@keyframes cglow{0%,100%{text-shadow:0 0 60px rgba(0,200,255,.5),0 0 120px rgba(0,200,255,.18)}50%{text-shadow:0 0 90px rgba(0,200,255,.85),0 0 180px rgba(0,200,255,.35)}}
.hero-sub{font-size:1.1rem;color:var(--tx2);margin-bottom:28px;font-weight:500;letter-spacing:.02em}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}
.badge{font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.08em;padding:6px 14px;border:1px solid rgba(0,200,255,.35);color:var(--cyan);background:rgba(0,200,255,.05);opacity:0;animation:fin .5s ease-out forwards}
.badge:nth-child(1){animation-delay:2.2s}.badge:nth-child(2){animation-delay:2.35s}.badge:nth-child(3){animation-delay:2.5s}.badge:nth-child(4){animation-delay:2.65s}
@keyframes fin{to{opacity:1}}
.hcta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.btn-fire{background:linear-gradient(135deg,var(--fire),var(--fire2));color:#fff;font-family:'Orbitron',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:18px 48px;border:none;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 0 40px rgba(255,69,0,.5);transition:transform .3s;opacity:0;animation:fin .5s 2.8s forwards,fpulse 3s 3.3s infinite}
@keyframes fpulse{0%,100%{box-shadow:0 0 20px rgba(255,69,0,.5)}50%{box-shadow:0 0 60px rgba(255,69,0,.85)}}
.btn-fire:hover{transform:scale(1.03)}
.hghost{font-family:'Rajdhani',sans-serif;font-size:.9rem;color:var(--tx2);text-decoration:underline;cursor:pointer;transition:color .2s;opacity:0;animation:fin .5s 3s forwards}
.hghost:hover{color:var(--cyan)}

/* ── HERO SHIP ── */
.hero-ship{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:min(62vw,920px);z-index:5;pointer-events:none;opacity:0;transform:translateY(-50%) translateX(80px);animation:ship-in 2s .8s ease-out forwards}
@keyframes ship-in{to{opacity:1;transform:translateY(-50%) translateX(0)}}
.hero-ship img{width:100%;height:auto;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 50px rgba(0,200,255,.18)) drop-shadow(0 30px 80px rgba(0,0,0,.85));animation:sfloat 9s ease-in-out 2.8s infinite}
@keyframes sfloat{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-20px) rotate(.5deg)}}
.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(0,200,255,.8);box-shadow:0 0 20px var(--cyan),0 0 40px rgba(0,200,255,.4);z-index:6;animation:scan 4s 1.5s ease-in-out infinite}
@keyframes scan{0%{top:0%;opacity:0}5%{opacity:1}95%{opacity:1}100%{top:100%;opacity:0}}

/* ── TICKER ── */
.ticker{position:relative;z-index:20;height:56px;overflow:hidden;background:rgba(5,10,20,.92);border-top:1px solid rgba(0,200,255,.15);border-bottom:1px solid rgba(0,200,255,.15);backdrop-filter:blur(20px);display:flex;align-items:center}
.ticker-track{display:flex;align-items:center;white-space:nowrap;animation:tick 38s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ti{display:flex;align-items:center;gap:8px;padding:0 28px;font-family:'JetBrains Mono',monospace;font-size:.72rem}
.tl{color:rgba(255,255,255,.55);letter-spacing:.12em;text-transform:uppercase}
.tv{color:var(--cyan);font-weight:500}
.ts{color:var(--cyan);opacity:.45;font-size:.6rem}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── SECTIONS ── */
section{padding:100px 0;position:relative;z-index:10}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.stag{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--cyan);letter-spacing:.3em;text-transform:uppercase;margin-bottom:12px}
h2{font-family:'Orbitron',sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.15;margin-bottom:14px}
.ssub{font-size:1rem;color:var(--tx2);max-width:600px;line-height:1.75}
.glass{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(20px)}

/* ── STEPS ── */
.steps-bg{background:linear-gradient(180deg,rgba(0,200,255,.025) 0%,transparent 100%);position:relative}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:64px;position:relative}
.steps-grid::before{content:'';position:absolute;top:58px;left:calc(16.67% + 20px);right:calc(16.67% + 20px);height:1px;border-top:1px dashed rgba(0,200,255,.25);z-index:0}
.scard{background:var(--glass);border:1px solid var(--glass-border);padding:40px 32px;position:relative;transition:all .4s;z-index:1}
.scard:hover{border-color:var(--cyan);transform:translateY(-5px);box-shadow:0 0 40px rgba(0,200,255,.1)}
.snum{font-family:'Orbitron',sans-serif;font-size:5rem;font-weight:900;color:var(--cyan);opacity:.07;line-height:1;margin-bottom:16px}
.sring{width:52px;height:52px;border-radius:50%;border:1px solid rgba(0,200,255,.5);display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:rgba(0,200,255,.06);color:var(--cyan);font-size:1.2rem}
.scard h3{font-family:'Orbitron',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.scard p{font-size:.9rem;color:var(--tx2);line-height:1.72}

/* ── LEVEL CARDS ── */
.gal-bg{background:linear-gradient(180deg,transparent,rgba(255,69,0,.015) 50%,transparent)}
.lv-cards{display:flex;flex-direction:column;gap:12px;margin-top:56px}
.lvc{display:grid;grid-template-columns:280px 1fr;background:var(--glass);border:1px solid var(--glass-border);overflow:hidden;transition:all .4s}
.lvc:hover{transform:translateX(5px)}
.lvc-img{height:220px;overflow:hidden;position:relative;background:#020509}
.lvc-img img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .5s}
.lvc:hover .lvc-img img{transform:scale(1.06)}
.lvc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,rgba(8,15,28,.9) 100%)}
.lvc-body{padding:28px 32px;display:flex;flex-direction:column;justify-content:center}
.lv-tier{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}
.lv-name{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}
.lv-desc{font-size:.9rem;color:var(--tx2);line-height:1.65;margin-bottom:18px}
.lv-bars{display:flex;gap:4px;margin-bottom:12px}
.lv-bar{height:4px;flex:1;background:rgba(255,255,255,.06);border-radius:1px;transition:background .3s}
.lv-bar.on{background:var(--lc)}
.lv-yield{font-family:'Orbitron',sans-serif;font-size:.85rem;font-weight:700;color:var(--lc)}
.lI{--lc:var(--cyan)}.lI:hover{border-color:rgba(0,200,255,.5);box-shadow:0 0 40px rgba(0,200,255,.08)}
.lI .lv-tier,.lI .lv-name{color:var(--cyan)}
.lII{--lc:var(--green)}.lII:hover{border-color:rgba(0,232,122,.5);box-shadow:0 0 40px rgba(0,232,122,.08)}
.lII .lv-tier,.lII .lv-name{color:var(--green)}
.lIII{--lc:var(--gold)}.lIII:hover{border-color:rgba(240,168,0,.5);box-shadow:0 0 40px rgba(240,168,0,.08)}
.lIII .lv-tier,.lIII .lv-name{color:var(--gold)}
.lIV{--lc:var(--fire)}.lIV:hover{border-color:var(--fire-border);box-shadow:0 0 40px rgba(255,69,0,.08)}
.lIV .lv-tier,.lIV .lv-name{color:var(--fire)}

/* ── ONBOARDING PANEL ── */
.ob-panel{background:var(--card2);border:1px solid var(--glass-border);padding:48px;backdrop-filter:blur(20px)}
.ob-prog{display:flex;align-items:center;margin-bottom:40px}
.ob-ps{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.ob-ps+.ob-ps::before{content:'';position:absolute;left:-50%;top:13px;width:100%;height:1px;background:rgba(0,200,255,.12);z-index:0}
.ob-ps.done+.ob-ps::before{background:rgba(0,200,255,.4)}
.ob-dot{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,200,255,.22);background:var(--deep);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--tx3);position:relative;z-index:1;transition:all .3s}
.ob-ps.active .ob-dot{border-color:var(--cyan);color:var(--cyan);background:rgba(0,200,255,.08);box-shadow:0 0 12px rgba(0,200,255,.3)}
.ob-ps.done .ob-dot{border-color:var(--cyan);background:var(--cyan);color:#020509}
.ob-ps.done .ob-dot::after{content:'✓';font-size:.65rem;font-weight:700}
.ob-ps.done .ob-dot .dn{display:none}
.ob-pl{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.1em;color:var(--tx3);text-transform:uppercase;text-align:center;transition:color .3s}
.ob-ps.active .ob-pl{color:var(--cyan)}.ob-ps.done .ob-pl{color:var(--tx2)}
.ob-step{display:none;animation:sslide .3s ease}
.ob-step.active{display:block}
@keyframes sslide{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.ob-stag{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--cyan);letter-spacing:.25em;text-transform:uppercase;margin-bottom:8px}
.ob-step h3{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}
.ob-desc{font-size:.88rem;color:var(--tx2);line-height:1.65;margin-bottom:24px}
.ob-fields{display:flex;flex-direction:column;gap:16px}
.ob-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ob-field{display:flex;flex-direction:column;gap:6px}
.ob-field label{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--tx3);letter-spacing:.12em;text-transform:uppercase}
.ob-field input,.ob-field select{background:rgba(5,8,15,.92);border:1px solid rgba(0,200,255,.18);color:var(--tx);font-family:'Rajdhani',sans-serif;font-size:.95rem;font-weight:500;padding:11px 14px;border-radius:1px;outline:none;width:100%;transition:all .2s}
.ob-field input::placeholder{color:var(--tx3)}
.ob-field input:focus,.ob-field select:focus{border-color:var(--cyan);box-shadow:0 0 15px rgba(0,200,255,.2);background:rgba(5,8,15,1)}
.ob-field input.err{border-color:#ff4444}
.ob-field select option{background:#05080f}
.ob-hint{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:rgba(0,200,255,.45);letter-spacing:.06em;line-height:1.7;padding:10px 12px;border:1px solid rgba(0,200,255,.1);background:rgba(0,200,255,.03);display:flex;align-items:flex-start;gap:8px}
.ob-hint::before{content:'🔒';font-size:.8rem;flex-shrink:0}
.lv-radios{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lv-radio{border:1px solid rgba(255,255,255,.07);padding:12px 8px;text-align:center;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.02)}
.lv-radio:hover,.lv-radio.sel{border-color:var(--cyan);background:rgba(0,200,255,.06)}
.lr-label{font-family:'Orbitron',sans-serif;font-size:.62rem;font-weight:700}
.lr-sub{font-family:'JetBrains Mono',monospace;font-size:.5rem;color:var(--tx3);margin-top:3px}
.gpick{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}
.gpc{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);padding:10px 8px;cursor:pointer;transition:all .2s;text-align:center}
.gpc:hover,.gpc.sel{border-color:var(--fire);background:var(--fire-dim)}
.gpc.sel .gpc-name{color:var(--fire)}
.gpc-pair{font-family:'JetBrains Mono',monospace;font-size:.52rem;color:var(--fire);letter-spacing:.1em;margin-bottom:4px}
.gpc-name{font-family:'Orbitron',sans-serif;font-size:.6rem;font-weight:700;color:var(--tx);margin-bottom:4px}
.gpc-risk{font-family:'JetBrains Mono',monospace;font-size:.5rem}
.ob-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin-bottom:10px}
.ob-check input[type=checkbox]{display:none}
.ob-cm{width:18px;height:18px;min-width:18px;border:1px solid rgba(0,200,255,.22);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:2px}
.ob-check input:checked~.ob-cm{background:var(--cyan);border-color:var(--cyan)}
.ob-check input:checked~.ob-cm::after{content:'✓';color:#020509;font-size:.65rem;font-weight:700}
.ob-ct{font-size:.85rem;color:var(--tx2);line-height:1.6}
.ob-ct a{color:var(--cyan);text-decoration:none}
.ob-sum{background:rgba(5,8,15,.8);border:1px solid rgba(255,255,255,.06);padding:16px 20px;margin-bottom:20px}
.ob-sr{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem}
.ob-sr:last-child{border:none}
.ob-sk{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--tx3);letter-spacing:.08em}
.ob-sv{color:var(--tx);font-weight:600}
.ob-sv.cy{color:var(--cyan);font-family:'Orbitron',sans-serif;font-size:.72rem}
.ob-foot{padding:28px 0 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,200,255,.08);margin-top:28px}
.ob-back,.ob-next{font-family:'Orbitron',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 24px;border-radius:1px;cursor:pointer;transition:all .3s}
.ob-back{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--tx3)}
.ob-back:hover{border-color:var(--cyan);color:var(--cyan)}
.ob-back:disabled{opacity:.3;pointer-events:none}
.ob-next{background:linear-gradient(135deg,var(--fire),var(--fire2));border:none;color:#fff;box-shadow:0 0 20px rgba(255,69,0,.4)}
.ob-next:hover{box-shadow:0 0 40px rgba(255,69,0,.7)}
.ob-cnt{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--tx3)}
.ob-success{display:none;flex-direction:column;align-items:center;text-align:center;padding:40px 0}
.ob-success.active{display:flex}
.ob-si{width:72px;height:72px;border-radius:50%;background:rgba(0,232,122,.1);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:20px;animation:pop .5s cubic-bezier(.16,1,.3,1)}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.ob-success h3{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}
.ob-success p{color:var(--tx2);font-size:.9rem;line-height:1.7;margin-bottom:28px;max-width:420px}
.ob-blink{background:linear-gradient(135deg,var(--fire),var(--fire2));color:#fff;font-family:'Orbitron',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:15px 44px;border:none;cursor:pointer;border-radius:1px;text-decoration:none;display:inline-block;animation:fpulse 2s infinite}

/* ── BROKER SOLANTIS ── */
.broker-inner{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--sol-border)}
.broker-l{padding:56px;background:linear-gradient(135deg,rgba(245,184,0,.07) 0%,rgba(245,184,0,.02) 100%);position:relative;overflow:hidden}
.broker-l .bg-orb{position:absolute;right:-100px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,0,.1) 0%,transparent 70%);pointer-events:none}
.sol-wm{font-family:'Orbitron',sans-serif;font-size:2rem;font-weight:900;letter-spacing:.1em;color:var(--tx);margin-bottom:4px}
.sol-wm em{color:var(--sol);font-style:normal}
.broker-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--sol);letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px;opacity:.8}
.broker-l h2{font-size:clamp(1.3rem,2.5vw,1.9rem);margin-bottom:12px}
.broker-l p{color:var(--tx2);font-size:.95rem;line-height:1.8;margin-bottom:24px}
.sol-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.sol-badge{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.1em;padding:5px 12px;border:1px solid var(--sol-border);color:var(--sol);background:var(--sol-dim)}
.btn-sol{background:var(--sol);color:#0a0800;font-family:'Orbitron',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:16px 40px;border:none;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s}
.btn-sol:hover{background:var(--sol2);box-shadow:0 0 40px rgba(245,184,0,.5)}
.broker-r{padding:56px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden}
.broker-r::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(245,184,0,.05) 0%,transparent 70%)}
.efrom{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:rgba(245,184,0,.6);letter-spacing:.25em;text-transform:uppercase}
.eamt{font-family:'Orbitron',sans-serif;font-size:4.5rem;font-weight:900;color:var(--sol);line-height:1;text-shadow:0 0 60px rgba(245,184,0,.35)}
.ecur{font-family:'Orbitron',sans-serif;font-size:.9rem;color:var(--tx2);letter-spacing:.12em}
.broker-r img{width:180px;height:auto;mix-blend-mode:screen;opacity:.7;animation:sfloat 12s ease-in-out infinite;position:relative;z-index:1}

/* ── AFFILIATE ── */
.sol-wordmark{font-family:'Orbitron',sans-serif;font-size:.8rem;letter-spacing:.15em}
.sol-wordmark em{color:var(--sol);font-style:normal}
.aff-section{position:relative;overflow:hidden;padding:120px 0;background:linear-gradient(180deg,transparent,rgba(245,184,0,.025) 50%,transparent)}
.aff-section::before{content:'';position:absolute;right:-200px;top:50%;transform:translateY(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,0,.05) 0%,transparent 70%);pointer-events:none}
.aff-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:80px}
.aff-calc-box{background:var(--card2);border:1px solid var(--sol-border);padding:32px 28px;position:relative;overflow:hidden}
.aff-calc-box::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,rgba(245,184,0,.07) 0%,transparent 55%);pointer-events:none}
.aff-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--sol);letter-spacing:.2em;margin-bottom:20px;opacity:.8;text-transform:uppercase}
.calc-tier-btn{flex:1;padding:8px 4px;font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.06em;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--tx3);cursor:pointer;transition:all .2s;text-transform:uppercase;line-height:1.5}
.calc-tier-btn.active-tier{border-color:var(--sol-border);background:var(--sol-dim);color:var(--sol)}
.aff-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:64px}
.aff-card{background:var(--card);border:1px solid rgba(255,255,255,.04);transition:all .3s;position:relative;overflow:hidden}
.aff-card:hover{border-color:var(--sol-border);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.aff-card.top{border-color:var(--sol-border);background:linear-gradient(160deg,rgba(245,184,0,.07) 0%,var(--card) 50%)}
.aff-card.top::before{content:'TOP TIER';position:absolute;top:0;right:0;font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.15em;background:var(--sol);color:#0a0800;padding:5px 14px;z-index:2;font-weight:700}
.aff-card-head{padding:32px 28px 24px;border-bottom:1px solid rgba(255,255,255,.04)}
.aff-tier-badge{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.aff-card h3{font-family:'Orbitron',sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}
.aff-card p{font-size:.85rem;color:var(--tx2);line-height:1.6}
.aff-payout{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.04)}
.aff-payout-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.aff-payout-row:last-child{margin:0}
.aff-payout-key{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--tx3);letter-spacing:.08em}
.aff-payout-val{font-family:'Orbitron',sans-serif;font-size:.85rem;font-weight:700}
.aff-perks{padding:20px 28px 28px;display:flex;flex-direction:column;gap:9px}
.aff-perk{font-size:.85rem;color:var(--tx2);display:flex;align-items:center;gap:10px}
.aff-perk::before{content:'◆';font-size:.42rem;flex-shrink:0;color:var(--sol)}
.aff-how{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:64px}
.aff-step{background:var(--card);border:1px solid rgba(255,255,255,.04);padding:28px 22px;text-align:center;position:relative;transition:all .3s}
.aff-step:hover{border-color:var(--sol-border)}
.aff-step+.aff-step::before{content:'→';position:absolute;left:-14px;top:40px;color:var(--sol);font-size:1rem;z-index:2}
.aff-step-n{font-family:'Orbitron',sans-serif;font-size:2.5rem;font-weight:900;color:rgba(245,184,0,.08);-webkit-text-stroke:1px rgba(245,184,0,.15);line-height:1;margin-bottom:12px}
.aff-step h4{font-family:'Orbitron',sans-serif;font-size:.72rem;font-weight:700;margin-bottom:8px;color:var(--sol);text-transform:uppercase}
.aff-step p{font-size:.82rem;color:var(--tx2);line-height:1.6}
.aff-cta-bar{background:linear-gradient(135deg,rgba(245,184,0,.1),rgba(245,184,0,.04) 50%,transparent);border:1px solid var(--sol-border);padding:48px;margin-top:64px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.link-tracker{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--tx2);padding:12px 16px;display:flex;align-items:center;gap:12px;margin-top:16px;cursor:pointer;transition:all .2s}
.link-tracker:hover{border-color:var(--sol-border);color:var(--sol)}
.link-tracker span{color:var(--tx3)}
.calc-tier-btn{flex:1;padding:8px 4px;font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.06em;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--tx3);cursor:pointer;transition:all .2s;text-transform:uppercase;line-height:1.5}
.calc-tier-btn.active-tier{border-color:var(--sol-border);background:var(--sol-dim);color:var(--sol)}
.sth{font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.1em;color:var(--tx3);text-align:left;padding:12px 14px;text-transform:uppercase;white-space:nowrap;font-weight:400}
.str{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}
.str:hover td{background:rgba(255,255,255,.02)}
.str td{padding:11px 14px;font-size:.88rem;vertical-align:middle}
.tier1-row td{background:rgba(0,232,122,.02)}
.tier2-row td{background:rgba(245,184,0,.02)}
.tier3-row td{background:rgba(0,200,255,.015)}
.tier4-row td{background:rgba(180,130,255,.02)}
.str.milestone td{border-top:1px solid rgba(245,184,0,.2)}
.td-num{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.82rem;text-align:right}
.td-mono{font-family:'JetBrains Mono',monospace;font-size:.72rem;text-align:right;color:var(--tx2)}
.tier-pill{font-family:'JetBrains Mono',monospace;font-size:.48rem;padding:3px 8px;border-radius:1px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;display:inline-block}

/* ══ CINEMATIC BACKGROUND ══ */
.bg-cinematic {
  position: fixed; inset: 0; z-index: 0;
  background: var(--void);
  overflow: hidden;
}
.bg-ship-layer {
  position: absolute; inset: 0;
  background-image: var(--bg-ship-url);
  background-size: cover;
  background-position: center 30%;
  opacity: 0.18;
  transform: scale(1.08);
  animation: bg-breathe 20s ease-in-out infinite;
  filter: blur(2px) saturate(0.6);
  will-change: transform;
}
@keyframes bg-breathe {
  0%,100%{transform:scale(1.08) translateY(0)} 50%{transform:scale(1.12) translateY(-12px)}
}
.bg-nebula-overlay {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 120% 60% at 60% 40%, rgba(255,69,0,0.07) 0%, transparent 55%),
    radial-gradient(ellipse 80% 80% at 20% 70%, rgba(0,80,200,0.06) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 85% 20%, rgba(0,180,255,0.05) 0%, transparent 50%),
    linear-gradient(180deg, rgba(2,5,9,0.7) 0%, rgba(2,5,9,0.3) 40%, rgba(2,5,9,0.8) 100%);
}
.bg-scan-lines {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,0.08) 3px, rgba(0,0,0,0.08) 4px);
  pointer-events: none; opacity: 0.4;
}

/* ══ HERO SHIP ══ */
.hero-ship-container {
  position: absolute; right: -60px; top: 50%;
  transform: translateY(-50%);
  width: min(900px, 65vw); height: auto;
  z-index: 3; pointer-events: none;
}
.hero-ship-wrap {
  position: relative; width: 100%;
}
.hero-real-ship {
  width: 100%; height: auto;
  display: block;
  filter: drop-shadow(0 0 60px rgba(255,69,0,0.25))
          drop-shadow(0 0 120px rgba(0,120,255,0.15))
          drop-shadow(0 30px 60px rgba(0,0,0,0.6));
  animation: ship-hover 8s ease-in-out infinite;
  transform-origin: center center;
}
@keyframes ship-hover {
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-20px) rotate(0.5deg)}
}
.hero-ship-glow {
  position: absolute; inset: -10%; border-radius: 50%;
  background: radial-gradient(ellipse at 60% 55%,
    rgba(255,120,30,0.12) 0%,
    rgba(100,180,255,0.08) 40%,
    transparent 70%);
  animation: ship-hover 8s ease-in-out infinite;
  pointer-events: none;
}
.hero-ship-trail {
  position: absolute; bottom: 10%; left: 0; right: 0;
  height: 40%; pointer-events: none;
  background: linear-gradient(to right,
    transparent 0%,
    rgba(255,100,30,0.04) 20%,
    transparent 80%);
  animation: trail-pulse 3s ease-in-out infinite;
}
@keyframes trail-pulse {
  0%,100%{opacity:0.5} 50%{opacity:1}
}

/* ══ PARALLAX DEPTH ══ */
.parallax-slow  { will-change: transform; }
.parallax-med   { will-change: transform; }
.parallax-fast  { will-change: transform; }

/* ══ SECTION SHIP IMAGERY ══ */
.strat-real-ship {
  width: 100%; height: auto; display: block;
  border-radius: 2px;
  filter: drop-shadow(0 0 40px rgba(255,69,0,0.18))
          drop-shadow(0 20px 60px rgba(0,0,0,0.7));
  animation: planet-float 10s ease-in-out infinite;
}
.lcard-real-ship {
  width: 100%; height: 200px;
  object-fit: cover; object-position: center 40%;
  display: block;
  filter: brightness(0.85) contrast(1.1) saturate(1.05);
  transition: filter 0.4s, transform 0.4s;
}
.lcard:hover .lcard-real-ship {
  filter: brightness(1) contrast(1.15) saturate(1.2);
  transform: scale(1.04);
}

/* ══ SCROLL REVEAL CINEMA ══ */
.cin-reveal {
  opacity: 0;
  transform: translateY(40px) scale(0.97);
  transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1),
              transform 0.9s cubic-bezier(0.16,1,0.3,1);
}
.cin-reveal.on { opacity: 1; transform: translateY(0) scale(1); }
.cin-reveal:nth-child(2){transition-delay:.1s}
.cin-reveal:nth-child(3){transition-delay:.2s}
.cin-reveal:nth-child(4){transition-delay:.3s}

/* ══ HERO UPGRADE ══ */
.hero { min-height: 100vh; }
.hero-content { padding-top: 0; }

/* ══ FLOATING PARTICLES ══ */
#particle-canvas {
  position: fixed; inset: 0; z-index: 0;
  pointer-events: none; opacity: 0.6;
}

/* ══ SECTION SHIP PARALLAX CONTAINERS ══ */
.ship-parallax-wrap {
  position: relative; overflow: hidden; border-radius: 2px;
}
.ship-parallax-wrap img {
  transition: transform 0.1s linear;
}

/* ══ ATMOSPHERE HORIZON ══ */
.horizon-glow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(to top,
    rgba(0,100,200,0.06) 0%,
    transparent 100%);
  pointer-events: none;
}

/* ══ VIDEO BG OVERLAY ══ */
.hero-video-bg {
  position: absolute; inset: 0; z-index: 1;
  overflow: hidden;
}
.hero-video-bg video {
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.12;
  filter: saturate(0.4) brightness(0.6);
}

/* ══ SHIP SLIDESHOW IN GALAXY SECTION ══ */
.ship-slideshow {
  position: relative; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 2px;
}
.ship-slide {
  position: absolute; inset: 0;
  opacity: 0; transition: opacity 1.2s ease;
}
.ship-slide.active { opacity: 1; }
.ship-slide img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 30%;
  filter: brightness(0.7) saturate(1.1);
}
.ship-slide-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg,
    rgba(2,5,9,0.7) 0%,
    rgba(2,5,9,0.2) 50%,
    rgba(255,69,0,0.05) 100%);
}

/* ── RISK + FOOTER ── */
.risk-bar{background:rgba(255,69,0,.04);border-top:1px solid var(--fire-border);border-bottom:1px solid var(--fire-border);padding:24px 0}
.risk-txt{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--tx3);letter-spacing:.05em;line-height:1.9;text-align:center;max-width:960px;margin:0 auto}
.risk-txt strong{color:var(--fire)}
footer{background:rgba(2,5,9,.98);border-top:1px solid rgba(0,200,255,.1);padding:60px 0 0}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:48px}
.flogo{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:.15em;color:var(--tx);margin-bottom:10px}
.flogo em{color:var(--cyan);font-style:normal}
.ftagline{font-size:.88rem;color:var(--tx3);margin-bottom:14px;font-family:'Orbitron',sans-serif;font-size:.7rem;letter-spacing:.1em}
.fcontact{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--tx3);line-height:1.9;margin-top:14px}
.fcol h5{font-family:'Orbitron',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.15em;color:var(--tx2);text-transform:uppercase;margin-bottom:16px}
.fcol a{display:block;font-size:.88rem;color:var(--tx3);text-decoration:none;margin-bottom:10px;transition:color .2s}
.fcol a:hover{color:var(--cyan)}
.fbot{border-top:1px solid rgba(255,255,255,.05);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.fcopy{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--tx3)}
.frisk{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:rgba(255,69,0,.45);max-width:500px;text-align:right}
.fleg{display:flex;gap:20px}
.fleg a{font-size:.7rem;color:var(--tx3);text-decoration:none;transition:color .2s}
.fleg a:hover{color:var(--cyan)}
/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s ease}
.rv.on{opacity:1;transform:translateY(0)}
.rv:nth-child(2){transition-delay:.1s}.rv:nth-child(3){transition-delay:.2s}.rv:nth-child(4){transition-delay:.3s}
/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .hero-ship{width:min(55vw,700px)}
  .lvc{grid-template-columns:200px 1fr}
  .aff-hero,.broker-inner{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .hero-ship{width:100vw;right:-20px;top:auto;bottom:0;transform:none;animation:sfmob 9s ease-in-out 2.8s infinite}
  @keyframes sfmob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
  .hero{padding-bottom:260px}
  .steps-grid{grid-template-columns:1fr}.steps-grid::before{display:none}
  .lvc{grid-template-columns:1fr}.lvc-img{height:160px}
  .aff-tiers{grid-template-columns:1fr}.aff-how{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr}.nlinks{display:none}
  .wrap{padding:0 20px}.ob-row{grid-template-columns:1fr}
  .lv-radios{grid-template-columns:1fr 1fr}.broker-l,.broker-r{padding:32px}
}

/* ── HERO SPLIT LAYOUT ── */
.hero-content-split{
  display:grid;
  grid-template-columns:1fr 480px;
  gap:60px;
  align-items:center;
  padding-right:20px;
}
/* push hero-left back (ship is still absolutely positioned) */
.hero-content-split .hero-left{
  max-width:100%;
}

/* ── VIDEO PANEL ── */
.hero-video-panel{
  position:relative;z-index:8;
  opacity:0;animation:hero-in .8s 1.6s ease-out forwards;
}
.hvp-frame{
  position:relative;
  border:1px solid rgba(0,200,255,.35);
  background:rgba(2,5,9,.5);
  overflow:hidden;
  aspect-ratio:16/10;
}
.hero-video{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.15) brightness(1.05) contrast(1.05);
}
.hvp-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(to bottom,rgba(2,5,9,.3) 0%,transparent 20%,transparent 80%,rgba(2,5,9,.4) 100%),
    linear-gradient(to right,rgba(2,5,9,.25) 0%,transparent 15%,transparent 85%,rgba(2,5,9,.25) 100%);
  pointer-events:none;z-index:2;
}
.hvp-scanlines{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 3px);
}
.hvp-label{
  position:absolute;bottom:10px;left:12px;z-index:4;
  font-family:'JetBrains Mono',monospace;font-size:.52rem;
  color:rgba(0,200,255,.7);letter-spacing:.18em;text-transform:uppercase;
}
.hvp-label::before{
  content:'● ';color:var(--fire);animation:blink-red 2s infinite;
}
@keyframes blink-red{0%,100%{opacity:1}50%{opacity:.3}}
/* corner decorations */
.hvp-corner{position:absolute;width:14px;height:14px;z-index:4}
.hvp-corner::before,.hvp-corner::after{content:'';position:absolute;background:var(--cyan)}
.hvp-corner::before{width:14px;height:1px}
.hvp-corner::after{width:1px;height:14px}
.hvp-c1{top:0;left:0}.hvp-c1::before{top:0;left:0}.hvp-c1::after{top:0;left:0}
.hvp-c2{top:0;right:0}.hvp-c2::before{top:0;right:0}.hvp-c2::after{top:0;right:0}
.hvp-c3{bottom:0;left:0}.hvp-c3::before{bottom:0;left:0}.hvp-c3::after{bottom:0;left:0}
.hvp-c4{bottom:0;right:0}.hvp-c4::before{bottom:0;right:0}.hvp-c4::after{bottom:0;right:0}

/* ── RESPONSIVE adjustments for video ── */
@media(max-width:1100px){
  .hero-content-split{grid-template-columns:1fr;gap:40px}
  .hero-video-panel{max-width:600px;margin:0 auto;width:100%}
  .hero-ship{display:none} /* ship overlaps too much on tablet with video */
}
@media(max-width:768px){
  .hero-content-split{gap:28px}
  .hero-video-panel{max-width:100%}
}


/* ── NEBULA BG SLIDESHOW ── */
.nebula-bg{
  position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
.nebula-slide{
  position:absolute;inset:0;opacity:0;
  background-size:cover;background-position:center;
  transition:opacity 3s ease;
}
.nebula-slide.active{opacity:.07}


/* ── HERO GRID (ship + video) ── */
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}
.hero-left{max-width:none}

/* ── GALAXY VIDEO ── */
.hero-video-col{position:relative;display:flex;align-items:center;justify-content:center}
.hero-video-wrap{
  position:relative;width:100%;max-width:560px;
  border:1px solid rgba(0,200,255,.25);
  overflow:hidden;
}
.hero-galaxy-video{
  width:100%;height:auto;display:block;
  filter:saturate(1.15) contrast(1.08);
  animation:vid-breathe 6s ease-in-out infinite;
}
@keyframes vid-breathe{0%,100%{filter:saturate(1.15) contrast(1.08) brightness(1)}50%{filter:saturate(1.25) contrast(1.12) brightness(1.05)}}
.hero-video-overlay{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 30%,rgba(2,5,9,.6) 100%),
    linear-gradient(to bottom,rgba(2,5,9,.25) 0%,transparent 20%,transparent 80%,rgba(2,5,9,.4) 100%);
}
.hero-video-scan{
  position:absolute;top:0;left:0;right:0;height:2px;z-index:10;
  background:rgba(0,200,255,.7);box-shadow:0 0 18px var(--cyan),0 0 36px rgba(0,200,255,.35);
  animation:scan 4s 2s ease-in-out infinite;
}
.hero-video-frame{
  position:absolute;inset:0;pointer-events:none;z-index:5;
  box-shadow:inset 0 0 40px rgba(0,200,255,.08),inset 0 0 1px rgba(0,200,255,.3);
}
/* Corner decorations on video */
.hero-video-wrap::before,.hero-video-wrap::after{
  content:'';position:absolute;width:20px;height:20px;z-index:6;pointer-events:none;
}
.hero-video-wrap::before{top:0;left:0;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan)}
.hero-video-wrap::after{bottom:0;right:0;border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan)}

/* Video label badge */
.hero-video-col::after{
  content:'LIVE GALAXY FEED';
  position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);
  font-family:'JetBrains Mono',monospace;font-size:.55rem;color:rgba(0,200,255,.5);
  letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;
}

/* Override hero-ship positioning in grid layout */
.hero-grid ~ .hero-ship{display:none}

/* Responsive */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-video-col{max-width:480px;margin:0 auto}
  .hero-video-col::after{display:none}
}
@media(max-width:600px){
  .hero-grid{gap:24px}
  .hero-video-col{max-width:100%}
}


/* ── HERO VIDEO FULLSCREEN ── */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 120px;
  overflow: hidden;
}
.hero-bg-video {
  position: absolute; inset: 0; z-index: 1;
  overflow: hidden;
}
.hero-galaxy-video {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  /* horizontal flip already done in ffmpeg */
}
.hero-bg-video::after {
  content: '';
  position: absolute; inset: 0;
  background:
    linear-gradient(to right, rgba(2,5,9,0.88) 0%, rgba(2,5,9,0.55) 45%, rgba(2,5,9,0.25) 70%, rgba(2,5,9,0.1) 100%),
    linear-gradient(to bottom, rgba(2,5,9,0.5) 0%, transparent 20%, transparent 80%, rgba(2,5,9,0.8) 100%);
}
.hero-content {
  position: relative; z-index: 10;
  max-width: 1280px; margin: 0 auto; padding: 0 40px; width: 100%;
}
.hero-left {
  max-width: 600px;
  opacity: 0; transform: translateY(20px);
  animation: hero-in .8s 1.8s ease-out forwards;
}
/* scan line over full video */
.hero-scan-line {
  position: absolute; top: 0; left: 0; right: 0; height: 2px; z-index: 9;
  background: rgba(0,200,255,0.7);
  box-shadow: 0 0 20px var(--cyan), 0 0 40px rgba(0,200,255,0.4);
  animation: scan 4s 1.5s ease-in-out infinite;
}
@keyframes scan {
  0%  { top: 0%; opacity: 0; }
  5%  { opacity: 1; }
  95% { opacity: 1; }
  100%{ top: 100%; opacity: 0; }
}
/* video attribution tag */
.hero-video-tag {
  position: absolute; bottom: 48px; right: 40px; z-index: 11;
  font-family: 'JetBrains Mono', monospace; font-size: .55rem;
  color: rgba(0,200,255,0.45); letter-spacing: .15em; text-transform: uppercase;
} }


.steps-bg {
  background: linear-gradient(180deg,rgba(0,200,255,.025) 0%,transparent 100%);
  position: relative;
}
.steps-bg::before {
  content: '';
  position: absolute; inset: 0; z-index: 0;
  background-image: url(../img/asset_01_50c5c95b72.jpg);
  background-size: cover; background-position: center;
  opacity: 0.06;
  pointer-events: none;
}
.steps-bg > * { position: relative; z-index: 1; }


.gal-bg {
  background: linear-gradient(180deg,transparent,rgba(255,69,0,.015) 50%,transparent);
  position: relative;
}
.gal-bg::after {
  content: '';
  position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0;
  background-image: url(../img/asset_02_c48e913bec.jpg);
  background-size: cover; background-position: center;
  opacity: 0.08;
  mask-image: linear-gradient(to left, rgba(0,0,0,.4) 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,.4) 0%, transparent 100%);
  pointer-events: none;
}
.gal-bg > * { position: relative; z-index: 1; }


/* ══ HERO FULLSCREEN VIDEO ══ */
.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.hero-bg-video {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero-galaxy-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
/* gradient: strong on left (text area), fades to right */
.hero-bg-video::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to right,
      rgba(2,5,9,0.92) 0%,
      rgba(2,5,9,0.75) 30%,
      rgba(2,5,9,0.35) 55%,
      rgba(2,5,9,0.08) 80%,
      rgba(2,5,9,0.0) 100%),
    linear-gradient(to bottom,
      rgba(2,5,9,0.55) 0%,
      transparent 15%,
      transparent 80%,
      rgba(2,5,9,0.9) 100%);
}
/* scan line across full width */
.hero-scan-line {
  position: absolute;
  left: 0; right: 0;
  height: 2px;
  z-index: 9;
  background: rgba(0,200,255,0.65);
  box-shadow: 0 0 18px var(--cyan), 0 0 36px rgba(0,200,255,0.35);
  animation: scan 5s 2s ease-in-out infinite;
}
@keyframes scan {
  0%   { top: 0%;   opacity: 0; }
  4%   { opacity: 1; }
  96%  { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
/* content sits on z:10, left-aligned */
.hero-content {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 60px;
  padding-top: 80px; /* nav offset */
}
.hero-left {
  max-width: 560px;
  opacity: 0;
  transform: translateY(22px);
  animation: hero-in 0.9s 1.6s ease-out forwards;
}
@keyframes hero-in { to { opacity:1; transform:translateY(0); } }
.hero-video-tag {
  position: absolute;
  bottom: 52px;
  right: 44px;
  z-index: 11;
  font-family: 'JetBrains Mono', monospace;
  font-size: .52rem;
  color: rgba(0,200,255,0.4);
  letter-spacing: .18em;
  text-transform: uppercase;
  pointer-events: none;
}
@media(max-width:768px) {
  .hero-content { padding: 0 24px; padding-top: 80px; }
  .hero-left { max-width: 100%; }
}


/* ══ AFFILIATE TEASER + GATE ══ */
.aff-teaser {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(245,184,0,0.12);
}
.aff-teaser-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.aff-metric-card {
  background: var(--card2);
  border: 1px solid rgba(245,184,0,0.15);
  padding: 24px 20px;
  position: relative;
  text-align: center;
}
.aff-metric-val {
  font-family: 'Orbitron', sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--sol);
  margin-bottom: 6px;
  text-shadow: 0 0 30px rgba(245,184,0,0.3);
}
.aff-metric-lbl {
  font-family: 'JetBrains Mono', monospace;
  font-size: .58rem;
  color: var(--tx3);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.aff-metric-locked {
  border-color: rgba(255,255,255,0.06);
  position: relative;
  overflow: hidden;
}
.aff-metric-locked::before {
  content: '';
  position: absolute;
  inset: 0;
  backdrop-filter: blur(6px);
  background: rgba(2,5,9,0.6);
  z-index: 1;
}
.aff-blur {
  filter: blur(5px);
  user-select: none;
  color: var(--tx3);
}
.aff-lock-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  z-index: 2;
}
/* gate panel */
.aff-gate {
  border: 1px solid rgba(245,184,0,0.25);
  background: linear-gradient(135deg, rgba(245,184,0,0.04) 0%, rgba(2,5,9,0.9) 60%);
  backdrop-filter: blur(20px);
  padding: 64px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.aff-gate::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(245,184,0,0.08) 0%, transparent 60%);
  pointer-events: none;
}
.aff-gate-panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aff-pw-form {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.aff-pw-form input:focus {
  border-color: var(--sol) !important;
  box-shadow: 0 0 15px rgba(245,184,0,0.2);
}
/* unlock animation */
.aff-content-locked {
  animation: none;
}
.aff-content-locked.visible {
  animation: unlock-reveal 0.6s ease-out forwards;
}
@keyframes unlock-reveal {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media(max-width:900px) {
  .aff-teaser { grid-template-columns: 1fr; gap: 32px; }
  .aff-teaser-metrics { grid-template-columns: 1fr 1fr; }
}


@keyframes shake {
  0%,100%{ transform: translateX(0); }
  20%    { transform: translateX(-6px); }
  40%    { transform: translateX(6px); }
  60%    { transform: translateX(-4px); }
  80%    { transform: translateX(4px); }
}

/* ══ TRUST CARDS ══ */
.trust-card:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(0,0,0,.5); }

/* ══ CHART TABS ══ */
.chart-tab {
  flex: 1;
  min-width: 120px;
  padding: 11px 16px;
  background: transparent;
  border: 1px solid rgba(255,255,255,.08);
  color: var(--tx3);
  font-family: 'Orbitron', sans-serif;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .1em;
  cursor: pointer;
  text-transform: uppercase;
  transition: all .2s;
  white-space: nowrap;
}
.chart-tab.active-tab {
  background: rgba(240,168,0,.14) !important;
  border-color: rgba(240,168,0,.5) !important;
  color: #f0a800 !important;
}
.chart-tab:hover:not(.active-tab) {
  background: rgba(255,255,255,.04) !important;
  color: var(--tx2) !important;
}

/* ══ TESTIMONIALS ══ */
@keyframes testi-scroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.testi-card {
  flex-shrink: 0;
  width: 320px;
  background: var(--card2);
  border: 1px solid var(--glass-border);
  padding: 28px 24px;
  position: relative;
}
.testi-card::before {
  content: '"';
  position: absolute; top: 16px; left: 20px;
  font-family: 'Orbitron', sans-serif;
  font-size: 3rem; font-weight: 900;
  color: var(--cyan); opacity: .08; line-height: 1;
}
.testi-stars { color: #f0a800; font-size: .8rem; margin-bottom: 10px; letter-spacing: 2px; }
.testi-text { font-size: .9rem; color: var(--tx2); line-height: 1.7; margin-bottom: 16px; font-style: italic; }
.testi-name { font-family: 'JetBrains Mono', monospace; font-size: .6rem; color: var(--cyan); letter-spacing: .1em; text-transform: uppercase; }
.testi-meta { font-family: 'JetBrains Mono', monospace; font-size: .55rem; color: var(--tx3); margin-top: 3px; }
#testi-track:hover { animation-play-state: paused; }

@media(max-width:768px) {
  #trust .rv { grid-column: span 1; }
  #trust > .wrap > div[style*='grid-template-columns:repeat(3'] { grid-template-columns: 1fr!important; }
  #usc > .wrap > div[style*='grid-template-columns:1fr 1fr'] { grid-template-columns: 1fr!important; gap:32px!important; }
  #tech > .wrap > div[style*='grid-template-columns:1fr 1fr 1fr'] { grid-template-columns: 1fr!important; }
  #tech > .wrap > div[style*='repeat(3,1fr)'] { grid-template-columns: 1fr!important; }
  #calculator > .wrap > div[style*='grid-template-columns:340px'] { grid-template-columns: 1fr!important; }
  #trial > .wrap > div > div[style*='grid-template-columns:1fr 1fr'] { grid-template-columns: 1fr!important; gap:28px!important; }
}



/* ══ MISSION / COMPANY RESPONSIVE ══ */
#company .rv[style*="grid-template-columns:1fr 1fr"] { display: grid; }
#company .rv[style*="grid-template-columns:1fr 1fr 1fr"] { display: grid; }
@media(max-width:900px) {
  #company div[style*="grid-template-columns:1fr 1fr"],
  #legal div[style*="grid-template-columns:1fr 1fr"],
  #legal div[style*="grid-template-columns:auto 1fr"] {
    grid-template-columns: 1fr !important;
  }
  #company div[style*="grid-template-columns:1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}
/* ══ LEGAL SECTION ══ */
#legal { font-size: .88rem; }
#legal strong { font-weight: 600; }

/* ---- extracted from template ---- */

body.v12-refined{
  background:
    radial-gradient(circle at 50% 0%, rgba(0,200,255,.09), transparent 26%),
    radial-gradient(circle at 90% 14%, rgba(255,69,0,.08), transparent 20%),
    #03070d !important;
}
body.v12-refined .scan-line,
body.v12-refined .hero-scan-line,
body.v12-refined .hero-video-scan{
  display:none !important;
}
body.v12-refined .cockpit-top,
body.v12-refined .cockpit-bottom{
  display:none;
}
body.v12-refined .cc-tl,
body.v12-refined .cc-tr{
  display:none;
}
body.v12-refined .cc::before,
body.v12-refined .cc::after{
  background:rgba(0,200,255,.48);
}
body.v12-refined nav{
  top:0;
  padding:10px 0;
  background:rgba(3,7,13,.9);
  border-bottom:1px solid rgba(0,200,255,.12);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
body.v12-refined .ni{
  max-width:1320px;
  padding:0 32px;
}
body.v12-refined .nlinks{gap:24px}
body.v12-refined .nlinks a{
  color:#a3bbd7;
}
body.v12-refined .nav-cta,
body.v12-refined .btn-fire,
body.v12-refined .btn-sol,
body.v12-refined .ob-blink{
  border-radius:10px !important;
  box-shadow:0 12px 28px rgba(255,69,0,.28) !important;
}
body.v12-refined .hero{
  padding-top:124px;
}
body.v12-refined .hero-bg-video::after{
  background:
    linear-gradient(to right, rgba(2,5,9,.94) 0%, rgba(2,5,9,.7) 44%, rgba(2,5,9,.24) 100%),
    linear-gradient(to bottom, rgba(2,5,9,.56) 0%, transparent 24%, transparent 76%, rgba(2,5,9,.86) 100%);
}
body.v12-refined .hero-content{
  max-width:1320px;
  padding:0 32px;
}
body.v12-refined .hero-left{
  max-width:620px;
  padding:0;
  border:none;
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
}
body.v12-refined h1.hh .glow{
  text-shadow:0 0 34px rgba(0,200,255,.34);
}
body.v12-refined .sys-tag,
body.v12-refined .hero-sub,
body.v12-refined .badges,
body.v12-refined .hcta{
  text-shadow:0 10px 28px rgba(0,0,0,.36);
}
body.v12-refined .hero-video-wrap,
body.v12-refined .hvp-frame,
body.v12-refined .hero-video-panel{
  border-radius:12px;
  overflow:hidden;
}
body.v12-refined section{
  padding-top:88px !important;
  padding-bottom:88px !important;
}
body.v12-refined .wrap{
  max-width:1320px;
  padding:0 32px;
}
body.v12-refined .glass,
body.v12-refined .scard,
body.v12-refined .lvc,
body.v12-refined .ob-panel,
body.v12-refined .broker-inner,
body.v12-refined .aff-card,
body.v12-refined .aff-step,
body.v12-refined .aff-calc-box,
body.v12-refined .aff-cta-bar,
body.v12-refined .testi-card,
body.v12-refined .link-tracker{
  border-radius:14px !important;
  overflow:hidden;
  box-shadow:0 18px 36px rgba(0,0,0,.18);
}
body.v12-refined .steps-grid,
body.v12-refined .lv-cards,
body.v12-refined .aff-tiers,
body.v12-refined .aff-how{
  gap:12px;
}
body.v12-refined .steps-grid::before{
  border-top-color:rgba(0,200,255,.18);
}
body.v12-refined .lvc{
  grid-template-columns:260px 1fr;
}
body.v12-refined .lvc:hover{
  transform:translateY(-2px);
}
body.v12-refined .ob-panel{
  padding:40px;
  background:rgba(10,19,34,.9);
}
body.v12-refined .broker-inner,
body.v12-refined .aff-cta-bar{
  border-radius:18px;
}
body.v12-refined #legal .wrap > div{
  border-radius:16px;
}
body.v12-refined footer{
  border-top-color:rgba(0,200,255,.08);
  background:rgba(2,5,9,.985);
}
@media(max-width:1100px){
  body.v12-refined .lvc{grid-template-columns:1fr}
}
@media(max-width:768px){
  body.v12-refined nav{
    top:0;
  }
  body.v12-refined .ni,
  body.v12-refined .wrap,
  body.v12-refined .hero-content{
    padding:0 20px;
  }
  body.v12-refined .ob-panel,
  body.v12-refined .broker-l,
  body.v12-refined .broker-r{
    padding:24px !important;
  }
  body.v12-refined .hero-left{
    padding:0 !important;
  }
}

/* ---- publish additions: affiliate metrics + access CTAs ---- */
.metrics-wrap {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 12px;
  padding: 1rem 0;
}
.aff-section .aff-teaser {
  grid-template-columns: .9fr 1.25fr;
}
.metric-card {
  background: var(--card2);
  border: 1px solid rgba(245,184,0,0.15);
  border-radius: 2px;
  padding: 1.25rem 1rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 172px;
}
.metric-card.locked::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(2,5,9,0.52);
  z-index: 1;
  pointer-events: none;
}
.metric-card.locked > :not(.lock-icon) {
  filter: blur(.7px);
  opacity: .58;
}
.metric-icon {
  display: block;
  font-size: 22px;
  color: var(--tx2);
  margin-bottom: 8px;
}
.metric-val {
  font-family: 'Orbitron', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--tx);
  line-height: 1.1;
}
.metric-val.cyan { color: #00C8FF; }
.metric-sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: var(--tx2);
  margin-top: 6px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.metric-lbl {
  font-size: 13px;
  color: var(--tx2);
  margin-top: 6px;
  line-height: 1.3;
}
.lock-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 15px;
  color: var(--tx3);
  z-index: 2;
}
.metric-badge {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 2px;
  margin-top: 9px;
}
.metric-badge-green {
  background: rgba(0,232,122,.14);
  color: var(--green);
}
.metric-badge-info {
  background: rgba(0,200,255,.13);
  color: var(--cyan);
}
.aff-primary-link,
.aff-secondary-link {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 1px;
  transition: all .3s;
}
.aff-primary-link {
  background: var(--sol);
  color: #0a0800;
  font-family: 'Orbitron', sans-serif;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .14em;
  padding: 15px 34px;
  box-shadow: 0 0 28px rgba(245,184,0,.26);
}
.aff-primary-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 42px rgba(245,184,0,.42);
}
.aff-secondary-link {
  margin-top: 10px;
  border: 1px solid rgba(245,184,0,.35);
  color: var(--sol);
  background: rgba(245,184,0,.05);
  font-family: 'JetBrains Mono', monospace;
  font-size: .58rem;
  letter-spacing: .12em;
  padding: 9px 18px;
}
.aff-secondary-link:hover {
  border-color: var(--sol);
  background: rgba(245,184,0,.1);
}
.growth-chart-frame {
  position: relative;
  width: 100%;
  height: 320px;
  min-height: 320px;
  max-height: 320px;
  overflow: hidden;
}
.growth-chart-frame canvas {
  display: block;
  width: 100% !important;
  height: 320px !important;
  max-height: 320px !important;
}
@media(max-width:1120px) {
  .aff-section .aff-teaser { grid-template-columns: 1fr; }
}
@media(max-width:760px) {
  .growth-chart-frame,
  .growth-chart-frame canvas {
    height: 280px !important;
    min-height: 280px;
    max-height: 280px !important;
  }
}
@media(max-width:760px) {
  .metrics-wrap { grid-template-columns: 1fr 1fr; }
}
@media(max-width:560px) {
  .metrics-wrap { grid-template-columns: 1fr; }
}