/* ─── TOKENS ──────────────────────────────────────────────────── */
:root {
  --primary: #CC1010;
  --primary-strong: #b50e0e;
  --bg: #0d0d0d;
  --text: #f4f4f4;
  --muted: #a6a6a6;
  --line: rgba(255, 255, 255, 0.08);
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  --radius: 24px;
  --radius-sm: 18px;
  --container: 1120px;
  --nav-h: 68px;
}

/* ─── RESET ───────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html  { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body  {
  margin: 0;
  color: var(--text);
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  background:
    radial-gradient(circle at top left,  rgba(204,16,16,0.18), transparent 28%),
    radial-gradient(circle at 85% 10%,   rgba(204,16,16,0.12), transparent 18%),
    linear-gradient(180deg, #0d0d0d 0%, #090909 100%);
  min-height: 100vh;
  overflow-x: hidden;
}
body::before, body::after {
  content: ""; position: fixed; inset: auto;
  pointer-events: none; z-index: 0; filter: blur(90px); opacity: 0.5;
}
body::before { width:240px; height:240px; top:12%; left:-60px; background:rgba(204,16,16,0.10); }
body::after  { width:300px; height:300px; right:-100px; bottom:12%; background:rgba(204,16,16,0.08); }

img { max-width:100%; display:block; }
a   { color:inherit; text-decoration:none; }
button, input { font:inherit; }
p   { margin:0; color:var(--muted); line-height:1.7; }

/* ─── LAYOUT ──────────────────────────────────────────────────── */
.page      { position:relative; z-index:1; }
.container { width: min(100% - 24px, var(--container)); margin:0 auto; }
.section   { padding: 56px 0; }
.section[id] { scroll-margin-top: calc(var(--nav-h) + 18px); }
.section-tight { padding-top:0; padding-bottom:36px; }
.accent    { color: var(--primary); }

/* ─── SCROLL BAR ──────────────────────────────────────────────── */
#scroll-bar {
  position: fixed; top:0; left:0;
  height: 3px; width: 100%;
  transform-origin: left; transform: scaleX(0);
  background: linear-gradient(90deg, var(--primary), #ff6666);
  z-index: 200; pointer-events: none;
}

/* ─── NAVIGATION ──────────────────────────────────────────────── */
.site-nav {
  position: sticky; top: 0; z-index: 100;
  height: var(--nav-h);
  display: flex; align-items: center;
  backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
  background: rgba(9,9,9,0.88);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  transition: transform 0.45s cubic-bezier(0.22,1,0.36,1), box-shadow 0.3s ease;
  animation: navSlideDown 0.6s cubic-bezier(0.22,1,0.36,1) 0.1s both;
}
.site-nav.nav-hidden   { transform: translateY(-100%); }
.site-nav.nav-scrolled { box-shadow: 0 8px 40px rgba(0,0,0,0.5); }
.site-nav .container   { display:flex; align-items:center; justify-content:space-between; gap:12px; }

.site-brand     { display:inline-flex; align-items:center; flex-shrink:0; }
.site-logo      { width:clamp(136px, 16vw, 184px); height:auto; display:block; filter:drop-shadow(0 12px 24px rgba(204,16,16,0.15)); }
.site-nav-cta   { font-size:0.85rem; min-height:40px; padding:0 18px; white-space:nowrap; }

/* ─── EYEBROW ─────────────────────────────────────────────────── */
.eyebrow {
  display: inline-flex; align-items:center; gap:10px;
  padding: 7px 13px; border-radius:999px;
  border: 1px solid rgba(204,16,16,0.28);
  background: rgba(204,16,16,0.08);
  color: #ffd8d8; font-size:0.75rem; font-weight:700;
  letter-spacing:0.08em; text-transform:uppercase;
}
.eyebrow::before {
  content:""; width:7px; height:7px; border-radius:50%;
  background:var(--primary); flex-shrink:0;
  animation: pulseDot 2.2s ease-in-out infinite;
}

/* ─── TYPOGRAPHY ──────────────────────────────────────────────── */
h1, h2, h3 { margin:0; font-family:"Syne",sans-serif; line-height:1; letter-spacing:-0.04em; }
h1 { font-size: clamp(2.2rem, 8vw,  6rem); }
h2 { font-size: clamp(1.8rem, 6vw,  4rem); }
h3 { font-size: clamp(1rem,   3.5vw, 1.55rem); }

.section-heading { display:grid; gap:16px; margin-bottom:32px; }
.section-heading p { font-size:clamp(0.95rem, 2.5vw, 1.05rem); }

/* ─── WORD SPLIT ANIMATION ────────────────────────────────────── */
.word-wrap {
  display:inline-block; overflow:hidden;
  vertical-align:bottom; padding-bottom:0.1em; margin-bottom:-0.1em;
}
.word {
  display:inline-block;
  transform:translateY(110%);
  transition:transform 0.75s cubic-bezier(0.22,1,0.36,1);
}
.words-in .word { transform:translateY(0); }

/* ─── SCROLL ANIMATIONS ───────────────────────────────────────── */
.anim-up {
  opacity:0; transform:translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22,1,0.36,1);
}
.anim-up.in-view { opacity:1; transform:translateY(0); }

.anim-left {
  opacity:0; transform:translateX(-22px);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22,1,0.36,1);
}
.anim-left.in-view { opacity:1; transform:translateX(0); }

.anim-scale {
  opacity:0; transform:scale(0.94) translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22,1,0.36,1);
}
.anim-scale.in-view { opacity:1; transform:scale(1) translateY(0); }

.stagger-child {
  opacity:0; transform:translateY(36px);
  transition:
    opacity  0.6s ease            var(--sd, 0ms),
    transform 0.6s cubic-bezier(0.22,1,0.36,1) var(--sd, 0ms);
}
.stagger-child.in-view { opacity:1; transform:translateY(0); }

/* ─── BUTTONS ─────────────────────────────────────────────────── */
.btn, .btn-outline {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:52px; padding:0 22px; border-radius:999px;
  font-weight:700; font-size:clamp(0.88rem,2.5vw,1rem);
  border:0; cursor:pointer; position:relative; overflow:hidden;
  text-align:center; white-space:nowrap;
}
.btn {
  background: linear-gradient(135deg, var(--primary) 0%, #ff5555 100%);
  color: #1a0404;
  box-shadow: 0 14px 36px rgba(204,16,16,0.28);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.btn::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.22) 50%, transparent 70%);
  transform:translateX(-100%);
}
.btn:hover::after { animation:shimmer 0.55s ease forwards; }
.btn:hover, .btn:focus-visible {
  transform:translateY(-2px); box-shadow:0 20px 44px rgba(204,16,16,0.38); outline:none;
}
.btn-outline {
  color:var(--text); border:1px solid var(--line);
  background:rgba(255,255,255,0.02);
  transition:transform 0.25s ease, border-color 0.25s ease;
}
.btn-outline:hover, .btn-outline:focus-visible {
  transform:translateY(-2px); border-color:rgba(204,16,16,0.3); outline:none;
}
.btn-full  { width:100%; }
.btn-block { display:flex; }

/* ─── HERO ────────────────────────────────────────────────────── */
.hero { padding: 20px 0 48px; }

.hero-shell {
  position:relative; overflow:hidden;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:calc(var(--radius) + 8px);
  background:
    radial-gradient(circle at top right, rgba(204,16,16,0.16), transparent 28%),
    linear-gradient(160deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),
    rgba(12,12,12,0.92);
  box-shadow: var(--shadow);
  animation: shellGlow 5s ease-in-out infinite;
}
.hero-shell::after {
  content:""; position:absolute; inset:auto -60px -90px auto;
  width:220px; height:220px; border-radius:50%;
  background:rgba(204,16,16,0.12); filter:blur(30px);
}

.hero-grid   { display:grid; gap:28px; padding:24px 18px 18px; }
.hero-copy   { display:grid; gap:20px; align-content:center; }
.hero-copy > p { font-size:clamp(0.95rem,2.5vw,1.05rem); }
.hero-actions { display:grid; gap:12px; }
.hero-note    { font-size:0.88rem; color:#d0d0d0; }
.hero-quick-buy {
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  padding:10px; border-radius:18px;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.03);
}
.hero-quick-buy span {
  color:#d7d7d7; font-size:0.86rem; font-weight:700;
  padding:0 4px;
}
.hero-quick-buy a {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:36px; padding:0 12px; border-radius:999px;
  background:rgba(204,16,16,0.11);
  border:1px solid rgba(204,16,16,0.24);
  color:#ffe3e3; font-size:0.86rem; font-weight:800;
  transition:background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
}
.hero-quick-buy a:hover,
.hero-quick-buy a:focus-visible {
  transform:translateY(-1px);
  background:linear-gradient(135deg, var(--primary) 0%, #ff5555 100%);
  color:#1a0404; border-color:transparent; outline:none;
}
.hero-quick-buy a.is-featured {
  background:linear-gradient(135deg, var(--primary) 0%, #ff5555 100%);
  color:#1a0404; border-color:transparent;
}

.hero-stats {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:10px;
}
.hero-stat {
  padding:14px;
  border:1px solid var(--line); border-radius:var(--radius-sm);
  background:rgba(255,255,255,0.03);
}
.hero-stat strong {
  display:block; margin-bottom:5px; color:var(--text);
  font-size:clamp(1rem,3vw,1.25rem); font-family:"Syne",sans-serif; letter-spacing:-0.03em;
}
.hero-stat span { color:var(--muted); font-size:0.85rem; line-height:1.5; }
.hero-stat-link {
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; min-height:34px; margin-top:12px; padding:0 12px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--primary) 0%, #ff5555 100%);
  color:#1a0404; font-size:0.82rem; font-weight:800;
  transition:transform 0.22s ease, box-shadow 0.22s ease;
}
.hero-stat-link:hover,
.hero-stat-link:focus-visible {
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(204,16,16,0.22);
  outline:none;
}

/* ─── VISUAL PANEL ────────────────────────────────────────────── */
.visual-panel {
  position:relative; min-height:360px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.02); overflow:hidden;
}
.visual-panel::before {
  content:""; position:absolute; inset:auto auto 0 -30px;
  width:180px; height:180px; z-index:1;
  background:radial-gradient(circle, rgba(204,16,16,0.24), transparent 70%);
}
.visual-img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; border-radius:inherit;
  transform:scale(1.08); will-change:transform;
}
.visual-logo {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; border-radius:inherit; mix-blend-mode:screen;
}
.visual-panel-brand {
  display:grid; place-items:center; padding:28px 24px;
  background:
    radial-gradient(circle at 50% 22%, rgba(204,16,16,0.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    rgba(10,10,10,0.96);
}
.brand-showcase {
  position:relative; z-index:2;
  display:grid; gap:16px; justify-items:center; text-align:center;
  width:min(100%, 420px);
}
.brand-showcase-title {
  max-width:320px;
  font-size:clamp(1.9rem, 6vw, 3rem);
  line-height:0.95;
}
.brand-copy {
  max-width:360px;
  color:#d8d8d8; font-size:0.96rem; line-height:1.6;
}

/* ─── FLOATING BADGES ─────────────────────────────────────────── */
.badge-float, .badge-float-alt {
  position:absolute; z-index:2;
  border:1px solid rgba(255,255,255,0.08); border-radius:16px;
  background:rgba(7,7,7,0.84); backdrop-filter:blur(14px);
  box-shadow:var(--shadow); padding:14px;
}
.badge-float     { top:14px; right:14px; width:min(200px, calc(100% - 28px)); animation:floatUp 4s ease-in-out infinite; }
.badge-float-alt { left:14px; bottom:14px; width:min(230px, calc(100% - 28px)); animation:floatDown 5s ease-in-out infinite; }
.badge-float strong, .badge-float-alt strong {
  display:block; margin-bottom:5px;
  font-family:"Syne",sans-serif; letter-spacing:-0.03em; color:var(--text);
  font-size:0.95rem;
}
.badge-float span, .badge-float-alt span { color:var(--muted); font-size:0.85rem; line-height:1.5; }

/* ─── CARDS ───────────────────────────────────────────────────── */
.grid-3, .grid-2 { display:grid; gap:14px; }

.card {
  padding:22px; border-radius:var(--radius-sm);
  border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    rgba(17,17,17,0.9);
  box-shadow:var(--shadow);
  transition:border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
  border-color:rgba(204,16,16,0.22); transform:translateY(-3px);
  box-shadow:0 32px 80px rgba(0,0,0,0.5);
}
.problem-card, .feature-card, .testimonial,
.faq-item, .guarantee-card, .form-wrap,
.summary-card, .cta-banner { backdrop-filter:blur(14px); }

.card-index {
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; margin-bottom:16px; border-radius:12px;
  background:rgba(204,16,16,0.13); color:var(--primary);
  font-family:"Syne",sans-serif; font-weight:800;
}
.problem-card h3, .feature-card h3,
.testimonial h3, .guarantee-card h3 { margin-bottom:10px; }

.bullet-list { display:grid; gap:10px; margin-top:18px; }
.bullet-list span {
  display:flex; align-items:flex-start; gap:10px;
  color:#dfdfdf; line-height:1.6; font-size:0.95rem;
}
.bullet-list span::before {
  content:""; width:8px; height:8px; margin-top:9px;
  border-radius:50%; background:var(--primary); flex:0 0 auto;
  box-shadow:0 0 12px rgba(204,16,16,0.72);
}

.feature-label {
  display:inline-flex; padding:6px 11px; border-radius:999px;
  background:rgba(204,16,16,0.1); color:#ffd8d8;
  font-size:0.74rem; font-weight:700; letter-spacing:0.06em;
  text-transform:uppercase; margin-bottom:16px;
}

/* ─── PLAN CARDS (Kiwify) ─────────────────────────────────────── */
.plan-grid { display:grid; gap:14px; margin-top:14px; }

.plan-card-wrap {
  padding:22px; border-radius:var(--radius);
  border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    rgba(17,17,17,0.92);
  box-shadow:var(--shadow);
  display:grid; gap:14px; align-content:start;
  transition:transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}
.plan-card-wrap:hover, .plan-card-wrap.plan-highlight {
  transform:translateY(-4px);
  border-color:rgba(204,16,16,0.48);
  box-shadow:0 32px 64px rgba(0,0,0,0.5);
  background:
    linear-gradient(180deg, rgba(204,16,16,0.12), rgba(255,255,255,0.02)),
    rgba(17,17,17,0.96);
}
.plan-top  { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.plan-name { color:var(--text); font-family:"Syne",sans-serif; font-size:1.25rem; letter-spacing:-0.04em; }
.plan-badge {
  display:inline-flex; padding:6px 10px; border-radius:999px;
  background:rgba(204,16,16,0.12); color:#ffd8d8;
  font-size:0.7rem; font-weight:700; letter-spacing:0.06em;
  text-transform:uppercase; white-space:nowrap;
}
.plan-price {
  color:var(--text); font-family:"Syne",sans-serif;
  font-size:clamp(1.8rem,6vw,3rem); line-height:0.96; letter-spacing:-0.05em;
}
.plan-price span {
  display:block; margin-top:7px; color:#d8d8d8;
  font-family:"DM Sans",sans-serif; font-size:0.95rem; font-weight:700; letter-spacing:0;
}
.plan-total { color:var(--muted); font-size:0.9rem; }
.plan-desc  { color:var(--muted); line-height:1.7; font-size:0.95rem; }

.plan-buy {
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:14px; border-radius:14px; margin-top:4px;
  border:1px solid rgba(204,16,16,0.25);
  background:rgba(204,16,16,0.08); color:#ffd8d8;
  font-weight:700; font-size:0.95rem;
  transition:background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, color 0.25s ease;
}
.plan-buy:hover {
  background:linear-gradient(135deg, var(--primary) 0%, #ff5555 100%);
  color:#1a0404; border-color:transparent; transform:translateY(-1px);
}
.plan-card-wrap.plan-highlight .plan-buy {
  background:linear-gradient(135deg, var(--primary) 0%, #ff5555 100%);
  color:#1a0404; border-color:transparent;
}

.price-callout {
  margin-top:20px; padding:24px; border-radius:var(--radius);
  border:1px solid rgba(204,16,16,0.18);
  background:
    radial-gradient(circle at top right, rgba(204,16,16,0.14), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    rgba(16,16,16,0.94);
  box-shadow:var(--shadow);
}
.price-callout-grid { display:grid; gap:20px; align-items:center; }
.price-kicker {
  display:inline-flex; width:fit-content; margin-bottom:10px;
  padding:6px 11px; border-radius:999px;
  background:rgba(204,16,16,0.12); color:#ffd8d8;
  font-size:0.77rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
}
.price-big {
  color:var(--text); font-family:"Syne",sans-serif;
  font-size:clamp(2.2rem,9vw,5.2rem); line-height:0.92; letter-spacing:-0.06em;
}
.price-big span {
  display:block; margin-top:9px; color:#d7d7d7;
  font-family:"DM Sans",sans-serif; font-size:0.95rem; font-weight:700; letter-spacing:0;
}

/* ─── TESTIMONIALS ────────────────────────────────────────────── */
.testimonial-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.avatar {
  width:50px; height:50px; border-radius:50%; flex-shrink:0;
  border:1px dashed rgba(255,255,255,0.22);
  background:linear-gradient(135deg, rgba(204,16,16,0.16), rgba(255,255,255,0.03));
  display:grid; place-items:center;
  color:var(--text); font-size:1rem; font-weight:700;
}
.stars     { color:#ffd95f; letter-spacing:0.14em; font-size:0.88rem; margin-bottom:10px; }
.result-tag {
  display:inline-flex; margin-top:16px; padding:7px 13px; border-radius:999px;
  background:rgba(204,16,16,0.1); color:#ffd8d8; font-weight:700; font-size:0.88rem;
}
.testimonials-grid { margin-bottom:22px; }
.results-showcase { margin-top:22px; display:grid; gap:18px; }
.results-intro { display:grid; gap:10px; max-width:720px; }
.results-kicker {
  display:inline-flex; width:fit-content;
  padding:6px 12px; border-radius:999px;
  background:rgba(204,16,16,0.12); color:#ffd8d8;
  font-size:0.76rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
}
.results-carousel-head {
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.results-swipe-hint {
  color:#cfcfcf;
  font-size:0.82rem;
  line-height:1.5;
}
.results-carousel-controls {
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
.results-arrow {
  width:36px;
  height:36px;
  padding:0;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.04);
  color:var(--text);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
.results-arrow:hover,
.results-arrow:focus-visible {
  transform:translateY(-1px);
  border-color:rgba(204,16,16,0.34);
  background:rgba(204,16,16,0.12);
  outline:none;
}
.results-arrow:disabled {
  opacity:0.4;
  cursor:default;
  transform:none;
}
.results-grid { display:grid; gap:14px; }
.result-card {
  position:relative; overflow:hidden; padding:0;
  aspect-ratio:3 / 2;
  border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,0.08);
  background:#080808;
  box-shadow:var(--shadow);
}
.result-card::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,0.84) 100%);
  pointer-events:none;
}
.result-card img {
  width:100%; height:100%;
  object-fit:cover; object-position:var(--result-focus, center center);
  transition:transform 0.45s ease;
}
.result-card:hover img { transform:scale(1.04); }
.result-card figcaption {
  position:absolute; left:14px; right:14px; bottom:14px; z-index:2;
  display:grid; gap:4px; padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.1);
  background:rgba(9,9,9,0.72);
  backdrop-filter:blur(14px);
}
.result-card strong {
  color:var(--text); font-family:"Syne",sans-serif;
  font-size:1rem; letter-spacing:-0.03em;
}
.result-card span {
  color:#e2e2e2; font-size:0.88rem; line-height:1.5;
}

/* ─── GUARANTEE ───────────────────────────────────────────────── */
.guarantee-card {
  position:relative; overflow:hidden; display:grid; gap:20px;
}
.guarantee-card::after {
  content:"7 DIAS"; position:absolute; right:-14px; top:-10px;
  font-family:"Syne",sans-serif; font-size:clamp(3rem,10vw,7rem);
  color:rgba(204,16,16,0.12); pointer-events:none;
}
.seal {
  width:80px; height:80px; border-radius:50%;
  border:1px solid rgba(204,16,16,0.28);
  background:radial-gradient(circle at center, rgba(204,16,16,0.22), rgba(204,16,16,0.05));
  display:grid; place-items:center; color:#ffecec;
  font-family:"Syne",sans-serif; font-size:1rem; font-weight:800;
  letter-spacing:-0.04em; text-align:center;
}

/* ─── FAQ ─────────────────────────────────────────────────────── */
.faq-list { display:grid; gap:12px; }
.faq-item {
  border-radius:18px; border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    rgba(17,17,17,0.92);
  overflow:hidden; box-shadow:var(--shadow);
}
.faq-question {
  width:100%; padding:18px 20px; border:0;
  background:transparent; color:var(--text);
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; text-align:left; font-weight:700;
  font-size:clamp(0.9rem,2.5vw,1rem); cursor:pointer;
}
.faq-question span:last-child {
  flex:0 0 auto; width:32px; height:32px; border-radius:50%;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.03);
  transition:transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows 0.28s ease; }
.faq-answer-inner { overflow:hidden; }
.faq-answer p { padding:0 20px 20px; }
.faq-item.active .faq-answer { grid-template-rows:1fr; }
.faq-item.active .faq-question span:last-child {
  transform:rotate(45deg); background:rgba(204,16,16,0.12); color:var(--primary);
}

/* ─── CTA BANNER ──────────────────────────────────────────────── */
.cta-banner {
  margin-top:20px; display:grid; gap:14px;
  text-align:center; justify-items:center;
}
.problem-purchase-cta {
  margin-top:0;
  padding:28px 24px;
  background:
    radial-gradient(circle at top right, rgba(204,16,16,0.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    rgba(17,17,17,0.94);
}
.problem-purchase-cta p { max-width:620px; }

/* ─── SUPPORT SECTION ─────────────────────────────────────────── */
.support-box {
  display:grid; gap:20px; padding:28px 24px; border-radius:var(--radius);
  border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    rgba(17,17,17,0.92);
  box-shadow:var(--shadow); text-align:center;
}
.support-box p { font-size:clamp(0.9rem,2.5vw,1rem); max-width:520px; margin:0 auto; }
.whatsapp-btn  {
  min-height:56px; border-radius:18px;
  font-size:clamp(0.92rem,2.5vw,1rem); max-width:400px; width:100%; margin:0 auto;
}

/* ─── FOOTER ──────────────────────────────────────────────────── */
.footer {
  padding:0 0 32px;
  text-align:center; color:#8f8f8f; font-size:0.85rem;
}
.footer-mark {
  display:block;
  margin-bottom:14px;
  color:var(--text);
  font-family:"Syne",sans-serif;
  font-size:1.35rem;
  letter-spacing:-0.04em;
}
/* ─── HERO LOAD SEQUENCE ──────────────────────────────────────── */
.hero .eyebrow                 { animation:fadeLeft 0.6s cubic-bezier(0.22,1,0.36,1) 0.35s both; }
.hero-copy > p                 { animation:fadeUp 0.65s ease 0.85s both; }
.hero-actions                  { animation:fadeUp 0.65s ease 1.0s both; }
.hero-quick-buy                { animation:fadeUp 0.6s ease 1.08s both; }
.hero-note                     { animation:fadeUp 0.6s ease 1.16s both; }
.hero .hero-stat:nth-child(1)  { animation:fadeUp 0.6s ease 1.20s both; }
.hero .hero-stat:nth-child(2)  { animation:fadeUp 0.6s ease 1.32s both; }
.hero .hero-stat:nth-child(3)  { animation:fadeUp 0.6s ease 1.44s both; }
.hero .visual-panel            { animation:panelIn 0.9s cubic-bezier(0.22,1,0.36,1) 0.3s both; }

/* ─── KEYFRAMES ───────────────────────────────────────────────── */
@keyframes navSlideDown { from{transform:translateY(-100%);opacity:0} to{transform:translateY(0);opacity:1} }
@keyframes fadeLeft     { from{opacity:0;transform:translateX(-20px)} to{opacity:1;transform:translateX(0)} }
@keyframes fadeUp       { from{opacity:0;transform:translateY(24px)}  to{opacity:1;transform:translateY(0)} }
@keyframes panelIn      { from{opacity:0;transform:scale(0.94) translateX(24px)} to{opacity:1;transform:scale(1) translateX(0)} }
@keyframes floatUp      { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes floatDown    { 0%,100%{transform:translateY(-4px)} 50%{transform:translateY(6px)} }
@keyframes shimmer      { to{transform:translateX(100%)} }
@keyframes shellGlow    { 0%,100%{box-shadow:var(--shadow)} 50%{box-shadow:var(--shadow),0 0 60px rgba(204,16,16,0.08)} }
@keyframes pulseDot     { 0%,100%{box-shadow:0 0 0 0 rgba(204,16,16,0.6),0 0 18px rgba(204,16,16,0.85)} 50%{box-shadow:0 0 0 6px rgba(204,16,16,0),0 0 26px rgba(204,16,16,1)} }

/* ─── DESKTOP ─────────────────────────────────────────────────── */
@media (min-width: 768px) {
  .section      { padding:88px 0; }
  .section-tight { padding-top:0; padding-bottom:44px; }
  .hero         { padding:32px 0 72px; }
  .hero-grid    { grid-template-columns:1fr 1fr; align-items:center; padding:36px; gap:36px; }
  .hero-actions { grid-template-columns:auto auto; align-items:center; justify-content:flex-start; }
  .btn, .btn-outline { width:fit-content; }
  .grid-2       { grid-template-columns:1fr 1fr; }
  .grid-3       { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .plan-grid    { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .price-callout-grid { grid-template-columns:1fr 1fr; }
  .results-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .visual-panel { min-height:460px; }
}

/* ─── MOBILE FINE-TUNING ──────────────────────────────────────── */
@media (max-width: 767px) {
  .container      { width:calc(100% - 20px); }
  .hero-grid      { gap:16px; padding:20px 16px 16px; }
  .hero-copy      { display:contents; }
  .hero-shell     { border-radius:var(--radius); }
  .hero .eyebrow  { order:1; }
  .hero .split-target { order:2; }
  .hero-copy > p  { order:3; }
  .hero-actions   { order:4; }
  .hero-quick-buy { order:5; }
  .hero-note      { order:6; }
  .hero .visual-panel {
    order:7;
    min-height:240px;
    aspect-ratio:4 / 3;
    margin:2px 0 4px;
  }
  .hero .visual-img { object-position:center 34%; }
  .hero-stats     { order:8; grid-template-columns:1fr; gap:8px; }
  .hero-stat      { padding:12px 13px; }
  .badge-float    { display:none; } /* avoid clutter on small screens */
  .badge-float-alt { display:none; }
  .site-logo      { width:124px; }
  .section-tight  { padding-bottom:28px; }
  .results-carousel-head { display:flex; }
  .testimonials-grid[data-testimonials-carousel] {
    grid-auto-flow:column;
    grid-auto-columns:minmax(86%, 1fr);
    grid-template-columns:none;
    overflow-x:auto;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .testimonials-grid[data-testimonials-carousel]::-webkit-scrollbar { display:none; }
  .testimonials-grid[data-testimonials-carousel] .testimonial {
    scroll-snap-align:start;
    height:100%;
  }
  .results-grid[data-results-carousel] {
    grid-auto-flow:column;
    grid-auto-columns:minmax(84%, 1fr);
    grid-template-columns:none;
    overflow-x:auto;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .results-grid[data-results-carousel]::-webkit-scrollbar { display:none; }
  .result-card    { aspect-ratio:5 / 4; }
  .results-grid[data-results-carousel] .result-card { scroll-snap-align:start; }
  .results-swipe-hint { max-width:220px; }
  .section-heading { max-width:100%; }
  .guarantee-card::after { font-size:3rem; }
}

@media (max-width: 400px) {
  h1 { font-size:2rem; }
  h2 { font-size:1.6rem; }
  .btn, .btn-outline { padding:0 16px; font-size:0.85rem; }
}

/* ─── REDUCED MOTION ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation:none !important; transition:none !important; }
  .word { transform:none; }
  .anim-up, .anim-left, .anim-scale, .stagger-child { opacity:1; transform:none; }
}