/* ============================================================
   PROTOCOLO DE CAPTACAO NO WHATSAPP · Reproduzindo Talentos
   LOW-TICKET (esqueleto Maxxima) · pele vibrante: azul + vermelho + dourado
   Fitas curvas ("serpentes") + tipografia arredondada Poppins
   ============================================================ */

:root{
  --azul:      #1B27C4;
  --azul-deep: #131C96;
  --azul-ink:  #0D1470;
  --verm:      #F03A26;
  --verm-deep: #D42A18;
  --ouro:      #F2B23E;
  --ouro-2:    #F7DF6A;
  --verde:     #1EA84C;
  --verde-dark:#178A3D;
  --ink:       #171C42;
  --gray:      #5A6076;
  --bg:        #F5F7FD;
  --soft:      #EEF1FA;
  --line:      #E3E7F2;
  --white:     #FFFFFF;
  --wa-bg:     #EFEAE2;
  --wa-out:    #D9FDD3;
  --wa-meta:   #667781;
  --star:      #F2B23E;
  --r:         20px;
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html,body{ overflow-x:hidden; max-width:100%; }
html{ scroll-behavior:smooth; }

body{
  background:var(--white);
  color:var(--ink);
  font-family:'Cabinet Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16.5px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }
button{ font:inherit; background:none; border:0; color:inherit; cursor:pointer; }
b,strong{ font-weight:700; }

.wrap{ width:min(1100px, 100% - 40px); margin-inline:auto; }
.narrow{ width:min(840px, 100% - 40px); margin-inline:auto; }

.sec{ padding:96px 0; position:relative; }
.sec.alt{ background:var(--bg); }

/* ---------- titulos ---------- */
.h1{
  font-size:clamp(30px, 4.4vw, 50px);
  font-weight:700; line-height:1.18; letter-spacing:-.015em;
  text-align:center; text-wrap:balance;
}
.h2{
  font-size:clamp(25px, 3.2vw, 37px);
  font-weight:700; line-height:1.2; letter-spacing:-.01em;
  text-align:center; text-wrap:balance;
}
.mk{ color:var(--azul); }
.mr{ color:var(--verm); }
.mo{ color:var(--ouro); }
.sub{
  font-size:clamp(15.5px,1.5vw,18px); color:var(--gray);
  text-align:center; max-width:62ch; margin-inline:auto; text-wrap:pretty;
}

/* ---------- fitas curvas (serpentes) ---------- */
.ribbon{
  position:absolute; pointer-events:none; z-index:0;
}
.sec > .wrap, .sec > .narrow, .hero > .wrap{ position:relative; z-index:1; }
.clip{ overflow:hidden; }

/* ---------- topbar (barra vermelha, funde no hero) ---------- */
.topbar{ padding:16px 0; background:var(--verm); position:relative; z-index:5; }
.topbar .wrap{ display:flex; justify-content:center; }
.brand{ display:inline-flex; align-items:center; }
.brand img{ height:38px; width:auto; }

/* ---------- botao de compra (verde, unico primario) ---------- */
.buy{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  background:var(--verde); color:var(--white);
  font-weight:700; font-size:17px;
  padding:19px 44px; border-radius:999px;
  transition:background .2s ease, transform .2s ease;
  text-align:center;
  position:relative; overflow:hidden; isolation:isolate;
  animation:buy-pulse 2.6s ease-out infinite;
}
.buy::after{ /* feixe de luz */
  content:""; position:absolute; top:-20%; bottom:-20%; width:34%;
  left:-60%; transform:skewX(-22deg);
  background:linear-gradient(105deg, transparent 0%, rgba(255,255,255,.16) 28%, rgba(255,255,255,.65) 50%, rgba(255,255,255,.16) 72%, transparent 100%);
  animation:buy-shine 3.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes buy-shine{
  0%{ left:-60%; }
  46%{ left:135%; }
  100%{ left:135%; }
}
@keyframes buy-pulse{
  0%{ box-shadow:0 0 0 0 rgba(30,168,76,.45); }
  70%{ box-shadow:0 0 0 14px rgba(30,168,76,0); }
  100%{ box-shadow:0 0 0 0 rgba(30,168,76,0); }
}
.buy:hover{ background:var(--verde-dark); transform:translateY(-1px); }
.buy:active{ transform:scale(.98); }
@media (prefers-reduced-motion:reduce){
  .buy{ animation:none; }
  .buy::after{ animation:none; left:-60%; }
}

.trust-row{
  display:flex; flex-wrap:wrap; gap:8px 26px; justify-content:center; align-items:center;
  font-size:14px; font-weight:700; margin-top:18px;
}
.trust-row span{ display:inline-flex; align-items:center; gap:7px; }
.trust-row svg{ width:16px; height:16px; flex:none; }

/* ---------- HERO (vermelho vivo) ---------- */
.hero{
  background:var(--verm);
  color:var(--white);
  padding:64px 0 84px;
  position:relative; overflow:hidden;
}
.hero::before{ /* pattern de pontos, com fade */
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:url("assets/pixels.png");
  background-size:640px 640px; opacity:.17;
  -webkit-mask-image:radial-gradient(900px 500px at 50% 0%, #000 30%, transparent 75%);
          mask-image:radial-gradient(900px 500px at 50% 0%, #000 30%, transparent 75%);
}
.hero .badge{
  display:flex; justify-content:center; margin-bottom:24px;
}
.hero .badge span{
  background:var(--white); color:var(--verm);
  font-weight:700; font-size:14px;
  padding:9px 22px; border-radius:999px;
}
.hero .h1{ color:var(--white); margin:0 auto 18px; max-width:24ch; }
.hero .h1 .mo{ color:var(--ouro-2); }
.hero .pillrow{ display:flex; justify-content:center; margin-bottom:18px; }
.pill-check{
  display:inline-flex; align-items:center; gap:9px;
  background:var(--white); border:1px solid var(--line); border-radius:999px;
  padding:11px 22px; font-weight:700; font-size:14.5px; color:var(--ink);
}
.hero .sub{ color:rgba(255,255,255,.92); margin-bottom:40px; }
.hero .sub b{ color:var(--white); }
.hero-visual{
  max-width:590px; margin:0 auto; position:relative; padding-top:10px;
}
.hero-visual::before{ /* disco escuro atras */
  content:""; position:absolute; left:50%; top:52%; translate:-50% -50%;
  width:min(500px,86%); aspect-ratio:1; border-radius:50%;
  background:rgba(0,0,0,.16);
}
.hero-visual::after{ /* anel tracejado */
  content:""; position:absolute; left:50%; top:52%; translate:-50% -50%;
  width:min(600px,98%); aspect-ratio:1; border-radius:50%;
  border:2px dashed rgba(255,255,255,.38);
}
.hero-visual img{
  width:100%; position:relative; z-index:1;
  --rot:-2deg; transform:rotate(var(--rot));
  filter:drop-shadow(0 36px 44px rgba(0,0,0,.4));
  animation:floaty 6s ease-in-out infinite;
}
@keyframes floaty{
  0%,100%{ transform:translateY(0) rotate(var(--rot)); }
  50%{ transform:translateY(-12px) rotate(var(--rot)); }
}
@media (prefers-reduced-motion:reduce){
  .hero-visual img, .mock-float img{ animation:none; }
}
/* recorte flutuante reutilizavel */
.mock-float{ position:relative; display:grid; place-items:center; padding:26px 10px; }
.mock-float::before{
  content:""; position:absolute; width:76%; aspect-ratio:1; border-radius:50%;
  background:#E7EAFF;
}
.mock-float::after{
  content:""; position:absolute; width:92%; aspect-ratio:1; border-radius:50%;
  border:2px dashed #C9D0F0;
}
.mock-float.gold::before{ background:#FFF3DA; }
.mock-float.gold::after{ border-color:#F2D9A0; }
.mock-float img{
  position:relative; z-index:1; width:100%;
  --rot:2deg; transform:rotate(var(--rot));
  filter:drop-shadow(0 28px 36px rgba(23,28,66,.3));
  animation:floaty 7s ease-in-out infinite;
}
.vs-strip{
  display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:stretch;
  max-width:780px; margin:-30px auto 40px; position:relative; z-index:2;
  padding:0 18px;
}
.vs-card{
  background:var(--white); border-radius:18px; padding:18px 22px;
  text-align:center; color:var(--ink);
}
.vs-card.bad{ box-shadow:inset 0 0 0 2px #F8C6BE; }
.vs-card.good{ box-shadow:inset 0 0 0 2px #BFE7CD; }
.vs-card .vt{ font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:5px; }
.vs-card.bad .vt{ color:var(--verm); }
.vs-card.good .vt{ color:var(--verde); }
.vs-card .vv{ font-weight:700; font-size:16px; line-height:1.4; }
.vs-card.bad .vv{ color:#8A8A92; }
.vs-mid{
  align-self:center; background:var(--ouro); color:var(--azul-ink);
  width:48px; height:48px; border-radius:50%; display:grid; place-items:center;
  font-weight:700; font-size:14px; text-transform:uppercase;
}
.hero .ctawrap{ text-align:center; position:relative; z-index:2; }
.hero .trust-row{ color:rgba(255,255,255,.9); }
.hero .trust-row svg{ color:var(--ouro-2); }
.arrow-down{
  width:48px; height:48px; border-radius:50%; background:var(--ouro); color:var(--azul-ink);
  display:grid; place-items:center; margin:46px auto 0; position:relative; z-index:2;
}
.arrow-down svg{ width:20px; height:20px; }

/* ---------- dor: baloes ---------- */
.pain-grid{
  display:grid; grid-template-columns:1fr 340px 1fr; gap:0; align-items:center;
  margin-top:56px;
}
.pain-col{ display:grid; gap:26px; align-content:center; position:relative; z-index:2; }
.balloon{
  background:var(--verm); color:var(--white);
  border-radius:20px; padding:17px 22px;
  font-weight:700; font-size:15px; line-height:1.5;
  position:relative; text-wrap:pretty;
  box-shadow:0 16px 32px -14px rgba(23,28,66,.4);
}
.pain-col.l .balloon{ border-bottom-right-radius:5px; }
.pain-col.r .balloon{ border-bottom-left-radius:5px; }
.pain-col.l .balloon:nth-child(1){ margin-right:-64px; rotate:-1.6deg; }
.pain-col.l .balloon:nth-child(2){ margin-right:-124px; rotate:1.2deg; margin-left:26px; }
.pain-col.l .balloon:nth-child(3){ margin-right:-44px; rotate:-.9deg; }
.pain-col.r .balloon:nth-child(1){ margin-left:-118px; rotate:1.4deg; margin-right:20px; }
.pain-col.r .balloon:nth-child(2){ margin-left:-48px; rotate:-1.2deg; }
.pain-col.r .balloon:nth-child(3){ margin-left:-96px; rotate:.9deg; margin-right:34px; }
.pain-foto{ width:100%; position:relative; z-index:1; }
.pain-foto img{
  border-radius:24px; aspect-ratio:4/5; object-fit:cover; width:100%;
  outline:6px solid var(--soft); outline-offset:-1px;
}

/* ---------- dor dark: cena + chips de vidro ---------- */
.pain-dark{ background:#020309; }
.pain-dark::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:url("assets/pixels.png");
  background-size:640px 640px; opacity:.12;
  -webkit-mask-image:radial-gradient(760px 380px at 50% 0%, #000 25%, transparent 75%);
          mask-image:radial-gradient(760px 380px at 50% 0%, #000 25%, transparent 75%);
}
.pain-dark .h2{ color:#fff; }
.pain-dark .sub{ color:rgba(255,255,255,.62); }
.scene{ position:relative; max-width:1260px; margin:40px auto 0; }
.scene-img{
  width:100%;
  -webkit-mask-image:radial-gradient(115% 100% at 50% 46%, #000 52%, transparent 97%);
          mask-image:radial-gradient(115% 100% at 50% 46%, #000 52%, transparent 97%);
}
.chip{
  position:absolute; display:flex; gap:14px; align-items:center;
  max-width:360px; padding:18px 22px; border-radius:18px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 18px 40px -18px rgba(0,0,0,.6);
  color:#fff; overflow:hidden;
  rotate:var(--cr, 0deg);
  animation:chipfloat 7s ease-in-out infinite;
  animation-delay:var(--cd, 0s);
}
.chip p{ font-size:15.5px; font-weight:700; line-height:1.42; }
.chip span{ font-size:30px; flex:none; line-height:1; }
.chip::after{
  content:""; position:absolute; top:-45%; bottom:-45%; left:16%; width:30%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.14), transparent);
  transform:skewX(-24deg); pointer-events:none;
}
@keyframes chipfloat{
  0%,100%{ translate:0 0; }
  50%{ translate:0 -9px; }
}
.chip.c1{ left:8%;  top:16%; --cr:-1.6deg; }
.chip.c2{ left:6%;  top:45%; --cr:1.1deg;  --cd:1.2s; }
.chip.c3{ left:11%; top:74%; --cr:-.8deg;  --cd:2.4s; }
.chip.c4{ right:8%;  top:11%; --cr:1.4deg;  --cd:.6s; }
.chip.c5{ right:6%;  top:46%; --cr:-1.2deg; --cd:1.8s; }
.chip.c6{ right:11%; top:74%; --cr:.9deg;   --cd:3s; }
.pain-dark .provoke{ margin-top:-30px; position:relative; z-index:3; }

/* ---------- bolhas de notificacao flutuantes (virada) ---------- */
.fnote{
  position:absolute; pointer-events:none; z-index:0;
  rotate:var(--fr, 0deg);
  animation:chipfloat 8s ease-in-out infinite;
  animation-delay:var(--fd, 0s);
  filter:drop-shadow(0 14px 20px rgba(224,30,55,.28));
}
.fnote svg{ width:100%; height:auto; display:block; }
.fnote.blur1{ filter:blur(2.5px) drop-shadow(0 10px 16px rgba(23,28,66,.2)); opacity:.9; }
.fnote.blur2{ filter:blur(5px); opacity:.75; }

/* ---------- caixa provocacao (azul) ---------- */
.provoke{
  background:var(--azul); color:var(--white);
  border-radius:24px; padding:36px 40px;
  display:flex; gap:22px; align-items:flex-start;
  max-width:880px; margin:60px auto 0;
  position:relative; overflow:hidden;
}
.provoke::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:url("assets/pixels.png");
  background-size:560px 560px; opacity:.16;
  -webkit-mask-image:radial-gradient(480px 260px at 88% 10%, #000, transparent 70%);
          mask-image:radial-gradient(480px 260px at 88% 10%, #000, transparent 70%);
}
.provoke .ic{ font-size:34px; line-height:1; flex:none; position:relative; }
.provoke > div{ position:relative; }
.provoke h3{ font-size:clamp(20px,2.2vw,25px); font-weight:700; margin-bottom:8px; }
.provoke h3 .mo{ color:var(--ouro-2); }
.provoke p{ font-size:16px; line-height:1.65; color:rgba(255,255,255,.93); }

/* ---------- virada ---------- */
.virada .h2{ margin-bottom:22px; }
.virada .sub{ margin-bottom:36px; }
.stepline{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.stepline .pill-check{
  font-weight:700; border-color:transparent;
  box-shadow:0 4px 14px -6px rgba(23,28,66,.16);
}

/* ---------- duelo de chats ---------- */
.duel-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:26px;
  max-width:940px; margin:54px auto 0;
}
.chatcard{
  background:var(--white); border-radius:24px;
  overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 18px 44px -22px rgba(23,28,66,.22);
}
.chatcard .ch-tag{
  text-align:center; font-weight:700; font-size:13.5px; text-transform:uppercase;
  letter-spacing:.06em; padding:14px;
}
.chatcard.lose .ch-tag{ background:#FDE9E6; color:var(--verm-deep); }
.chatcard.win  .ch-tag{ background:#E6F7EC; color:var(--verde-dark); }
.ch-head{
  background:#F0F2F5; padding:12px 16px; display:flex; align-items:center; gap:11px;
  border-bottom:1px solid var(--line);
}
.ch-ava{
  width:36px; height:36px; border-radius:50%; flex:none;
  display:grid; place-items:center; font-weight:700; font-size:14px; color:var(--white);
}
.chatcard.lose .ch-ava{ background:#9AA6AF; }
.chatcard.win  .ch-ava{ background:var(--verde); }
.ch-id b{ font-size:14.5px; display:block; line-height:1.25; }
.ch-id span{ font-size:12.5px; color:var(--wa-meta); }
.ch-body{
  background:var(--wa-bg); padding:20px 14px 24px; flex:1;
  display:flex; flex-direction:column; gap:9px;
}
.msg{
  max-width:86%; padding:9px 13px 7px; border-radius:12px;
  font-size:14px; line-height:1.5; color:#111B21;
  box-shadow:0 1px 1px rgba(0,0,0,.06);
  position:relative; font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
}
.msg .mt{
  display:flex; justify-content:flex-end; align-items:center; gap:4px;
  font-size:11px; color:var(--wa-meta); margin-top:2px; font-variant-numeric:tabular-nums;
}
.msg .mt svg{ width:15px; height:11px; color:#53BDEB; }
.msg.in{ align-self:flex-start; background:var(--white); border-top-left-radius:3px; }
.msg.out{ align-self:flex-end; background:var(--wa-out); border-top-right-radius:3px; }
.msg .script-chip{
  position:absolute; top:-12px; right:8px;
  background:var(--azul); color:var(--white);
  font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  padding:3px 11px; border-radius:999px;
  font-family:'Cabinet Grotesk',sans-serif;
}
.ch-status{
  align-self:center; font-size:12px; color:var(--wa-meta);
  background:rgba(17,27,33,.06); border-radius:999px; padding:4px 13px; margin-top:4px;
}
.ch-result{
  padding:15px 18px; font-size:14.5px; font-weight:700; line-height:1.45;
  display:flex; gap:9px; align-items:center;
}
.chatcard.lose .ch-result{ background:#FDE9E6; color:#B02A1D; }
.chatcard.win  .ch-result{ background:#E6F7EC; color:#1B7A3D; }

/* ---------- solucao ---------- */
.sol-grid{
  display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:52px; align-items:center;
}
.bonus-media{ max-width:700px; margin:0 auto 28px; }
.bonus-media img{
  border-radius:24px;
  box-shadow:0 22px 50px -26px rgba(23,28,66,.3);
}
.sol-copy .h2{ text-align:left; margin-bottom:18px; }
.sol-copy p{ color:var(--gray); font-size:16.5px; }
.kicker{
  display:inline-flex; align-items:center; gap:8px;
  background:#FFF3DA; color:#9A6A0C;
  font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.08em;
  padding:8px 18px; border-radius:999px; margin-bottom:16px;
}
.kicker::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--ouro); }

/* ---------- entregaveis ---------- */
.deliver-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:52px;
}
.dcard{
  background:var(--white); border-radius:22px;
  padding:28px 30px; display:flex; gap:20px; align-items:flex-start;
  box-shadow:0 14px 34px -20px rgba(23,28,66,.18);
}
.dcard .emo{
  width:58px; height:58px; border-radius:50%;
  display:grid; place-items:center; font-size:26px; flex:none;
}
.dcard:nth-child(3n+1) .emo{ background:#E7EAFF; }
.dcard:nth-child(3n+2) .emo{ background:#FDE9E6; }
.dcard:nth-child(3n)   .emo{ background:#FFF3DA; }
.dcard h3{ font-size:18px; font-weight:700; margin-bottom:5px; }
.dcard p{ font-size:15px; color:var(--gray); }

/* ---------- bonus (barra azul) ---------- */
.bar{
  background:var(--azul); color:var(--white);
  text-align:center; padding:24px 20px;
  font-weight:700; font-size:clamp(18px,2.3vw,24px);
  position:relative; overflow:hidden;
}
.bar .mo{ color:var(--ouro-2); }
.bar.red{ background:var(--verm); }
.bar::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:url("assets/pixels.png");
  background-size:560px 560px; opacity:.16;
  -webkit-mask-image:linear-gradient(90deg, #000, transparent 45%, transparent 55%, #000);
          mask-image:linear-gradient(90deg, #000, transparent 45%, transparent 55%, #000);
}
.bar > span{ position:relative; }
.bonus-pills{
  display:grid; grid-template-columns:1fr 1fr; gap:14px;
  max-width:900px; margin:0 auto;
}
.bonus-pills .pill-check{
  border-radius:18px; padding:17px 24px; font-size:15px;
  border-color:transparent; box-shadow:0 10px 26px -16px rgba(23,28,66,.2);
}
/* bonus: cards-mockup presos no mural */
.bonus-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:36px;
  max-width:1020px; margin:0 auto;
}
.bonus-card{
  position:relative; background:var(--white); border-radius:20px;
  box-shadow:0 24px 48px -22px rgba(23,28,66,.28);
  padding:14px 14px 0; transform:rotate(-1.3deg);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.bonus-card:last-child{ transform:rotate(1.1deg); }
.bonus-card:hover{ transform:rotate(0deg) translateY(-5px); }
.bonus-card .tape{
  position:absolute; top:-15px; left:50%;
  transform:translateX(-50%) rotate(-3deg);
  width:126px; height:32px; z-index:3;
  background:rgba(242,178,62,.78); border-radius:3px;
  box-shadow:0 3px 8px -2px rgba(23,28,66,.18);
}
.bonus-card:last-child .tape{ transform:translateX(-50%) rotate(2.5deg); }
.bonus-card .bn-tag{
  position:absolute; top:28px; left:28px; z-index:2;
  background:var(--azul); color:var(--white);
  font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  padding:8px 16px; border-radius:999px;
  box-shadow:0 6px 14px -6px rgba(27,39,196,.5);
}
.bonus-card figure{ margin:0; border-radius:14px; overflow:hidden; }
.bonus-card img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.bonus-card .bn-copy{
  padding:18px 14px 24px; text-align:center;
  font-weight:700; font-size:15.5px; color:var(--ink); line-height:1.5;
}

/* ---------- para quem: cartoes-adesivo coloridos ---------- */
.who-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:26px;
  margin-top:60px; padding:14px 0 26px; align-items:start;
}
.wcard{
  position:relative; border-radius:26px;
  padding:36px 32px 34px; text-align:left;
  color:var(--white);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.wcard.c1{ background:var(--azul); transform:rotate(-2.4deg); }
.wcard.c2{ background:var(--verm); transform:rotate(1.8deg) translateY(22px); }
.wcard.c3{
  background:linear-gradient(135deg,#F7DF6A,#F2B23E);
  color:var(--ink); transform:rotate(-1.6deg);
}
.wcard:hover{ transform:rotate(0deg) translateY(-6px); }
.wcard::before{ /* pontinhos sutis */
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background-image:url("assets/pixels.png");
  background-size:480px 480px; opacity:.1;
  -webkit-mask-image:radial-gradient(240px 200px at 100% 0%, #000, transparent 75%);
          mask-image:radial-gradient(240px 200px at 100% 0%, #000, transparent 75%);
}
.wcard .wk{
  position:absolute; top:22px; right:22px;
  width:34px; height:34px; border-radius:50%;
  display:grid; place-items:center;
  background:rgba(255,255,255,.2);
}
.wcard.c3 .wk{ background:rgba(23,28,66,.12); }
.wcard .wk svg{ width:17px; height:17px; }
.wcard .wg{
  display:grid; place-items:center;
  width:70px; height:70px; border-radius:22px;
  background:rgba(255,255,255,.16);
  margin-bottom:22px;
}
.wcard.c3 .wg{ background:rgba(23,28,66,.10); }
.wcard .wg svg{ width:42px; height:42px; }
.wcard h3{ font-size:19.5px; font-weight:700; margin-bottom:9px; line-height:1.3; }
.wcard p{ font-size:15px; line-height:1.6; opacity:.92; }

/* ---------- depoimentos ---------- */
.dep-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:52px; }
.dep{
  background:var(--white); border-radius:22px; padding:28px;
  box-shadow:0 14px 34px -20px rgba(23,28,66,.18);
}
.dep .stars{ color:var(--star); font-size:16px; letter-spacing:2px; margin-bottom:12px; }
.dep blockquote{ font-size:15px; line-height:1.6; margin-bottom:18px; text-wrap:pretty; }
.dep .who{ display:flex; align-items:center; gap:12px; }
.dep .who img{ width:46px; height:46px; border-radius:50%; object-fit:cover; }
.dep .who b{ display:block; font-size:14.5px; line-height:1.25; }
.dep .who span{ font-size:13.5px; color:var(--gray); }

/* ---------- autoridade (azul profundo) ---------- */
.auth{ background:var(--azul-deep); color:var(--white); overflow:hidden; }
.auth::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:url("assets/pixels.png");
  background-size:640px 640px; opacity:.13;
  -webkit-mask-image:radial-gradient(760px 520px at 12% 8%, #000, transparent 72%);
          mask-image:radial-gradient(760px 520px at 12% 8%, #000, transparent 72%);
}
.auth-grid{
  display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:56px; align-items:center;
}
.auth .kicker{ background:rgba(242,178,62,.16); color:var(--ouro-2); }
.auth .kicker::before{ background:var(--ouro-2); }
.auth h2{
  font-size:clamp(25px,3vw,35px); font-weight:700; line-height:1.2;
  margin-bottom:20px; letter-spacing:-.01em;
}
.auth h2 .mo{ color:var(--ouro-2); }
.auth p{ color:rgba(255,255,255,.86); margin-bottom:16px; font-size:16px; max-width:56ch; }
.auth-quote{
  border-left:4px solid var(--ouro);
  padding:15px 22px; margin:22px 0 26px;
  font-size:clamp(16.5px,1.8vw,19px); font-weight:700; color:var(--white);
  background:rgba(242,178,62,.10); border-radius:0 16px 16px 0;
}
.handles{ display:flex; gap:12px; flex-wrap:wrap; }
.handle{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid rgba(255,255,255,.28); border-radius:999px;
  padding:9px 18px; font-size:14px; font-weight:700; color:var(--white);
}
.handle svg{ width:15px; height:15px; color:var(--ouro-2); }
.auth-foto{ position:relative; padding:0 0 18px 18px; }
.auth-foto::before{
  content:""; position:absolute; inset:18px -14px -14px 0;
  background:linear-gradient(135deg, var(--ouro-2), var(--ouro));
  border-radius:26px;
}
.auth-foto img{
  position:relative; border-radius:20px; width:100%;
  aspect-ratio:4/4.4; object-fit:cover; object-position:center 15%;
}
.auth-foto figcaption{
  position:absolute; left:36px; bottom:2px; z-index:2;
  background:var(--white); color:var(--ink); border-radius:12px;
  padding:9px 16px; font-weight:700; font-size:14px; line-height:1.3;
}
.auth-foto figcaption span{ display:block; font-weight:500; font-size:12.5px; color:var(--gray); }

/* ---------- recap ---------- */
.recap-card{
  background:var(--white); border-radius:24px;
  max-width:720px; margin:46px auto 0; padding:40px 44px;
  box-shadow:0 18px 44px -24px rgba(23,28,66,.22);
}
.recap-card li{
  display:flex; align-items:flex-start; gap:12px;
  padding:14px 0; border-bottom:2px dashed var(--line);
  font-size:16.5px; font-weight:700;
}
.recap-card li:last-of-type{ border-bottom:0; }
.recap-card li .ck{ flex:none; }
.recap-sum{
  text-align:center; margin-top:18px; font-size:clamp(17px,2vw,21px); font-weight:700;
}
.recap-sum s{ color:var(--verm); font-weight:700; text-decoration-thickness:2.5px; }

/* ---------- oferta ---------- */
.offer-box{
  background:var(--white); border-radius:26px;
  display:grid; grid-template-columns:minmax(0,6fr) minmax(0,6fr);
  overflow:hidden; max-width:960px; margin:46px auto 0;
  box-shadow:0 24px 60px -30px rgba(23,28,66,.28);
}
.offer-box .of-img{ padding:26px; display:flex; align-items:center; }
.offer-box .of-img img{ border-radius:18px; width:100%; }
.of-price{
  border-left:1px solid var(--line); padding:40px 42px;
  display:flex; flex-direction:column; justify-content:center;
}
.of-price .pill{
  align-self:flex-start;
  background:#FFF3DA; color:#9A6A0C;
  font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.08em;
  padding:7px 16px; border-radius:999px; margin-bottom:12px;
}
.of-price h3{ font-size:21px; font-weight:700; line-height:1.3; margin-bottom:16px; }
.of-dot{ border:0; border-top:2px dashed var(--line); margin:16px 0; }
.of-price .parc{ font-size:14.5px; color:var(--gray); font-weight:700; }
.of-price .val{
  color:var(--verde); font-weight:700; font-size:clamp(36px,4.4vw,50px);
  line-height:1.08; letter-spacing:-.02em; font-variant-numeric:tabular-nums;
}
.of-price .avista{ font-size:15.5px; color:var(--gray); font-weight:700; margin-top:4px; }
.of-price .buy{ width:100%; margin-top:18px; font-size:16px; padding:17px 20px; }
.of-seals{
  display:flex; gap:6px 22px; flex-wrap:wrap; margin-top:4px;
  font-size:13px; color:var(--gray); font-weight:700;
}
.of-seals span{ display:inline-flex; gap:6px; align-items:center; }
.of-seals svg{ width:15px; height:15px; color:var(--verde); flex:none; }

/* ---------- garantia ---------- */
.guar{ background:var(--bg); overflow:hidden; }
.guar-grid{
  display:grid; grid-template-columns:auto minmax(0,1fr);
  gap:52px; align-items:center; max-width:900px; margin-inline:auto;
}
.seal{ width:250px; }
.seal img{ width:100%; filter:drop-shadow(0 14px 26px rgba(23,28,66,.18)); }
.guar h2{ text-align:left; margin-bottom:16px; }
.guar p{ color:var(--gray); margin-bottom:26px; text-wrap:pretty; }

/* ---------- FAQ ---------- */
.faq-list{ max-width:780px; margin:46px auto 0; }
.faq{
  background:var(--white); border-radius:18px;
  margin-bottom:12px; overflow:hidden;
  box-shadow:0 10px 26px -16px rgba(23,28,66,.16);
}
.faq-q{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:21px 26px; text-align:left; font-size:16.5px; font-weight:700;
}
.faq-q .ic{
  flex:none; width:32px; height:32px; border-radius:50%;
  background:#E7EAFF; color:var(--azul); display:grid; place-items:center;
  transition:transform .35s ease;
}
.faq-q .ic svg{ width:13px; height:13px; }
.faq.open .faq-q .ic{ transform:rotate(45deg); }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .45s ease; }
.faq-a p{ padding:0 64px 24px 26px; color:var(--gray); font-size:15px; }

/* ---------- footer (faixa azul) ---------- */
.footer{
  background:var(--azul-deep); color:rgba(255,255,255,.82);
  padding:38px 0; text-align:center; font-size:14px;
  position:relative; overflow:hidden;
}
.footer p{ max-width:80ch; margin:0 auto 6px; line-height:1.65; position:relative; }
.footer .wm{
  position:absolute; left:50%; bottom:-46px; translate:-50% 0;
  font-size:150px; font-weight:700; letter-spacing:-.04em; line-height:1;
  color:rgba(255,255,255,.05); pointer-events:none; user-select:none; white-space:nowrap;
}

/* ---------- responsivo ---------- */
@media (max-width:960px){
  .sol-grid, .auth-grid{ grid-template-columns:1fr; gap:38px; }
  .sol-copy .h2{ text-align:center; }
  .sol-copy{ text-align:center; }
  .auth-foto{ max-width:420px; margin-inline:auto; }
  .offer-box{ grid-template-columns:1fr; }
  .of-price{ border-left:0; border-top:1px solid var(--line); }
  .who-grid, .dep-grid{ grid-template-columns:1fr 1fr; }
  .ribbon, .fnote{ display:none; }
  .chip{ max-width:250px; }
  .chip p{ font-size:13px; }
  .chip span{ font-size:22px; }
}
@media (max-width:760px){
  .sec{ padding:68px 0; }
  .scene{ display:grid; gap:12px; padding:0 20px; margin-top:34px; }
  .scene-img{ order:-1; margin-bottom:10px; -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent); mask-image:linear-gradient(180deg,#000 72%,transparent); }
  .chip{ position:static; max-width:100%; rotate:0deg; animation:none; }
  .pain-dark .provoke{ margin-top:26px; }
  .duel-grid{ grid-template-columns:1fr; }
  .deliver-grid, .bonus-pills, .bonus-grid, .who-grid, .dep-grid{ grid-template-columns:1fr; }
  .bonus-grid{ max-width:440px; gap:40px; }
  .vs-strip{ grid-template-columns:1fr; }
  .vs-mid{ justify-self:center; }
  .guar-grid{ grid-template-columns:1fr; text-align:center; }
  .seal{ margin-inline:auto; }
  .guar h2{ text-align:center; }
  .provoke{ flex-direction:column; gap:12px; padding:30px 26px; }
  .wcard.c2{ transform:rotate(1.8deg); }
  .who-grid{ gap:22px; padding-bottom:8px; }
  .buy{ width:100%; font-size:15.5px; padding:17px 20px; }
  .recap-card{ padding:30px 24px; }
  .footer .wm{ font-size:90px; bottom:-28px; }
}