/* Current product-led layout and the supplied mockups. */
.urgency-bar{background:var(--deep);color:#fff;padding:10px 0;font-size:.84rem;font-weight:700}
.urgency-inner{display:flex;align-items:center;justify-content:center;gap:22px;text-align:center}
.urgency-inner strong{color:var(--lime)}
.hero{padding:26px 0 60px}
.hero h1{max-width:1040px;margin:0 auto;font-size:clamp(3.2rem,4.2vw,4rem)}
.hero h1 em{display:block}
.hero-stage{width:min(430px,100%);height:auto;margin:14px auto 10px}
.hero-stage:before,.hero-stage:after{display:none}
.hero-stage img{width:100%;height:auto;border-radius:0;box-shadow:none}
.hero-price{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto 16px;padding:12px 30px;border:2px solid #b779df;border-radius:18px;background:linear-gradient(135deg,#fff,#f7edff);box-shadow:0 12px 26px #34135424;color:var(--deep);font-weight:900}
.hero-price span{font-size:.72rem;letter-spacing:.18em;color:#8540aa}
.hero-price strong{font:700 clamp(2.3rem,4vw,3rem)/1 Fredoka,system-ui,sans-serif;color:var(--purple);white-space:nowrap}
.hero-sub{max-width:760px;font-size:1.16rem;margin:0 auto 24px;color:#53445f}
.quick-benefits{margin-top:26px}
.quick-benefits span{border:1px solid #dbc7eb;background:#fff;padding:11px 17px;font-size:.88rem;color:#247a3d}
.quick-benefits b{color:var(--deep)}

.sample-card{width:170px}
.sample-card img{width:100%;height:auto;aspect-ratio:1055/1491;object-fit:contain;background:#fff}
.sample-card figcaption{font-size:.81rem;padding:10px 8px 12px;white-space:nowrap}

.benefits{background:#f8f1ff}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:39px;text-align:left}
.benefits-grid article{min-height:250px;padding:26px 22px;border:1px solid #e5d5f2;border-radius:20px;background:#fff;box-shadow:0 12px 25px #3413540d}
.benefit-icon{display:grid;place-items:center;width:51px;height:51px;margin-bottom:20px;border-radius:14px;background:#ead7ff;color:var(--purple);font:700 1.9rem Fredoka,sans-serif}
.benefits-grid article:nth-child(2) .benefit-icon{background:#ffe8c5;color:#a94c00}
.benefits-grid article:nth-child(3) .benefit-icon{background:#e7ffc7;color:#458000}
.benefits-grid h3{font-size:1.45rem;color:var(--deep)}
.benefits-grid p{margin-top:9px;color:var(--muted);font-size:.93rem}

.social-proof{background:#fff}
.testimonial-carousel{overflow:hidden;margin-top:36px;padding:12px 0 20px}
.testimonial-track{display:flex;width:max-content;animation:testimonial-scroll 42s linear infinite;will-change:transform}
.testimonial-set{display:flex;flex:none;gap:18px;padding-right:18px}
.testimonial-card{flex:none;width:clamp(245px,24vw,300px);margin:0;border:1px solid #e4d8e9;border-radius:18px;background:#fff;box-shadow:0 12px 25px #34135418;overflow:hidden}
.testimonial-card img{display:block;width:100%;height:auto;aspect-ratio:1170/2532;object-fit:contain}
@keyframes testimonial-scroll{to{transform:translateX(-50%)}}
.marquee.is-offscreen .marquee-track,.testimonial-carousel.is-offscreen .testimonial-track{animation-play-state:paused}

.contents-list{list-style:none;margin:22px 0 25px;padding:0}
.contents-list li{position:relative;padding:10px 0 11px 38px;border-bottom:1px solid #e7d9f1}
.contents-list li:before{content:'✓';position:absolute;left:0;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dfffbe;color:#357d00;font-weight:900}
.contents-list strong{display:block;color:var(--deep);font-size:.98rem}
.contents-list span{display:block;color:var(--muted);font-size:.88rem;line-height:1.45}
.how-copy .button{display:flex;width:fit-content;max-width:100%;margin:18px auto 0}

.how-art{min-height:500px}
.how-blob{inset:54px 22px 42px}
.how-main{position:absolute;z-index:1;left:5%;top:100px;width:90%;height:auto;border-radius:15px;box-shadow:0 25px 45px #3413542b}
.how-paper{z-index:2;width:142px;height:205px;border-width:5px}
.how-back{left:0;top:22px;transform:rotate(-13deg)}
.how-front{right:0;top:auto;bottom:16px;transform:rotate(11deg)}
.how-burst{z-index:3;left:8%;bottom:4%;font-size:4.8rem}

.inside h2{max-width:850px}
.inside h2 em{color:var(--lime)}
.inside-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin:42px 0 30px}
.inside-grid article{display:flex;flex-direction:column}
.inside-grid img{width:100%;height:250px;object-fit:contain;background:#fdfaff}
.inside-grid article>div{display:flex;flex-direction:column;flex:1;padding:17px 16px 19px}
.inside-grid h3{font-size:1.31rem;line-height:1.12;margin:0 0 7px}
.inside-grid p{font-size:.85rem;line-height:1.4}
.bonus-price{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px}
.bonus-price s{color:#8c8092;font-weight:800;font-size:.88rem}
.bonus-price strong{font:700 1.13rem Fredoka,sans-serif;color:#138644}

.offer-layout{max-width:850px}
.offer-copy{text-align:center}
.offer-copy h2{max-width:810px;margin:auto;font-size:clamp(3rem,5vw,5rem)}
.offer-copy>p{max-width:620px!important;margin:18px auto 0!important;font-size:1.08rem!important}
.offer-card{width:min(640px,100%);max-width:none;margin:38px auto 0}
.offer-body{padding:26px 34px 34px}
.offer-mockup{height:auto;max-width:560px;margin:0 auto 16px}
.offer-mockup:before{display:none}
.offer-mockup img{position:static;width:100%;height:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;transform:none}
.offer-card h3{max-width:500px}
.offer-list{margin:23px 0 20px}
.price-box{padding:20px 15px;border:2px solid #c999e9;background:linear-gradient(135deg,#fff8e9,#f5eaff);box-shadow:0 12px 28px #34135417}
.price-box strong{margin:7px 0;font-size:clamp(3.4rem,6vw,4.4rem);color:var(--purple)}
.purchase-button{width:100%;margin-top:16px;cursor:pointer;opacity:1}
.button-primary,.button-orange{background:#15803d;border-color:#0b5428;color:#fff;box-shadow:5px 6px 0 #0b5428}
.button:hover{background:#166534;box-shadow:5px 9px 0 #0b5428;color:#fff}
.faq-list .button{display:flex;width:fit-content;max-width:100%;margin:20px auto 0}
.reassurance h2{margin-bottom:4px}
.reassurance-icon{font:700 3rem Fredoka,sans-serif}
.faq-intro h2{margin-top:0}
.final-cta{background:var(--deep);color:#fff}
.final-cta h2{max-width:850px;margin:auto}
.final-cta h2 em{color:var(--lime)}
.final-cta .section-lead{color:#e4d9ec}
.final-cta .button{margin-top:30px}

@media(max-width:950px){
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .inside-grid{grid-template-columns:repeat(2,1fr)}
  .inside-grid img{height:230px}
  .inside-grid article:nth-child(4),.inside-grid article:nth-child(5){transform:none}
}
@media(max-width:700px){
  .urgency-inner{gap:10px;flex-direction:column}
  .testimonial-carousel{margin-top:24px}
  .hero{padding:40px 0 57px}
  .hero h1{font-size:clamp(2.65rem,8.8vw,4.3rem)}
  .hero-stage{width:100%;height:auto;margin:14px auto 10px}
  .hero-sub{font-size:1.02rem}
  .how-art{min-height:390px}
  .how-main{top:85px}
  .how-paper{width:108px;height:157px}
  .inside-grid{grid-template-columns:repeat(2,1fr)}
  .offer-copy h2{font-size:clamp(2.6rem,8vw,4rem)}
}
@media(max-width:480px){
  .urgency-bar{font-size:.76rem;padding:9px 0}
  .benefits-grid{grid-template-columns:1fr;gap:12px;margin-top:29px}
  .benefits-grid article{min-height:0;padding:20px;display:grid;grid-template-columns:50px 1fr;column-gap:15px}
  .benefit-icon{grid-row:1/3;width:48px;height:48px;margin:0}
  .benefits-grid h3{font-size:1.3rem}
  .benefits-grid p{margin-top:5px;font-size:.87rem}
  .testimonial-card{width:min(72vw,290px)}
  .contents-list li{padding-top:9px;padding-bottom:10px}
  .reassurance-icon{font-size:2.2rem}
  .hero h1{font-size:clamp(2.36rem,9.5vw,3.4rem)}
  .hero-stage{height:auto}
  .hero-stage img{border-radius:0}
  .hero-price{gap:5px;padding:10px 14px;font-size:.88rem}
  .hero-sub{font-size:.98rem}
  .quick-benefits{display:grid;grid-template-columns:1fr;gap:8px}
  .quick-benefits span{width:100%;padding:9px 12px}
  .sample-card{width:142px}
  .sample-card img{height:auto}
  .sample-card figcaption{font-size:.72rem;min-height:0}
  .how-art{min-height:292px}
  .how-blob{inset:28px 13px 16px}
  .how-main{top:54px;left:3%;width:94%}
  .how-paper{width:78px;height:115px;border-width:3px}
  .how-back{top:9px;left:2%}
  .how-front{right:1%;bottom:5px}
  .how-burst{font-size:3.5rem}
  .inside-grid{grid-template-columns:1fr;gap:13px}
  .inside-grid article,.inside-grid article:last-child{display:grid;grid-template-columns:39% 61%}
  .inside-grid img,.inside-grid article:last-child img{height:100%;min-height:180px;max-height:210px;object-fit:contain}
  .inside-grid article>div{padding:15px 14px}
  .inside-grid h3{font-size:1.16rem}
  .inside-grid p{font-size:.77rem}
  .bonus-price{padding-top:9px}
  .bonus-price s{font-size:.76rem}
  .bonus-price strong{font-size:1rem}
  .offer-body{padding:17px 19px 25px}
  .offer-mockup{height:auto}
  .offer-mockup img{width:100%;height:auto}
  .offer-card h3{font-size:1.7rem}
}
@media(prefers-reduced-motion:reduce){.testimonial-track{animation:none}.testimonial-carousel{overflow-x:auto}}

/* Support and legal information in the site's existing visual language. */
.site-footer{padding:64px 0 28px;background:var(--deep);color:#fff}
.site-footer .footer-inner{display:block;font-size:1rem}
.footer-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:36px;align-items:start;padding-bottom:34px}
.footer-kicker{margin:0 0 10px;color:var(--lime);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.footer-about h2{margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.35rem)}
.footer-email{color:#fff;font-weight:900;text-decoration-thickness:1.5px;text-underline-offset:4px;overflow-wrap:anywhere}
.footer-email:hover,.footer-policy a:hover,.footer-nav a:hover{color:var(--lime)}
.footer-description{max-width:560px;margin-top:19px;color:#e7dced;line-height:1.65}
.footer-seller{margin-top:18px;color:#e7dced;font-size:.9rem;line-height:1.7}
.site-footer .footer-seller strong{font-family:Nunito,system-ui,sans-serif;font-size:inherit;font-weight:900;color:#fff}
.footer-nav{display:flex;justify-content:flex-end;align-content:start;flex-wrap:wrap;gap:10px}
.footer-nav a{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid #896ca3;border-radius:12px;background:#ffffff0c;color:#fff;font-size:.88rem;font-weight:900;text-decoration:none;transition:background .2s,color .2s}
.footer-nav a:hover{background:#ffffff18}
.footer-policies{display:grid;gap:14px}
.footer-policy{scroll-margin-top:20px;padding:22px 25px;border:1px solid #74558e;border-radius:18px;background:#ffffff0b}
.footer-policy:target{border-color:var(--lime);box-shadow:0 0 0 2px #b7f93829}
.footer-policy h3{margin:0 0 12px;color:var(--lime);font-size:1.33rem;letter-spacing:-.02em}
.footer-policy p{color:#eadff0;font-size:.92rem;line-height:1.65}
.footer-policy p+p{margin-top:10px}
.footer-policy a{color:#fff;font-weight:900;text-underline-offset:3px;overflow-wrap:anywhere}
.footer-bottom{margin-top:26px;padding-top:20px;border-top:1px solid #ffffff30;color:#d9c8e4;font-size:.8rem}
@media(max-width:700px){
  .footer-header{grid-template-columns:1fr;gap:24px}
  .footer-nav{justify-content:flex-start}
}
@media(max-width:480px){
  .site-footer{padding:48px 0 23px}
  .site-footer .footer-inner{text-align:left}
  .footer-nav{display:grid;grid-template-columns:1fr;gap:8px}
  .footer-nav a{justify-content:center;text-align:center}
  .footer-policy{padding:19px 17px}
  .footer-policy h3{font-size:1.23rem}
  .footer-policy p{font-size:.88rem}
}
.language-toggle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.language-switch{position:fixed;z-index:20;top:14px;right:16px;padding:7px 12px;border:1px solid #ffffff55;border-radius:999px;background:#ffffffed;color:var(--deep);box-shadow:0 3px 12px #1f103322;font-size:.75rem;font-weight:900;cursor:pointer;opacity:.76;transition:opacity .2s,transform .2s}
.language-switch:hover,.language-switch:focus-visible{opacity:1;transform:translateY(-1px)}
.switch-en,.site-en{display:none}
#language-toggle:checked~.site-es{display:none}
#language-toggle:checked~.site-en{display:block}
#language-toggle:checked~.language-switch .switch-es{display:none}
#language-toggle:checked~.language-switch .switch-en{display:inline}
.site-en .hero{padding-top:54px}
.site-en .hero-price strong,.site-en .price-box strong{white-space:nowrap}
@media(max-width:700px){.language-switch{top:9px;right:10px;padding:6px 10px;font-size:.7rem}.site-en .hero{padding-top:40px}}