:root{
  --bg:#030704;
  --panel:#071019;
  --panel2:#0b1b14;
  --green:#65ff54;
  --green2:#00ff83;
  --gold:#ffe79e;
  --cyan:#36b7ff;
  --text:#f8fff6;
  --muted:#a8b6c2;
  --line:rgba(101,255,84,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:radial-gradient(circle at 80% 0%,#0a551d 0%,#03100a 32%,#030704 70%);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
.noise:before{
  content:"";position:fixed;inset:0;z-index:-1;opacity:.6;pointer-events:none;
  background-image:
    linear-gradient(rgba(101,255,84,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(54,183,255,.04) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(#000 0%,rgba(0,0,0,.8) 65%,transparent 100%);
}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--green),var(--green2),var(--gold));z-index:99}
.nav{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 6vw;
  background:rgba(3,7,4,.62);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(101,255,84,.10);
}
.brand img{height:44px;width:auto;display:block}
.nav nav{display:flex;gap:24px;align-items:center}
.nav a{color:#d8e3dc;text-decoration:none;font-weight:800;font-size:14px}
.nav-cta{padding:11px 16px;border-radius:999px;background:rgba(101,255,84,.12);border:1px solid var(--line);color:var(--green)!important}
.hero{
  min-height:92vh;
  display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;
  padding:78px 6vw 60px;position:relative;isolation:isolate;
}
.hero-bg{
  position:absolute;inset:0;z-index:-1;
  background:radial-gradient(circle at 68% 45%,rgba(101,255,84,.18),transparent 30%);
}
.eyebrow{display:flex;align-items:center;gap:10px;color:#bfffb7;text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:12px}
.eyebrow span{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}
h1,h2,h3,p{margin-top:0}
.hero h1{
  font-size:clamp(46px,6.7vw,92px);
  line-height:.92;
  letter-spacing:-.07em;
  margin:14px 0 22px;
  background:linear-gradient(90deg,#fff,var(--gold),var(--green));
  -webkit-background-clip:text;color:transparent;
}
.lead{font-size:20px;line-height:1.65;color:#bac8d1;max-width:720px}
.price-strip{
  margin:30px 0 24px;display:flex;gap:14px;flex-wrap:wrap;
}
.price-strip div{
  padding:18px 20px;border-radius:22px;background:rgba(7,16,25,.72);
  border:1px solid rgba(101,255,84,.18);min-width:190px;
}
.price-strip small{display:block;color:#9eb0bc;font-weight:800;text-transform:uppercase;font-size:11px}
.price-strip s{display:block;color:#fff;font-size:28px;font-weight:900;opacity:.7;text-decoration-color:#ff3535;text-decoration-thickness:4px}
.price-strip .now{background:linear-gradient(135deg,rgba(101,255,84,.18),rgba(0,255,131,.07));box-shadow:0 0 35px rgba(101,255,84,.12)}
.price-strip strong{display:block;color:var(--green);font-size:44px;font-weight:950;letter-spacing:-.05em}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:56px;
  padding:16px 26px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:#031108;font-weight:950;box-shadow:0 0 40px rgba(101,255,84,.24);
}
.pulse{animation:pulse 1.8s ease-in-out infinite}
.microcopy{color:#8fa0aa;font-size:13px;margin-top:12px}
.hero-card{
  height:620px;border-radius:44px;position:relative;overflow:hidden;
  background:
    linear-gradient(rgba(4,8,15,.12),rgba(4,8,15,.84)),
    url("a_dark_futuristic_financial_dashboard_ui_in_a_wide.png") center/cover no-repeat;
  border:1px solid var(--line);
  box-shadow:0 46px 120px rgba(0,0,0,.48),inset 0 0 80px rgba(54,183,255,.04);
}
.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(101,255,84,.18),transparent 32%)}
.scan{position:absolute;left:-20%;right:-20%;height:160px;top:-160px;background:linear-gradient(transparent,rgba(101,255,84,.14),transparent);animation:scan 5s linear infinite}
.metric{
  position:absolute;z-index:2;padding:18px 20px;border-radius:24px;
  background:rgba(3,10,16,.76);border:1px solid var(--line);backdrop-filter:blur(16px);
}
.metric small{display:block;color:#a9b6c0;margin-bottom:6px;font-weight:800}
.metric b{color:var(--green);font-size:28px}
.top-left{left:30px;top:48px}.top-right{right:30px;top:118px}.bottom{left:50%;transform:translateX(-50%);bottom:46px}
.center-orb{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(101,255,84,.25);box-shadow:0 0 80px rgba(101,255,84,.18)}
.center-orb i{position:absolute;inset:76px;border-radius:50%;background:var(--green);box-shadow:0 0 45px var(--green)}
.section-head{max-width:920px;margin:0 auto 34px;text-align:center}
.section-head h2{
  font-size:clamp(34px,4.8vw,68px);line-height:.98;letter-spacing:-.055em;margin:12px 0 14px
}
.section-head p{color:#aab8c3;line-height:1.65;font-size:18px}
.vsl-section,.story-section,.offer-section,.tabs-section,.final-cta{padding:90px 6vw}
.vsl-shell{
  max-width:1120px;margin:0 auto;border-radius:36px;padding:12px;
  background:linear-gradient(135deg,rgba(101,255,84,.34),rgba(54,183,255,.14),rgba(255,231,158,.10));
  border:1px solid rgba(101,255,84,.25);
  box-shadow:0 50px 120px rgba(0,0,0,.48),0 0 70px rgba(101,255,84,.10);
  position:relative;
}
.video-badge{
  position:absolute;left:28px;top:28px;z-index:4;
  padding:11px 16px;border-radius:999px;
  background:rgba(3,8,8,.74);border:1px solid rgba(101,255,84,.32);backdrop-filter:blur(12px);
  color:#dcffe1;font-weight:900;font-size:13px;
}
.vsl-shell video{display:block;width:100%;border-radius:26px;background:#020806;max-height:760px;object-fit:cover}
.watch-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:12px}
.watch-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--gold));transition:.2s}
.locked-box{
  max-width:760px;margin:22px auto 0;padding:20px 24px;border-radius:24px;text-align:center;
  background:rgba(7,16,25,.72);border:1px solid rgba(255,255,255,.08);color:#aebbc5;
}
.locked-box b{display:block;color:#fff;font-size:19px;margin-bottom:6px}
.story-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;align-items:start}
.sticky-title{position:sticky;top:110px}
.sticky-title h2{font-size:clamp(34px,4.5vw,62px);line-height:1;letter-spacing:-.05em}
.story-cards{display:grid;gap:20px}
.story-card{
  padding:34px;border-radius:30px;background:rgba(7,16,25,.75);
  border:1px solid rgba(101,255,84,.14);
  min-height:240px;transition:.32s;
}
.story-card:hover{transform:translateX(8px);border-color:rgba(101,255,84,.45);box-shadow:0 25px 80px rgba(101,255,84,.09)}
.story-card span{color:var(--green);font-weight:950}
.story-card h3{font-size:32px;line-height:1.05;margin:12px 0}
.story-card p{color:#aebbc5;line-height:1.65}
.offer-card{
  max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;
  border-radius:42px;padding:38px;
  background:
    radial-gradient(circle at 80% 25%,rgba(101,255,84,.18),transparent 35%),
    linear-gradient(135deg,rgba(7,16,25,.94),rgba(12,56,23,.66));
  border:1px solid var(--line);
  box-shadow:0 54px 150px rgba(0,0,0,.54);
}
.offer-left h2{font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.06em;margin:14px 0 18px}
.offer-left p{color:#aebbc5;font-size:18px;line-height:1.65}
.offer-left ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}
.offer-left li{font-size:18px;color:#e8f4ee;font-weight:800}
.offer-price{
  border-radius:32px;background:rgba(2,8,14,.72);border:1px solid rgba(101,255,84,.22);
  padding:30px;display:flex;flex-direction:column;justify-content:center;text-align:center;
}
.offer-price small{color:#aab8c3;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.offer-price s{font-size:42px;font-weight:950;text-decoration-color:#ff3232;text-decoration-thickness:5px;opacity:.78}
.offer-price strong{font-size:clamp(62px,8vw,104px);line-height:.9;color:var(--green);letter-spacing:-.08em;margin:18px 0 24px;text-shadow:0 0 35px rgba(101,255,84,.22)}
.buy.locked{opacity:.48;filter:grayscale(.7);pointer-events:none}
.buy.unlocked{opacity:1;filter:none;pointer-events:auto;animation:pulse 1.7s ease-in-out infinite}
#buyHint{font-size:13px;color:#99a6b0;margin:14px 0 0}
.tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.tab{
  padding:14px 22px;border-radius:999px;border:1px solid rgba(101,255,84,.18);
  background:rgba(7,16,25,.72);color:#dce7e0;font-weight:900;cursor:pointer;
}
.tab.active{background:linear-gradient(135deg,var(--green),var(--green2));color:#031108}
.tab-panel{
  max-width:880px;margin:0 auto;padding:36px;border-radius:30px;text-align:center;
  background:rgba(7,16,25,.74);border:1px solid rgba(101,255,84,.18);
}
.tab-panel h3{font-size:34px;margin-bottom:10px}
.tab-panel p{color:#aebbc5;line-height:1.65;font-size:18px}
.final-card{
  max-width:1060px;margin:0 auto;text-align:center;padding:54px;border-radius:40px;
  background:linear-gradient(135deg,rgba(101,255,84,.14),rgba(7,16,25,.82));
  border:1px solid var(--line);
}
.final-card h2{font-size:clamp(34px,5vw,70px);line-height:.98;letter-spacing:-.06em}
.final-card p{color:#aebbc5;font-size:18px;line-height:1.6}
.floating-cta{
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(130%);
  display:flex;gap:14px;align-items:center;background:rgba(3,8,8,.82);backdrop-filter:blur(16px);
  border:1px solid var(--line);padding:12px 14px 12px 20px;border-radius:999px;z-index:50;
  transition:.35s;box-shadow:0 20px 60px rgba(0,0,0,.42);
}
.floating-cta.show{transform:translateX(-50%) translateY(0)}
.floating-cta span{font-weight:950;color:#fff}
.floating-cta a{padding:11px 16px;border-radius:999px;text-decoration:none;background:var(--green);color:#031108;font-weight:950}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:translateY(0)}
.delay{transition-delay:.12s}
@keyframes pulse{0%,100%{box-shadow:0 0 24px rgba(101,255,84,.20)}50%{box-shadow:0 0 52px rgba(101,255,84,.42)}}
@keyframes scan{to{top:110%}}
@media(max-width:980px){
  .nav nav a:not(.nav-cta){display:none}
  .hero,.story-section,.offer-card{grid-template-columns:1fr}
  .hero-card{height:520px}
  .sticky-title{position:relative;top:auto}
}
@media(max-width:620px){
  .nav{padding:12px 18px}.brand img{height:38px}
  .hero,.vsl-section,.story-section,.offer-section,.tabs-section,.final-cta{padding-left:20px;padding-right:20px}
  .hero h1{font-size:46px}
  .hero-card{height:450px;border-radius:30px}
  .metric{padding:14px}.metric b{font-size:22px}
  .offer-card{padding:22px;border-radius:30px}
  .offer-price strong{font-size:70px}
  .floating-cta{width:calc(100% - 28px);justify-content:space-between}
}