/* ── Seções ── */
:root{--card:#FFFFFF;--primary:#4361EE;--secondary:#22C55E;--muted:#F4F2EC;--muted-fg:#64748B;--border:#E2E8F0;--grad-soft:linear-gradient(180deg,#FEFCF3 0%,#F5EDD5 100%);--shadow:0 10px 30px -12px rgba(30,41,59,.18)}
.section{padding:64px 16px}
@media(min-width:640px){.section{padding:80px 16px}}
.section-inner{max-width:1024px;margin:0 auto}
.section-inner-sm{max-width:768px;margin:0 auto}
.section-soft{background:var(--grad-soft)}
.section-header{text-align:center;margin-bottom:40px}
.section-header h2{font-size:1.875rem;font-weight:900;text-wrap:balance}
@media(min-width:640px){.section-header h2{font-size:2.25rem}}
.section-header h2 .highlight{color:var(--primary)}
.badge-pill{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;padding:6px 16px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.deco{pointer-events:none;position:absolute}

/* ── Steps ── */
.steps-grid{display:grid;gap:12px}
@media(min-width:640px){.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.steps-grid{grid-template-columns:repeat(3,1fr)}}
.step-card{border-radius:16px;border:1px solid var(--border);padding:16px;box-shadow:var(--shadow);transition:transform .2s ease}
.step-card:hover{transform:translateY(-4px)}
.step-card.bg-green{background:linear-gradient(135deg,#E7F6EC,#fff)}
.step-card.bg-yellow{background:linear-gradient(135deg,#FFF8E1,#fff)}
.step-card.bg-blue{background:linear-gradient(135deg,#E3F0FB,#fff)}
.step-card img{width:64px;height:64px;object-fit:contain;margin:0 auto}
@media(min-width:640px){.step-card img{width:80px;height:80px}}
.step-card h3{margin-top:8px;text-align:center;font-size:.875rem;font-weight:900;line-height:1.3}

/* ── Pricing ── */
.pricing-grid{display:grid;gap:24px}
@media(min-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
.plan-card{position:relative;display:flex;flex-direction:column;border-radius:24px;border:2px solid var(--border);background:var(--card);padding:24px;box-shadow:var(--shadow)}
@media(min-width:640px){.plan-card{padding:32px}}
.plan-card.plan-pro{border:4px solid #22C55E}
.plan-badge{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;padding:6px 16px;font-size:.75rem;font-weight:900;text-transform:uppercase}
.plan-card-header{text-align:center}
.plan-card-header h3{margin-top:12px;font-size:1.5rem;font-weight:900}
@media(min-width:640px){.plan-card-header h3{font-size:1.875rem}}
.plan-card-header p{margin-top:4px;font-size:.875rem;color:var(--muted-fg)}
.plan-features{margin-top:24px;flex:1;list-style:none;display:flex;flex-direction:column;gap:12px}
.plan-features li{display:flex;align-items:flex-start;gap:12px;font-size:.875rem}
@media(min-width:640px){.plan-features li{font-size:1rem}}
.plan-features.plan-pro-features li{font-size:1rem}
@media(min-width:640px){.plan-features.plan-pro-features li{font-size:1.125rem}}
.plan-price-box{margin-top:24px;border-radius:16px;padding:20px;text-align:center}
.plan-price-box.muted{background:rgba(244,242,236,.5)}
.plan-price-box.white{background:var(--card)}
.plan-price-box .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-fg)}
.plan-price-box .price-old{font-size:1.25rem;font-weight:700;color:var(--muted-fg);text-decoration:line-through}
.plan-price-box .price-main{font-size:2.5rem;font-weight:900}
@media(min-width:640px){.plan-price-box .price-main{font-size:3rem}}
.plan-price-box .price-green{font-size:3rem;font-weight:900;color:#22C55E}
@media(min-width:640px){.plan-price-box .price-green{font-size:3.75rem}}
.plan-price-box .label-green{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#22C55E;margin-top:12px}
.btn-basic{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:2px solid var(--primary);background:var(--card);padding:16px 24px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);transition:background-color .2s,color .2s;width:100%}
.btn-basic:hover{background-color:var(--primary);color:#fff}
.btn-pro{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:#22C55E;padding:20px 32px;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;transition:transform .15s ease,background-color .2s;width:100%;cursor:pointer;border:none}
.btn-pro:hover{transform:scale(1.02);background-color:#1ea34d}
.btn-pro:active{transform:scale(0.98)}
.plan-security{margin-top:12px;text-align:center;font-size:.75rem;color:var(--muted-fg);display:flex;align-items:center;justify-content:center;gap:4px}
.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);border-radius:9999px;background:#22C55E;padding:4px 12px;font-size:.625rem;font-weight:900;text-transform:uppercase;color:#fff;white-space:nowrap}
.payment-methods{margin-top:32px;display:flex;justify-content:center}
.payment-methods img{width:100%;max-width:448px;height:auto}

/* ── Bonuses ── */
.bonuses-grid{display:grid;gap:16px}
@media(min-width:640px){.bonuses-grid{grid-template-columns:repeat(2,1fr)}}
.bonus-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;border:2px dashed rgba(67,97,238,.3);background:var(--card);box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}
.bonus-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px rgba(0,0,0,.25)}
.bonus-card img{width:100%;height:256px;object-fit:contain;background:var(--grad-soft);padding:12px}
.bonus-card-wpp{display:flex;width:100%;height:256px;align-items:center;justify-content:center;background:#25D366}
.bonus-card-wpp svg{width:80px;height:80px;fill:#fff}
.bonus-card-body{flex:1;padding:20px}
.bonus-card-body h3{font-size:1.125rem;font-weight:800;line-height:1.3;background:linear-gradient(135deg,#4361EE,#22C55E);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bonus-price-row{margin-top:12px;display:flex;align-items:center;gap:12px}
.bonus-price-old{display:inline-block;border-radius:6px;background:rgba(244,242,236,.6);padding:2px 8px;font-size:.875rem;font-weight:600;color:rgba(100,116,139,.8);text-decoration:line-through;text-decoration-color:rgba(239,68,68,.7)}
.bonus-free-tag{display:inline-block;transform:rotate(-3deg);border-radius:8px;background:linear-gradient(135deg,#22C55E,#4361EE);padding:4px 12px;font-size:.875rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fff;box-shadow:0 4px 0 0 rgba(0,0,0,.18),0 8px 16px -4px rgba(0,0,0,.25);transition:transform .3s ease}
.bonus-card:hover .bonus-free-tag{transform:rotate(0deg) scale(1.1)}

/* ── Carousel ── */
.carousel-wrapper{position:relative;overflow:hidden;border-radius:16px}
.carousel-track{display:flex;gap:16px;transition:transform .9s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.testimonial-card{flex:0 0 calc(50% - 8px);overflow:hidden;border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
@media(max-width:639px){.testimonial-card{flex:0 0 80%}}
@media(min-width:1024px){.testimonial-card{flex:0 0 calc(33.333% - 11px)}}
.testimonial-card img{width:100%;height:auto;display:block;object-fit:cover}
.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.carousel-dot{width:8px;height:8px;border-radius:9999px;background:var(--border);border:none;cursor:pointer;transition:background-color .3s ease,width .3s ease;padding:0}
.carousel-dot.active{background:#EC4899;width:24px}

/* ── Guarantee ── */
.guarantee-box{border-radius:24px;border:1px solid var(--border);background:var(--card);padding:32px;text-align:center;box-shadow:var(--shadow)}
@media(min-width:640px){.guarantee-box{padding:48px}}
.guarantee-box img{margin:0 auto;width:128px;height:128px;object-fit:contain}
@media(min-width:640px){.guarantee-box img{width:160px;height:160px}}
.guarantee-box h2{margin-top:16px;font-size:1.5rem;font-weight:900}
@media(min-width:640px){.guarantee-box h2{font-size:1.875rem}}

/* ── FAQ ── */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{border-radius:16px;border:1px solid var(--border);background:var(--card);padding:20px;box-shadow:var(--shadow)}
.faq-item summary{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:16px;font-weight:700;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-chevron{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}
.faq-item[open] .faq-chevron{transform:rotate(90deg)}
.faq-item p{margin-top:12px;font-size:.875rem;color:var(--muted-fg)}

/* ── Final CTA ── */
.final-cta{text-align:center}
.final-cta h2{font-size:1.875rem;font-weight:900;text-wrap:balance}
@media(min-width:640px){.final-cta h2{font-size:2.25rem}}
.final-cta p{margin-top:12px;color:var(--muted-fg)}
.final-cta .cta-wrap{margin-top:24px;display:flex;justify-content:center}
.highlight{color:#4361EE}

/* ── Footer ── */
footer{border-top:1px solid var(--border);background:var(--card);padding:32px 16px;text-align:center;font-size:.75rem;color:var(--muted-fg)}

/* ── Sticky Mobile CTA ── */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:50;border-top:1px solid var(--border);background:rgba(255,255,255,.95);backdrop-filter:blur(8px);padding:12px;box-shadow:0 -4px 20px rgba(0,0,0,.1);transform:translateY(100%);transition:transform .3s ease}
.sticky-cta.visible{transform:translateY(0)}
@media(min-width:640px){.sticky-cta{display:none}}
.sticky-cta .btn-cta{width:100%;font-size:1rem;padding:16px}

/* ── Gradient text ── */
.gradient-pink{background:linear-gradient(to right,#EC4899,#A855F7,#F43F5E);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-sky{background:linear-gradient(to right,#0EA5E9,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── CTA Glow animations ── */
@keyframes pulse-glow-blue{
  0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(67,97,238,.45),0 0 0 2px rgba(255,255,255,.5),0 0 18px 4px rgba(67,97,238,.5),0 0 36px 8px rgba(67,97,238,.2)}
  50%{transform:scale(1.025);box-shadow:0 6px 24px rgba(67,97,238,.65),0 0 0 3px rgba(255,255,255,.75),0 0 32px 8px rgba(67,97,238,.7),0 0 60px 14px rgba(67,97,238,.35)}
}
@keyframes pulse-glow-green{
  0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(34,197,94,.45),0 0 0 2px rgba(255,255,255,.5),0 0 18px 4px rgba(34,197,94,.5),0 0 36px 8px rgba(34,197,94,.2)}
  50%{transform:scale(1.025);box-shadow:0 6px 24px rgba(34,197,94,.65),0 0 0 3px rgba(255,255,255,.75),0 0 32px 8px rgba(34,197,94,.7),0 0 60px 14px rgba(34,197,94,.35)}
}
.btn-cta.btn-glow{animation:pulse-glow-blue 2s ease-in-out infinite}
.btn-pro.btn-glow-green{animation:pulse-glow-green 2s ease-in-out infinite}
.btn-cta.btn-glow:hover,.btn-cta.btn-glow:active,.btn-pro.btn-glow-green:hover,.btn-pro.btn-glow-green:active{animation-play-state:paused}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce){
  .btn-cta.btn-glow,.btn-pro.btn-glow-green{animation:none}
  html{scroll-behavior:auto}
  .carousel-track{transition:transform .3s ease}
}
