:root{
  --bg:#080b1a;
  --bg2:#0d1230;
  --card:rgba(255,255,255,.04);
  --border:rgba(255,255,255,.10);
  --text:#eef1ff;
  --muted:#9aa3c7;
  --brand:#7c5cff;
  --brand2:#22d3ee;
  --accent:#ff5c8a;
  --gold:#ffd166;
  --green:#2ee6a6;
  --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.5;
}
/* animated background glow */
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg-glow span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.bg-glow .g1{width:520px;height:520px;background:#5b3df5;top:-160px;left:-120px}
.bg-glow .g2{width:480px;height:480px;background:#14b8c9;top:10%;right:-140px}
.bg-glow .g3{width:420px;height:420px;background:#ff4d7d;bottom:-160px;left:30%;opacity:.35}

/* ===== Scarcity bar (deep, vivid red) ===== */
.scarcity{
  position:relative;z-index:5;
  background:linear-gradient(90deg,#ff2244,#c40024 55%,#8f0018);
  color:#fff;font-weight:600;font-size:.92rem;
  text-align:center;padding:11px 16px;
  display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;
  box-shadow:0 6px 24px -6px rgba(255,34,68,.5);
}
.scarcity .timer{display:inline-flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums}
.scarcity .pill{background:rgba(0,0,0,.32);border-radius:8px;padding:2px 8px;font-weight:800}

/* ===== Nav ===== */
nav{
  position:relative;z-index:5;
  max-width:1180px;margin:0 auto;padding:18px 24px;
  display:flex;align-items:center;justify-content:space-between;
}
/* Logo image lockup — transparent PNG, tightly cropped */
.logo-img{height:44px;width:auto;display:block}
.nav-cta{
  background:var(--card);border:1px solid var(--border);color:var(--text);
  padding:10px 18px;border-radius:10px;font-weight:600;text-decoration:none;font-size:.9rem;
  transition:.2s;
}
.nav-cta:hover{background:rgba(255,255,255,.08)}

/* ===== Hero ===== */
.hero{position:relative;z-index:5;max-width:1180px;margin:0 auto;padding:30px 24px 70px;text-align:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--card);border:1px solid var(--border);
  padding:8px 16px;border-radius:100px;font-size:.83rem;font-weight:600;color:var(--muted);
  backdrop-filter:blur(8px);margin-bottom:26px;
}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(46,230,166,.18);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(46,230,166,0)}}
.eyebrow b{color:var(--text)}

h1{
  font-family:'Plus Jakarta Sans';font-weight:800;
  font-size:clamp(2.1rem,5.2vw,3.7rem);line-height:1.08;letter-spacing:-.02em;
  margin-bottom:22px;
}
h1 .grad{background:linear-gradient(120deg,var(--brand2),var(--brand) 55%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-size:clamp(1rem,2.2vw,1.22rem);color:var(--muted);max-width:760px;margin:0 auto 40px}
.sub b{color:var(--text)}

/* ===== Two-column hero grid: video + offer | points ===== */
.hero-grid{
  display:grid;grid-template-columns:1.02fr .98fr;gap:22px 40px;align-items:start;
  grid-template-areas:"video points" "offer points";
  text-align:left;margin-bottom:8px;
}
.col-video{grid-area:video}
.col-points{grid-area:points}
.col-offer{grid-area:offer;align-self:stretch}
.col-points .taste-title{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.3rem;line-height:1.25;margin-bottom:16px;
}
.blist{list-style:none;display:flex;flex-direction:column;gap:9px}
.blist li{
  display:flex;gap:11px;align-items:flex-start;font-size:.95rem;line-height:1.45;color:var(--muted);
  background:var(--card);border:1px solid var(--border);border-radius:12px;padding:11px 15px;
  transition:.18s;
}
.blist li:hover{background:rgba(124,92,255,.08);border-color:rgba(124,92,255,.35);transform:translateX(3px)}
.blist li i{color:var(--green);font-size:1.05rem;margin-top:3px;flex-shrink:0}
.blist li span{flex:1}
.blist li b{color:#fff;font-weight:700}

/* video */
.video-label{display:flex;align-items:center;gap:10px;color:var(--gold);font-weight:600;margin-bottom:14px;font-size:.98rem}
.video-label i{font-size:1.1rem}
.video-wrap{
  position:relative;width:100%;margin:0;
  border-radius:22px;padding:10px;
  background:linear-gradient(135deg,rgba(124,92,255,.5),rgba(34,211,238,.5));
  box-shadow:0 30px 80px -20px rgba(91,61,245,.55);
}
.video{
  position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
  background:radial-gradient(circle at 50% 40%,#1b2350,#0a0e24);
  display:grid;place-items:center;cursor:pointer;
}
.video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video::after{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 12px,transparent 12px 24px)}
.play{
  position:relative;z-index:2;width:88px;height:88px;border-radius:50%;
  background:rgba(255,255,255,.95);display:grid;place-items:center;
  box-shadow:0 12px 40px rgba(0,0,0,.5);transition:.25s;
}
.play::before{content:"";display:block;margin-left:6px;
  border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #16183a}
.video:hover .play{transform:scale(1.08)}
.play-ring{position:absolute;z-index:1;width:88px;height:88px;border-radius:50%;
  border:2px solid rgba(255,255,255,.5);animation:ring 2.2s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
.video-tag{position:absolute;z-index:2;bottom:16px;left:50%;transform:translateX(-50%);
  background:rgba(0,0,0,.55);border:1px solid var(--border);backdrop-filter:blur(6px);
  padding:7px 16px;border-radius:100px;font-size:.82rem;color:var(--muted)}
.video-badge{position:absolute;z-index:2;top:16px;left:16px;background:var(--accent);color:#fff;
  font-size:.72rem;font-weight:700;padding:5px 11px;border-radius:7px;letter-spacing:.04em}

/* benefit chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:30px auto 0;max-width:820px}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);
  padding:9px 15px;border-radius:100px;font-size:.88rem;font-weight:500}
.chip i{color:var(--green)}

/* price + CTA */
.offer{
  width:100%;margin:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;
  backdrop-filter:blur(10px);
}
.offer .oneoff{font-size:.85rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.price{display:flex;align-items:baseline;justify-content:center;gap:14px;margin-bottom:6px}
.price .old{color:var(--muted);text-decoration:line-through;font-size:1.3rem}
.price .new{font-family:'Plus Jakarta Sans';font-weight:800;font-size:3rem;background:linear-gradient(120deg,var(--brand2),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}
.price .once{background:var(--gold);color:#3a2e00;font-weight:800;font-size:.72rem;padding:4px 9px;border-radius:6px;align-self:center;letter-spacing:.04em}
.cta{
  display:flex;align-items:center;justify-content:center;gap:12px;width:100%;
  margin-top:18px;padding:18px 24px;border:none;border-radius:13px;cursor:pointer;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.12rem;color:#fff;text-decoration:none;
  background:linear-gradient(120deg,var(--brand),var(--accent));
  box-shadow:0 14px 40px -8px rgba(255,92,138,.6);transition:.22s;
  animation:cta 2.4s ease-in-out infinite;
}
@keyframes cta{50%{transform:translateY(-3px)}}
.cta:hover{filter:brightness(1.08);transform:translateY(-3px)}
.cta i{font-size:1rem}
.cta-lg{max-width:520px;margin:0 auto;font-size:1.18rem;padding:20px 30px}

/* ===== Big countdown ===== */
.countdown{margin-top:18px;text-align:center}
.cd-label{color:var(--muted);font-size:.86rem;font-weight:600;margin-bottom:10px}
.cd-label i{color:var(--gold);margin-right:5px}
.cd-boxes{display:flex;align-items:center;justify-content:center;gap:8px}
.cd-box{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  background:linear-gradient(180deg,#1a2138,#111726);
  border:1px solid var(--border);border-radius:12px;
  padding:10px 4px;min-width:64px;
  box-shadow:0 8px 22px -10px rgba(0,0,0,.7);
}
.cd-box span{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.9rem;line-height:1;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(120deg,#fff,#c9d2ff);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.cd-box small{color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.12em}
.cd-sep{font-size:1.5rem;font-weight:800;color:var(--muted);margin-top:-8px}

/* ===== Urgency strip = full-bleed section separator ===== */
.urgency-strip{
  position:relative;z-index:5;width:100%;margin:56px 0 0;
  display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;
  background:linear-gradient(90deg,#ff2244,#c40024 55%,#8f0018);
  color:#fff;font-weight:800;font-size:clamp(.85rem,1.9vw,1.05rem);letter-spacing:.01em;
  padding:16px 20px;
  box-shadow:0 10px 40px -10px rgba(255,34,68,.6);
}
.urgency-strip i{color:#ffd9df;opacity:.9}

/* ===== LIVE DEMO ===== */
.livedemo{
  position:relative;z-index:5;padding:56px 24px 40px;
  background:
    radial-gradient(1000px 480px at 50% 0%, rgba(124,92,255,.16), transparent 60%),
    linear-gradient(180deg,#0b1226 0%,#0a0f20 100%);
}
.livedemo-inner{max-width:980px;margin:0 auto;text-align:center}
.livedemo-banner{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  width:100%;max-width:920px;margin:0 auto 18px;padding:16px 22px;border-radius:14px;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.05rem,2.6vw,1.45rem);
  color:#fff;letter-spacing:.01em;
  background:linear-gradient(120deg,var(--brand),var(--accent) 55%,#22d3ee);
  box-shadow:0 18px 40px -18px rgba(124,92,255,.7);
}
.livedemo-banner i{font-size:1.15em}
.livedemo-banner b{color:#fff;text-decoration:underline;text-underline-offset:4px}
.livedemo-flow{
  color:var(--muted);font-size:clamp(.9rem,1.8vw,1.05rem);font-weight:600;line-height:1.6;
  margin:0 auto 26px;max-width:820px;
}
.livedemo-flow i{color:var(--brand2);margin:0 6px;font-size:.85em}
.livedemo-player{max-width:900px;margin:0 auto}

/* ===== BUY BOX (price + product mockup) ===== */
.buybox{
  position:relative;z-index:5;padding:28px 24px 64px;
  background:linear-gradient(180deg,#0a0f20 0%,#0b1226 100%);
  border-bottom:1px solid var(--border);
}
.buybox-inner{max-width:1100px;margin:0 auto}
.buybox-card{
  display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(124,92,255,.06));
  border:1px solid rgba(124,92,255,.35);border-radius:24px;padding:28px 30px;
  box-shadow:0 40px 80px -40px rgba(124,92,255,.55);
}
.buybox-copy{text-align:center}
.buybox-want{
  display:inline-block;margin-bottom:16px;padding:10px 18px;border-radius:10px;
  border:2px dashed rgba(255,255,255,.35);color:#fff;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:.95rem;letter-spacing:.04em;
}
.buybox-value{color:var(--muted);font-size:1.05rem;margin-bottom:8px}
.buybox-value b{color:#fff}
.buybox-reg{color:var(--muted);font-size:1.1rem;margin-bottom:12px}
.buybox-reg span{color:#ff5c8a;text-decoration:line-through;font-weight:800}
.buybox-special{
  color:#34d399;font-weight:700;font-size:1.05rem;line-height:1.35;margin-bottom:18px;
}
.buybox-special strong{
  display:inline-block;margin-top:4px;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.6rem,3.5vw,2.15rem);
  color:transparent;background:linear-gradient(120deg,#34d399,#22d3ee);
  -webkit-background-clip:text;background-clip:text;
}
.buybox-special small{font-size:.55em;color:#34d399;font-weight:800}
.buybox-copy .cta{margin-top:6px}
.buybox-copy .how-cta-sub{margin-top:12px}
.buybox-warn{
  display:flex;align-items:flex-start;gap:10px;text-align:left;
  margin:18px auto 0;max-width:460px;padding:12px 14px;border-radius:12px;
  background:rgba(255,180,40,.12);border:1px solid rgba(255,180,40,.35);
  color:#ffd89a;font-size:.88rem;line-height:1.45;
}
.buybox-warn i{color:#ffb428;margin-top:2px;flex-shrink:0}
.buybox-warn b{color:#fff}
.buybox-badges{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;
  margin-top:18px;color:var(--muted);font-size:.85rem;font-weight:600;
}
.buybox-badges i{font-size:1.35rem;vertical-align:middle;margin-right:4px}
.buybox-badges span{display:inline-flex;align-items:center;gap:5px}
.buybox-media{display:grid;place-items:center}
.buybox-media img{
  width:100%;max-width:480px;height:auto;display:block;
  filter:drop-shadow(0 28px 50px rgba(124,92,255,.35));
}
@media(max-width:860px){
  .buybox-card{grid-template-columns:1fr;padding:24px 20px}
  .buybox-media{order:-1}
  .buybox-media img{max-width:360px}
}

/* ===== HOW IT WORKS (own background band) ===== */
.how{
  position:relative;z-index:5;padding:72px 24px 76px;
  background:
    radial-gradient(1100px 520px at 50% -10%, rgba(34,211,238,.10), transparent 60%),
    linear-gradient(180deg,#0a0f22 0%,#0c1330 55%,#0a0f22 100%);
  border-bottom:1px solid var(--border);
}
.how-inner{max-width:1120px;margin:0 auto}
.sec-head{text-align:center;margin-bottom:56px}
.kicker{
  display:inline-block;color:var(--brand2);font-weight:800;letter-spacing:.18em;font-size:.8rem;
  border:1px solid var(--border);background:rgba(0,0,0,.25);border-radius:100px;padding:6px 16px;margin-bottom:16px;
}
.sec-head h2{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.15}
.sec-sub{color:var(--muted);margin-top:14px;font-size:1.05rem}

/* Big alternating step rows */
.step-rows{display:flex;flex-direction:column;gap:34px}
.step-row{
  display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;
}
.step-row.reverse .step-media{order:2}
.step-row.reverse .step-text{order:1}

.step-media{
  position:relative;border-radius:18px;overflow:hidden;
  padding:10px;background:linear-gradient(135deg,rgba(124,92,255,.55),rgba(34,211,238,.55));
  box-shadow:0 34px 80px -26px rgba(91,61,245,.6);
}
.step-media img{
  width:100%;display:block;border-radius:11px;aspect-ratio:492/320;object-fit:cover;
  background:#0a0e24;
}

.step-kicker{
  display:inline-flex;align-items:center;gap:12px;
  color:var(--muted);font-weight:800;letter-spacing:.14em;font-size:.82rem;margin-bottom:14px;
}
.step-num{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.5rem;color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  box-shadow:0 10px 24px -6px rgba(255,92,138,.7);
}
.step-text h3{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.4rem,2.6vw,2rem);margin:0 0 12px}
.step-text p{color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0;max-width:520px}

.how-cta{text-align:center;margin-top:56px}
.how-cta-sub{color:var(--muted);font-size:.85rem;margin-top:14px}
.how-cta-sub i{color:var(--green);margin-right:5px}

@media(max-width:820px){
  .step-row{grid-template-columns:1fr;gap:20px;max-width:520px;margin:0 auto}
  .step-row.reverse .step-media{order:1}
  .step-row.reverse .step-text{order:2}
  .step-text{text-align:center}
  .step-kicker{justify-content:center}
  .step-text p{margin:0 auto}
}

/* ===== SAMPLE GALLERY (own background band) ===== */
.gallery{
  position:relative;z-index:5;padding:72px 24px 80px;
  background:
    radial-gradient(1000px 520px at 50% -10%, rgba(255,92,138,.13), transparent 60%),
    radial-gradient(900px 500px at 100% 110%, rgba(124,92,255,.14), transparent 60%),
    linear-gradient(180deg,#0b0a1e 0%,#100a26 55%,#0b0a1e 100%);
  border-bottom:1px solid var(--border);
}
.gallery-inner{max-width:1120px;margin:0 auto}
.gallery-chips{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;
}
.gallery-chips span{
  display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--text);
  background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:100px;padding:8px 16px;
}
.gallery-chips i{color:var(--brand2)}

/* video frame (shared) */
.sample-video{
  position:relative;border-radius:20px;overflow:hidden;padding:8px;
  background:linear-gradient(135deg,rgba(124,92,255,.55),rgba(255,92,138,.55));
  box-shadow:0 30px 70px -26px rgba(124,92,255,.6);transition:.2s;
}
.sample-video:hover{transform:translateY(-6px)}
.sample-video video{
  width:100%;display:block;border-radius:13px;aspect-ratio:9/16;object-fit:cover;background:#000;cursor:pointer;
}

/* ===== Transform rows: Amazon page -> arrow -> video ===== */
.sample-rows{display:flex;flex-direction:column;gap:30px}
.xform{
  display:grid;grid-template-columns:minmax(0,1fr) auto 300px;align-items:center;gap:28px;
  background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:22px;
  padding:24px 26px;
}
.xform-src{max-width:520px;justify-self:center;width:100%}
.xform-tag{
  display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.8rem;letter-spacing:.03em;
  color:var(--muted);margin-bottom:11px;
}
.xform-tag i{color:#ff9a3c}
.xform-tag.out i{color:var(--brand2)}

/* Amazon screenshot in a browser-window mockup */
.browser{
  border-radius:14px;overflow:hidden;border:1px solid var(--border);
  background:#0e1430;box-shadow:0 26px 64px -28px rgba(0,0,0,.85);
}
.browser-bar{
  display:flex;align-items:center;gap:12px;padding:10px 14px;
  background:linear-gradient(180deg,#161d38,#111730);border-bottom:1px solid var(--border);
}
.browser-dots{display:inline-flex;gap:7px}
.browser-dots i{width:11px;height:11px;border-radius:50%;display:block}
.browser-dots i:nth-child(1){background:#ff5f57}
.browser-dots i:nth-child(2){background:#febc2e}
.browser-dots i:nth-child(3){background:#28c840}
.browser-url{
  flex:1;background:#0b1020;border:1px solid var(--border);border-radius:8px;
  padding:6px 14px;font-size:.76rem;color:var(--muted);
  display:flex;align-items:center;gap:8px;max-width:280px;
}
.browser-url i{font-size:.68rem;color:var(--green)}
.browser-shot{aspect-ratio:5/4;overflow:hidden;background:#fff}
.browser-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}

/* Animated arrow */
.xform-arrow{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--brand2);min-width:96px}
.arrow-badge{
  width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:1.15rem;color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  box-shadow:0 10px 26px -6px rgba(124,92,255,.7);
  animation:badgefloat 2.4s ease-in-out infinite;
}
.xform-arrow .chevs{font-size:2rem;animation:chev 1.3s ease-in-out infinite}
.arrow-cap{font-family:'Plus Jakarta Sans';font-weight:800;font-size:.72rem;letter-spacing:.06em;color:var(--muted)}
@keyframes chev{0%,100%{transform:translateX(-6px);opacity:.55}50%{transform:translateX(6px);opacity:1}}
@keyframes badgefloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

.xform-out{justify-self:center}

@media(max-width:820px){
  .xform{grid-template-columns:1fr;justify-items:center;gap:6px;padding:20px 16px}
  .xform-src{width:100%;max-width:520px}
  .xform-arrow{flex-direction:row;gap:12px;margin:4px 0}
  .xform-arrow .chevs{transform:rotate(90deg);animation:chevdown 1.3s ease-in-out infinite}
  .arrow-cap{order:-1}
  @keyframes chevdown{0%,100%{transform:rotate(90deg) translateX(-6px);opacity:.55}50%{transform:rotate(90deg) translateX(6px);opacity:1}}
  .xform-out{width:100%;max-width:300px}
}

/* ===== WHAT CAN YOU DO (own background band) ===== */
.uses{
  position:relative;z-index:5;padding:74px 24px 84px;
  background:
    radial-gradient(1000px 520px at 50% -10%, rgba(245,179,1,.10), transparent 60%),
    radial-gradient(900px 500px at 0% 110%, rgba(40,200,120,.10), transparent 60%),
    linear-gradient(180deg,#0a0f22 0%,#0b1120 55%,#0a0f22 100%);
  border-bottom:1px solid var(--border);
}
.uses-inner{max-width:1080px;margin:0 auto}

/* Alternating image / copy feature rows */
.use-rows{display:flex;flex-direction:column;gap:34px;margin-top:8px}
.use-row{
  display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;
}
.use-row:nth-child(even) .use-media{order:2}
.use-row:nth-child(even) .use-copy{order:1}

.use-media{position:relative}
.use-media img{
  width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  border-radius:20px;border:1px solid rgba(124,92,255,.22);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.03) inset;
  transition:transform .35s ease, box-shadow .35s ease;
}
.use-row:hover .use-media img{transform:translateY(-4px);box-shadow:0 46px 90px -40px rgba(124,92,255,.55)}
/* soft glow behind image */
.use-media::after{
  content:"";position:absolute;inset:auto -6% -14% -6%;height:60%;z-index:-1;filter:blur(46px);opacity:.5;
  background:radial-gradient(60% 100% at 50% 100%, rgba(124,92,255,.55), transparent 70%);
}

.use-copy{max-width:460px}
.use-row:nth-child(even) .use-copy{margin-left:auto}
.use-num{
  display:inline-block;font-family:'Plus Jakarta Sans';font-weight:800;font-size:.95rem;
  color:transparent;background:linear-gradient(120deg,#a78bfa,#7c5cff);-webkit-background-clip:text;background-clip:text;
  letter-spacing:.14em;margin-bottom:6px;
}
.use-tag{
  display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:6px 13px;border-radius:999px;
  font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:#c9bbff;background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.32);
}
.use-tag i{font-size:.8rem}
.use-copy h3{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.35rem,2.6vw,1.85rem);
  line-height:1.2;margin:0 0 12px;color:#fff;
}
.use-copy p{color:var(--muted);font-size:1rem;line-height:1.6;margin:0}

@media(max-width:820px){
  .use-row{grid-template-columns:1fr;gap:20px;max-width:520px;margin:0 auto;text-align:center}
  .use-row:nth-child(even) .use-media{order:1}
  .use-row:nth-child(even) .use-copy{order:2;margin-left:auto;margin-right:auto}
  .use-copy{margin:0 auto}
  .use-tag{margin-left:auto;margin-right:auto}
}

/* ===== AGITATION (own dark, red-tinted band) ===== */
.agitate{
  position:relative;z-index:5;padding:74px 24px 84px;
  background:
    radial-gradient(1000px 520px at 50% -10%, rgba(255,34,68,.13), transparent 60%),
    radial-gradient(800px 460px at 100% 110%, rgba(143,0,24,.16), transparent 60%),
    linear-gradient(180deg,#0c0a10 0%,#140a10 55%,#0c0a10 100%);
  border-bottom:1px solid var(--border);
}
.agitate-inner{max-width:1060px;margin:0 auto}
.kicker-red{color:#ff5c72;border-color:rgba(255,92,114,.4);background:rgba(143,0,24,.18)}
.grad-red{background:linear-gradient(120deg,#ff5c72,#ff2244);-webkit-background-clip:text;background-clip:text;color:transparent}

.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pain{
  margin:0;background:rgba(255,255,255,.02);border:1px solid rgba(255,92,114,.18);border-radius:18px;
  overflow:hidden;transition:.2s;
}
.pain:hover{transform:translateY(-4px);border-color:rgba(255,92,114,.5);
  box-shadow:0 34px 64px -34px rgba(255,34,68,.55)}
.pain-img{position:relative;overflow:hidden}
.pain-img img{
  width:100%;aspect-ratio:16/10;object-fit:cover;display:block;
  filter:saturate(.9) contrast(1.02);transition:transform .4s ease;
}
.pain:hover .pain-img img{transform:scale(1.04)}
/* dark red wash so the "no / broken" mood reads instantly */
.pain-img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(143,0,24,.10) 0%,rgba(12,10,16,.20) 55%,rgba(12,10,16,.78) 100%);
}
.pain-x{
  position:absolute;top:14px;left:14px;z-index:2;
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  color:#fff;font-size:1.15rem;background:linear-gradient(135deg,#ff4d63,#c40024);
  box-shadow:0 10px 24px -8px rgba(255,34,68,.9), 0 0 0 6px rgba(255,34,68,.14);
  border:2px solid rgba(255,255,255,.85);
}
.pain:hover .pain-x{box-shadow:0 12px 28px -8px rgba(255,34,68,1), 0 0 0 8px rgba(255,34,68,.2)}
.pain figcaption{
  position:relative;z-index:2;margin-top:-42px;padding:0 20px 20px;
  color:#fff;font-size:1rem;line-height:1.5;font-weight:500;
}
.pain figcaption b{color:#ff8a9a;font-weight:800}

.agitate-cta{text-align:center;margin-top:48px}
.agitate-line{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.3;
  margin:0 auto 26px;max-width:720px;color:#fff;
}
.agitate-line b{color:#fff}

@media(max-width:640px){
  .pain-grid{grid-template-columns:1fr}
}

/* ===== FEATURE STACK ===== */
.feat{
  position:relative;z-index:5;padding:74px 24px 84px;
  background:
    radial-gradient(1000px 520px at 0% -10%, rgba(124,92,255,.12), transparent 60%),
    radial-gradient(900px 500px at 100% 110%, rgba(34,211,238,.08), transparent 60%),
    linear-gradient(180deg,#0a0f20 0%,#0b1226 55%,#0a0f20 100%);
  border-bottom:1px solid var(--border);
}
.feat-inner{max-width:1120px;margin:0 auto}

/* alternating point + image rows */
.feat-rows{display:flex;flex-direction:column;gap:22px}
.frow{
  display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;
  background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:.22s;
}
.frow:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.45);
  box-shadow:0 34px 66px -36px rgba(124,92,255,.55)}
.frow-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#0b1226}
.frow-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.frow:hover .frow-media img{transform:scale(1.05)}
.frow-body{padding:30px 38px;display:flex;flex-direction:column;justify-content:center}
.fnum{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:.82rem;letter-spacing:.14em;margin-bottom:12px;
  color:transparent;background:linear-gradient(135deg,var(--brand),#22d3ee);
  -webkit-background-clip:text;background-clip:text;
}
.frow-body h3{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.3rem;line-height:1.25;color:#fff;margin:0 0 10px}
.frow-body p{color:var(--muted);font-size:.98rem;line-height:1.6;margin:0}
/* flip image to the right on even rows */
.frow:nth-child(even){grid-template-columns:.95fr 1.05fr}
.frow:nth-child(even) .frow-media{order:2}

.feat-more{
  margin-top:26px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:stretch;overflow:hidden;
  background:rgba(124,92,255,.06);border:1px solid rgba(124,92,255,.24);border-radius:20px;
}
.feat-more-media{position:relative;overflow:hidden;background:#0b1226;min-height:220px}
.feat-more-media img{width:100%;height:100%;object-fit:cover;display:block}
.feat-more-body{padding:30px 34px}
.feat-more-body h3{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.18rem;color:#fff;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.feat-more-body h3 i{color:var(--brand)}
.feat-more-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.feat-more-list span{
  display:flex;align-items:flex-start;gap:11px;color:var(--text);font-size:.95rem;line-height:1.45;
}
.feat-more-list i{
  flex-shrink:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-top:1px;
  color:#fff;font-size:.68rem;background:linear-gradient(135deg,#34d399,#12a56f);
}

@media(max-width:820px){
  .frow,.frow:nth-child(even){grid-template-columns:1fr}
  .frow:nth-child(even) .frow-media{order:0}
  .frow-body{padding:24px 26px 28px}
  .feat-more{grid-template-columns:1fr}
  .feat-more-media{aspect-ratio:16/9;min-height:0}
  .feat-more-list{grid-template-columns:1fr}
}

/* ===== COST COMPARISON ===== */
.cost{
  position:relative;z-index:5;padding:74px 24px 88px;
  background:
    radial-gradient(1000px 520px at 100% -10%, rgba(124,92,255,.13), transparent 60%),
    radial-gradient(880px 480px at 0% 110%, rgba(34,211,238,.09), transparent 60%),
    linear-gradient(180deg,#0b1226 0%,#0a0f20 60%,#0b1226 100%);
  border-bottom:1px solid var(--border);
}
.cost-inner{max-width:760px;margin:0 auto}
.cost-card{
  background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;
  box-shadow:0 40px 80px -44px rgba(0,0,0,.9);
}
.cost-head{
  display:flex;justify-content:space-between;gap:16px;padding:15px 26px;
  background:rgba(124,92,255,.10);border-bottom:1px solid var(--border);
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
}
.cost-row{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:17px 26px;border-bottom:1px solid var(--border);
}
.cost-row:last-child{border-bottom:0}
.cost-item{display:flex;align-items:center;gap:12px;color:var(--text);font-size:1rem;font-weight:600}
.cost-item i{width:20px;text-align:center;color:var(--brand)}
.cost-item small{color:var(--muted);font-weight:600}
.cost-val{color:#fff;font-weight:800;font-family:'Plus Jakarta Sans';white-space:nowrap;font-size:1.02rem}
.cost-val small{color:var(--muted);font-weight:600;font-size:.8rem}
.cost-row--win{
  background:linear-gradient(90deg, rgba(124,92,255,.16), rgba(34,211,238,.10));
  border-top:1px solid rgba(124,92,255,.4);
}
.cost-row--win .cost-item,.cost-row--win .cost-item i{color:#fff;font-weight:800}
.cost-row--win .cost-val{font-size:1.1rem}
.cost-once{
  color:transparent;background:linear-gradient(135deg,var(--brand),#22d3ee);
  -webkit-background-clip:text;background-clip:text;font-size:1.55rem;font-weight:800;
}
.cost-note{
  text-align:center;margin:22px auto 0;max-width:620px;color:var(--text);font-size:1rem;line-height:1.55;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.cost-note i{color:#34d399}
@media(max-width:560px){
  .cost-head,.cost-row{padding-left:18px;padding-right:18px}
  .cost-item{font-size:.9rem;gap:9px}
  .cost-note{flex-direction:column;gap:6px}
}

/* ===== INTRODUCING (after cost comparison) ===== */
.intro{
  position:relative;z-index:5;padding:72px 24px 80px;
  background:
    radial-gradient(1100px 560px at 50% -8%, rgba(124,92,255,.18), transparent 58%),
    radial-gradient(900px 480px at 80% 100%, rgba(34,211,238,.10), transparent 55%),
    linear-gradient(180deg,#0a0f20 0%,#0b1226 50%,#0a0f20 100%);
  border-bottom:1px solid var(--border);
  text-align:center;
}
.intro-inner{max-width:980px;margin:0 auto}
.intro-eyebrow{
  display:inline-block;margin-bottom:16px;padding:7px 16px;border-radius:100px;
  background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.35);
  color:var(--brand2);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
}
.intro-title{
  font-family:'Plus Jakarta Sans';font-weight:800;
  font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.12;letter-spacing:-.02em;
  color:#fff;margin:0 0 14px;
}
.intro-tagline{
  font-family:'Plus Jakarta Sans';font-weight:700;
  font-size:clamp(1.1rem,2.6vw,1.5rem);line-height:1.45;
  color:var(--text);margin:0 auto 20px;max-width:760px;
}
.intro-tagline b{color:#fff}
.intro-sub{
  display:inline-block;margin:0 auto;padding:11px 22px;border-radius:100px;
  font-weight:700;font-size:clamp(.9rem,1.9vw,1.05rem);color:#fff;
  background:linear-gradient(120deg,var(--brand),var(--accent) 55%,#22d3ee);
  box-shadow:0 16px 36px -16px rgba(124,92,255,.65);
}
.intro-product{
  margin:26px auto 0;max-width:640px;
}
.intro-product img{
  width:100%;height:auto;display:block;
  mix-blend-mode:lighten;
}
.intro-demo-label{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  width:100%;max-width:640px;margin:44px auto 12px;padding:13px 20px;border-radius:100px;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(.95rem,2.2vw,1.2rem);
  color:#fff;background:linear-gradient(120deg,var(--brand),var(--accent));
  box-shadow:0 16px 36px -16px rgba(255,92,138,.55);
}
.intro-demo-label b{text-decoration:underline;text-underline-offset:3px}
.intro-flow{
  color:var(--muted);font-size:clamp(.85rem,1.6vw,.98rem);font-weight:600;line-height:1.6;
  margin:0 auto 20px;max-width:640px;
}
.intro-flow i{color:var(--brand2);margin:0 6px;font-size:.85em}
.intro-player{max-width:620px;margin:0 auto}
.intro-cta{margin-top:32px}

/* ===== LIFE WITHOUT vs WITH ===== */
.life{
  position:relative;z-index:5;padding:74px 24px 88px;
  background:
    radial-gradient(900px 480px at 0% 20%, rgba(255,34,68,.10), transparent 55%),
    radial-gradient(900px 480px at 100% 80%, rgba(52,211,153,.10), transparent 55%),
    linear-gradient(180deg,#0b1226 0%,#0a0f20 55%,#0b1226 100%);
  border-bottom:1px solid var(--border);
}
.life-inner{max-width:940px;margin:0 auto}
.life-x{color:#ff5c7a}
.life-check{color:#34d399}

/* framed two-panel image (matches the video-wrap gradient frame) */
.life-visual{
  position:relative;margin:0 auto 30px;border-radius:22px;padding:9px;
  background:linear-gradient(135deg,rgba(255,92,122,.55),rgba(52,211,153,.55));
  box-shadow:0 32px 80px -30px rgba(0,0,0,.85);
}
.life-visual img{width:100%;height:auto;display:block;border-radius:14px}
.life-tag{
  position:absolute;top:22px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 15px;border-radius:100px;color:#fff;backdrop-filter:blur(6px);
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:.76rem;letter-spacing:.05em;
}
.life-tag--no{left:20px;background:rgba(255,34,68,.9);box-shadow:0 8px 20px -6px rgba(255,34,68,.75)}
.life-tag--yes{right:20px;background:rgba(52,211,153,.9);box-shadow:0 8px 20px -6px rgba(52,211,153,.7)}

/* comparison card */
.life-table{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid rgba(124,92,255,.24);border-radius:20px;overflow:hidden;
  backdrop-filter:blur(8px);margin-bottom:8px;
}
.life-head{display:grid;grid-template-columns:1fr 1fr}
.life-col{
  padding:16px 20px;font-family:'Plus Jakarta Sans';font-weight:800;font-size:1rem;
  display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;
}
.life-col--no{background:rgba(255,34,68,.13);color:#ff8a9c;border-bottom:1px solid rgba(255,34,68,.28)}
.life-col--yes{background:rgba(52,211,153,.13);color:#6ee7b7;border-bottom:1px solid rgba(52,211,153,.28)}
.life-ico{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;color:#fff;flex-shrink:0}
.life-ico--no{background:linear-gradient(135deg,#ff4d63,#c40024)}
.life-ico--yes{background:linear-gradient(135deg,#34d399,#12a56f)}
.life-row{display:grid;grid-template-columns:1fr 1fr}
.life-row:not(:last-child) .life-cell{border-bottom:1px solid var(--border)}
.life-cell{
  padding:15px 20px;font-size:.98rem;line-height:1.4;
  display:flex;align-items:center;justify-content:center;gap:11px;text-align:left;
}
.life-cell i{
  flex-shrink:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;
  font-size:.66rem;color:#fff;
}
.life-cell--no{color:var(--muted);background:rgba(255,34,68,.04)}
.life-cell--no i{background:linear-gradient(135deg,#ff4d63,#c40024)}
.life-cell--no span{text-decoration:line-through;text-decoration-color:rgba(255,92,122,.55);opacity:.9}
.life-cell--yes{color:#fff;font-weight:700;background:rgba(52,211,153,.06);border-left:1px solid var(--border)}
.life-cell--yes i{background:linear-gradient(135deg,#34d399,#12a56f)}
.life-row:hover .life-cell--yes{background:rgba(52,211,153,.12)}
@media(max-width:560px){
  .life-col{padding:13px 12px;font-size:.86rem;gap:7px}
  .life-cell{padding:12px 12px;font-size:.85rem;gap:8px}
  .life-tag{font-size:.66rem;top:14px;padding:5px 11px}
  .life-tag--no{left:12px}.life-tag--yes{right:12px}
}

/* ===== BONUSES ===== */
.bonus{
  position:relative;z-index:5;padding:74px 24px 88px;
  background:
    radial-gradient(1000px 520px at 50% -10%, rgba(255,92,138,.12), transparent 58%),
    radial-gradient(900px 480px at 100% 110%, rgba(124,92,255,.12), transparent 58%),
    linear-gradient(180deg,#0a0f20 0%,#0b1226 55%,#0a0f20 100%);
  border-bottom:1px solid var(--border);
}
.bonus-inner{max-width:940px;margin:0 auto}
.bonus-cards{
  display:flex;flex-direction:column;gap:20px;
}
.bcard{
  position:relative;display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:center;
  background:var(--card);border:1px solid var(--border);border-radius:18px;
  padding:22px 28px 22px 22px;transition:.22s;overflow:hidden;
}
.bcard::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(520px 260px at 0% 50%, rgba(255,92,138,.12), transparent 60%);
}
.bcard:hover{transform:translateY(-5px);border-color:rgba(255,92,138,.45);
  box-shadow:0 34px 66px -34px rgba(255,92,138,.55)}
.bcard-media{position:relative;text-align:center}
.bcard-media img{
  width:100%;max-width:210px;height:auto;display:inline-block;
  filter:drop-shadow(0 22px 40px rgba(255,92,138,.35));
}
.bcard-body{position:relative;text-align:left}
.bcard-badge{
  display:inline-block;margin-bottom:11px;
  padding:6px 16px;border-radius:100px;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:.76rem;letter-spacing:.08em;color:#fff;
  background:linear-gradient(120deg,var(--brand),var(--accent));
  box-shadow:0 10px 24px -10px rgba(255,92,138,.7);
}
.bcard h3{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.22rem;
  color:#fff;margin:0 0 8px;line-height:1.25;
}
.bcard p{color:var(--muted);font-size:.96rem;line-height:1.55;margin:0 0 15px;max-width:520px}
.bcard-val{
  display:inline-block;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:1rem;
  color:#6ee7b7;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.35);
  padding:7px 18px;border-radius:100px;
}
@media(max-width:640px){
  .bcard{grid-template-columns:1fr;gap:14px;padding:22px;text-align:center}
  .bcard-media img{max-width:180px}
  .bcard-body{text-align:center}
  .bcard p{margin-left:auto;margin-right:auto}
}
.bonus-summary{
  text-align:center;margin:34px auto 0;max-width:640px;
  color:var(--text);font-size:1.08rem;line-height:1.5;
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
}
.bonus-summary i{color:var(--gold);font-size:1.2rem}
.bonus-summary b{color:#fff}
.bonus-free{
  color:#0a0f20;background:linear-gradient(120deg,#34d399,#22d3ee);
  font-weight:800;padding:2px 12px;border-radius:100px;letter-spacing:.04em;
}

/* ===== VALUE STACK / PRICE DROP ===== */
.vstack{
  position:relative;z-index:5;padding:78px 24px 96px;
  background:
    radial-gradient(1100px 560px at 50% -8%, rgba(124,92,255,.20), transparent 58%),
    radial-gradient(900px 520px at 50% 108%, rgba(255,92,138,.14), transparent 58%),
    linear-gradient(180deg,#0b1226 0%,#0a0f20 55%,#0b1226 100%);
}
.vstack-inner{max-width:720px;margin:0 auto}
.vstack-card{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(124,92,255,.4);border-radius:26px;
  padding:34px 34px 30px;text-align:center;
  box-shadow:0 50px 100px -46px rgba(124,92,255,.7);
}
.vstack-card::before{
  content:"";position:absolute;top:-2px;left:0;right:0;height:5px;
  background:linear-gradient(90deg,var(--brand),var(--accent) 50%,#22d3ee);
}
.vstack-list{list-style:none;display:flex;flex-direction:column;gap:0;margin:0 0 6px;text-align:left}
.vstack-list li{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 4px;border-bottom:1px dashed rgba(255,255,255,.12);
}
.vstack-list li:last-child{border-bottom:0}
.vs-item{display:flex;align-items:center;gap:11px;color:var(--text);font-size:1rem;font-weight:600;line-height:1.35}
.vs-item i{color:#34d399;font-size:1.05rem;flex-shrink:0}
.vs-bonus .vs-item i{color:var(--gold)}
.vs-bonus{background:rgba(255,199,64,.06);border-radius:10px;padding-left:10px;padding-right:10px;border-bottom-color:transparent}
.vs-val{
  flex-shrink:0;color:var(--muted);font-family:'Plus Jakarta Sans';font-weight:800;font-size:.98rem;
  text-decoration:line-through;text-decoration-color:rgba(255,92,122,.6);
}
.vs-val--price{color:#6ee7b7;text-decoration:none;font-size:.85rem;letter-spacing:.04em}

.vstack-total{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:18px 0 6px;padding:16px 20px;border-radius:14px;
  background:rgba(255,34,68,.08);border:1px solid rgba(255,34,68,.25);
}
.vstack-total span{color:#ff9aac;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}
.vstack-total b{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.7rem;color:#ff8a9c;
  text-decoration:line-through;text-decoration-color:rgba(255,92,122,.5);
}
.vstack-price{margin:22px 0 6px}
.vstack-price-label{color:var(--muted);font-weight:700;font-size:1rem;margin-bottom:6px}
.vstack-price-row{display:flex;align-items:center;justify-content:center;gap:16px}
.vs-old{color:var(--muted);text-decoration:line-through;font-size:1.6rem;font-weight:700}
.vs-arrow{color:var(--brand2);font-size:1.3rem}
.vs-new{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(3.4rem,9vw,5rem);line-height:1;
  background:linear-gradient(120deg,var(--brand2),var(--brand) 55%,var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 8px 24px rgba(124,92,255,.5));
}
.vstack-once{margin-top:8px;color:#6ee7b7;font-weight:700;font-size:.95rem}
.vstack-once i{margin-right:6px}
.vstack-cta{margin:22px auto 4px}
.vstack-countdown{
  display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0 4px;
}
.vs-cd-label{color:var(--muted);font-size:.9rem;font-weight:600}
.vs-cd-label i{color:var(--gold);margin-right:5px}
.vstack-trust{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;
  margin-top:20px;padding-top:20px;border-top:1px solid var(--border);
  color:var(--muted);font-size:.9rem;font-weight:600;
}
.vstack-trust i{color:var(--green);margin-right:5px}
.vstack-cards{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;color:var(--muted);font-size:2rem;opacity:.65}
@media(max-width:560px){
  .vstack-card{padding:26px 18px 24px}
  .vs-item{font-size:.92rem}
  .vstack-total{justify-content:center}
  .vstack-total b{font-size:1.4rem}
}

/* ===== GUARANTEE ===== */
.guarantee{
  position:relative;z-index:5;padding:74px 24px 84px;
  background:
    radial-gradient(900px 480px at 12% 30%, rgba(255,199,64,.12), transparent 58%),
    radial-gradient(900px 480px at 100% 100%, rgba(124,92,255,.12), transparent 58%),
    linear-gradient(180deg,#0a0f20 0%,#0b1226 60%,#0a0f20 100%);
  border-bottom:1px solid var(--border);
}
.guarantee-inner{
  max-width:960px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:center;
  background:linear-gradient(160deg,rgba(255,199,64,.06),rgba(124,92,255,.05));
  border:1px solid rgba(255,199,64,.28);border-radius:24px;padding:36px 40px;
  box-shadow:0 44px 90px -46px rgba(255,199,64,.35);
}
.guarantee-media{text-align:center}
.guarantee-media img{
  width:100%;max-width:250px;height:auto;display:inline-block;
  filter:drop-shadow(0 20px 40px rgba(255,199,64,.4));
  animation:gfloat 4s ease-in-out infinite;
}
@keyframes gfloat{50%{transform:translateY(-8px)}}
.guarantee-copy{text-align:left}
.guarantee-copy h2{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.6rem,3.6vw,2.3rem);
  line-height:1.18;color:#fff;margin:8px 0 14px;
}
.guarantee-copy p{color:var(--muted);font-size:1.02rem;line-height:1.65;margin:0 0 12px}
.guarantee-copy p b{color:#fff}
.guarantee-pledge{
  display:inline-flex;align-items:center;gap:9px;
  color:#ffd98a !important;font-weight:800;font-size:1.05rem !important;
}
.guarantee-pledge i{color:var(--gold)}
.guarantee-cta{margin:20px 0 0;max-width:420px}
@media(max-width:760px){
  .guarantee-inner{grid-template-columns:1fr;gap:24px;padding:30px 22px;text-align:center}
  .guarantee-copy{text-align:center}
  .guarantee-media img{max-width:200px}
  .guarantee-cta{margin-left:auto;margin-right:auto}
}

/* ===== FAQ ===== */
.faq{
  position:relative;z-index:5;padding:74px 24px 88px;
  background:
    radial-gradient(1000px 520px at 50% -10%, rgba(124,92,255,.12), transparent 58%),
    linear-gradient(180deg,#0b1226 0%,#0a0f20 55%,#0b1226 100%);
  border-bottom:1px solid var(--border);
}
.faq-inner{max-width:820px;margin:0 auto}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{
  background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.2s;
}
.faq-item[open]{border-color:rgba(124,92,255,.45);background:rgba(124,92,255,.06)}
.faq-item summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:1.05rem;color:#fff;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--brand2)}
.faq-item summary i{
  flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:.8rem;color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--accent));transition:transform .25s ease;
}
.faq-item[open] summary i{transform:rotate(45deg)}
.faq-a{
  padding:0 22px 20px;color:var(--muted);font-size:.98rem;line-height:1.6;
}
@media(max-width:560px){
  .faq-item summary{padding:15px 16px;font-size:.96rem}
  .faq-a{padding:0 16px 16px}
}

/* ===== FINAL WORD + P.S. STACK ===== */
.finalword{
  position:relative;z-index:5;padding:74px 24px 92px;
  background:
    radial-gradient(1000px 540px at 50% -8%, rgba(255,92,138,.14), transparent 58%),
    radial-gradient(900px 520px at 50% 108%, rgba(124,92,255,.16), transparent 58%),
    linear-gradient(180deg,#0a0f20 0%,#0b1226 55%,#0a0f20 100%);
}
.finalword-inner{max-width:760px;margin:0 auto}
.finalword-note{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid var(--border);border-left:4px solid var(--brand);
  border-radius:16px;padding:24px 28px;margin-bottom:26px;
}
.finalword-note p{color:var(--text);font-size:1.08rem;line-height:1.7;margin:0}
.finalword-note p b{color:#fff}
.finalword-sign{
  margin-top:14px !important;color:var(--brand2) !important;font-weight:700;font-style:italic;font-size:1rem !important;
}
.ps-stack{display:flex;flex-direction:column;gap:14px}
.ps-item{
  display:flex;align-items:flex-start;gap:16px;
  background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;transition:.2s;
}
.ps-item:hover{border-color:rgba(124,92,255,.4);transform:translateX(4px)}
.ps-tag{
  flex-shrink:0;font-family:'Plus Jakarta Sans';font-weight:800;font-size:.82rem;letter-spacing:.03em;color:#fff;
  padding:7px 13px;border-radius:9px;white-space:nowrap;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  box-shadow:0 8px 20px -8px rgba(255,92,138,.7);
}
.ps-item p{color:var(--muted);font-size:.98rem;line-height:1.6;margin:0}
.ps-item p b{color:#fff}
.ps-item p i{color:var(--gold);margin-left:4px}
@media(max-width:560px){
  .finalword-note{padding:20px 18px}
  .finalword-note p{font-size:1rem}
  .ps-item{flex-direction:column;gap:10px;padding:16px}
}

/* ===== FOOTER ===== */
.site-footer{position:relative;z-index:5;background:#070b18}
.footer-strip{
  display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;
  background:linear-gradient(90deg,#ff2244,#c40024 55%,#8f0018);color:#fff;
  font-weight:800;font-size:clamp(.85rem,1.9vw,1.05rem);padding:16px 20px;
  box-shadow:0 -6px 30px -10px rgba(255,34,68,.5);
}
.footer-strip i{color:#ffd9df;opacity:.9}
.footer-inner{
  max-width:820px;margin:0 auto;padding:44px 24px 46px;text-align:center;
}
.footer-logo{display:inline-block;margin-bottom:22px}
.footer-logo img{height:44px;width:auto;display:block;margin:0 auto}
.footer-disclaimer{
  color:var(--muted);font-size:.85rem;line-height:1.7;margin:0 auto 22px;max-width:680px;opacity:.85;
}
.footer-links{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;
}
.footer-links a{color:var(--text);text-decoration:none;font-size:.9rem;font-weight:600;transition:.18s}
.footer-links a:hover{color:var(--brand2)}
.footer-links span{color:var(--muted);opacity:.5}
.footer-copy{color:var(--muted);font-size:.86rem;margin:0}

/* ===== TESTIMONIALS (own band) ===== */
.testi{
  position:relative;z-index:5;padding:74px 24px 88px;
  background:
    radial-gradient(1000px 520px at 50% -10%, rgba(124,92,255,.12), transparent 60%),
    radial-gradient(820px 460px at 0% 110%, rgba(34,211,238,.09), transparent 60%),
    linear-gradient(180deg,#0a0f22 0%,#0b1226 55%,#0a0f22 100%);
  border-bottom:1px solid var(--border);
}
.testi-inner{max-width:1080px;margin:0 auto}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tcard{
  margin:0;position:relative;display:flex;flex-direction:column;gap:14px;
  background:var(--card);border:1px solid var(--border);border-radius:18px;padding:26px 24px;
  transition:.2s;
}
.tcard::before{
  content:"\201C";position:absolute;top:6px;right:20px;font-family:Georgia,serif;
  font-size:4.6rem;line-height:1;color:rgba(124,92,255,.16);
}
.tcard:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.4);
  box-shadow:0 30px 60px -32px rgba(124,92,255,.55)}
.tstars{display:flex;gap:4px;color:#f5b301;font-size:.92rem}
.tcard blockquote{
  margin:0;color:var(--text);font-size:1rem;line-height:1.62;font-weight:500;flex:1;
}
.tcard figcaption{display:flex;align-items:center;gap:12px;margin-top:4px}
.tavatar{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;
  color:#fff;font-size:1.1rem;background:linear-gradient(135deg,#7c5cff,#22d3ee);
}
.tmeta{display:flex;flex-direction:column;line-height:1.2}
.tmeta b{color:#fff;font-weight:700;font-size:.95rem}
.tmeta small{color:var(--muted);font-size:.82rem;margin-top:2px}
.testi-note{
  text-align:center;margin:30px auto 0;color:var(--muted);font-size:.85rem;
  display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;
}
.testi-note i{color:var(--brand)}

@media(max-width:860px){
  .testi-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
}

/* ===== FOUNDER STORY ===== */
.founder{
  position:relative;z-index:5;padding:78px 24px 88px;
  background:
    radial-gradient(1000px 520px at 100% -10%, rgba(124,92,255,.12), transparent 60%),
    radial-gradient(820px 460px at 0% 110%, rgba(34,211,238,.08), transparent 60%),
    linear-gradient(180deg,#0b1022 0%,#0a0f20 55%,#0b1022 100%);
  border-bottom:1px solid var(--border);
}
.founder-inner{
  max-width:1040px;margin:0 auto;display:grid;grid-template-columns:0.85fr 1fr;gap:48px;align-items:center;
}
.founder-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.fcard{margin:0;position:relative;border-radius:18px;overflow:hidden;
  border:1px solid rgba(124,92,255,.24);box-shadow:0 30px 60px -34px rgba(0,0,0,.85)}
.fcard img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;display:block;transition:transform .4s ease}
.fcard:hover img{transform:scale(1.05)}
.fcard figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;display:flex;flex-direction:column;line-height:1.2;
  background:linear-gradient(180deg,transparent,rgba(8,10,20,.9));
}
.fcard figcaption b{color:#fff;font-family:'Plus Jakarta Sans';font-weight:800;font-size:1rem}
.fcard figcaption small{color:#c9bbff;font-size:.78rem;margin-top:2px;font-weight:600;letter-spacing:.03em}

.founder-copy h2{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.6rem,3.6vw,2.3rem);line-height:1.15;margin:12px 0 18px}
.founder-copy p{color:var(--muted);font-size:1.02rem;line-height:1.68;margin:0 0 15px}
.founder-copy b{color:#fff;font-weight:700}
.founder-sign{
  font-family:'Plus Jakarta Sans';font-weight:800;font-style:italic;color:#fff !important;
  font-size:1.05rem !important;margin-top:6px !important;
}

@media(max-width:820px){
  .founder-inner{grid-template-columns:1fr;gap:30px;max-width:560px}
  .founder-photos{order:-1}
}
@media(max-width:420px){
  .founder-photos{grid-template-columns:1fr 1fr;gap:12px}
}

/* ===== BY THE NUMBERS ===== */
.stats{
  position:relative;z-index:5;padding:74px 24px 84px;
  background:
    radial-gradient(1000px 520px at 50% -10%, rgba(124,92,255,.13), transparent 60%),
    radial-gradient(860px 480px at 100% 110%, rgba(245,179,1,.08), transparent 60%),
    linear-gradient(180deg,#0b1022 0%,#0a0f20 55%,#0b1022 100%);
  border-bottom:1px solid var(--border);
}
.stats-inner{max-width:1120px;margin:0 auto}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{
  position:relative;background:var(--card);border:1px solid var(--border);border-radius:18px;
  padding:28px 22px;text-align:center;overflow:hidden;transition:.2s;
}
.stat::before{
  content:"";position:absolute;inset:0 0 auto 0;height:3px;opacity:.85;
  background:linear-gradient(90deg,var(--brand),var(--accent));
}
.stat:hover{transform:translateY(-6px);border-color:rgba(124,92,255,.45);
  box-shadow:0 30px 60px -32px rgba(124,92,255,.6)}
.stat-ico{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;color:#fff;
  margin:0 auto 14px;box-shadow:0 12px 26px -10px rgba(0,0,0,.6);
}
.stat-num{
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(2.4rem,5vw,3.1rem);line-height:1;
  background:linear-gradient(120deg,#a78bfa,#7c5cff 45%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:12px;
}
.stat-desc{color:var(--muted);font-size:.92rem;line-height:1.55;margin:0 0 14px}
.stat-desc b{color:#fff;font-weight:700}
.stat-src{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#c9bbff;background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.3);
  padding:4px 11px;border-radius:999px;
}

@media(max-width:940px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.stat-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}}

/* ===== WHY / EXPLODING ===== */
.why{
  position:relative;z-index:5;padding:74px 24px 88px;
  background:
    radial-gradient(1000px 520px at 0% -10%, rgba(34,211,238,.10), transparent 60%),
    radial-gradient(900px 500px at 100% 110%, rgba(124,92,255,.12), transparent 60%),
    linear-gradient(180deg,#0a0f20 0%,#0b1226 55%,#0a0f20 100%);
  border-bottom:1px solid var(--border);
}
.why-inner{max-width:1080px;margin:0 auto}
.why-top{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:6px}
.why-media img{
  width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:20px;
  border:1px solid rgba(124,92,255,.22);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.85);
}
.why-copy p{color:var(--muted);font-size:1.05rem;line-height:1.65;margin:0 0 16px}
.why-copy b{color:#fff;font-weight:700}
.why-but{
  display:flex;align-items:flex-start;gap:10px;color:#ff8a9a !important;font-weight:700;font-size:1.05rem !important;
  background:rgba(255,92,114,.06);border:1px solid rgba(255,92,114,.2);border-radius:12px;padding:12px 15px;
}
.why-but i{color:#ff5c72;margin-top:3px}

/* WHY NOW list */
.whynow{
  margin-top:52px;background:rgba(124,92,255,.06);border:1px solid rgba(124,92,255,.24);
  border-radius:22px;padding:34px 30px;
}
.whynow-head{text-align:center;margin-bottom:22px}
.whynow-badge{
  display:inline-flex;align-items:center;gap:9px;font-family:'Plus Jakarta Sans';font-weight:800;
  font-size:.9rem;letter-spacing:.12em;color:#fff;padding:9px 20px;border-radius:999px;
  background:linear-gradient(120deg,#7c5cff,#22d3ee);box-shadow:0 12px 30px -12px rgba(124,92,255,.8);
}
.whynow-list{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto}
.whynow-item{
  display:flex;align-items:center;gap:15px;
  background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:14px;padding:16px 20px;
  transition:.18s;
}
.whynow-item:hover{transform:translateX(4px);border-color:rgba(124,92,255,.4);background:rgba(124,92,255,.05)}
.whynow-item i{
  flex-shrink:0;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:1.05rem;color:#fff;
  background:linear-gradient(135deg,#7c5cff,#5b3df5);box-shadow:0 10px 22px -10px rgba(124,92,255,.7);
}
.whynow-item p{margin:0;color:var(--text);font-size:1rem;line-height:1.5}
.whynow-item b{color:#fff;font-weight:800}
.whynow-urgent{border-color:rgba(255,92,114,.35);background:rgba(255,34,68,.05)}
.whynow-urgent:hover{border-color:rgba(255,92,114,.6);background:rgba(255,34,68,.08)}
.whynow-urgent i{background:linear-gradient(135deg,#ff4d63,#c40024);box-shadow:0 10px 22px -10px rgba(255,34,68,.8)}

.why-cta{text-align:center;margin-top:44px}
.sources{margin:26px auto 0;color:var(--muted);font-size:.78rem;opacity:.7;max-width:760px;line-height:1.5;text-align:center}

@media(max-width:820px){
  .why-top{grid-template-columns:1fr;gap:22px;max-width:560px;margin:6px auto 0}
  .why-media{order:-1}
}
@media(max-width:520px){
  .whynow{padding:26px 18px}
  .whynow-item{padding:14px 15px;gap:12px}
}

/* trust row */
.trust{display:flex;flex-wrap:wrap;gap:16px 22px;justify-content:center;margin-top:16px;color:var(--muted);font-size:.85rem}
.trust span{display:inline-flex;align-items:center;gap:8px}
.trust i{color:var(--green)}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:26px;
    grid-template-areas:"video" "points" "offer"}
  .col-points .taste-title{text-align:center}
  .video-label{justify-content:center}
}
@media(max-width:560px){
  .price .new{font-size:2.4rem}
  .scarcity{font-size:.82rem}
  nav{padding:16px}
  .logo-img{height:38px}
  .blist li{font-size:.92rem}
}