:root {
  --black:#0a0a0a; --near-black:#111014; --navy:#0e1826; --navy2:#152238; --navy3:#1b2c47;
  --orange:#ff6a1a; --orange-lt:#ff8a3d; --orange-dk:#d6540e;
  --gold:#f0b429; --gold-lt:#ffd166;
  --blue:#3b7dd8; --blue-lt:#6ba6ea;
  --text:#f5f1e8; --muted:#a3adc2; --dim:#5b6478; --white:#ffffff;
  --radius:5px; --max:960px;
  --fh:'Anton',sans-serif; --fu:'Oswald',sans-serif; --fb:'Source Serif 4',serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--text);font-family:var(--fb);font-size:17px;line-height:1.7;overflow-x:hidden;}

/* TOPBAR */
.topbar{background:var(--orange);color:#000;text-align:center;padding:10px 20px;font-family:var(--fu);font-size:14px;font-weight:600;letter-spacing:.06em;position:relative;z-index:10;}
.topbar a{color:#000;font-weight:700;text-decoration:underline;}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,106,26,.18);padding:16px 40px;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{font-family:var(--fh);font-size:19px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--white);}
.nav-logo span{color:var(--gold);}
.nav-cta{background:var(--orange);color:#000;font-family:var(--fu);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:9px 22px;border-radius:var(--radius);text-decoration:none;transition:background .2s;}
.nav-cta:hover{background:var(--orange-lt);}

/* HERO — splash-lit poster backdrop pulled straight from the cover art */
.hero{position:relative;overflow:hidden;background:
    radial-gradient(ellipse 620px 520px at 6% -8%, rgba(255,106,26,.38), transparent 60%),
    radial-gradient(ellipse 620px 520px at 100% -6%, rgba(59,125,216,.32), transparent 60%),
    linear-gradient(180deg,#08080a 0%,#0b0f16 55%,#0e1826 100%);
  padding:84px 40px 74px;}
.hero-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:center;position:relative;z-index:1;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--orange);border:none;color:#000;font-family:var(--fu);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:3px;margin-bottom:22px;}
.eyebrow b{color:#000;font-weight:700;}
h1{font-family:var(--fh);font-weight:400;line-height:.92;letter-spacing:.005em;text-transform:uppercase;color:#fff;margin-bottom:22px;text-shadow:3px 3px 0 rgba(0,0,0,.55);}
h1 .l1{display:block;font-size:clamp(18px,2.4vw,26px);color:var(--muted);font-family:var(--fu);font-weight:500;letter-spacing:.14em;margin-bottom:6px;text-shadow:none;}
h1 .l2{display:block;font-size:clamp(34px,5vw,54px);}
h1 .l3{display:block;font-size:clamp(46px,7vw,74px);color:var(--gold);}
h1 .l4{display:block;font-size:clamp(30px,4.4vw,46px);color:#fff;}
.hero-desc{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:36px;max-width:500px;}
.hero-desc strong{color:var(--text);}

/* BUTTONS */
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.btn-o{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#000;font-family:var(--fu);font-weight:600;font-size:17px;letter-spacing:.04em;text-transform:uppercase;padding:15px 28px;border-radius:var(--radius);text-decoration:none;transition:background .2s,transform .15s;white-space:nowrap;}
.btn-o:hover{background:var(--orange-lt);transform:translateY(-1px);}
.btn-sk{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--blue-lt);border:1px solid rgba(107,166,234,.4);font-family:var(--fu);font-weight:600;font-size:17px;letter-spacing:.04em;text-transform:uppercase;padding:15px 28px;border-radius:var(--radius);text-decoration:none;transition:all .2s;white-space:nowrap;}
.btn-sk:hover{border-color:var(--blue);background:rgba(59,125,216,.08);}

/* TRUST */
.trust-row{display:flex;flex-wrap:wrap;gap:18px;}
.ti{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dim);}
.ti::before{content:'✓';color:var(--gold);font-weight:700;font-size:12px;}

/* BOOK */
.book-wrap{position:relative;}
.book-3d{border-radius:8px;overflow:hidden;box-shadow:-10px 10px 0 var(--orange-dk),-20px 20px 0 rgba(255,106,26,.2),0 40px 80px rgba(0,0,0,.7);transform:perspective(900px) rotateY(-5deg) rotateX(2deg);transition:transform .4s;}
.book-3d:hover{transform:perspective(900px) rotateY(-1deg) rotateX(1deg);}
.book-3d img{width:100%;display:block;}
.book-badge{position:absolute;bottom:-12px;right:-12px;background:var(--orange);color:#000;font-family:var(--fh);font-weight:400;width:74px;height:74px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:25px;box-shadow:0 4px 20px rgba(255,106,26,.5);z-index:2;}
.book-badge small{font-size:11px;font-family:var(--fu);font-weight:600;}

/* ANIMATIONS */
.hero-content>*{animation:fadeUp .55s ease both;}
.hero-content>*:nth-child(1){animation-delay:.05s;}
.hero-content>*:nth-child(2){animation-delay:.15s;}
.hero-content>*:nth-child(3){animation-delay:.25s;}
.hero-content>*:nth-child(4){animation-delay:.35s;}
.book-wrap{animation:fadeUp .7s .2s ease both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

/* VALUE BADGES — the three navy-circle icon row, straight off the cover */
.vbadges{background:var(--black);border-top:1px solid rgba(255,106,26,.14);border-bottom:1px solid rgba(255,106,26,.14);}
.vb-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);padding:34px 40px;}
.vb{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 24px;position:relative;}
.vb+.vb::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(255,106,26,.3);}
.vb-ico{width:56px;height:56px;border-radius:50%;background:var(--navy2);border:2px solid var(--navy3);display:flex;align-items:center;justify-content:center;font-size:24px;}
.vb-t1{font-family:var(--fu);font-size:14px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#fff;}
.vb-t2{font-family:var(--fu);font-size:14px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--gold);}

/* STATS */
.stats{background:var(--navy);border-top:1px solid rgba(107,166,234,.12);border-bottom:1px solid rgba(107,166,234,.12);}
.stats-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);}
.stat{padding:26px 20px;text-align:center;border-right:1px solid rgba(107,166,234,.1);}
.stat:last-child{border-right:none;}
.sn{font-family:var(--fh);font-weight:400;font-size:34px;color:var(--orange);display:block;line-height:1;}
.sl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;display:block;}

/* SECTIONS */
section{position:relative;}
.si{max-width:var(--max);margin:0 auto;padding:80px 40px;}
.lbl{display:inline-block;font-family:var(--fu);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:12px;padding:4px 10px;background:rgba(255,106,26,.1);border-radius:3px;}
h2{font-family:var(--fh);font-weight:400;font-size:clamp(28px,4.5vw,44px);line-height:1.05;text-transform:uppercase;color:#fff;margin-bottom:16px;}
h2 .acc{color:var(--orange);}
h2 .sky{color:var(--blue-lt);}
h2 .gold{color:var(--gold);}
.lead{font-size:17px;color:var(--muted);max-width:580px;margin-bottom:48px;line-height:1.75;}

/* PROBLEM */
.prob{background:var(--navy);border-top:3px solid var(--orange);}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:44px;}
.pc{background:rgba(0,0,0,.3);border:1px solid rgba(255,106,26,.14);border-left:3px solid rgba(255,106,26,.32);padding:20px 22px;border-radius:var(--radius);font-size:15px;color:var(--muted);line-height:1.6;}
.pc::before{content:'✗ ';color:var(--orange);font-weight:700;}
.sol{background:linear-gradient(135deg,rgba(59,125,216,.1),rgba(59,125,216,.03));border:1px solid rgba(59,125,216,.22);border-left:4px solid var(--blue);padding:28px 32px;border-radius:var(--radius);font-size:18px;color:var(--text);line-height:1.75;}
.sol strong{color:var(--blue-lt);}

/* INCOME */
.inc{background:var(--black);}
.ic{background:var(--navy);border:1px solid rgba(59,125,216,.14);border-radius:8px;overflow:hidden;margin:40px 0 16px;}
.ih{background:linear-gradient(90deg,var(--navy2),var(--navy3));padding:16px 28px;font-family:var(--fu);font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-lt);border-bottom:1px solid rgba(59,125,216,.16);}
.ir{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.04);font-size:15px;}
.ir:last-child{border-bottom:none;}
.ir .l{color:var(--muted);}
.ir .v{font-family:var(--fu);font-size:20px;font-weight:600;color:var(--blue-lt);}
.it{margin:0 16px 16px;background:linear-gradient(135deg,rgba(255,106,26,.14),rgba(255,106,26,.06));border:1px solid rgba(255,106,26,.28);border-radius:var(--radius);padding:20px 28px;display:flex;justify-content:space-between;align-items:center;}
.it .l{font-family:var(--fu);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text);}
.it .v{font-family:var(--fh);font-size:46px;font-weight:400;color:var(--orange);line-height:1;}
.in{font-size:13px;color:var(--dim);text-align:center;}

/* CHAPTERS */
.chaps{background:var(--navy);}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ch{display:flex;gap:16px;padding:20px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);transition:border-color .2s,background .2s;}
.ch:hover{border-color:rgba(59,125,216,.28);background:rgba(59,125,216,.05);}
.cn{font-family:var(--fh);font-weight:400;font-size:30px;color:rgba(59,125,216,.18);line-height:1;min-width:40px;transition:color .2s;}
.ch:hover .cn{color:rgba(59,125,216,.45);}
.ct{font-family:var(--fu);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#fff;margin-bottom:4px;}
.cd{font-size:14px;color:var(--muted);line-height:1.55;}

/* PRICING */
.pricing{background:var(--black);}
.pgr{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;}
.pcard{background:var(--navy);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:36px 32px;position:relative;transition:border-color .2s;}
.pcard:hover{border-color:rgba(59,125,216,.32);}
.pcard.feat{border:2px solid var(--orange);background:linear-gradient(145deg,var(--navy),var(--navy3));}
.ftag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--orange);color:#000;font-family:var(--fu);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 16px;border-radius:20px;white-space:nowrap;}
.pname{font-family:var(--fu);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:8px;}
.pamt{font-family:var(--fh);font-weight:400;font-size:52px;color:var(--orange);line-height:1;margin-bottom:6px;}
.pamt sup{font-size:22px;vertical-align:super;margin-right:2px;font-family:var(--fu);}
.psub{font-size:13px;color:var(--muted);margin-bottom:28px;}
.pdiv{border:none;border-top:1px solid rgba(255,255,255,.08);margin-bottom:24px;}
.plist{list-style:none;margin-bottom:28px;}
.plist li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:15px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.04);}
.plist li:last-child{border-bottom:none;}
.plist li::before{content:'✓';color:var(--blue-lt);font-weight:700;flex-shrink:0;margin-top:1px;}
.plist li strong{color:var(--text);}
.pnote{font-size:12px;color:var(--dim);text-align:center;margin-top:12px;}
.lcall{background:rgba(255,106,26,.09);border:1px solid rgba(255,106,26,.22);border-radius:var(--radius);padding:12px 16px;font-size:13px;color:var(--muted);margin-bottom:20px;line-height:1.5;}
.lcall strong{color:var(--orange);}

/* DELIVERABLES */
.inside{background:var(--navy);}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.dcard{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);font-size:15px;}
.dico{font-size:20px;flex-shrink:0;line-height:1.3;}
.dtxt{color:var(--muted);line-height:1.5;}
.dtxt strong{color:#fff;font-size:14px;display:block;margin-bottom:2px;}

/* HOW IT WORKS */
.how{background:var(--black);}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;margin-top:48px;}
.steps::before{content:'';position:absolute;top:27px;left:calc(16.66% + 16px);right:calc(16.66% + 16px);height:2px;background:linear-gradient(90deg,var(--orange),var(--blue));}
.step{text-align:center;padding:0 20px;position:relative;z-index:1;}
.sc{width:54px;height:54px;background:var(--orange);color:#000;border-radius:50%;font-family:var(--fh);font-weight:400;font-size:23px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 0 0 6px var(--black);}
.st{font-family:var(--fu);font-size:20px;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:8px;}
.sd{font-size:14px;color:var(--muted);line-height:1.6;}

/* FAQ */
.faq{background:var(--black);border-top:1px solid rgba(255,255,255,.07);}
.flist{max-width:680px;margin-top:40px;}
.fi{border-bottom:1px solid rgba(255,255,255,.07);}
.fb{width:100%;background:none;border:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-family:var(--fu);font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.03em;color:#fff;gap:16px;transition:color .2s;}
.fb:hover{color:var(--blue-lt);}
.fic{color:var(--orange);font-size:24px;font-weight:300;flex-shrink:0;transition:transform .25s;line-height:1;}
.fi.open .fic{transform:rotate(45deg);}
.fa{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.fai{padding-bottom:20px;color:var(--muted);font-size:16px;line-height:1.75;}
.fi.open .fa{max-height:300px;}

/* FINAL CTA */
.final{background:
    radial-gradient(ellipse 500px 400px at 90% 0%, rgba(255,106,26,.16), transparent 60%),
    linear-gradient(135deg,#08080c,#0e1826);
  border-top:3px solid var(--orange);}
.final .si{text-align:center;}
.fbadges{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:28px;}
.fbadge{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:8px 16px;border-radius:20px;}
.fbadge .dot{width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0;}

/* AUTHOR BANNER — the orange strip off the bottom of the cover */
.abanner{background:var(--orange);padding:16px 20px;text-align:center;}
.abanner span{display:inline-block;font-family:var(--fu);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#000;transform:skewX(-6deg);}

/* FOOTER */
footer{background:var(--navy);border-top:1px solid rgba(255,255,255,.06);padding:32px 40px;}
.footer-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.flogo{font-family:var(--fh);font-weight:400;font-size:16px;color:var(--white);text-transform:uppercase;letter-spacing:.04em;}
.flogo span{color:var(--gold);}
.flinks{display:flex;gap:24px;}
.flinks a{font-size:13px;color:var(--dim);text-decoration:none;transition:color .2s;}
.flinks a:hover{color:var(--muted);}
.fcopy{font-size:12px;color:var(--dim);}

/* MOBILE STICKY */
.sticky{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(10,10,10,.97);backdrop-filter:blur(12px);border-top:2px solid var(--orange);padding:12px 20px;z-index:200;align-items:center;justify-content:space-between;gap:12px;}
.stxt{font-family:var(--fu);font-size:15px;font-weight:600;text-transform:uppercase;color:#fff;}
.stxt span{color:var(--orange);}

/* RESPONSIVE */
@media(max-width:768px){
  nav{padding:14px 20px;}
  .hero{padding:48px 20px 40px;}
  .hero-inner{grid-template-columns:1fr;gap:40px;}
  .book-wrap{order:-1;max-width:260px;margin:0 auto;}
  .vb-inner{grid-template-columns:1fr;gap:24px;padding:30px 20px;}
  .vb+.vb::before{display:none;}
  .stats-inner{grid-template-columns:repeat(2,1fr);}
  .stat{border-right:none;border-bottom:1px solid rgba(107,166,234,.1);}
  .si{padding:60px 20px;}
  .pgrid,.cgrid,.pgr,.dgrid{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;gap:32px;}
  .steps::before{display:none;}
  .footer-inner{flex-direction:column;text-align:center;}
  .sticky{display:flex;}
  body{padding-bottom:70px;}
  .btn-row{flex-direction:column;}
}
