*{box-sizing:border-box;margin:0;padding:0}
:root{
  --green:#009c3b;--dkgreen:#006626;--yellow:#FFDF00;
  --blue:#002776;--gold:#f5b700;--text:#1a2a1a;--muted:#5a6a5a;--radius:16px;
}
html,body{width:100%;overflow-x:hidden}
body{font-family:'Sora',sans-serif;background:#0a3d1a;min-height:100vh;color:var(--text)}

/* PITCH BG */
.pitch-bg{position:fixed;inset:0;z-index:0;background:repeating-linear-gradient(180deg,#0a3d1a 0px,#0a3d1a 60px,#0b4520 60px,#0b4520 120px);overflow:hidden}
.pitch-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(255,223,0,0.08) 0%,transparent 70%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(255,223,0,0.06) 0%,transparent 70%)}
.pitch-lines{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px);background-size:40px 40px}
.confetti-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.conf{position:absolute;opacity:0.6;animation:fall linear infinite}
@keyframes fall{0%{transform:translateY(-20px) rotate(0deg);opacity:.7}100%{transform:translateY(110vh) rotate(720deg);opacity:0}}

/* LAYOUT */
.scroll-wrap{position:relative;z-index:1;min-height:100vh;padding-bottom:40px}
.container{max-width:480px;margin:0 auto;padding:0 20px 24px}

/* HEADER */
.header{background:linear-gradient(160deg,#006626 0%,#009c3b 60%,#00b844 100%);padding:14px 20px 10px;text-align:center;position:relative;overflow:hidden;border-radius:0 0 36px 36px;margin-bottom:10px;box-shadow:0 8px 32px rgba(0,0,0,.4);border-bottom:4px solid var(--yellow)}
.header::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,223,0,.04) 0,rgba(255,223,0,.04) 1px,transparent 1px,transparent 24px)}
.header-badge{display:inline-block;background:var(--yellow);color:var(--blue);font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:8px;position:relative}
.header h1{font-family:'Sora',sans-serif;font-weight:800;font-size:30px;color:white;line-height:1.15;text-shadow:0 3px 12px rgba(0,0,0,.3);position:relative}
.header h1 span{color:var(--yellow)}
.header-sub{font-size:13px;color:rgba(255,255,255,.85);margin-top:6px;position:relative}

/* PROGRESS */
.progress-wrap{background:rgba(255,255,255,.08);border-radius:16px;padding:12px 16px;margin-bottom:16px;border:1px solid rgba(255,255,255,.12)}
.progress-label{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:rgba(255,255,255,.7);margin-bottom:6px}
.progress-bar{height:7px;background:rgba(255,255,255,.15);border-radius:100px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--yellow),#f5c200);border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1)}
.step-dots{display:flex;gap:5px;justify-content:center;margin-top:8px}
.dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s}
.dot.active{background:var(--yellow);transform:scale(1.4)}
.dot.done{background:rgba(255,255,255,.5)}

/* STEPS */
.step{display:none}
.step.active{display:block;animation:slideIn .35s cubic-bezier(.4,0,.2,1)}
@keyframes slideIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* WHITE CARD */
.card-white{background:white;border-radius:20px;padding:14px 14px;box-shadow:0 6px 24px rgba(0,0,0,.18);margin-bottom:14px}
.step-title{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;color:var(--green);margin-bottom:4px}
.step-sub{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5}

/* WELCOME */
.welcome-card{background:white;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.25);margin-bottom:10px}
.welcome-photo-strip{background:linear-gradient(135deg,#006626,#009c3b);padding:20px 16px 16px;text-align:center;position:relative;overflow:hidden}
.welcome-photo-strip::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,223,0,.05) 0,rgba(255,223,0,.05) 1px,transparent 1px,transparent 18px)}
.photo-label-top{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--yellow);text-transform:uppercase;margin-bottom:10px;position:relative}
.photo-compare{display:flex;align-items:center;gap:10px;justify-content:center;position:relative}
.photo-box{border-radius:14px;overflow:hidden;position:relative;border:3px solid rgba(255,255,255,.3);flex-shrink:0;width:105px;height:125px}
.photo-box svg{width:100%;height:100%;display:block}
.photo-arrow{width:38px;height:38px;background:var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:var(--blue);box-shadow:0 2px 10px rgba(0,0,0,.3);flex-shrink:0}
.photo-tag{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:white;font-size:10px;font-weight:800;padding:2px 8px;border-radius:100px;white-space:nowrap}
.after-tag{background:var(--yellow);color:var(--blue)}
.welcome-body{padding:12px 14px 14px}
.welcome-headline{font-family:'Sora',sans-serif;font-weight:800;font-size:20px;color:var(--green);line-height:1.2;margin-bottom:4px;text-align:center}/* HERO HEADER V3 (REFERENCE MATCH) */
.header-hero{background:linear-gradient(135deg,#00a83f 0%,#008f36 100%);border-bottom:6px solid #FFD700;border-bottom-left-radius:36px;border-bottom-right-radius:36px;padding:44px 24px 30px;text-align:center;position:relative;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.15);max-width:500px;margin:0 auto;width:100%}
.badge-pill{display:inline-block;background:#FFD700;color:#1a1a2e;font-size:11px;font-weight:900;text-transform:uppercase;padding:6px 14px;border-radius:30px;margin-bottom:12px;letter-spacing:0.5px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.hero-title{font-family:'Sora',sans-serif;font-weight:900;font-size:26px;color:white;line-height:1.2;margin:0 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.hero-title span{color:#FFE500}
.hero-sub{font-size:12px;color:white;font-weight:600;opacity:0.95;text-shadow:0 1px 4px rgba(0,0,0,.2)}

/* RESULT BADGE ON CARD */
.result-badge-top{font-size:11px;color:#FFD700;font-weight:900;text-transform:uppercase;text-align:center;margin-bottom:12px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:6px}

/* BENEFIT 3-CARD GRID */
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 10px 10px}
.benefit-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 3px 14px rgba(0,0,0,.1);text-align:center;border:2px solid rgba(0,156,59,.12)}
.benefit-img{width:100%;height:80px;overflow:hidden}
.benefit-img img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.benefit-check{font-size:12px;font-weight:900;color:var(--green);margin:4px 0 1px}
.benefit-title{font-size:9px;font-weight:800;color:var(--text);line-height:1.2;padding:0 4px}
.benefit-sub{font-size:8px;color:var(--muted);line-height:1.2;padding:1px 4px 6px}

/* CTA SECTION */
.welcome-cta-section{text-align:center;margin-bottom:16px}
.cta-label{font-size:11px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.btn-cta-green{display:block;width:100%;padding:16px;border:none;border-radius:14px;font-family:'Sora',sans-serif;font-size:16px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#009c3b,#006626);color:white;box-shadow:0 4px 20px rgba(0,156,59,.4);text-transform:uppercase;letter-spacing:.5px;transition:all .2s;animation:ctaGlow 2s ease-in-out infinite}
.btn-cta-green:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,156,59,.5)}
@keyframes ctaGlow{0%,100%{box-shadow:0 4px 20px rgba(0,156,59,.4)}50%{box-shadow:0 6px 32px rgba(0,156,59,.65)}}

/* RESULTADO SECTION */
.resultado-section{text-align:center;margin-bottom:12px;padding-top:4px;border-top:1px solid rgba(0,0,0,.06)}
.resultado-title{font-family:'Sora',sans-serif;font-weight:900;font-size:18px;color:var(--text);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}
.resultado-sub{font-size:12px;color:var(--muted)}

/* PHOTO LABEL BOTTOM */
.photo-label-bottom{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--yellow);text-transform:uppercase;text-align:center;margin-top:10px}

/* HERO CAROUSEL — SCROLL SNAP PEEK */
.hero-carousel{overflow:hidden;margin:4px 0}
.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 30px;scrollbar-width:none}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-slide{flex:0 0 45%;scroll-snap-align:center}
.slide-card{background:white;border-radius:14px;overflow:hidden;box-shadow:0 3px 14px rgba(0,0,0,.12);border:2px solid rgba(0,156,59,.12);height:250px;display:flex;flex-direction:column}
.slide-card img{width:100%;flex:1;object-fit:cover;object-position:center top;display:block;min-height:0}
.slide-caption{font-size:10px;color:#666;text-align:center;padding:6px 8px 8px;font-weight:600;line-height:1.35}
.slide-caption strong{color:#1a1a2e;font-weight:800}

/* FEATURE TAGS */
.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.feature-tag{background:linear-gradient(135deg,#e8f5e9,#f0fff4);border:1.5px solid rgba(0,156,59,.2);border-radius:12px;padding:9px 6px;text-align:center}
.feature-tag .ft-icon{font-size:22px;display:block;margin-bottom:3px}
.feature-tag .ft-label{font-size:11px;font-weight:700;color:var(--green);line-height:1.3}

/* GRIDS */
.grid{display:grid;gap:10px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}

/* OPT CARDS */
.opt-card{background:white;border:2px solid rgba(0,0,0,.08);border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;transition:all .2s;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.opt-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,156,59,.15)}
.opt-card.selected{border-color:var(--green);background:linear-gradient(135deg,#e8f5e9,#f0fff4)}
.opt-card.selected::after{content:'✓';position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:var(--green);color:white;border-radius:50%;font-size:11px;font-weight:900;line-height:22px;text-align:center}
.opt-icon{font-size:28px;margin-bottom:6px;display:block}
.opt-label{font-size:12px;font-weight:800;color:var(--text);line-height:1.3}
.opt-sub{font-size:10px;color:var(--muted);margin-top:2px}

/* TEAMS */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.team-card{background:white;border:2px solid rgba(0,0,0,.08);border-radius:14px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative}
.team-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,156,59,.15)}
.team-card.selected{border-color:var(--green);background:#e8f5e9}
.team-card.selected::after{content:'✓';position:absolute;top:-7px;right:-7px;width:20px;height:20px;background:var(--green);color:white;border-radius:50%;font-size:10px;font-weight:900;line-height:20px;text-align:center}
.flag-img{width:54px;height:36px;object-fit:cover;border-radius:5px;display:block;margin:0 auto 5px;border:1px solid rgba(0,0,0,.1)}
.team-name{font-size:12px;font-weight:700;color:var(--text)}

/* POSE CARDS */
.pose-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pose-card{background:white;border:2px solid rgba(0,0,0,.08);border-radius:16px;overflow:visible;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px rgba(0,0,0,.06);position:relative}
.pose-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,156,59,.2)}
.pose-card.selected{border-color:var(--green);box-shadow:0 6px 24px rgba(0,156,59,.25);background:var(--green)}
.pose-card.selected .pose-name{color:white}
.pose-card.selected .pose-desc{color:rgba(255,255,255,.8)}
.pose-card.selected .pose-body{background:var(--green);border-radius:0 0 14px 14px}
.pose-card.selected::after{display:none}
.pose-img{width:100%;height:185px;display:block;position:relative;overflow:hidden;border-radius:14px 14px 0 0}
.pose-body{padding:9px 10px 11px}
.pose-name{font-size:12px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:2px}
.pose-desc{font-size:10px;color:var(--muted);line-height:1.4}

/* FORMAT CARDS */
.fmt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fmt-card{background:white;border:2px solid rgba(0,0,0,.08);border-radius:16px;padding:14px 12px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px rgba(0,0,0,.06);position:relative}
.fmt-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,156,59,.15)}
.fmt-card.selected{border-color:var(--green);background:#e8f5e9}
.fmt-card.selected::after{content:'✓';position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:var(--green);color:white;border-radius:50%;font-size:11px;font-weight:900;line-height:22px;text-align:center}
.fmt-preview-wrap{display:flex;align-items:center;justify-content:center;height:62px;margin-bottom:8px}
.fmt-rect{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border:2px solid var(--green);border-radius:6px}
.fmt-name{font-size:13px;font-weight:800;color:var(--text);margin-bottom:3px}
.fmt-ratio{font-size:10px;color:var(--muted);margin-bottom:6px}
.fmt-nets{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}
.net-tag{background:rgba(0,0,0,.06);color:var(--text);font-size:9px;font-weight:700;padding:2px 6px;border-radius:100px}

/* UPLOAD */
.upload-area{border:2.5px dashed var(--green);border-radius:16px;padding:22px 16px;text-align:center;background:white;cursor:pointer;transition:all .2s;position:relative}
.upload-area:hover{background:#f0fff4}
.upload-area input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upload-icon{font-size:38px;margin-bottom:8px}
.upload-title{font-size:15px;font-weight:800;color:var(--green);margin-bottom:3px}
.upload-hint{font-size:11px;color:var(--muted)}
.photo-slot{border-radius:12px;border:2px dashed rgba(0,156,59,.3);display:flex;align-items:center;justify-content:center;background:rgba(0,156,59,.04);flex-direction:column;gap:4px}
.privacy-box{background:linear-gradient(135deg,#fff8e1,#fffde7);border:1.5px solid #ffc107;border-radius:16px;padding:14px;margin-top:12px}
.privacy-box h4{font-size:13px;font-weight:800;color:#8b6000;display:flex;align-items:center;gap:6px;margin-bottom:6px}
.privacy-box p{font-size:11px;color:#7a5500;line-height:1.6}
.privacy-seals{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.privacy-seal{display:flex;align-items:center;gap:8px;background:white;border-radius:10px;padding:7px 10px;border:1px solid rgba(255,193,7,.3)}
.privacy-seal span{font-size:11px;font-weight:700;color:#5d4000}

/* LOADING */
.loading-wrap{text-align:center;padding:40px 20px}
.loader-balls{display:flex;gap:10px;justify-content:center;margin-bottom:20px}
.loader-ball{width:16px;height:16px;border-radius:50%;animation:bounce .8s infinite alternate}
.loader-ball:nth-child(1){background:var(--green)}
.loader-ball:nth-child(2){background:var(--yellow);animation-delay:.2s}
.loader-ball:nth-child(3){background:var(--blue);animation-delay:.4s}
@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-20px)}}
.loading-text{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;color:white;margin-bottom:6px}
.loading-sub{font-size:13px;color:rgba(255,255,255,.7);margin-bottom:20px}
.loading-step-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;margin-bottom:6px;display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.6);transition:all .4s}
.loading-step-card.done{color:white;background:rgba(0,156,59,.3);border-color:rgba(0,156,59,.5)}
.ls-icon{font-size:16px;width:20px;text-align:center}

/* RESULT */
.result-img-container{position:relative;border-radius:20px;overflow:hidden;margin-bottom:14px;box-shadow:0 8px 32px rgba(0,0,0,.3)}
.result-scene{width:100%;height:auto;display:block;object-fit:contain;filter:none;transform:scale(1);transition:filter 0.8s ease,transform 0.8s ease;border-radius:16px}
.result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.2)}
.lock-icon{font-size:52px;margin-bottom:6px}
.result-badge{position:absolute;top:12px;right:12px;background:var(--yellow);color:var(--blue);font-size:11px;font-weight:900;padding:4px 10px;border-radius:100px}
.payment-box{background:white;border-radius:20px;padding:18px;border:2.5px solid var(--green);box-shadow:0 6px 24px rgba(0,156,59,.2);margin-bottom:12px}
.payment-price{font-family:'Sora',sans-serif;font-weight:800;font-size:44px;color:var(--green);line-height:1}
.payment-price s.pay-point{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:flex-start;margin-bottom:6px;line-height:1.4}
.pay-point span{flex:1}
.guarantee{display:flex;align-items:center;background:#f0fff4;border:1px solid rgba(0,156,59,.12);padding:10px 12px;border-radius:12px;margin:20px 0;gap:12px}

/* PRICING TIERS */
.pricing-cards{display:flex;flex-direction:column;gap:18px;margin-top:20px;margin-bottom:24px}
.pricing-card{background:#ffffff;border:2px solid #eaeaea;border-radius:20px;padding:20px;position:relative;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-align:left;box-shadow:0 4px 15px rgba(0,0,0,.04)}
.pricing-card.selected{border-color:#009c3b;border-width:2.5px;background:#f0fff4;box-shadow:0 8px 24px rgba(0,156,59,.15);transform:translateY(-2px)}
.pricing-card.best-seller{border-color:#FFD700;background:#fffdf0;box-shadow:0 8px 24px rgba(255,215,0,.15)}
.pricing-card.best-seller.selected{border-color:#e8b900;border-width:2.5px}
.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#FFD700,#e8b900);color:#1a1a2e;font-size:11px;font-weight:900;text-transform:uppercase;padding:6px 16px;border-radius:20px;box-shadow:0 4px 12px rgba(232,185,0,.3);white-space:nowrap;letter-spacing:0.5px}
.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.pricing-name{font-size:16px;font-weight:900;color:var(--text);margin-bottom:2px}
.pricing-price{font-size:24px;font-weight:900;color:var(--green);letter-spacing:-0.5px}
.pricing-price small{font-size:13px;font-weight:700;opacity:0.85;margin-left:4px}
.pricing-desc{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.05)}
.pricing-features{list-style:none;padding:0;margin:0;font-size:13px;color:#444}
.pricing-features li{margin-bottom:10px;display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.pricing-features li:last-child{margin-bottom:0}
.pricing-features li.bonus{color:#e89f00;font-weight:800;background:#fff5cc;padding:8px 12px;border-radius:8px;margin-top:12px;border:1px dashed #e8b900}
.pricing-radio{width:22px;height:22px;border:2px solid #ccc;border-radius:50%;display:inline-block;position:relative;flex-shrink:0;background:#f9f9f9}
.pricing-card.selected .pricing-radio{border-color:#009c3b;background:white}
.pricing-card.selected .pricing-radio::after{content:'';position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:#009c3b;border-radius:50%}
.pricing-card.best-seller.selected .pricing-radio{border-color:#e8b900;background:white}
.pricing-card.best-seller.selected .pricing-radio::after{background:#e8b900}

/* SALES COPY SECTION */
.sales-copy-box{background:white;border-radius:20px;padding:24px;margin:24px 0;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.06);border:2px solid rgba(0,0,0,.03)}
.sales-headline{font-size:18px;font-weight:900;color:var(--text);margin-bottom:14px;line-height:1.3;text-align:center}
.sales-copy-box p{font-size:14px;color:#444;line-height:1.6;margin-bottom:16px}
.sales-copy-box p strong{color:var(--green);font-weight:900}
.sales-alert{background:#fff9e6;border:2px solid #e8b900;padding:16px;font-size:13px;color:#444;border-radius:12px;line-height:1.5;box-shadow:inset 0 2px 8px rgba(0,0,0,.02)}
.sales-alert strong{color:#b38f00;font-size:14px;display:block;margin-bottom:6px;font-weight:900;text-transform:uppercase}
.sales-alert span{font-weight:900;color:#1a1a2e}

/* FAQ SECTION */
.faq-section{margin-top:24px;text-align:left;background:white;border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.04);border:2px solid rgba(0,0,0,.03)}
.faq-title{font-size:20px;font-weight:900;color:var(--text);margin-bottom:18px;text-align:center}
.faq-item{border-bottom:1px solid #f0f0f0;cursor:pointer}
.faq-item:last-child{border-bottom:none}
.faq-question{font-size:15px;font-weight:800;color:var(--text);padding:18px 0;display:flex;justify-content:space-between;align-items:center}
.faq-icon{font-size:20px;color:var(--green);font-weight:600;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}
.faq-answer{font-size:14px;color:var(--muted);line-height:1.6;max-height:0;overflow:hidden;transition:max-height 0.4s ease, padding 0.4s}
.faq-item.active .faq-answer{max-height:250px;padding-bottom:18px}
.faq-item.active .faq-icon{transform:rotate(45deg);color:#ff4500}

/* BUTTONS */
.btn{display:block;width:100%;padding:16px;border:none;border-radius:var(--radius);font-family:'Sora',sans-serif;font-size:16px;font-weight:900;cursor:pointer;transition:all .2s}
.btn-primary{background:linear-gradient(135deg,var(--green),var(--dkgreen));color:white;box-shadow:0 4px 16px rgba(0,150,50,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,150,50,.45)}
.btn-primary:active{transform:scale(.98)}
.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.btn-yellow{background:linear-gradient(135deg,var(--yellow),#f5c200);color:var(--blue);box-shadow:0 4px 16px rgba(245,200,0,.35);font-size:17px;margin-bottom:8px}
.btn-yellow:hover{transform:translateY(-2px)}
.btn-back{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:100px;color:rgba(255,255,255,.8);font-size:12px;font-weight:700;cursor:pointer;padding:6px 14px;margin-bottom:14px;font-family:'Sora',sans-serif}
.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:white;padding:14px;border-radius:var(--radius);font-size:15px;font-weight:900;cursor:pointer;border:none;width:100%;font-family:'Sora',sans-serif;box-shadow:0 4px 16px rgba(37,211,102,.35);transition:all .2s}
.whatsapp-btn:hover{transform:translateY(-2px)}

.team-flag-img{
  width:72px;height:48px;
  object-fit:cover;
  border-radius:8px;
  display:block;
  margin:0 auto 6px;
  box-shadow:0 2px 8px rgba(0,0,0,0.15);
  border:1.5px solid rgba(0,0,0,0.08);
}

/* ===== COPA STAGE ===== */
.copa-stage{
  display:flex;align-items:center;justify-content:space-around;
  padding:14px 10px 10px;
}
.copa-item{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-ball{animation:ciBall 2.6s ease-in-out infinite}
.ci-ball.ci-5{animation-delay:.9s;animation-duration:3.1s}
.ci-whistle{animation:ciWhistle 3.4s ease-in-out infinite .4s}
.ci-trophy{animation:ciTrophy 4s ease-in-out infinite .8s}
.ci-vuvu{animation:ciVuvu 3.8s ease-in-out infinite 1.2s}
@keyframes ciBall{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(25deg)}}
@keyframes ciWhistle{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(8deg)}}
@keyframes ciTrophy{0%,100%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}
@keyframes ciVuvu{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(6deg)}}

/* ===== GENDER ===== */
.gender-section{margin:14px 0 14px}
.gender-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:10px;text-align:center}
.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gender-card{
  border-radius:18px;padding:18px 12px;text-align:center;cursor:pointer;
  border:2.5px solid rgba(0,0,0,.08);background:white;
  box-shadow:0 3px 12px rgba(0,0,0,.07);position:relative;
  transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;
}
.gender-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.gender-card.boy{border-color:#90caf9}
.gender-card.girl{border-color:#f48fb1}
.gender-card.selected.boy{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border-color:#1976d2;box-shadow:0 6px 22px rgba(25,118,210,.25);transform:translateY(-3px)}
.gender-card.selected.girl{background:linear-gradient(135deg,#fce4ec,#fff0f5);border-color:#c2185b;box-shadow:0 6px 22px rgba(194,24,91,.25);transform:translateY(-3px)}
.gender-card.selected::after{content:'✓';position:absolute;top:-9px;right:-9px;width:23px;height:23px;border-radius:50%;color:white;font-size:11px;font-weight:900;line-height:23px;text-align:center}
.gender-card.selected.boy::after{background:#1976d2}
.gender-card.selected.girl::after{background:#c2185b}
.gender-icon{font-size:48px;display:block;margin-bottom:6px;line-height:1}
.gender-label{font-size:16px;font-weight:800;color:var(--text)}

/* ===== CELEBRATIONS ===== */
@keyframes selBounce{
  0%{transform:scale(1)}
  30%{transform:scale(1.1) translateY(-4px)}
  60%{transform:scale(.97)}
  100%{transform:scale(1)}
}
.sel-bounce{animation:selBounce .45s ease}

#celebTrophy{
  position:fixed;top:50%;left:50%;
  transform:translate(-50%,-50%) scale(0);
  font-size:80px;z-index:9999;pointer-events:none;opacity:0;
  text-shadow:0 4px 20px rgba(0,0,0,.3);
}
@keyframes trophyPop{
  0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-200deg)}
  40%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(15deg)}
  65%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}
  85%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotate(4deg)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(0.5) rotate(0deg)}
}
#celebTrophy.popping{animation:trophyPop 1.5s cubic-bezier(.4,0,.2,1) forwards}


/* ===== TESTIMONIALS CAROUSEL ===== */
.testi-wrap{margin-top:24px}
.testi-section-title{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);text-align:center;margin-bottom:12px;letter-spacing:.3px}
.testi-track-outer{overflow:hidden;border-radius:16px}
.testi-card{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:16px;padding:14px;display:flex;gap:12px;align-items:flex-start;
  transition:opacity .4s ease,transform .4s ease;
}
.testi-img-wrap{
  width:64px;height:72px;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.testi-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:blur(2px);transform:scale(1.03)}
.testi-lock{display:none}
.testi-content{flex:1}
.testi-stars{font-size:13px;margin-bottom:4px;letter-spacing:1px;color:#FFDF00}
.testi-quote{font-size:12px;color:rgba(255,255,255,.9);line-height:1.55;margin-bottom:6px;font-style:italic}
.testi-name{font-size:11px;font-weight:700;color:var(--yellow)}
.testi-dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
.testi-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .3s;cursor:pointer}
.testi-dot.active{background:var(--yellow);transform:scale(1.4)}


.features-strip{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:4px;
  margin:0 0 14px;
}
.fs-pill{
  font-size:10px;font-weight:600;
  color:var(--muted);letter-spacing:.2px;
}
.fs-sep{font-size:10px;color:rgba(0,0,0,.18);margin:0 1px}


.pose-count-badge{
  position:absolute;top:-10px;right:-10px;
  width:26px;height:26px;border-radius:50%;
  background:#FFDF00;color:#002776;
  font-size:12px;font-weight:900;line-height:26px;
  text-align:center;z-index:10;
  box-shadow:0 2px 8px rgba(0,0,0,.3);
  border:2px solid white;
}
.pose-card.selected::after{display:none!important}


.testi-privacy{
  text-align:center;font-size:10px;font-weight:600;
  color:rgba(255,255,255,.45);margin-top:10px;letter-spacing:.2px;
}

/* EXIT-INTENT MODAL */
.exit-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}
.exit-overlay.show{display:flex}
.exit-modal{background:white;border-radius:24px;padding:28px 22px;max-width:380px;width:100%;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.4);animation:slideIn .35s ease}
.exit-modal h2{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;color:var(--green);margin-bottom:8px}
.exit-modal p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.exit-modal .exit-cta{display:block;width:100%;padding:14px;border:none;border-radius:var(--radius);font-family:'Sora',sans-serif;font-size:15px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--yellow),#f5c200);color:var(--blue);box-shadow:0 4px 16px rgba(245,200,0,.35);margin-bottom:8px}
.exit-modal .exit-close{border:none;background:none;color:var(--muted);font-size:12px;cursor:pointer;font-family:'Sora',sans-serif}

/* COUNTDOWN TIMER */
.copa-countdown{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:12px 16px;margin-bottom:14px;text-align:center}
.copa-countdown .cd-label{font-size:11px;font-weight:700;color:var(--yellow);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}
.copa-countdown .cd-timer{display:flex;gap:8px;justify-content:center}
.copa-countdown .cd-unit{background:rgba(255,255,255,.1);border-radius:10px;padding:6px 10px;min-width:50px}
.copa-countdown .cd-num{font-family:'Sora',sans-serif;font-weight:800;font-size:18px;color:white;display:block}
.copa-countdown .cd-txt{font-size:9px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.3px}

/* STOCK URGENCY */
.stock-urgency{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;color:white;background:rgba(255,255,255,.1);padding:8px 16px;border-radius:100px;margin:0 auto 16px;width:max-content;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.stock-dot{width:8px;height:8px;background:#FFD700;border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,215,0,.6)}70%{box-shadow:0 0 0 6px rgba(255,215,0,0)}100%{box-shadow:0 0 0 0 rgba(255,215,0,0)}}

/* RESULT IMAGE (CONCISE) */
.result-img-container{position:relative;margin:16px auto 24px;max-width:320px;box-shadow:0 12px 30px rgba(0,0,0,.3);border-radius:28px;overflow:hidden;border:4px solid rgba(255,255,255,.15);background:rgba(0,0,0,.4)}
.result-scene{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover;filter:blur(12px) brightness(0.65);transform:scale(1.05)}

/* SOCIAL PROOF STEP 7 */
.step7-social-proof{margin-top:14px}
.sp-title{font-size:13px;font-weight:800;color:var(--yellow);text-align:center;margin-bottom:10px}
.sp-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;margin-bottom:8px}
.sp-stars{color:#FFDF00;font-size:14px;letter-spacing:2px;margin-bottom:4px}
.sp-quote{font-size:12px;color:rgba(255,255,255,.85);line-height:1.55;font-style:italic;margin-bottom:6px}
.sp-author{font-size:11px;font-weight:700;color:rgba(255,255,255,.6)}
.sp-author span{font-weight:400}
.sp-stats{display:flex;gap:10px;justify-content:center;margin-top:10px}
.sp-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 16px;font-size:11px;color:rgba(255,255,255,.7);text-align:center}
.sp-stat strong{display:block;font-size:16px;font-weight:800;color:var(--yellow)}

/* CHECKOUT CTA PULSE */
#checkoutBtn{animation:ctaPulse 2s ease-in-out infinite}
@keyframes ctaPulse{0%,100%{box-shadow:0 4px 16px rgba(245,200,0,.35)}50%{box-shadow:0 6px 28px rgba(245,200,0,.6)}}