:root {
  --paper: #f8f4ec;
  --paper-2: #eee6d9;
  --cream: #fffdf8;
  --ink: #29241f;
  --muted: #70685f;
  --line: #ddcfbd;
  --green: #123d32;
  --green-2: #24574a;
  --rust: #b94d2d;
  --rust-dark: #96391f;
  --plum: #823b59;
  --gold: #c58e22;
  --shadow: 0 24px 60px rgba(43, 33, 25, .17);
  --shadow-soft: 0 12px 34px rgba(43, 33, 25, .09);
  --max: 1160px;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: "DM Sans", Arial, sans-serif; font-size: 17px; line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.wrap { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.narrow { width: min(calc(100% - 40px), 820px); margin-inline: auto; }
.center { text-align: center; }
.skip-link { position: fixed; z-index: 1000; left: 12px; top: 12px; padding: 10px 14px; border-radius: 8px; background: white; color: var(--green); transform: translateY(-160%); }
.skip-link:focus { transform: none; }

.promo-bar { position: relative; z-index: 20; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.13); background: var(--green); color: white; }
.promo-inner { display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.promo-offer { min-width: 290px; display: grid; gap: 1px; color: #faf7f0; line-height: 1.2; }
.promo-offer small { color: #efad94; font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.promo-offer strong { font-size: 15px; }
.countdown-wrap { display: flex; align-items: center; justify-content: flex-end; }
.countdown-modules { display: flex; align-items: center; gap: 6px; }
.countdown-unit { width: 62px; min-height: 54px; display: grid; place-items: center; align-content: center; border: 1px solid rgba(250,247,240,.38); border-radius: 12px; background: rgba(255,255,255,.075); box-shadow: inset 0 1px rgba(255,255,255,.08); }
.countdown-unit b { color: #faf7f0; font-family: "Playfair Display", Georgia, serif; font-size: 29px; line-height: .9; font-variant-numeric: tabular-nums; }
.countdown-unit small { margin-top: 4px; color: rgba(250,247,240,.72); font-size: 7px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.countdown-modules i { color: #efad94; font-size: 21px; font-style: normal; font-weight: 900; transform: translateY(-5px); }
.countdown-ended { color: #faf7f0; font-size: 16px; }

.hero { position: relative; min-height: 720px; display: flex; align-items: center; padding: 56px 0 62px; overflow: hidden; background: radial-gradient(circle at 82% 35%, rgba(185,77,45,.13), transparent 28%), radial-gradient(circle at 68% 65%, rgba(18,61,50,.11), transparent 31%), var(--paper); }
.hero::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: -110px; height: 190px; border-radius: 50%; background: var(--cream); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 50px; }
.brand-line, .eyebrow { color: var(--green); font-size: 12px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.brand-line::before { content: ""; width: 54px; height: 4px; display: inline-block; margin: 0 13px 3px 0; border-radius: 99px; background: linear-gradient(90deg, var(--green) 72%, var(--rust) 72%); }
.hero h1 { max-width: 690px; margin: 20px 0 18px; font-family: "Playfair Display", Georgia, serif; font-size: clamp(48px, 5.7vw, 76px); font-weight: 700; line-height: .98; letter-spacing: -.045em; }
.hero h1 em, .section-title em, .final h2 em { color: var(--rust); font-weight: 600; }
.hero-copy { max-width: 650px; margin: 0 0 18px; color: #554e46; font-family: "Lora", Georgia, serif; font-size: clamp(17px, 1.8vw, 21px); line-height: 1.55; }
.hero-facts { width: min(100%, 570px); display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 17px; }
.hero-facts span { position: relative; min-height: 92px; display: grid; place-items: center; align-content: center; gap: 0; padding: 10px 8px 17px; border: 1px solid rgba(83,68,54,.17); border-radius: 16px; background: rgba(255,253,248,.88); color: var(--green); text-align: center; box-shadow: 0 9px 19px rgba(43,33,25,.075); }
.hero-facts span::before { content: ""; position: absolute; left: 50%; bottom: 9px; width: 32px; height: 3px; border-radius: 99px; background: rgba(185,77,45,.82); transform: translateX(-50%); }
.hero-facts b { color: var(--rust); font-family: "Playfair Display", Georgia, serif; font-size: 29px; font-weight: 700; line-height: .92; letter-spacing: -.025em; white-space: nowrap; }
.hero-facts strong { margin-top: 5px; font-size: 10px; font-weight: 850; line-height: 1.12; text-transform: uppercase; }
.mobile-product-preview { display: none; }
.hero-price { display: flex; align-items: baseline; gap: 12px; margin-bottom: 10px; }
.hero-price small { color: var(--rust); font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.hero-price strong { color: var(--green); font-family: "Playfair Display", Georgia, serif; font-size: 34px; line-height: 1; }
.hero-price s { color: var(--muted); font-size: 12px; }
.cta { width: min(100%, 540px); min-height: 58px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 22px; border: 0; border-radius: 15px; background: linear-gradient(135deg, #c95b37, var(--rust-dark)); color: white; font-size: 16px; font-weight: 900; line-height: 1.25; text-align: center; text-decoration: none; box-shadow: 0 12px 26px rgba(150,57,31,.24); transition: transform .2s, box-shadow .2s; }
.cta:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(150,57,31,.3); }
.text-link { display: inline-block; margin: 9px 0 0 15px; color: var(--green); font-size: 12px; font-weight: 850; text-underline-offset: 3px; }
.trust-line { max-width: 590px; margin: 10px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }

.hero-visual { position: relative; height: 570px; perspective: 1200px; }
.hero-glow { position: absolute; inset: 14% 3% 3%; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.95), rgba(221,207,189,.2) 58%, transparent 72%); filter: blur(4px); }
.hero-book, .hero-phone { position: absolute; overflow: hidden; border-radius: 13px; box-shadow: var(--shadow); transform-origin: 50% 100%; animation: hero-rise .85s cubic-bezier(.2,.8,.2,1) both; }
.hero-book img, .hero-phone img { width: 100%; height: 100%; object-fit: cover; }
.hero-phone { z-index: 5; left: 31%; top: 2%; width: 42%; aspect-ratio: .56; padding: 9px; border: 5px solid #222927; border-radius: 27px; background: #222927; animation-delay: .05s; }
.hero-phone img { border-radius: 15px; }
.phone-speaker { position: absolute; z-index: 2; left: 50%; top: 4px; width: 28%; height: 5px; border-radius: 99px; background: #0c0f0e; transform: translateX(-50%); }
.hero-book-guiones { z-index: 2; left: 0; bottom: 14%; width: 27%; aspect-ratio: .5625; transform: rotate(-5deg); animation-delay: .12s; }
.hero-book-afirm { z-index: 3; left: 16%; bottom: 9%; width: 23%; aspect-ratio: .5625; transform: rotate(-2deg); animation-delay: .22s; }
.hero-book-vuelvo { z-index: 5; left: 32%; bottom: 10%; width: 38%; aspect-ratio: .5625; transform: rotate(0); animation-delay: .05s; }
.hero-book-cobra { z-index: 2; right: 1%; bottom: 14%; width: 27%; aspect-ratio: .5625; transform: rotate(5deg); animation-delay: .3s; }
.hero-badge { position: absolute; z-index: 8; right: 0; bottom: 4%; width: 118px; height: 118px; object-fit: contain; filter: drop-shadow(-8px 14px 13px rgba(66,37,27,.22)); transform: rotate(4deg); animation: badge-in .8s .55s cubic-bezier(.18,.82,.22,1.15) both; }
@keyframes hero-rise { from { opacity: 0; translate: 0 30px; scale: .94; } to { opacity: 1; translate: 0; scale: 1; } }
@keyframes badge-in { from { opacity: 1; transform: translate(22px,22px) rotate(14deg) scale(.82); } to { opacity: 1; transform: rotate(5deg) scale(1); } }

.section { padding: 86px 0; }
.alt { background: var(--cream); }
.dark { background: var(--green); color: white; }
.section-head { max-width: 820px; margin: 0 auto 40px; }
.section-title { margin: 8px 0 14px; font-family: "Playfair Display", Georgia, serif; font-size: clamp(38px, 5vw, 61px); line-height: 1.04; letter-spacing: -.035em; }
.lead { margin: 0; color: var(--muted); font-family: "Lora", Georgia, serif; font-size: 18px; }
.body-copy { color: #574f47; font-size: 17px; }

.problem { padding-top: 70px; }
.problem-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: center; }
.problem .section-title { max-width: 520px; }
.before-after { display: grid; grid-template-columns: 1fr auto 1fr; gap: 13px; align-items: stretch; padding: 13px; border: 1px solid var(--line); border-radius: 24px; background: white; box-shadow: var(--shadow-soft); }
.before-after > div { padding: 25px 22px; border-radius: 16px; background: #f1ece4; }
.before-after > div:last-child { background: rgba(18,61,50,.09); }
.before-after > span { align-self: center; color: var(--rust); font-size: 28px; }
.before-after small { color: var(--rust); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.before-after div:last-child small { color: var(--green); }
.before-after p { margin: 9px 0 0; font-family: "Lora", Georgia, serif; font-size: 18px; }

.demo-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 58px; align-items: center; }
.dark .eyebrow { color: #f2b39c; }
.dark .section-title { color: white; }
.dark .section-title em { color: #f2b39c; }
.dark .lead { color: #cad7d1; }
.demo-shell { padding: 25px; border: 1px solid rgba(255,255,255,.16); border-radius: 25px; background: rgba(255,255,255,.07); box-shadow: 0 22px 50px rgba(0,0,0,.18); }
.demo-prompt { margin: 0 0 12px; color: #c9d6d0; font-size: 12px; font-weight: 850; }
.demo-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.demo-options button { min-height: 51px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.06); color: white; font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; }
.demo-options button.active { border-color: #f0ad92; background: #f0ad92; color: #3f241b; }
.demo-answer { min-height: 165px; margin-top: 12px; padding: 19px; border-radius: 16px; background: #fffaf1; color: var(--ink); }
.demo-answer small { color: var(--rust); font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.demo-answer blockquote { margin: 7px 0; color: var(--green); font-family: "Playfair Display", Georgia, serif; font-size: 24px; font-weight: 700; line-height: 1.2; }
.demo-answer p { margin: 0; color: var(--muted); font-size: 13px; }
.demo-source { margin: 9px 0 0; color: #9bb0a6; font-size: 10px; text-align: right; }

.primary-products { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.primary-product { display: grid; grid-template-columns: 158px 1fr; gap: 25px; padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: white; box-shadow: var(--shadow-soft); }
.product-cover { align-self: start; overflow: hidden; border-radius: 8px; box-shadow: -7px 12px 22px rgba(42,31,22,.2); }
.product-cover img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; }
.primary-product h3, .bonus-row h3 { margin: 6px 0 6px; font-family: "Playfair Display", Georgia, serif; font-size: 29px; line-height: 1.05; }
.primary-product p { margin: 0; color: var(--muted); font-size: 14px; }
.primary-product ul { margin: 13px 0 0; padding-left: 18px; color: #4f4942; font-size: 13px; }
.primary-product li + li { margin-top: 4px; }
.product-label { color: var(--rust); font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.product-label.plum { color: var(--plum); }
.bonus-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 18px; }
.bonus-row article { display: grid; grid-template-columns: 82px 1fr; gap: 18px; align-items: center; padding: 17px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.55); }
.bonus-row img { border-radius: 5px; box-shadow: -4px 7px 13px rgba(42,31,22,.14); }
.bonus-row small { color: var(--green); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.bonus-row h3 { font-size: 22px; }
.bonus-row p { margin: 0; color: var(--muted); font-size: 13px; }
.inline-buy { max-width: 900px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 16px; align-items: center; margin: 28px auto 0; padding: 17px; border-radius: 20px; background: var(--green); color: white; }
.inline-buy > div { padding-left: 10px; }
.inline-buy strong, .inline-buy span { display: block; }
.inline-buy span { color: #f1b39c; font-family: "Playfair Display", Georgia, serif; font-size: 26px; }
.inline-buy span s { color: #aebdb5; font-size: 14px; }
.inline-buy .cta { width: 100%; }
.inline-buy .trust-line { grid-column: 1 / -1; margin: -4px 0 0; color: #bfd0c7; text-align: center; }

.interior-carousel { display: grid; grid-template-columns: 45px 1fr 45px; gap: 12px; align-items: center; }
.interior-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 45px) / 4); gap: 15px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.interior-track::-webkit-scrollbar { display: none; }
.interior-track figure { margin: 0; scroll-snap-align: start; }
.interior-track img { width: 100%; aspect-ratio: .5625; object-fit: cover; border-radius: 12px; box-shadow: var(--shadow-soft); }
.interior-track figcaption { margin-top: 9px; color: var(--green); font-size: 11px; font-weight: 800; text-align: center; }
.carousel-arrow { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: white; color: var(--green); font-size: 20px; cursor: pointer; }

.authority-grid { display: grid; grid-template-columns: .68fr 1.32fr; gap: 52px; align-items: center; }
.author-photo { max-width: 390px; aspect-ratio: 4/5; overflow: hidden; border-radius: 28px; box-shadow: var(--shadow); }
.author-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.pullquote { max-width: 700px; padding: 18px 22px; border-left: 4px solid var(--rust); background: rgba(185,77,45,.07); color: var(--green); font-family: "Lora", Georgia, serif; font-size: 20px; }
.scope-note { color: var(--muted); font-size: 12px; }

.testimonials[hidden] { display: none; }
.testimonial-stage { position: relative; width: min(100%, 990px); height: 430px; margin: auto; perspective: 1300px; }
.testimonial { position: absolute; left: 50%; top: 0; width: min(25%, 235px); padding: 6px; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: -10px 18px 35px rgba(37,28,21,.2); transition: transform .25s; }
.testimonial-1 { transform: translateX(-185%) translateY(32px) rotate(-8deg); }
.testimonial-2 { transform: translateX(-112%) rotate(-2deg); z-index: 2; }
.testimonial-3 { transform: translateX(-8%) rotate(2deg); z-index: 3; }
.testimonial-4 { transform: translateX(82%) translateY(32px) rotate(8deg); }
.testimonial:hover { z-index: 9; scale: 1.04; }
.testimonial-preview { position: relative; width: 100%; display: block; padding: 0; overflow: hidden; border: 0; border-radius: 11px; cursor: zoom-in; }
.testimonial-preview img { width: 100%; aspect-ratio: 9/16; object-fit: cover; }
.testimonial-preview span { position: absolute; right: 8px; bottom: 8px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: white; font-size: 9px; font-weight: 800; }
.testimonial-hint { color: var(--muted); font-size: 11px; text-align: center; }
.testimonial-modal { width: min(calc(100% - 24px), 610px); max-height: 92vh; padding: 10px; overflow: auto; border: 0; border-radius: 18px; background: var(--paper); box-shadow: 0 30px 90px rgba(0,0,0,.4); }
.testimonial-modal::backdrop { background: rgba(8,31,25,.82); backdrop-filter: blur(4px); }
.testimonial-modal figure { margin: 0; }
.testimonial-modal img { width: 100%; border-radius: 11px; }
.testimonial-modal figcaption { padding: 9px; color: var(--green); font-size: 12px; font-weight: 850; text-align: center; }
.testimonial-modal-close { position: sticky; z-index: 3; top: 0; width: 42px; height: 42px; display: grid; place-items: center; margin: 0 0 -42px auto; border: 0; border-radius: 50%; background: var(--green); color: white; font-size: 26px; cursor: pointer; }

.offer { background: var(--green); color: white; }
.offer-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 30px; align-items: stretch; }
.offer-summary, .checkout-card { padding: 35px; border-radius: 26px; }
.offer-summary { border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.055); }
.offer-summary .eyebrow, .checkout-card .today-label { color: #f2b39c; }
.offer-summary h2 { margin: 6px 0 20px; font-family: "Playfair Display", Georgia, serif; font-size: 42px; line-height: 1; }
.offer-summary ul { margin: 0; padding: 0; list-style: none; }
.offer-summary li { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.offer-summary li span { color: #b9cac1; }
.offer-total { margin: 18px 0 0; color: #ced9d3; }
.checkout-card { display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--cream); color: var(--ink); text-align: center; box-shadow: 0 28px 65px rgba(0,0,0,.2); }
.today-label { margin: 0; font-size: 10px; font-weight: 900; letter-spacing: .17em; }
.offer-price { margin: 3px 0 0; color: var(--green); font-family: "Playfair Display", Georgia, serif; font-size: 66px; font-weight: 800; line-height: 1; }
.saving { margin: 5px 0 16px; color: var(--rust); font-weight: 850; }
.post-launch-note { margin: 0 0 16px; color: var(--muted); font-size: 12px; }
.checkout-card .trust-line { margin-inline: auto; }
.payment-note { margin: 7px 0 0; color: var(--muted); font-size: 10px; }

.guarantee { padding: 55px 0; background: #e7ddd0; }
.guarantee-grid { max-width: 850px; display: grid; grid-template-columns: 78px 1fr; gap: 25px; align-items: center; }
.shield { width: 70px; height: 70px; display: grid; place-items: center; border: 2px solid var(--green); border-radius: 50%; color: var(--green); font-size: 31px; font-weight: 900; }
.guarantee h2 { margin: 4px 0; color: var(--green); font-family: "Playfair Display", Georgia, serif; font-size: 35px; }
.guarantee p:last-child { margin: 0; color: var(--muted); }

.faq-list { display: grid; gap: 9px; }
.faq-item { overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: white; }
.faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border: 0; background: transparent; color: var(--ink); font: inherit; font-size: 15px; font-weight: 850; text-align: left; cursor: pointer; }
.faq-question span:last-child { color: var(--rust); font-size: 22px; transition: transform .2s; }
.faq-question[aria-expanded="true"] span:last-child { transform: rotate(45deg); }
.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s; }
.faq-answer > div { overflow: hidden; }
.faq-answer p { margin: 0; padding: 0 20px 18px; color: var(--muted); font-size: 14px; }
.faq-question[aria-expanded="true"] + .faq-answer { grid-template-rows: 1fr; }

.final { padding: 100px 0 115px; background: radial-gradient(circle at 50% 0, rgba(255,255,255,.08), transparent 35%), var(--green); color: white; }
.final h2 { max-width: 820px; margin: 8px auto 15px; font-family: "Playfair Display", Georgia, serif; font-size: clamp(44px, 6vw, 70px); line-height: 1; letter-spacing: -.04em; }
.final .eyebrow, .final h2 em { color: #f2b39c; }
.final .lead { color: #cbd8d1; }
.final-price { display: flex; align-items: baseline; justify-content: center; gap: 17px; margin: 24px 0 16px; }
.final-price s { color: #9bb0a6; }
.final-price strong { font-family: "Playfair Display", Georgia, serif; font-size: 43px; }
.final .trust-line { margin-inline: auto; color: #a9bdb3; }

.site-footer { padding: 28px 0 95px; background: var(--paper-2); color: var(--muted); font-size: 11px; text-align: center; }
.site-footer p { margin: 4px 0; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin-top: 13px; }
.footer-links a { color: var(--green); font-weight: 800; text-underline-offset: 3px; }

.sticky-buy { position: fixed; z-index: 90; left: 50%; bottom: 12px; width: min(calc(100% - 24px), 540px); display: flex; align-items: center; gap: 12px; padding: 9px; border: 0; border-radius: 17px; background: rgba(255,253,248,.95); box-shadow: 0 16px 42px rgba(38,29,22,.18); backdrop-filter: blur(12px); transform: translate(-50%, 150%); transition: transform .3s; }
.sticky-buy.show { transform: translate(-50%, 0); }
.sticky-buy > div { min-width: 105px; padding-left: 8px; }
.sticky-buy small, .sticky-buy strong { display: block; }
.sticky-buy small { color: var(--muted); font-size: 9px; }
.sticky-buy strong { color: var(--green); font-family: "Playfair Display", Georgia, serif; font-size: 21px; }
.sticky-buy .cta { flex: 1; width: auto; min-height: 48px; padding: 10px 14px; border: 0; font-size: 13px; box-shadow: 0 11px 25px rgba(150,57,31,.28); }

.js .reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s, transform .65s; }
.js .reveal.in { opacity: 1; transform: none; }

@media (max-width: 940px) {
  .hero { min-height: auto; }
  .hero-grid, .problem-grid, .demo-grid, .authority-grid, .offer-grid { grid-template-columns: 1fr; }
  .hero-copy-column { text-align: center; }
  .hero-copy, .trust-line { margin-inline: auto; }
  .hero-facts, .hero-price { justify-content: center; }
  .hero-visual { width: min(100%, 560px); margin-inline: auto; }
  .hero-book, .hero-badge { animation-duration: .72s; }
  .problem-grid, .demo-grid { gap: 34px; }
  .primary-products { grid-template-columns: 1fr; }
  .primary-product { grid-template-columns: 175px 1fr; }
  .authority-grid { max-width: 760px; }
  .author-photo { margin-inline: auto; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 700px) {
  body { font-size: 15px; }
  .wrap, .narrow { width: min(calc(100% - 26px), var(--max)); }
  .promo-bar { padding: 8px 0 9px; }
  .promo-inner { width: min(calc(100% - 20px), 345px); display: grid; justify-content: stretch; gap: 6px; }
  .promo-offer { min-width: 0; display: block; text-align: center; }
  .promo-offer small { display: none; }
  .promo-offer strong { font-size: 12px; }
  .countdown-wrap { justify-content: center; }
  .countdown-modules { width: 100%; justify-content: center; gap: 4px; }
  .countdown-unit { width: min(18.5vw, 66px); min-height: 48px; border-radius: 10px; }
  .countdown-unit b { font-size: 24px; }
  .countdown-unit small { margin-top: 3px; font-size: 7px; }
  .countdown-modules i { font-size: 17px; transform: translateY(-4px); }
  .countdown-ended { font-size: 14px; }
  .hero { min-height: auto; align-items: flex-start; padding: 28px 0 42px; }
  .hero-grid { display: block; }
  .brand-line { font-size: 9px; letter-spacing: .15em; }
  .brand-line::before { width: 34px; height: 3px; margin-right: 8px; }
  .hero h1 { margin: 18px auto 18px; font-size: clamp(36px, 10.5vw, 47px); line-height: .96; }
  .hero-copy { max-width: 420px; margin-bottom: 28px; font-size: 15px; line-height: 1.42; }
  .mobile-product-preview { position: relative; width: min(calc(100% + 20px), 370px); height: 198px; display: block; margin: 2px auto 22px; }
  .mobile-product-preview .mobile-book { position: absolute; height: auto; aspect-ratio: .5625; transform-origin: 50% 100%; animation: mobile-book-in .72s cubic-bezier(.2,.8,.2,1) both; }
  .mobile-product-preview .mobile-book::before { content: ""; position: absolute; z-index: -1; left: -4px; top: 3px; bottom: 1px; width: 7px; border-radius: 4px 0 0 4px; background: linear-gradient(90deg,#d8cfc1,#f5efe6); box-shadow: -4px 10px 18px rgba(35,27,21,.16); }
  .mobile-product-preview .mobile-book img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; box-shadow: -5px 10px 19px rgba(35,27,21,.22); }
  .mobile-product-preview .mobile-guiones { z-index: 2; left: 0; bottom: 10px; width: 24%; transform: rotate(-2deg); animation-delay: .13s; }
  .mobile-product-preview .mobile-afirm { z-index: 3; left: 22.5%; bottom: 3px; width: 21%; transform: rotate(-1deg); animation-delay: .24s; }
  .mobile-product-preview .mobile-vuelvo { z-index: 5; left: 41.5%; bottom: 2px; width: 32%; transform: none; animation-delay: .05s; }
  .mobile-product-preview .mobile-cobra { z-index: 2; left: 72%; bottom: 10px; width: 24.8%; transform: rotate(2deg); animation-delay: .32s; }
  .mobile-phone { position: absolute; z-index: 5; left: 50%; top: 0; width: 82px; height: 157px; padding: 5px; border: 3px solid #252b29; border-radius: 15px; background: #252b29; box-shadow: 0 12px 23px rgba(35,27,21,.29); transform: translateX(-50%); }
  .mobile-phone > span { position: absolute; z-index: 2; left: 50%; top: 2px; width: 27px; height: 3px; border-radius: 99px; background: #0d100f; transform: translateX(-50%); }
  .mobile-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
  .mobile-pack-badge { position: absolute; z-index: 7; right: 0; bottom: -2px; width: 56px; height: 56px; object-fit: contain; filter: drop-shadow(-4px 7px 7px rgba(80,43,29,.22)); transform: rotate(3deg); animation: badge-in .7s .48s cubic-bezier(.18,.82,.22,1.15) both; }
  @keyframes mobile-book-in { from { opacity: 0; translate: 0 22px; scale: .94; } to { opacity: 1; translate: 0; scale: 1; } }
  .hero-facts { width: min(100%, 338px); gap: 5px; margin: 0 auto 24px; }
  .hero-facts span { min-height: 55px; padding: 5px 3px 12px; border-radius: 11px; box-shadow: 0 6px 13px rgba(43,33,25,.065); }
  .hero-facts span::before { bottom: 5px; width: 22px; height: 2px; }
  .hero-facts b { font-size: 18px; }
  .hero-facts strong { margin-top: 2px; font-size: 8.5px; line-height: 1.12; }
  .hero-price { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 9px; max-width: 340px; margin: 0 auto 17px; }
  .hero-price small { justify-self: end; font-size: 10px; white-space: nowrap; }
  .hero-price strong { font-size: 32px; white-space: nowrap; }
  .hero-price s { justify-self: start; font-size: 11.5px; white-space: nowrap; }
  .hero .cta { min-height: 52px; padding: 12px 14px; font-size: 14px; }
  .text-link { margin: 16px 0 0; font-size: 11px; }
  .hero .trust-line { max-width: 345px; margin-top: 15px; font-size: 10.5px; line-height: 1.35; }
  .hero-visual { display: none; }
  .section { padding: 58px 0; }
  .problem { padding-top: 46px; }
  .section-title { font-size: 39px; }
  .section-head { margin-bottom: 28px; }
  .lead { font-size: 16px; }
  .before-after { grid-template-columns: 1fr; }
  .before-after > span { transform: rotate(90deg); justify-self: center; line-height: .5; }
  .demo-options { grid-template-columns: 1fr; }
  .demo-answer { min-height: 150px; }
  .primary-product { grid-template-columns: 112px 1fr; gap: 17px; padding: 18px; }
  .primary-product h3 { font-size: 24px; }
  .primary-product p { font-size: 13px; }
  .primary-product ul { font-size: 12px; }
  .bonus-row { grid-template-columns: 1fr; }
  .inline-buy { grid-template-columns: 1fr; text-align: center; }
  .inline-buy > div { padding: 0; }
  .inline-buy .trust-line { grid-column: auto; }
  .interior-carousel { grid-template-columns: 1fr; }
  .carousel-arrow { display: none; }
  .interior-track { grid-auto-columns: 76%; margin-inline: -13px; padding: 4px 13px 15px; }
  .authority-grid { gap: 30px; }
  .author-photo { max-width: 300px; }
  .testimonial-stage { position: relative; width: calc(100% + 13px); height: auto; display: grid; grid-auto-flow: column; grid-auto-columns: min(78vw, 315px); gap: 13px; margin-right: -13px; padding: 5px 13px 18px 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; perspective: none; }
  .testimonial-stage::-webkit-scrollbar { display: none; }
  .testimonial { position: relative; inset: auto; width: auto; padding: 5px; transform: none; scroll-snap-align: start; }
  .testimonial-1, .testimonial-2, .testimonial-3, .testimonial-4 { transform: none; }
  .testimonial-preview img { aspect-ratio: 9/16; object-fit: cover; }
  .testimonial-hint::before { content: "Desliza para ver más · "; }
  .offer-summary, .checkout-card { padding: 27px 20px; }
  .offer-price { font-size: 57px; }
  .guarantee-grid { grid-template-columns: 1fr; text-align: center; }
  .shield { margin-inline: auto; }
  .guarantee h2 { font-size: 31px; }
  .final { padding: 78px 0 105px; }
  .final h2 { font-size: 43px; }
  .payment-note { font-size: 11px; }
  .post-launch-note { font-size: 11px; }
  .sticky-buy { min-height: 56px; bottom: max(10px, env(safe-area-inset-bottom)); padding: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
  .sticky-buy > div { display: none; }
  .sticky-buy .cta { min-height: 52px; border-radius: 16px; box-shadow: 0 12px 28px rgba(91,43,28,.3); }
  .js .reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 390px) {
  .hero h1 { font-size: 35px; }
  .mobile-product-preview { width: min(86vw, 295px); height: 162px; }
  .mobile-pack-badge { right: -4px; width: 56px; height: 56px; }
  .hero-price { grid-template-columns: 1fr; gap: 0; }
  .hero-price small, .hero-price s { justify-self: center; }
  .hero-price small { margin-bottom: -2px; }
  .hero-price strong { font-size: 34px; }
  .hero-price s { margin-top: -1px; }
  .primary-product { grid-template-columns: 118px 1fr; gap: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  .js .reveal { opacity: 1; transform: none; }
}