:root{--red:#e53935;--green:#16a34a;--blue:#008cff}
*{box-sizing:border-box}
body{font-family:system-ui,Segoe UI,Arial,sans-serif;margin:0;color:#111;background:#fff}
main{max-width:720px;margin:0 auto}
.vsl{padding:16px 16px 8px}
.vsl-box{background:#f3f4f6;aspect-ratio:16/9;border-radius:12px;display:flex;align-items:center;justify-content:center}
.vsl-copy{margin-top:8px;text-align:center;color:#6b7280;font-style:italic}
.red{color:var(--red)}
.green{color:var(--green)}
.underline{text-decoration:underline}
em{font-style:normal;font-weight:700}
.progress{height:8px;background:#eee}
.progress-bar{height:8px;width:0;background:#000}
.progress .progress-bar{background:#000 !important}
.quiz-step{display:none;opacity:0;transition:opacity .2s ease;padding:16px;text-align:center;min-height:calc(100vh - 72px)}
.quiz-step.active{display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1}
video{width:100%;border-radius:12px;display:block;margin:0 auto}
.intro-video{width:70%;max-width:420px;display:block;margin:8px auto 16px}
.loader-img{width:70%;max-width:420px;display:block;margin:12px auto}
.options{display:grid;gap:8px;justify-items:center}
button,.cta{width:100%;max-width:420px;padding:14px 16px;border:none;border-radius:12px;background:var(--blue);color:#fff;font-weight:600;cursor:pointer}
button:focus-visible,.cta:focus-visible{outline:3px solid #111;outline-offset:2px}
.cta{text-decoration:none}
.cta.final{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 6px 16px rgba(22,163,74,.35);display:block;margin-top:16px}
.quiz-step[data-step="0"] .next{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 6px 16px rgba(22,163,74,.35)}
.loader{margin:16px 0}
.loader-bar{height:12px;background:#fff;border-radius:8px;overflow:hidden;position:relative}
.loader-bar span{display:block;height:100%;width:0;background:#0f172a}
.loader-info{position:relative;margin-top:6px}
.loader-percent{position:absolute;right:0;top:0;font-size:12px;font-weight:700;color:#111}
.gif-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gif-grid{margin-bottom:16px}
.bullets{list-style:none;padding:0}
.bullets li{margin:6px 0;font-weight:700}
.bars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.bar-card{background:#f8f9fa;border-radius:12px;padding:12px;text-align:center}
.bar-card .label{margin-top:8px;font-weight:700;text-align:center}
.bar-card.red .label{color:var(--red)}
.bar-card.green .label{color:var(--green)}
.bar-vertical{position:relative;height:160px;width:48px;border-radius:10px;background:#efefef;display:flex;align-items:flex-end;justify-content:center;margin:0 auto;overflow:hidden}
.bar-vertical::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--fill-height,0%);background:var(--bar-color,#16a34a);transition:height .8s ease}
.bar-card.red .bar-vertical{--bar-color:var(--red)}
.bar-card.green .bar-vertical{--bar-color:var(--green)}
.bar-vertical span{position:absolute;top:8px;font-weight:700}
.bonus-grid{display:grid;gap:8px}
.bonus-grid .card{background:#f3f4f6;border-radius:12px;padding:12px}
.bonuses .bonus-grid{grid-template-columns:1fr;gap:12px}
.bonuses .card{background:#f3f4f6;border-radius:12px;padding:12px;text-align:center;max-width:280px;margin:0 auto;box-shadow:0 20px 40px rgba(0,0,0,.24);border:1px solid #d1d5db}
.bonuses .card{box-shadow:0 6px 16px rgba(0,0,0,.08)}
.bonuses .card img{width:100%;max-width:160px;height:auto;display:block;margin:8px auto;border-radius:12px}
.bonuses .card h3{font-size:20px;margin:6px 0}
.bonuses .card h4{font-size:14px;margin:0;color:#111}
@media(min-width:768px){.bonuses .bonus-grid{grid-template-columns:repeat(3,1fr)}.bonuses .card img{max-width:220px}.bonuses .card{max-width:none}}
.promo{margin-top:16px}
.promo-card{border:2px solid #22c55e;border-radius:16px;padding:16px;text-align:center;background:linear-gradient(0deg,#f8fff9,#ffffff);box-shadow:0 8px 24px rgba(16,185,129,.25)}
.promo-card h3{color:#16a34a;font-size:24px;margin:8px 0}
.promo-card .from{font-size:22px}
.promo-card .price{font-size:40px;color:#16a34a;font-weight:800;margin:8px 0}
.cta.pay{background:linear-gradient(180deg,#22c55e,#16a34a)}
.promo-card .cta.pay{margin-top:8px}
.proof{width:92%;max-width:640px;height:auto;display:block;margin:12px auto;border-radius:12px}
.proofs{margin-top:16px}
.proofs-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.proof-item{border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15);background:#0b1220}
.proof-item img{width:100%;height:auto;display:block}
@media(min-width:768px){.proofs-grid{grid-template-columns:1fr 1fr}}
.subheadline{margin-top:12px;text-align:center;color:#111;font-style:normal;font-weight:700}
.nowrap{white-space:nowrap}
.quiz-step video{width:70%;max-width:360px;display:block;margin:12px auto;border-radius:16px;aspect-ratio:1/1;object-fit:cover}
.quiz-step img{width:70%;max-width:360px;display:block;margin:12px auto;border-radius:16px;aspect-ratio:1/1;object-fit:cover}
.quiz-step[data-step="0"] img{width:80%;max-width:480px}
/* selectable marker */
.options button{position:relative;background:#0f172a;color:#e5e7eb}
.options button::before{content:"";width:18px;height:18px;border-radius:999px;border:2px solid #cbd5e1;position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.options button{padding-left:44px;text-align:left}
.quiz-step[data-step="0"] .options button,.quiz-step[data-step="1"] .options button{font-size:16px;padding:16px 16px 16px 52px}
.options button.selected{background:#0b1220}
.options button.selected::before{border-color:#22c55e;background:#22c55e;color:#fff;content:"✓"}
.bolt{width:32px;height:32px;fill:#22c55e;display:block;margin:0 auto 4px}
.from{color:var(--red);text-decoration:line-through;font-weight:700}
.badge{display:inline-block;background:#111;color:#fff;padding:4px 12px;border-radius:999px;font-weight:700}
.price{font-size:32px;color:#16a34a;font-weight:800;margin:8px 0}
.meta{color:#4b5563}
.discount{color:#16a34a;font-weight:800}
.note{color:#111}
.note.green{color:#16a34a}
@media(min-width:768px){main{max-width:720px;margin:0 auto}}
.quiz-step[data-step="0"] p.red{font-weight:700}
/* etapa6 alignment like reference */
/* etapa0 alignment like reference */
.quiz-step[data-step="0"]{text-align:center}
.quiz-step[data-step="0"] h1{font-weight:800;margin:4px auto 8px;white-space:nowrap;line-height:1.2;font-size:clamp(16px,5.2vw,26px)}
.quiz-step[data-step="0"] p{max-width:540px;margin:0 auto 10px;line-height:1.6}
.quiz-step[data-step="0"] .next{display:block;margin:10px auto 0}
/* etapa6 alignment minimal */
.quiz-step[data-step="6"] .bullets{text-align:left}
.quiz-step[data-step="6"] .bullets li{text-align:left}
.quiz-step[data-step="6"] .sub{text-align:left;white-space:nowrap}
.quiz-step[data-step="2"] h2{font-weight:800;margin:4px auto 8px;line-height:1.2;font-size:clamp(16px,5.2vw,26px)}
.quiz-step[data-step="2"] p strong{display:block;margin:4px auto 8px;line-height:1.2;font-size:clamp(16px,5.2vw,26px);font-weight:800}
.quiz-step[data-step="2"] .bullets{margin-top:4px;text-align:left}
.quiz-step[data-step="2"] .bullets li{text-align:left;font-weight:400;color:#6b7280}
.quiz-step[data-step="2"] .cta{font-size:15px;margin-top:12px}
.promo .promo-card{display:grid;gap:6px;padding:12px;line-height:1.25;position:relative}
.promo .promo-card h3{font-size:22px;margin:0;color:#16a34a}
.promo .promo-card .from{font-size:18px;margin:0}
.promo .promo-card .badge{margin:0;position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:10px}
.promo .promo-card .price{font-size:42px;margin:4px 0;line-height:1;color:#16a34a;font-weight:800}
.promo .promo-card .meta{font-size:12px;color:#4b5563;margin:0}
.promo .promo-card .discount{font-size:18px;font-weight:800;color:#111;margin:2px 0}
.promo .promo-card .discount .green{color:#16a34a}
.promo .promo-card .note{font-size:12px;margin:0}
.promo .promo-card .note.green{color:#16a34a;font-weight:700;font-size:14px}
.promo .promo-card .cta.pay{width:100%;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 6px 16px rgba(22,163,74,.35);margin-top:8px}
/* dashed price subcard */
.promo .promo-card .price-card{position:relative;display:inline-block;border:2px dashed #22c55e;border-radius:12px;padding:20px 16px 14px;margin:16px auto 8px;min-width:230px;max-width:290px;text-align:center}
.promo .promo-card .price-row{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:4px}
.promo .promo-card .curr{font-size:20px;font-weight:700;color:#16a34a}
.promo .promo-card .price-main{font-size:48px;font-weight:800;color:#16a34a;line-height:1}
.promo .promo-card .info-card{display:inline-block;border:2px solid #22c55e;border-radius:12px;padding:8px 12px;font-weight:800;color:#16a34a;background:linear-gradient(0deg,#f8fff9,#ffffff);margin:8px auto}
.hero h2,.preview h2,.faq h2{text-align:center}
.hero video{width:70%;max-width:360px;display:block;margin:12px auto;border-radius:16px;aspect-ratio:1/1;object-fit:cover}
.hero img{width:70%;max-width:360px;display:block;margin:12px auto;border-radius:16px;aspect-ratio:1/1;object-fit:cover}
.preview .proof{width:72%;max-width:520px;display:block;margin:8px auto 4px;border-radius:12px}
/* layout adjustments for mobile spacing and emphasis */
.bar-card{background:transparent}
.promo{padding:0 16px}
.promo-card{max-width:560px;margin:0 auto}
.proofs{padding:0 12px}
.bonuses{padding:0 16px}
.bonuses > h3{text-align:center}
.bonuses .bonus-grid{gap:16px}
.preview .bars{padding:0 12px}
.faq{padding:0 16px}
.faq .faq-item{max-width:680px;margin:12px auto}
/* etapa 3 overrides */
.quiz-step[data-step="3"] video{width:70%;max-width:540px;display:block;margin:12px auto;border-radius:12px;aspect-ratio:auto;object-fit:contain}
.quiz-step[data-step="3"] img{width:70%;max-width:540px;display:block;margin:12px auto;border-radius:12px;aspect-ratio:auto;object-fit:contain}
.quiz-step[data-step="3"] .bullets{text-align:left}
.quiz-step[data-step="3"] .bullets li{text-align:left;color:#6b7280;font-weight:400}