:root{
  --bg:#060D07;
  --bg-2:#0A150B;
  --bg-3:#0d1a0f;
  --gold:#D4A843;
  --gold-light:#F0C75E;
  --green-card:#1B4A1F;
  --green-border:#2A5A2E;
  --green-cta:#22A02D;
  --green-cta-hover:#26b833;
  --white:#EAEAEA;
  --gray:#9A9A9A;
  --red:#E0483C;
  --maxw:1080px;
}

*{margin:0;padding:0;box-sizing:border-box}

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

body{
  background:var(--bg);
  color:var(--white);
  font-family:'Sora',system-ui,sans-serif;
  font-weight:400;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(900px 600px at 15% -5%, rgba(34,160,45,.16), transparent 60%),
    radial-gradient(800px 700px at 95% 8%, rgba(212,168,67,.10), transparent 55%),
    radial-gradient(1000px 800px at 50% 110%, rgba(27,74,31,.22), transparent 60%),
    var(--bg);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

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

h1,h2,h3,.display{
  font-family:'Barlow Condensed','Sora',sans-serif;
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.01em;
  text-transform:uppercase;
}

section{position:relative}

/* ---------- Reveal animation ---------- */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;
}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}
.d2{transition-delay:.16s}
.d3{transition-delay:.24s}
.d4{transition-delay:.32s}
.d5{transition-delay:.40s}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* ---------- CTA pulse animation (7) ---------- */
@keyframes pulse{
  0%{transform:scale(1);box-shadow:0 14px 34px -10px rgba(34,160,45,.65), inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 0 rgba(34,160,45,.7)}
  70%{transform:scale(1.03);box-shadow:0 14px 34px -10px rgba(34,160,45,.65), inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 10px rgba(34,160,45,0)}
  100%{transform:scale(1);box-shadow:0 14px 34px -10px rgba(34,160,45,.65), inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 0 rgba(34,160,45,0)}
}

/* ---------- Buttons ---------- */
.cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6em;
  background:var(--green-cta);
  color:#fff;
  font-family:'Sora',sans-serif;
  font-weight:800;
  font-size:clamp(1rem,2.6vw,1.18rem);
  letter-spacing:.01em;
  text-decoration:none;
  text-align:center;
  padding:1.15em 1.8em;
  border-radius:16px;
  border:none;
  cursor:pointer;
  line-height:1.2;
  box-shadow:0 14px 34px -10px rgba(34,160,45,.65), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .18s ease, box-shadow .25s ease, background .2s ease;
  position:relative;
  overflow:hidden;
  animation:pulse 2.2s ease-in-out infinite;
}
.cta::after{
  content:"";
  position:absolute;
  top:0;left:-120%;
  width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-18deg);
  transition:left .7s ease;
}
.cta:hover{
  background:var(--green-cta-hover);
  transform:translateY(-3px);
  box-shadow:0 22px 46px -10px rgba(34,160,45,.75), inset 0 1px 0 rgba(255,255,255,.3);
  animation:none;
}
.cta:hover::after{left:130%}
.cta:active{transform:translateY(-1px);animation:none}

.cta-note{
  margin-top:14px;
  font-size:.82rem;
  color:var(--gray);
  letter-spacing:.02em;
}

/* ---------- Price block ---------- */
.price-anchor{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}
.price-old{
  color:var(--red);
  font-weight:600;
  font-size:clamp(.95rem,2.4vw,1.1rem);
  text-decoration:line-through;
  text-decoration-thickness:2px;
  letter-spacing:.01em;
  display:inline-flex;
  align-items:center;
  gap:.3em;
}
.price-de{
  color:var(--gray);
  font-weight:500;
  font-size:clamp(.95rem,2.4vw,1.1rem);
}
.price-old small{opacity:.85;font-weight:500;font-size:inherit}
.price-new{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  color:var(--gold-light);
  font-size:clamp(3.2rem,11vw,4.6rem);
  line-height:.92;
  letter-spacing:-.01em;
  text-shadow:0 4px 30px rgba(240,199,94,.28);
}
.price-new .cents{font-size:.5em;vertical-align:super}
.price-new .cur{font-size:.46em;vertical-align:super;margin-right:.06em;color:var(--gold)}
.price-tag{
  font-size:.8rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:600;
}

/* ---------- Top bar (2, 8) ---------- */
.topbar{
  position:relative;
  z-index:5;
  border-bottom:1px solid rgba(42,90,46,.4);
  background:rgba(6,13,7,.5);
  backdrop-filter:blur(8px);
}
.topbar .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
  padding-bottom:16px;
}
.brand{
  display:flex;align-items:center;gap:10px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  font-size:0.94rem;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.brand .brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand .brand-sub{
  font-size:.6rem;
  letter-spacing:.1em;
  color:var(--gold);
  font-weight:600;
  opacity:.85;
}
.brand .mark{
  width:30px;height:30px;border-radius:8px;
  background:linear-gradient(150deg,var(--gold-light),var(--gold));
  display:grid;place-items:center;
  color:#0A150B;font-weight:800;font-size:.95rem;
  box-shadow:0 4px 14px -4px rgba(212,168,67,.6);
}
.brand .mark svg{width:18px;height:18px}
.topbar .pill{
  font-size:.72rem;color:var(--gold-light);
  border:1px solid rgba(212,168,67,.35);
  padding:6px 12px;border-radius:999px;
  letter-spacing:.08em;text-transform:uppercase;
  white-space:nowrap;
}

/* ---------- HERO (1 - card removido, layout simplificado) ---------- */
.hero{padding:clamp(48px,9vw,92px) 0 clamp(40px,7vw,72px)}
.hero .wrap{max-width:780px}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);font-weight:600;
  border:1px solid rgba(212,168,67,.3);
  background:rgba(212,168,67,.06);
  padding:7px 14px;border-radius:999px;
  margin-bottom:22px;
}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 12px var(--gold-light)}
.hero-copy{text-align:center}
.hero h1{
  font-size:clamp(2.3rem,7.2vw,4.1rem);
  margin-bottom:20px;
}
.hero h1 .hl{
  color:var(--gold-light);
  position:relative;
  white-space:nowrap;
}
.hero .sub{
  font-size:clamp(1.02rem,2.5vw,1.22rem);
  color:var(--white);
  opacity:.92;
  max-width:40ch;
  margin:0 auto 28px;
  font-weight:400;
  text-transform:none;
  font-family:'Sora',sans-serif;
  line-height:1.55;
}
.hero-price{
  display:flex;flex-direction:column;align-items:center;
  margin-bottom:26px;
}
.hero-cta-row{
  display:flex;flex-direction:column;align-items:center;gap:0;
}
.hero .trust-row{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;
  margin-top:20px;
}
.hero .trust-row span{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.76rem;color:var(--gray);
}
.hero .trust-row svg{width:14px;height:14px;color:var(--green-cta)}

/* ---------- Section heading (3 centralizado, 4 tamanho maior) ---------- */
.sec{padding:clamp(56px,9vw,96px) 0}
.sec-head{
  margin-bottom:clamp(34px,5vw,52px);
  max-width:42ch;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.kicker{
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:14px;display:block;
}
.sec-head h2{font-size:clamp(2.2rem,6.2vw,3.6rem)}
.sec-head p{
  margin-top:16px;color:var(--gray);
  font-size:clamp(1rem,2.2vw,1.1rem);
  text-transform:none;font-family:'Sora',sans-serif;font-weight:400;line-height:1.6;
}

/* ---------- Animated gradient border ---------- */
@property --gradient-angle{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}
@keyframes gradient-rotate{
  from{--gradient-angle:0deg}
  to{--gradient-angle:360deg}
}

/* ---------- "O que recebe" ---------- */
.recebe{background:linear-gradient(180deg,transparent,rgba(10,21,11,.5),transparent)}
.feat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
}
.feat{
  /* Fallback for browsers without @property support */
  border:2px solid #D4A843;
  border-radius:18px;
  padding:26px 24px;
  display:flex;gap:16px;align-items:flex-start;
  transition:transform .25s ease, box-shadow .25s ease;
  /* Animated gradient border */
  background-image:
    linear-gradient(#0C1A0E, #0C1A0E),
    conic-gradient(
      from var(--gradient-angle, 0deg),
      #1B4A1F 0%,
      #D4A843 37%,
      #F0C75E 40%,
      #D4A843 43%,
      #1B4A1F 50%,
      #1B4A1F 77%,
      #D4A843 80%,
      #F0C75E 83%,
      #1B4A1F 90%
    );
  background-clip:padding-box, border-box;
  background-origin:padding-box, border-box;
  border-color:transparent;
  animation:gradient-rotate 4s linear infinite;
}
.feat:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 44px -22px rgba(0,0,0,.7);
}
.feat .ico{
  flex:0 0 auto;
  width:46px;height:46px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(212,168,67,.12);
  border:1px solid rgba(212,168,67,.3);
  color:var(--gold-light);
}
.feat .ico svg{width:24px;height:24px}
.feat h3{
  font-size:1.18rem;letter-spacing:0;text-transform:none;
  font-family:'Sora',sans-serif;font-weight:700;
  margin-bottom:6px;
}
.feat p{color:var(--gray);font-size:.94rem;line-height:1.55}
.feat.wide{grid-column:1/-1}

/* ---------- Como funciona ---------- */
/* Desktop: 3 cards side by side */
.steps{
  display:flex;
  gap:24px;
}
.steps .step{flex:1 1 0;min-width:0}
.step{
  position:relative;
  background:linear-gradient(180deg,rgba(10,21,11,.6),rgba(6,13,7,.4));
  border:1px solid var(--green-border);
  border-radius:20px;
  padding:34px 26px 30px;
  text-align:left;
}
.step .num{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size:2.5rem;
  line-height:.8;
  color:#F0C75E;
  -webkit-text-stroke:0;
  text-shadow:0 0 20px rgba(240,199,94,.4);
  margin-bottom:14px;
  display:block;
}
.step .ico{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;margin-bottom:16px;
  background:rgba(34,160,45,.12);
  border:1px solid rgba(34,160,45,.35);
  color:#5ee06a;
}
.step .ico svg{width:24px;height:24px}
.step h3{
  font-size:1.2rem;text-transform:none;letter-spacing:0;
  font-family:'Sora',sans-serif;font-weight:700;margin-bottom:8px;
}
.step p{color:var(--gray);font-size:.95rem;line-height:1.55}
.step:not(:last-child)::after{
  content:"";
  position:absolute;top:54px;right:-13px;
  width:26px;height:2px;
  background:linear-gradient(90deg,rgba(212,168,67,.6),transparent);
  display:none;
}

/* Steps carousel (mobile only) */
.steps-carousel-wrap{position:relative;overflow:hidden}
.steps-carousel-wrap .steps{
  transition:transform .4s ease;
}
.steps-carousel-nav{
  display:none;
  justify-content:center;align-items:center;gap:16px;
  margin-top:24px;
}
.steps-carousel-nav .carousel-btn{
  width:44px;height:44px;border-radius:50%;
  background:rgba(27,74,31,.5);
  border:1px solid var(--gold);
  color:var(--gold);
  display:grid;place-items:center;cursor:pointer;
  transition:background .2s, border-color .2s;
}
.steps-carousel-nav .carousel-btn:hover{
  background:rgba(212,168,67,.2);
}
.steps-carousel-nav .carousel-btn svg{width:20px;height:20px}
.steps-carousel-dots{display:flex;gap:6px;align-items:center}
.steps-carousel-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.2);
  border:none;cursor:pointer;
  transition:background .25s, transform .25s;
}
.steps-carousel-dot.active{
  background:var(--gold-light);
  transform:scale(1.3);
}

@media(max-width:768px){
  .steps-carousel-wrap .steps{
    flex-wrap:nowrap;
    gap:0;
  }
  .steps .step{
    flex:0 0 calc(100% - 16px);
    min-width:calc(100% - 16px);
    margin:0 8px;
  }
  .steps-carousel-nav{display:flex}
}

/* ---------- Comparacao ---------- */
.compare{background:linear-gradient(180deg,transparent,rgba(10,21,11,.55),transparent)}
.cmp-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid var(--green-border);
  background:rgba(6,13,7,.5);
}
.cmp-table th,.cmp-table td{
  padding:18px 18px;
  text-align:left;
  border-bottom:1px solid rgba(42,90,46,.5);
  font-size:.98rem;
  vertical-align:middle;
}
.cmp-table tr:last-child th,.cmp-table tr:last-child td{border-bottom:none}
.cmp-table thead th{
  font-family:'Sora',sans-serif;
  font-weight:700;
  text-transform:none;
  font-size:1rem;
  background:rgba(10,21,11,.6);
}
.cmp-table thead th:first-child{color:var(--gray);font-weight:500;font-size:.85rem}
.cmp-table thead th.bad{color:var(--gray)}
.cmp-table thead th.good{
  color:var(--gold-light);
  position:relative;
}
.cmp-table thead th.good::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(212,168,67,.12),transparent);
  pointer-events:none;
}
.cmp-table tbody th{
  font-family:'Sora',sans-serif;
  font-weight:600;text-transform:none;
  color:var(--white);font-size:.95rem;
}
.cmp-table td.bad{color:var(--gray)}
.cmp-table td.good{
  color:var(--white);font-weight:600;
  background:rgba(212,168,67,.05);
}
.cmp-table td.good .hl{color:var(--gold-light);font-weight:700}
.cell{display:inline-flex;align-items:center;gap:9px}
.cell svg{width:18px;height:18px;flex:0 0 auto}
.cell .x{color:var(--red)}
.cell .check{color:var(--green-cta)}

/* ---------- Carrossel de depoimentos (5) ---------- */
.carousel-wrap{position:relative;overflow:hidden}
.carousel-track{
  display:flex;
  gap:24px;
  transition:transform .4s ease;
}
.carousel-track .testi{
  flex:0 0 calc(100%);
  min-width:0;
}
@media(min-width:680px){
  .carousel-track .testi{flex:0 0 calc(50% - 12px)}
}
.testi{
  background:linear-gradient(165deg,rgba(27,74,31,.3),rgba(10,21,11,.55));
  border:1px solid var(--green-border);
  border-radius:20px;
  padding:28px 26px;
  display:flex;flex-direction:column;gap:16px;
  position:relative;
}
.testi .stars{display:flex;gap:3px;color:var(--gold-light)}
.testi .stars svg{width:17px;height:17px}
.testi blockquote{
  font-size:1rem;line-height:1.6;color:var(--white);
  font-style:normal;
}
.testi blockquote::before{
  content:"\201C";
  font-family:'Barlow Condensed',serif;
  font-size:2.4rem;color:rgba(212,168,67,.4);
  line-height:0;vertical-align:-.35em;margin-right:.05em;
}
.testi .who{
  display:flex;align-items:center;gap:12px;
  margin-top:auto;padding-top:6px;
}
.testi .av{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;
  color:#0A150B;
  background:linear-gradient(150deg,var(--gold-light),var(--gold));
  flex:0 0 auto;
}
.testi .who b{display:block;font-weight:600;font-size:.95rem}
.testi .who span{font-size:.8rem;color:var(--gray)}

/* Carousel nav buttons */
.carousel-nav{
  display:flex;justify-content:center;align-items:center;gap:16px;
  margin-top:28px;
}
.carousel-btn{
  width:44px;height:44px;border-radius:50%;
  background:rgba(27,74,31,.5);
  border:1px solid var(--green-border);
  color:var(--white);
  display:grid;place-items:center;
  cursor:pointer;
  transition:background .2s, border-color .2s;
}
.carousel-btn:hover{
  background:rgba(34,160,45,.3);
  border-color:var(--gold);
}
.carousel-btn svg{width:20px;height:20px}
.carousel-dots{display:flex;gap:6px;align-items:center}
.carousel-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.2);
  border:none;cursor:pointer;
  transition:background .25s, transform .25s;
}
.carousel-dot.active{
  background:var(--gold-light);
  transform:scale(1.3);
}

/* ---------- Urgencia / countdown ---------- */
.urgency{text-align:center;}
.urg-card{
  background:
    radial-gradient(600px 300px at 50% 0%,rgba(212,168,67,.12),transparent 60%),
    linear-gradient(165deg,rgba(27,74,31,.45),rgba(6,13,7,.7));
  border:1px solid var(--green-border);
  border-radius:26px;
  padding:clamp(38px,6vw,60px) clamp(24px,5vw,52px);
  position:relative;
  overflow:hidden;
}
.urg-card h2{
  font-size:clamp(1.7rem,5vw,2.7rem);
  max-width:20ch;margin:0 auto 12px;
}
.urg-card h2 .hl{color:var(--gold-light)}
.urg-card .lead{
  color:var(--gray);font-size:1.05rem;
  text-transform:none;font-family:'Sora',sans-serif;
  max-width:34ch;margin:0 auto 34px;line-height:1.55;
}
.countdown{
  display:flex;justify-content:center;gap:clamp(10px,3vw,22px);
  margin-bottom:36px;flex-wrap:wrap;
}
.cd-box{
  min-width:74px;
  background:rgba(6,13,7,.7);
  border:1px solid var(--green-border);
  border-radius:14px;
  padding:16px 12px 12px;
}
.cd-box .n{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;font-size:clamp(2rem,7vw,2.9rem);
  line-height:1;color:var(--gold-light);
  font-variant-numeric:tabular-nums;
  display:block;
}
.cd-box .l{
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gray);margin-top:8px;display:block;
}
.cd-sep{
  align-self:center;
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:clamp(1.6rem,5vw,2.4rem);color:rgba(212,168,67,.4);
}
.cd-live{
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:clamp(1.8rem,6vw,2.6rem);color:var(--gold-light);
  text-transform:uppercase;margin-bottom:30px;
}

/* ---------- CTA final ---------- */
.final{padding:clamp(56px,9vw,100px) 0 clamp(70px,9vw,110px)}
.final-card{
  background:
    radial-gradient(700px 400px at 50% -10%,rgba(34,160,45,.18),transparent 60%),
    linear-gradient(165deg,rgba(27,74,31,.5),rgba(6,13,7,.85));
  border:1px solid var(--green-border);
  border-radius:28px;
  padding:clamp(40px,6vw,68px) clamp(26px,5vw,56px);
  text-align:center;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.85);
  position:relative;overflow:hidden;
}
.final-card .ribbon{
  display:inline-block;
  font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  color:#0A150B;font-weight:700;
  background:linear-gradient(150deg,var(--gold-light),var(--gold));
  padding:7px 18px;border-radius:999px;margin-bottom:22px;
}
.final-card h2{
  font-size:clamp(1.9rem,5.5vw,3rem);
  max-width:22ch;margin:0 auto 18px;
}
.final-card h2 .hl{color:var(--gold-light)}
.final-card .price-anchor{margin:6px 0 10px}
.final-card .micro{
  color:var(--gray);font-size:1rem;
  max-width:30ch;margin:0 auto 30px;line-height:1.55;
}
.final-card .micro b{color:var(--white);font-weight:600}
.final-card .cta{padding-left:2.4em;padding-right:2.4em}
.guarantee{
  margin-top:26px;
  display:inline-flex;align-items:center;gap:10px;
  font-size:.86rem;color:var(--gray);
  border:1px solid rgba(42,90,46,.6);
  background:rgba(10,21,11,.5);
  padding:10px 18px;border-radius:999px;
}
.guarantee svg{width:18px;height:18px;color:var(--gold-light)}

/* ---------- Footer (9) ---------- */
.foot{
  border-top:1px solid rgba(42,90,46,.4);
  padding:30px 0 40px;
  color:var(--gray);
  font-size:.82rem;
}
.foot .wrap{
  display:flex;flex-wrap:wrap;gap:14px;
  justify-content:space-between;align-items:center;
}
.foot-left,.foot-right{line-height:1.5}
.foot-right{text-align:right}

/* ---------- Sticky mobile CTA ---------- */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(6,13,7,0),rgba(6,13,7,.96) 28%);
  display:none;
  transform:translateY(120%);
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.sticky-cta.show{transform:none}
.sticky-cta .inner{
  display:flex;align-items:center;gap:12px;
  background:rgba(10,21,11,.92);
  border:1px solid var(--green-border);
  border-radius:16px;padding:8px 8px 8px 16px;
  box-shadow:0 -10px 30px -10px rgba(0,0,0,.7);
}
.sticky-cta .px{flex:1;min-width:0}
.sticky-cta .px .a{font-size:.72rem;color:var(--red);text-decoration:line-through;line-height:1}
.sticky-cta .px .b{
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  color:var(--gold-light);font-size:1.4rem;line-height:1;
}
.sticky-cta .cta{padding:.85em 1.2em;font-size:.92rem;border-radius:12px;white-space:nowrap}

/* ---------- Responsive ---------- */
@media(min-width:760px){
  .step:not(:last-child)::after{display:block}
}
@media(max-width:880px){
}
@media(max-width:620px){
  .topbar .pill{display:none}
  .cmp-table th,.cmp-table td{padding:14px 12px;font-size:.88rem}
  .cmp-table thead th{font-size:.9rem}
  .sticky-cta{display:block}
  .final{padding-bottom:120px}
  .foot{padding-bottom:110px}
  .foot .wrap{flex-direction:column;text-align:center}
  .foot-right{text-align:center}
}
@media(max-width:420px){
  .cmp-table th,.cmp-table td{padding:12px 9px;font-size:.82rem}
  .cell{gap:6px}
  .cell svg{width:15px;height:15px}
}