*{box-sizing:border-box}
:root{
  --bg:#070b14;
  --bg2:#0e1a2b;
  --carbon:#0b0b0c;
  --surface:#111827;
  --white:#ffffff;
  --muted:#b8bec8;
  --line:rgba(255,255,255,.13);
  --coral:#ff4d5a;
  --coral2:#ff6b74;
  --gold:#f5c84b;
  --cyan:#72e2ff;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  background:var(--bg);
  color:var(--white);
  overflow-x:hidden;
  padding-bottom:86px;
}
a{text-decoration:none;color:inherit}
.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.page-glow{position:fixed;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,90,.22),transparent 67%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%);mix-blend-mode:screen}
.progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--coral),var(--gold),var(--cyan));z-index:300}
.nav{height:76px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(7,11,20,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--coral),#b7182c)}
.nav nav{display:flex;gap:24px;font-size:12px;text-transform:uppercase;font-weight:900;color:var(--muted)}.nav nav a:hover{color:var(--white)}
.nav-button,.button.primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--coral2),var(--coral));color:#fff;border-radius:16px;padding:15px 22px;font-weight:900;text-transform:uppercase;box-shadow:0 20px 50px rgba(255,77,90,.28)}
.button.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px;padding:15px 22px;font-weight:900;text-transform:uppercase;color:var(--white);background:rgba(255,255,255,.04)}
.magnetic{transition:transform .18s ease}
.hero{min-height:900px;display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center;padding:95px 6vw 80px;background:radial-gradient(circle at 82% 20%,rgba(255,77,90,.18),transparent 32%),radial-gradient(circle at 22% 75%,rgba(114,226,255,.10),transparent 25%),linear-gradient(180deg,#070b14,#0e1a2b)}
.chip{display:inline-flex;align-items:center;gap:10px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 16px;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.chip.red{background:linear-gradient(135deg,var(--coral2),var(--coral));border:0}
.hero h1,.section-heading h2,.statement h2,.price-card h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(48px,6.8vw,94px);line-height:.94;letter-spacing:-.07em;margin:24px 0 22px}
.hero p{font-size:22px;line-height:1.6;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.hero-metrics div{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:20px;padding:18px;text-align:center}.hero-metrics strong{display:block;color:#fff}.hero-metrics span{color:var(--muted);font-size:12px;text-transform:uppercase}
.hero-visual img{width:100%;border-radius:34px;box-shadow:0 40px 130px rgba(0,0,0,.46);transform:perspective(1100px) rotateY(-7deg) rotateX(3deg);transition:.55s ease}.hero-visual:hover img{transform:perspective(1100px) rotateY(-2deg) rotateX(1deg) scale(1.015)}
.offer-card,.count-section{width:min(92vw,1180px);margin:28px auto;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-radius:30px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.offer-card{display:grid;grid-template-columns:1fr 1.1fr 1fr auto;gap:22px;align-items:center}.offer-card span,.offer-card small{display:block;color:var(--muted);text-transform:uppercase;font-weight:900;font-size:12px}.offer-card s{font-size:34px;color:#8d94a3;font-weight:900}.offer-card strong{font-size:72px;color:var(--coral);line-height:.9}.discount-pill{background:linear-gradient(135deg,var(--gold),#eab308);color:#111;border-radius:999px;padding:14px 18px;text-align:center;font-weight:900;text-transform:uppercase}
.count-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.count-section h2{font-size:34px;margin:16px 0 0}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.countdown div{background:#050813;border:1px solid var(--line);border-radius:20px;text-align:center;padding:18px 8px}.countdown b{display:block;font-size:42px}.countdown span{text-transform:uppercase;color:var(--muted);font-size:12px}
.statement{padding:120px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.statement.dark{background:linear-gradient(180deg,var(--bg),var(--bg2))}.statement.light{background:#f7f9fc;color:#071426}.statement-copy p,.section-heading p{font-size:21px;line-height:1.65;color:inherit;opacity:.78}.statement h2 em{font-style:normal;color:var(--coral)}
.visual-frame img,.image-showcase img,.audience-card img{display:block;width:100%;height:auto;border-radius:30px;box-shadow:0 28px 100px rgba(0,0,0,.25)}.visual-frame{transform:translateZ(0)}
.image-showcase{width:min(92vw,1180px);margin:0 auto 40px}.image-showcase.large{width:min(94vw,1260px)}
.section-heading{text-align:center;max-width:1040px;margin:0 auto 56px}.section-heading h2{font-size:clamp(42px,5.4vw,82px)}.course-section,.outcome-section,.audience-section,.syllabus-section,.bonus-section,.faq-section{padding:120px 6vw}.course-section,.syllabus-section,.bonus-section,.faq-section{background:linear-gradient(180deg,var(--bg2),var(--bg))}.outcome-section,.audience-section{background:#f7f9fc;color:#071426}
.course-grid,.bonus-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-grid article,.bonus-grid article{background:rgba(255,255,255,.075);border:1px solid var(--line);border-radius:26px;padding:28px;transition:.25s ease}.course-grid article:hover,.bonus-grid article:hover{transform:translateY(-8px)}.course-grid span,.bonus-grid span{color:var(--gold);font-weight:900}.course-grid h3,.bonus-grid h3{font-size:25px;margin:18px 0 10px}.course-grid p{color:var(--muted);line-height:1.6}
.outcome-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.outcome-list{display:grid;gap:13px}.outcome-list div{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;box-shadow:0 14px 40px rgba(7,20,38,.07);font-weight:800}.outcome-list span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--coral);color:#fff}.visual-stack{display:grid;gap:14px}.visual-stack img{width:100%;border-radius:24px;box-shadow:0 15px 55px rgba(7,20,38,.12)}
.audience-card{width:min(100%,1120px);margin:auto}
.lesson-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.lesson-grid ol{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:28px;padding:32px 32px 32px 58px}.lesson-grid li{margin:13px 0;line-height:1.45;font-weight:700;color:#e8edf5}
.bonus-grid{grid-template-columns:repeat(4,1fr)}.bonus-grid article{min-height:170px}.bonus-grid article h3{line-height:1.15}
.price-section{background:radial-gradient(circle at 50% 10%,rgba(255,77,90,.20),transparent 30%),linear-gradient(180deg,#050813,#0e1a2b);padding:120px 6vw}.price-card{max-width:1080px;margin:auto;text-align:center;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-radius:36px;padding:54px;box-shadow:0 35px 130px rgba(0,0,0,.35)}.price-card h2{font-size:clamp(42px,5vw,76px)}.price-card p{font-size:22px;color:var(--muted)}.final-price{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px;align-items:center;background:#fff;color:#071426;border-radius:30px;padding:30px;margin:36px 0}.final-price span{display:block;text-transform:uppercase;color:#64748b;font-weight:900}.final-price s{font-size:42px;font-weight:900}.final-price strong{font-size:92px;color:var(--coral);line-height:.9}.final-price em{background:var(--gold);border-radius:999px;padding:14px;font-style:normal;font-weight:900}.massive{font-size:22px;padding:22px 40px}.guarantee{margin-top:25px;color:#dbe5f2;font-weight:900}
.faq{max-width:960px;margin:auto;display:grid;gap:14px}.faq details{background:#fff;color:#071426;border-radius:22px;overflow:hidden}.faq summary{cursor:pointer;list-style:none;font-size:21px;font-weight:900;padding:24px}.faq summary::-webkit-details-marker{display:none}.faq p{padding:0 24px 24px;margin:0;color:#475569;font-size:18px;line-height:1.6}

footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:38px 6vw;background:#050813;color:var(--muted)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav nav{display:none}.hero,.statement,.count-section,.offer-card,.outcome-layout,.lesson-grid,.final-price{grid-template-columns:1fr}.hero-visual img{transform:none}.course-grid,.bonus-grid{grid-template-columns:1fr 1fr}.hero-metrics,.countdown{grid-template-columns:1fr 1fr}}
@media(max-width:620px){body{padding-bottom:78px}.page-glow{display:none}.nav{padding:0 16px}.nav-button{display:none}.hero,.statement,.course-section,.outcome-section,.audience-section,.syllabus-section,.bonus-section,.faq-section,.price-section{padding:68px 22px}.hero h1{font-size:42px}.hero p,.statement-copy p,.section-heading p{font-size:18px}.hero-metrics,.course-grid,.bonus-grid,.countdown{grid-template-columns:1fr}.offer-card{text-align:center}.offer-card strong{font-size:58px}.section-heading h2,.statement h2,.price-card h2{font-size:38px}.price-card{padding:30px 20px}.final-price strong{font-size:68px}.sticky-buy{left:10px;right:10px;bottom:10px;transform:none;width:auto}.sticky-buy span{font-size:13px}.sticky-buy strong{font-size:12px;padding:12px 13px}}


/* Premium floating conversion bar */
.premium-sticky{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:180;
  width:min(94vw,1280px);
  display:grid;
  grid-template-columns:1fr 1fr 1.15fr;
  gap:14px;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
}

.sticky-cell,
.sticky-action{
  min-height:82px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(3,7,14,.82);
  backdrop-filter:blur(22px);
  box-shadow:0 24px 90px rgba(0,0,0,.42);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.sticky-cell{
  padding:16px 26px;
}

.sticky-cell span{
  color:#aeb7c6;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  margin-bottom:5px;
}

.sticky-cell b{
  color:var(--gold);
  font-size:26px;
  line-height:1;
}

.sticky-cell s{
  color:#8992a3;
  text-decoration-thickness:3px;
  text-decoration-color:var(--coral);
}

.sticky-count b{
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
}

.sticky-action{
  align-items:center;
  text-align:center;
  justify-content:center;
  background:linear-gradient(135deg,#ffe08a,#c89125);
  color:#05070b;
  font-size:18px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.02em;
  position:relative;
  overflow:hidden;
}

.sticky-action:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:translateX(-120%);
  animation:stickyShine 3.2s ease-in-out infinite;
}

@keyframes stickyShine{
  0%{transform:translateX(-120%)}
  46%,100%{transform:translateX(120%)}
}

.sticky-action:hover{
  transform:translateY(-2px);
  box-shadow:0 28px 90px rgba(245,200,75,.25);
}

@media(max-width:760px){
  body{padding-bottom:168px}
  .premium-sticky{
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    transform:none;
    grid-template-columns:1fr;
    gap:8px;
  }

  .sticky-cell{
    min-height:58px;
    border-radius:22px;
    padding:12px 18px;
  }

  .sticky-cell b{font-size:20px}
  .sticky-cell span{font-size:10px}

  .sticky-action{
    min-height:58px;
    border-radius:22px;
    font-size:15px;
  }
}


/* =========================
   V6 PREMIUM BLACK + GOLD
   ========================= */

:root{
  --bg:#030303;
  --bg2:#090806;
  --carbon:#0b0b0c;
  --surface:#11100d;
  --white:#ffffff;
  --muted:#b8b4aa;
  --line:rgba(214,180,106,.20);
  --coral:#d6b46a;
  --coral2:#f3d987;
  --gold:#d6b46a;
  --gold2:#f6dda0;
  --cyan:#f3d987;
}

body{
  background:
    radial-gradient(circle at 72% 8%,rgba(214,180,106,.18),transparent 28%),
    radial-gradient(circle at 18% 72%,rgba(246,221,160,.10),transparent 26%),
    linear-gradient(180deg,#030303,#090806 45%,#030303);
  color:#fff;
}

.premium-aurora{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-3;
  overflow:hidden;
}
.premium-aurora span{
  position:absolute;
  width:45vw;
  height:45vw;
  border-radius:50%;
  filter:blur(110px);
  opacity:.13;
  animation:auroraMove 14s ease-in-out infinite alternate;
}
.premium-aurora span:nth-child(1){background:#d6b46a;top:-16vw;right:-8vw}
.premium-aurora span:nth-child(2){background:#ffffff;bottom:-20vw;left:-12vw;opacity:.055;animation-delay:2s}
.premium-aurora span:nth-child(3){background:#7a5b20;top:42%;left:45%;opacity:.10;animation-delay:4s}

@keyframes auroraMove{
  from{transform:translate3d(-3%,2%,0) scale(1)}
  to{transform:translate3d(5%,-4%,0) scale(1.12)}
}

.page-glow{
  background:radial-gradient(circle,rgba(214,180,106,.23),transparent 68%);
  mix-blend-mode:screen;
}

.progress{
  background:linear-gradient(90deg,#d6b46a,#f3d987,#ffffff);
  box-shadow:0 0 18px rgba(214,180,106,.55);
}

.nav{
  background:rgba(2,2,2,.82);
  border-bottom:1px solid rgba(214,180,106,.20);
}

.mark,
.brand-mark{
  background:transparent !important;
  color:var(--gold);
  border:1px solid rgba(214,180,106,.75);
  box-shadow:0 0 22px rgba(214,180,106,.14);
}

.nav-button,
.nav-cta,
.button.primary,
.btn.primary{
  background:linear-gradient(135deg,#f7dea2,#c7972d) !important;
  color:#080808 !important;
  box-shadow:0 20px 55px rgba(214,180,106,.25) !important;
  position:relative;
  overflow:hidden;
}

.nav-button:before,
.nav-cta:before,
.button.primary:before,
.btn.primary:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:translateX(-120%);
  animation:goldShine 3.4s ease-in-out infinite;
}

@keyframes goldShine{
  0%{transform:translateX(-120%)}
  45%,100%{transform:translateX(120%)}
}

.hero{
  background:
    radial-gradient(circle at 76% 10%,rgba(214,180,106,.20),transparent 30%),
    radial-gradient(circle at 22% 86%,rgba(246,221,160,.08),transparent 28%),
    linear-gradient(180deg,#030303,#0a0907 68%,#030303) !important;
  position:relative;
}

.hero:before{
  content:"";
  position:absolute;
  inset:76px 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,180,106,.35),transparent);
}

.chip,
.pill,
.section-tag{
  background:rgba(214,180,106,.10) !important;
  border:1px solid rgba(214,180,106,.32) !important;
  color:var(--gold2) !important;
  box-shadow:inset 0 0 24px rgba(214,180,106,.05);
}

.chip.red,
.section-tag.negative{
  background:linear-gradient(135deg,rgba(214,180,106,.22),rgba(214,180,106,.08)) !important;
  color:var(--gold2) !important;
  border:1px solid rgba(214,180,106,.38) !important;
}

.hero h1,
.section-heading h2,
.statement h2,
.price-card h2{
  text-shadow:0 18px 60px rgba(0,0,0,.38);
}

.hero h1 span,
.statement h2 em,
.section-heading h2 em{
  color:var(--gold2) !important;
}

.hero-visual img,
.hero-image img,
.visual-frame img,
.image-showcase img,
.audience-card img{
  border:1px solid rgba(214,180,106,.22);
  box-shadow:
    0 40px 130px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.04),
    0 0 80px rgba(214,180,106,.10) !important;
  animation:visualFloat 7s ease-in-out infinite;
}

@keyframes visualFloat{
  0%,100%{transform:translateY(0) perspective(1100px) rotateY(-5deg) rotateX(2deg)}
  50%{transform:translateY(-10px) perspective(1100px) rotateY(-2deg) rotateX(1deg)}
}

.offer-card,
.offer-panel,
.count-section,
.timer-section{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(214,180,106,.22) !important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.42),
    inset 0 0 60px rgba(214,180,106,.035) !important;
}

.offer-card strong,
.offer-panel strong,
.price-main strong,
.price-box strong,
.final-price strong{
  color:var(--gold2) !important;
}

.discount,
.discount-pill,
.final-price em,
.price-box em{
  background:linear-gradient(135deg,#f7dea2,#c7972d) !important;
  color:#050505 !important;
}

.countdown div{
  background:rgba(0,0,0,.52) !important;
  border:1px solid rgba(214,180,106,.20) !important;
  box-shadow:inset 0 0 30px rgba(214,180,106,.045);
}

.countdown b{
  color:var(--gold2);
  text-shadow:0 0 18px rgba(214,180,106,.20);
}

.statement.dark,
.text-light,
.course-section,
.syllabus-section,
.bonus-section,
.faq-section,
.price-section,
.features-section,
.syllabus-text,
.bonus-text{
  background:
    radial-gradient(circle at 80% 10%,rgba(214,180,106,.10),transparent 28%),
    linear-gradient(180deg,#050505,#0b0906) !important;
}

.statement.light,
.text-dark,
.outcome-section,
.audience-section{
  background:
    radial-gradient(circle at 75% 0%,rgba(214,180,106,.10),transparent 30%),
    linear-gradient(180deg,#f7f3ea,#ffffff) !important;
  color:#0b0b0c !important;
}

.course-grid article,
.bonus-grid article,
.feature-cards article{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(214,180,106,.20) !important;
  box-shadow:0 25px 80px rgba(0,0,0,.25);
}

.course-grid article:hover,
.bonus-grid article:hover,
.feature-cards article:hover{
  transform:translateY(-10px) scale(1.015);
  box-shadow:0 30px 100px rgba(214,180,106,.12);
}

.course-grid span,
.bonus-grid span,
.feature-cards span{
  color:var(--gold2) !important;
}

.outcome-list div,
.audience-grid article,
.numbers div{
  border:1px solid rgba(214,180,106,.18) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.08);
}

.outcome-list span{
  background:linear-gradient(135deg,#d6b46a,#8a641d) !important;
}

.lesson-grid ol,
.lessons ol{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(214,180,106,.22) !important;
}

.price-card,
.pricing-card{
  background:
    radial-gradient(circle at 50% 0%,rgba(214,180,106,.16),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(214,180,106,.25) !important;
}

.final-price,
.price-box{
  background:linear-gradient(180deg,#fff,#f5efe1) !important;
}

.sticky-cell,
.sticky-action{
  border:1px solid rgba(214,180,106,.24) !important;
}

.sticky-cell{
  background:rgba(0,0,0,.84) !important;
}

.sticky-cell b{
  color:var(--gold2) !important;
}

.sticky-action{
  background:linear-gradient(135deg,#f7dea2,#c7972d) !important;
  color:#050505 !important;
}

.faq details{
  border:1px solid rgba(214,180,106,.18);
}

.reveal.visible{
  animation:premiumRise .85s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes premiumRise{
  from{opacity:0;transform:translateY(34px) scale(.985);filter:blur(8px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

@media(max-width:620px){
  .hero-visual img,
  .hero-image img,
  .visual-frame img,
  .image-showcase img,
  .audience-card img{
    animation:none;
  }
}