/* =========================================================
   SHERU BHAI REELS BUNDLE — style clone
   Palette taken from live page:
   gold #dc9814 / #ffd54a · pink #e60055 · green #3bb54a / #46f3b4
   CTA gradient #A13CFF → #6957FF → #2D8DFF  (hover #8A3FFC → #5C63FF → #2EA8FF)
   headline gradient #8B5CF6 → #4F6DFF → #22B8FF → #11D7F9
   card surface linear-gradient(180deg,#18181c,#101014)
   font: Montserrat
========================================================= */
*, *::before, *::after { box-sizing: border-box; }

:root{
  --bg:#000;
  --surface-1:#18181c;
  --surface-2:#101014;
  --card:#141419;
  --line:rgba(255,255,255,.10);
  --white:#fff;
  --muted:#9aa5b5;
  --muted-2:#b6bfcc;
  --gold:#dc9814;
  --gold-2:#ffd54a;
  --pink:#e60055;
  --green:#3bb54a;
  --grad-cta:linear-gradient(90deg,#A13CFF,#6957FF,#2D8DFF);
  --grad-cta-hover:linear-gradient(90deg,#8A3FFC,#5C63FF,#2EA8FF);
  --grad-text:linear-gradient(90deg,#8B5CF6,#4F6DFF,#22B8FF,#11D7F9);
  --grad-top:linear-gradient(90deg,#FF4B4B,#FF4F9E);
  --radius:22px;
  --maxw:1180px;
}

html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--bg);
  color:var(--white);
  font-family:"Montserrat", Arial, Helvetica, sans-serif;
  font-size:16px;
  line-height:1.6;
  overflow-x:hidden;
  padding-bottom:132px; /* room for sticky bar */
}

img{ max-width:100%; display:block; height:auto; }
a{ color:inherit; text-decoration:none; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3{ margin:0; line-height:1.15; letter-spacing:-.5px; }

.wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 20px; }

/* ================= FLASH BANNER ================= */
.flash-banner{
  background:var(--grad-top);
  text-align:center;
  padding:11px 16px;
  font-size:clamp(11.5px,1.05vw,14px);
  font-weight:700;
  letter-spacing:.35px;
  text-transform:uppercase;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
  position:relative;
  z-index:5;
  line-height:1.4;
}
.flash-banner .fb-ico{
  font-size:1.1em;
  flex:0 0 auto;
  line-height:1;
  align-self:center;
}
.flash-banner .fb-text{
  min-width:0;
  text-wrap:balance;
}
.flash-banner .fb-just{
  white-space:nowrap;
  display:inline-block;
}
.flash-banner b{ font-weight:900; }
.flash-banner .fb-price{
  color:#fff6c8;
  white-space:nowrap;
  font-weight:900;
  font-size:1.12em;
}
.flash-banner .fb-off{
  color:#ffe3ee;
  font-weight:800;
  white-space:nowrap;
  font-size:.94em;
}

/* ================= HERO ================= */
.hero{
  position:relative;
  padding:70px 0 60px;
  background:
    radial-gradient(900px 420px at 50% -10%, rgba(105,87,255,.28), transparent 70%),
    radial-gradient(700px 380px at 85% 20%, rgba(34,184,255,.14), transparent 70%),
    radial-gradient(700px 380px at 15% 30%, rgba(161,60,255,.14), transparent 70%),
    #000;
  overflow:hidden;
}
.hero-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:46px;
}

/* ---------- centered copy block ---------- */
.hero-copy{
  text-align:center;
  width:100%;
  max-width:1040px;
}

.kicker{
  margin:0 0 8px;
  font-size:clamp(18px,2.1vw,26px);
  font-weight:600;
  color:#e9ecf5;
  letter-spacing:0;
  text-transform:none;
}
.hero-title{
  font-size:clamp(30px,5vw,64px);
  font-weight:900;
  line-height:1.06;
  letter-spacing:-1.8px;
  margin:0 auto 22px;
  max-width:100%;
  text-wrap:balance;
}
.hero-title .line-white{ display:block; color:#fff; }
.nowrap-pair{ white-space:nowrap; }
.hero-title .line-grad{
  display:block;
  background:var(--grad-text);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  padding-bottom:6px;
}
.hero-sub{
  margin:0 auto 26px;
  max-width:720px;
  font-size:clamp(15px,1.45vw,19px);
  color:#c9d1de;
  font-weight:500;
  line-height:1.65;
}
.hero-sub b{ color:#fff; font-weight:800; }

/* ---------- product + checklist row ---------- */
.hero-body{
  width:100%;
  margin:0 auto;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:40px;
}
.hero-body .hero-product{ width:440px; flex:0 0 auto; }
.hero-body .hero-features{ width:400px; flex:0 0 auto; }
.hero-body .feature-list{ width:100%; }

/* rating badge */
.rating-badge{
  display:inline-block;
  background:linear-gradient(135deg,#fffdf5,#fff7db);
  border:1px solid var(--gold);
  border-radius:14px;
  padding:12px 18px;
  box-shadow:0 0 26px rgba(220,152,20,.28);
  color:#151515;
}
.rb-top{ display:flex; align-items:center; gap:8px; font-weight:800; font-size:17px; }
.rb-stars{ color:#ff9f1a; letter-spacing:1px; font-size:16px; }
.rb-div{ color:#b9b9b9; font-weight:600; }
.rb-exc{ color:#1a1a1a; }
.rb-sub{ font-size:12.5px; font-weight:600; color:#4b4b4b; margin-top:3px; }

/* desktop: everything on ONE inline row */
@media (min-width:821px){
  .rating-badge{
    display:inline-flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:10px;
    padding:11px 22px;
    white-space:nowrap;
  }
  .rb-top{ gap:8px; margin:0; }
  .rb-sub{
    margin:0;
    padding-left:12px;
    border-left:1px solid #d9cfae;
    font-size:13px;
    font-weight:700;
    color:#4b4b4b;
  }
}

/* product image */
.hero-product{ position:relative; }
.bundle-img{
  width:100%;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 26px 46px rgba(0,0,0,.75),
    0 0 34px rgba(45,141,255,.28);
  animation:floaty 6s ease-in-out infinite;
}
@keyframes floaty{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-14px);} }

/* feature list */
.feature-list{ display:flex; flex-direction:column; gap:11px; }
.feature-list li{
  position:relative;
  padding-left:32px;
  font-size:clamp(13px,1.02vw,14.5px);
  font-weight:600;
  color:#eef2f8;
  line-height:1.4;
}
.feature-list li::before{
  content:"✓";
  position:absolute; left:0; top:1px;
  width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center;
  font-size:12px; font-weight:900; color:#12301c;
  background:linear-gradient(135deg,#ffd54a,#f2b207);
  box-shadow:0 0 12px rgba(255,213,74,.45);
}

/* ================= OFFER CARD ================= */
.offer-section{ padding:10px 0 70px; }
.offer-card{
  position:relative;
  width:100%;
  margin:0 auto;
  padding:44px 40px 24px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--surface-1),var(--surface-2));
  text-align:center;
}
.offer-card::before{
  content:"";
  position:absolute; inset:0;
  border-radius:var(--radius);
  padding:1px;
  background:var(--grad-cta);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite:exclude;
  pointer-events:none;
  opacity:.85;
}

.offer-eye{
  margin:0 0 10px;
  color:var(--pink);
  font-size:13px;
  font-weight:800;
  letter-spacing:2.4px;
  text-transform:uppercase;
}
.timer-row{
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-size:14px; font-weight:700; color:#ffceda;
  margin-bottom:16px;
}
.timer{
  font-variant-numeric:tabular-nums;
  background:rgba(230,0,85,.14);
  border:1px solid rgba(230,0,85,.45);
  color:#fff;
  padding:3px 10px;
  border-radius:8px;
  letter-spacing:1.5px;
  font-weight:800;
}

.price-row{
  display:flex; justify-content:center; align-items:center;
  gap:14px; flex-wrap:wrap;
  margin-bottom:28px;
}
.old-price{
  font-size:24px; font-weight:700; color:#8f97a5;
  text-decoration:line-through;
  text-decoration-color:rgba(230,0,85,.85);
  text-decoration-thickness:2px;
}
.new-price{
  font-size:clamp(38px,6vw,56px);
  font-weight:900;
  letter-spacing:-2px;
  color:#fff;
  line-height:1;
}
.save-tag{
  background:#16382F;
  color:#46F3B4;
  border:1px solid rgba(70,243,180,.25);
  padding:8px 14px;
  border-radius:9px;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.8px;
}

.buy-button{
  position:relative;
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%;
  padding:20px 18px;
  border-radius:16px;
  background:var(--grad-cta);
  color:#fff !important;
  font-family:inherit;
  font-size:20px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(105,87,255,.42);
  transition:background .25s ease, transform .18s ease, box-shadow .25s ease;
  animation:ctaPulse 2.4s ease-in-out infinite;
}
.buy-button::before{
  content:"";
  position:absolute; top:-20%; left:-75%;
  width:45%; height:140%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);
  animation:shine 3.4s ease-in-out infinite;
}
.buy-button:hover{
  background:var(--grad-cta-hover);
  box-shadow:0 18px 44px rgba(105,87,255,.6);
  transform:translateY(-2px);
}
.buy-button:active{ transform:scale(.98); }
@keyframes shine{ 0%{ left:-75%; } 55%,100%{ left:130%; } }
@keyframes ctaPulse{
  0%,100%{ box-shadow:0 14px 34px rgba(105,87,255,.38); }
  50%{ box-shadow:0 14px 40px rgba(105,87,255,.68); }
}

.secure-line{
  margin:16px 0 18px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.7px;
  color:#c3cad6;
}
.pay-bar{
  display:flex; align-items:center; justify-content:center; gap:22px;
  flex-wrap:wrap;
  background:#fff;
  border-radius:14px;
  padding:12px 16px;
}
.pay-bar img{ height:26px; width:auto; object-fit:contain; }
.pay-bar .pay-sm{ height:28px; }

/* ================= SECTION TITLES ================= */
.sec-title{
  text-align:center;
  font-size:clamp(27px,3.6vw,42px);
  font-weight:900;
  letter-spacing:-1px;
  margin-bottom:14px;
}
.section-sub{
  text-align:center; color:var(--muted); font-size:16px; margin:0 0 34px;
}
section{ padding:64px 20px; }

/* ================= DEMO REELS ================= */
.demo-section{
  background:
    radial-gradient(700px 300px at 50% 0%, rgba(230,0,85,.12), transparent 70%),
    #000;
}
.reels-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  max-width:var(--maxw);
  margin:34px auto 0;
}
.reel-phone{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:#0c0c10;
  border:2px solid #14141b;
  aspect-ratio:9/16;
  cursor:pointer;
  box-shadow:0 18px 40px rgba(0,0,0,.7);
  transition:transform .25s ease, border-color .25s ease;
}
.reel-phone video{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.reel-phone:hover{ transform:translateY(-6px); border-color:rgba(105,87,255,.6); }
.reel-mute{
  position:absolute; left:8px; bottom:8px;
  font-size:10.5px; font-weight:700;
  color:#fff;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(6px);
  padding:4px 9px;
  border-radius:999px;
  pointer-events:none;
  letter-spacing:.2px;
  transition:opacity .25s ease;
}
.reel-phone.playing .reel-mute{ opacity:0; }
.reels-hint{ text-align:center; color:#7e8794; font-size:13px; margin:18px 0 0; }

/* ================= GROWTH PROOF ================= */
.growth{ padding:0 0 64px; }
.growth-panel{
  max-width:var(--maxw);
  margin:0 auto;
  border-radius:28px;
  padding:52px 20px 0;
  background:linear-gradient(180deg,#131318,#0b0b0f);
  border:1px solid var(--line);
  text-align:center;
  overflow:hidden;
}
.pill{
  display:inline-block;
  padding:7px 16px;
  border-radius:999px;
  border:1px solid rgba(161,60,255,.6);
  color:#c9a6ff;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:2px;
  background:rgba(161,60,255,.08);
  margin-bottom:18px;
}
.growth-panel h2{ font-size:clamp(26px,3.4vw,40px); font-weight:900; }
.growth-sub{ color:var(--muted); font-size:15px; margin:14px 0 6px; }

.proof-fan{
  display:flex; align-items:flex-end; justify-content:center;
  gap:20px; margin-top:34px;
  padding-bottom:0;
}
.proof-card{
  flex:0 0 auto;
  border-radius:16px 16px 0 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:#fff;
  box-shadow:0 -6px 40px rgba(0,0,0,.65);
  transition:transform .3s ease;
}
.proof-card img{ width:100%; height:100%; object-fit:cover; object-position:top; }
.proof-card.main{ width:36%; z-index:3; height:400px; }
.proof-card.side{ width:28%; height:320px; z-index:2; opacity:.92; }
.proof-card.s1{ transform:rotate(-4deg) translateY(-10px); }
.proof-card.s2{ transform:rotate(4deg) translateY(-10px); }
.proof-card:hover{ transform:translateY(-6px) rotate(0deg); opacity:1; }

/* ================= BONUSES ================= */
.creator-bonus-section{
  padding:70px 20px;
  text-align:center;
  background:radial-gradient(800px 380px at 50% 0%, rgba(220,152,20,.10), transparent 70%), #000;
}
.gold-pill{
  display:inline-block;
  padding:7px 16px;
  border-radius:999px;
  border:1px solid rgba(220,152,20,.65);
  color:var(--gold-2);
  font-size:11.5px; font-weight:800; letter-spacing:2px;
  background:rgba(220,152,20,.07);
  margin-bottom:18px;
}
.bonus-heading{ font-size:clamp(27px,3.6vw,42px); font-weight:900; }
.bonus-heading .gold{ color:var(--gold-2); }
.bonus-subheading{ color:var(--muted); font-size:15.5px; margin:14px auto 42px; max-width:640px; }

.creator-bonus-section .bonus-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
  max-width:var(--maxw);
  margin:0 auto;
  text-align:left;
}
.creator-bonus-section .bonus-card{
  position:relative;
  margin:0;
  padding:38px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#15151a,#0d0d11);
  overflow:hidden;
  transition:transform .3s ease, border-color .3s ease;
}
.creator-bonus-section .bonus-card::before{
  content:"";
  position:absolute; left:0; top:0;
  width:4px; height:100%;
  border-radius:28px 0 0 28px;
}
.creator-bonus-section .bonus-card::after{
  content:"";
  position:absolute; inset:0;
  border-radius:28px;
  opacity:.22;
  pointer-events:none;
  transition:opacity .3s ease;
}
.creator-bonus-section .bonus-card > *{ position:relative; z-index:2; }
.creator-bonus-section .bonus-card h3{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(22px,2.3vw,32px);
  font-weight:800;
  line-height:1.2;
}
.creator-bonus-section .bonus-card p{
  margin:0;
  color:var(--muted);
  font-size:clamp(15px,1.3vw,18px);
  font-weight:400;
  line-height:1.65;
}
.creator-bonus-section .card-tag{
  display:inline-flex;
  margin:0 0 22px;
  padding:9px 15px;
  border-radius:10px;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.8px;
}
.creator-bonus-section .bonus-card.purple::before{ background:#a855f7; }
.creator-bonus-section .bonus-card.purple::after{ box-shadow:inset 0 0 80px rgba(168,85,247,.30); }
.creator-bonus-section .bonus-card.purple .card-tag{ color:#d8b4fe; background:rgba(168,85,247,.13); border:1px solid rgba(168,85,247,.45); }
.creator-bonus-section .bonus-card.blue::before{ background:#3b82f6; }
.creator-bonus-section .bonus-card.blue::after{ box-shadow:inset 0 0 80px rgba(59,130,246,.30); }
.creator-bonus-section .bonus-card.blue .card-tag{ color:#93c5fd; background:rgba(59,130,246,.13); border:1px solid rgba(59,130,246,.45); }
.creator-bonus-section .bonus-card.green::before{ background:#10b981; }
.creator-bonus-section .bonus-card.green::after{ box-shadow:inset 0 0 80px rgba(16,185,129,.30); }
.creator-bonus-section .bonus-card.green .card-tag{ color:#6ee7b7; background:rgba(16,185,129,.13); border:1px solid rgba(16,185,129,.45); }
.creator-bonus-section .bonus-card.orange::before{ background:#f59e0b; }
.creator-bonus-section .bonus-card.orange::after{ box-shadow:inset 0 0 80px rgba(245,158,11,.30); }
.creator-bonus-section .bonus-card.orange .card-tag{ color:#fcd34d; background:rgba(245,158,11,.13); border:1px solid rgba(245,158,11,.45); }
.creator-bonus-section .bonus-card:hover{ transform:translateY(-8px); border-color:rgba(255,255,255,.15); }
.creator-bonus-section .bonus-card:hover::after{ opacity:.45; }

/* ================= REVIEWS (dark, matched to page palette) ================= */
.fb-review-section,
.fb-review-section *{ box-sizing:border-box; }
.fb-review-section{
  font-family:"Montserrat", Arial, Helvetica, sans-serif;
  max-width:var(--maxw);
  margin:20px auto;
  padding:48px 34px;
  background:
    radial-gradient(700px 300px at 50% 0%, rgba(161,60,255,.10), transparent 70%),
    linear-gradient(180deg,#131318,#0b0b0f);
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:0 8px 40px rgba(0,0,0,.55);
  overflow:hidden;
  color:var(--white);
}
.fb-review-stars{
  text-align:center;
  font-size:20px;
  letter-spacing:3px;
  color:var(--gold-2);
  margin-bottom:10px;
  text-shadow:0 0 18px rgba(255,213,74,.35);
}
.fb-review-section .fb-review-heading{
  text-align:center;
  font-size:clamp(24px,3.2vw,36px);
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.8px;
  color:#fff;
}
.fb-review-section .fb-review-sub{
  text-align:center;
  font-size:15px;
  font-weight:500;
  line-height:1.6;
  color:#b6bfcc;
  margin:12px 0 30px;
}
.fb-review-section .fb-review-sub b{ font-weight:800; color:var(--gold-2); }

.fb-review-section .review-slider{ overflow:hidden; position:relative; width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.2%,#000 96.8%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 3.2%,#000 96.8%,transparent 100%);
}
.fb-review-section .review-track{
  display:flex;
  gap:16px;
  width:max-content;
  animation:febricReviewScroll 70s linear infinite;
}
.fb-review-section .review-track:hover{ animation-play-state:paused; }
@keyframes febricReviewScroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

.fb-review-section .review-card{
  width:290px;
  flex-shrink:0;
  margin:0;
  padding:20px;
  background:var(--card);
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  box-shadow:0 6px 22px rgba(0,0,0,.45);
  transition:border-color .25s ease, transform .25s ease;
}
.fb-review-section .review-card:hover{
  border-color:rgba(161,60,255,.55);
  transform:translateY(-3px);
}
.fb-review-section .review-top{ display:flex; align-items:center; gap:12px; margin:0 0 10px; }
.fb-review-section .review-avatar{
  width:46px; height:46px;
  flex:0 0 46px;
  border-radius:50%;
  display:grid; place-items:center;
  font-weight:800; font-size:18px; color:#fff;
  background:linear-gradient(135deg,#a13cff,#6957ff);
  box-shadow:0 0 16px rgba(161,60,255,.35);
}
.fb-review-section .review-name{ font-size:16px; font-weight:700; line-height:1.3; color:#fff; }
.fb-review-section .review-verified{ font-size:12.5px; font-weight:700; line-height:1.4; color:#46f3b4; letter-spacing:.2px; }
.fb-review-section .review-stars{ color:var(--gold-2); font-size:17px; line-height:1; margin:8px 0; letter-spacing:1px; }
.fb-review-section .review-text{ font-size:14px; font-weight:400; line-height:1.7; color:#c9d1de; margin:0; }

/* ================= WHO / UPLOAD ================= */
.who-section, .upload-section{ background:#000; text-align:center; }
.who-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px 30px;
  max-width:1080px;
  margin:38px auto 0;
  text-align:left;
}
.who-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:22px;
  transition:transform .25s ease, border-color .25s ease;
}
.who-card:hover{ transform:translateY(-6px); border-color:rgba(255,255,255,.22); }
.who-ico{
  width:92px; height:92px;
  border-radius:18px;
  background:#fff;
  display:grid; place-items:center;
  overflow:hidden;
  margin-bottom:16px;
}
.who-ico img{ width:100%; height:100%; object-fit:cover; }
.who-card h3{ font-size:20px; font-weight:800; margin-bottom:8px; }
.who-card p{ margin:0; color:var(--muted); font-size:14.5px; line-height:1.6; }

.upload-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  max-width:860px;
  margin:38px auto 0;
}
.upload-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:26px 18px;
  display:grid; place-items:center; gap:12px;
  transition:transform .25s ease, border-color .25s ease;
}
.upload-card:hover{ transform:translateY(-6px); border-color:rgba(105,87,255,.5); }
.upload-card img{ width:74px; height:74px; object-fit:contain; }
.upload-card h3{ font-size:18px; font-weight:800; }

/* ================= MONEY ================= */
.money-section{
  background:radial-gradient(700px 340px at 50% 50%, rgba(220,152,20,.10), transparent 70%), #000;
  text-align:center;
}
.money-grid{
  display:grid;
  grid-template-columns:1fr 1.1fr 1fr;
  align-items:center;
  gap:26px;
  max-width:1080px;
  margin:36px auto 0;
}
.money-list{ display:flex; flex-direction:column; gap:18px; text-align:left; }
.money-list li{
  position:relative;
  padding:16px 16px 16px 52px;
  border-radius:14px;
  background:var(--card);
  border:1px solid var(--line);
  font-size:15.5px;
  font-weight:700;
  color:#eef2f8;
}
.money-list li::before{
  content:"✓";
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center;
  font-size:12px; font-weight:900; color:#3a2a00;
  background:linear-gradient(135deg,#ffd54a,#f2b207);
}
.money-art{ display:grid; place-items:center; height:100%; }
.money-art img{ width:100%; max-height:320px; object-fit:contain; }

/* ================= STEPS ================= */
.steps-section{ background:#000; text-align:center; }
.steps{
  max-width:860px;
  margin:34px auto 0;
  counter-reset:step;
}
.steps li{
  counter-increment:step;
  position:relative;
  padding:22px 20px 22px 68px;
  border-bottom:1px solid rgba(255,255,255,.18);
  font-size:clamp(16px,1.8vw,22px);
  font-weight:800;
  text-align:left;
  color:#f2f5fa;
}
.steps li:first-child{ border-top:1px solid rgba(255,255,255,.18); }
.steps li::before{
  content:counter(step);
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:34px; height:34px; border-radius:50%;
  display:grid; place-items:center;
  font-size:15px; font-weight:900; color:#3a2a00;
  background:linear-gradient(135deg,#ffd54a,#f2b207);
  box-shadow:0 0 14px rgba(255,213,74,.35);
}

/* ================= FAQ ================= */
.faq-section{ background:#000; text-align:center; }
.faq-bracket{ color:var(--muted-2); font-weight:600; font-size:.62em; display:block; margin-top:6px; }
.faq-list{ max-width:900px; margin:34px auto 0; text-align:left; }
.faq-item{
  border:1px solid rgba(255,255,255,.28);
  border-radius:6px;
  margin-bottom:12px;
  background:transparent;
  transition:border-color .2s ease, background .2s ease;
}
.faq-item[open]{ background:rgba(255,255,255,.03); border-color:rgba(255,255,255,.5); }
.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:18px 22px;
  font-size:16px;
  font-weight:800;
  color:#fff;
  display:flex; align-items:center; gap:14px;
  line-height:1.4;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::before{
  content:"+";
  flex:0 0 auto;
  font-size:20px;
  font-weight:800;
  line-height:1;
  color:#fff;
  transition:transform .25s ease;
}
.faq-item[open] summary::before{ content:"−"; }
.faq-body{ padding:0 22px 20px 56px; }
.faq-body p{ margin:0 0 12px; color:#c3cad6; font-size:14.5px; line-height:1.75; }
.faq-body p:last-child{ margin-bottom:0; }

/* ================= FOOTER ================= */
.site-footer{
  padding:56px 20px 70px;
  background:#000;
  border-top:1px solid rgba(255,255,255,.06);
  text-align:center;
}
.copyright{ font-size:clamp(20px,2.6vw,30px); font-weight:900; margin-bottom:30px; }
.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:14px 34px;
  max-width:100%;
  margin:0 auto 34px;
  padding:0;
  text-align:center;
}
.footer-links a{
  display:inline-flex; align-items:center; gap:9px;
  font-size:16px; font-weight:800;
  white-space:nowrap;
  transition:color .2s ease;
}
.footer-links a:hover{ color:var(--gold-2); }
.footer-links a span{ font-size:16px; }
.disclaimer{
  max-width:900px;
  margin:0 auto;
  font-size:12.5px;
  line-height:1.75;
  color:#8d96a3;
}

/* ================= STICKY BAR ================= */
#stickyOfferBar{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:80;
  padding:10px 16px 12px;
  background:linear-gradient(180deg,rgba(14,14,19,.96),rgba(8,8,11,.98));
  backdrop-filter:blur(18px);
  border-top:1px solid rgba(255,255,255,.09);
  transform:translateY(115%);
  transition:transform .38s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 -18px 48px rgba(0,0,0,.75);
}
#stickyOfferBar::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:1px;
  background:var(--grad-cta);
  opacity:.55;
}
#stickyOfferBar.show{ transform:translateY(0); }
#stickyOfferBar .sticky-offer-inner{
  max-width:var(--maxw);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:10px 18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
}
#stickyOfferBar .offer-title{
  display:flex; align-items:center; gap:7px;
  font-size:10.5px; font-weight:800; letter-spacing:1.5px;
  color:#a9b3c2;
  margin-bottom:5px;
  text-transform:uppercase;
}
#stickyOfferBar .dot{
  width:7px; height:7px; border-radius:50%;
  background:#46f3b4;
  box-shadow:0 0 8px rgba(70,243,180,.9);
  animation:liveDot 1.8s ease-out infinite;
  flex:0 0 auto;
}
@keyframes liveDot{
  0%{ box-shadow:0 0 0 0 rgba(70,243,180,.6); }
  100%{ box-shadow:0 0 0 10px rgba(70,243,180,0); }
}
#stickyOfferBar .price-row{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 8px;
  flex-wrap:wrap;
}
#stickyOfferBar .old-price-sm{
  font-size:19px;
  font-weight:700;
  color:#8d97a5;
  text-decoration:line-through;
  text-decoration-color:rgba(230,0,85,.9);
  text-decoration-thickness:2px;
  align-self:center;
  flex:0 0 auto;
}
#stickyOfferBar .new-price-sm{
  position:relative;
  font-size:44px;
  font-weight:900;
  letter-spacing:-2px;
  line-height:.92;
  background:linear-gradient(180deg,#fffbdc 0%,#ffd54a 52%,#ffb700 100%);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 22px rgba(255,213,74,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.8));
  align-self:center;
  flex:0 0 auto;
  padding:0 2px;
}
#stickyOfferBar .save-chip{
  align-self:center;
  margin-left:0;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.6px;
  color:#7d8a99;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  padding:4px 8px;
  border-radius:6px;
  white-space:nowrap;
  line-height:1;
  box-shadow:none;
}
#stickyOfferBar .offer-meta{
  font-size:11px;
  font-weight:600;
  color:#9aa4b2;
  letter-spacing:.1px;
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
#stickyOfferBar .offer-meta b{
  color:var(--gold-2);
  font-weight:900;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  background:rgba(255,213,74,.10);
  border:1px solid rgba(255,213,74,.25);
  padding:1px 6px;
  border-radius:5px;
  letter-spacing:.6px;
  min-width:44px;
  text-align:center;
  display:inline-block;
}
.febric-sticky-buy{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center;
  gap:9px;
  padding:15px 34px;
  border-radius:13px;
  background:var(--grad-cta);
  color:#fff;
  font-weight:900;
  font-size:14.5px;
  letter-spacing:1.1px;
  text-transform:uppercase;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(105,87,255,.42), inset 0 1px 0 rgba(255,255,255,.18);
  transition:background .25s ease, transform .15s ease, box-shadow .25s ease;
  white-space:nowrap;
  flex:0 0 auto;
}
.febric-sticky-buy::before{
  content:"";
  position:absolute; top:-20%; left:-75%;
  width:45%; height:140%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.30),transparent);
  transform:skewX(-20deg);
  animation:shine 3.8s ease-in-out infinite;
}
.febric-sticky-buy svg{ flex:0 0 auto; transition:transform .22s ease; }
.febric-sticky-buy:hover{
  background:var(--grad-cta-hover);
  transform:translateY(-1px);
  box-shadow:0 14px 36px rgba(105,87,255,.58), inset 0 1px 0 rgba(255,255,255,.22);
}
.febric-sticky-buy:hover svg{ transform:translateX(4px); }
.febric-sticky-buy:active{ transform:scale(.98); }

/* ================= RESPONSIVE ================= */
@media (max-width:1080px){
  .hero-body{ max-width:760px; gap:24px; }
  .hero-body .hero-product{ max-width:300px; }
  .hero-body .hero-features{ max-width:340px; }
  .reels-strip{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
  .proof-card.main{ height:330px; }
  .proof-card.side{ height:270px; }
}

@media (max-width:820px){
  body{ padding-bottom:112px; }
  section{ padding:48px 16px; }
  .flash-banner{ font-size:11.5px; padding:9px 10px; }
  .hero{ padding:44px 0 36px; }
  .hero-inner{ gap:32px; }
  .hero-title{ letter-spacing:-1.6px; }
  .hero-body{ flex-wrap:wrap; flex-direction:column; gap:30px; max-width:100%; }
  .hero-body .hero-product{ max-width:340px; width:100%; }
  .hero-body .hero-features{ max-width:340px; width:100%; text-align:left; }
  .feature-list{ grid-template-columns:1fr; }
  .rating-badge{ text-align:left; }
  .offer-card{ padding:34px 18px 18px; border-radius:18px; max-width:100%; }
  .offer-card::before{ border-radius:18px; }
  .price-row{ gap:10px; margin-bottom:24px; }
  .save-tag{ font-size:10.5px; padding:6px 10px; }
  .buy-button{ font-size:15px; padding:17px 12px; border-radius:14px; gap:7px; }
  .pay-bar{ gap:14px; padding:10px 12px; }
  .pay-bar img{ height:20px; }
  .pay-bar .pay-sm{ height:22px; }
  .reels-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .who-grid{ grid-template-columns:1fr 1fr; gap:18px; }
  .upload-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  .upload-card{ padding:18px 10px; }
  .upload-card img{ width:52px; height:52px; }
  .upload-card h3{ font-size:14px; }
  .money-grid{ grid-template-columns:1fr; }
  .money-art img{ max-height:230px; }
  .creator-bonus-section .bonus-grid{ grid-template-columns:1fr; gap:22px; }
  .creator-bonus-section .bonus-card{ padding:24px; border-radius:20px; }
  .creator-bonus-section .bonus-card::before{ border-radius:20px 0 0 20px; }
  .creator-bonus-section .card-tag{ margin-bottom:18px; padding:8px 12px; font-size:11.5px; }
  .fb-review-section{ padding:26px 16px; border-radius:14px; }
  .fb-review-section .review-card{ width:260px; padding:15px; }
  .proof-card.main{ width:52%; height:280px; }
  .proof-card.side{ width:24%; height:220px; }
  .proof-card.s1,.proof-card.s4{ display:none; }
  .growth-panel{ padding:36px 14px 0; border-radius:20px; }
  .faq-body{ padding:0 18px 18px 50px; }
  .faq-item summary{ padding:15px 16px; font-size:14.5px; gap:10px; }
  #stickyOfferBar{ padding:8px 10px 10px; }
  #stickyOfferBar .sticky-offer-inner{ padding:10px 12px; gap:10px; border-radius:14px; }
  #stickyOfferBar .new-price-sm{ font-size:26px; letter-spacing:-1.1px; }
  #stickyOfferBar .old-price-sm{ font-size:13px; }
  #stickyOfferBar .save-chip{ display:none; }
  #stickyOfferBar .price-row{ margin-bottom:5px; gap:14px; }
  #stickyOfferBar .offer-meta{ font-size:10.5px; gap:4px; color:#a7b1bf; }
  #stickyOfferBar .offer-meta b{
    color:#ffd54a;
    background:rgba(255,213,74,.14);
    border-color:rgba(255,213,74,.34);
    font-size:10.5px;
    min-width:42px;
    padding:1px 5px;
  }
  #stickyOfferBar .meta-sep{ display:none; }
  .febric-sticky-buy{
    padding:14px 16px; font-size:12px; letter-spacing:.7px; gap:6px;
    box-shadow:0 6px 16px rgba(105,87,255,.28), inset 0 1px 0 rgba(255,255,255,.15);
  }
  .febric-sticky-buy svg{ width:14px; height:14px; }
}

@media (max-width:520px){
  .who-grid{ grid-template-columns:1fr; }
  .flash-banner{ font-size:10.5px; }
  .rb-top{ font-size:15px; }
  .new-price{ font-size:44px; }
  .old-price{ font-size:19px; }
  .reels-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #stickyOfferBar .sticky-offer-inner{ padding:8px 12px; }
  #stickyOfferBar .new-price-sm{ font-size:23px; letter-spacing:-.9px; }
  #stickyOfferBar .save-chip{ display:none; }
  #stickyOfferBar .price-row{ margin-bottom:4px; gap:14px; }
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation:none !important; transition:none !important; }
  .fb-review-section .review-track{ animation:none !important; }
}