html,body{max-width:100%}
body{overflow-x:clip;font-size:16px;line-height:1.62}
img{max-width:100%}

/* Escala tipográfica de leitura */
.eyebrow,.section-label{font-size:11px;line-height:1.4}
.hero-lead{font-size:18px}
.benefits li{font-size:13px;line-height:1.4}
.cta{font-size:16px}
.cta-note{font-size:13px;line-height:1.5}
.story{max-width:760px}
.story p{font-size:17px;line-height:1.82}
.section-head{max-width:760px}
.section-head p,.offer-copy p,.contrast p{font-size:16px;line-height:1.75}
.card p{font-size:15px;line-height:1.7}
.check{font-size:14px;line-height:1.55}
.preview-kicker{font-size:11px}
.guide-chip{font-size:12px}
.preview-intro{font-size:16px}
.preview-step p{font-size:14px;line-height:1.65}
.mini-check{font-size:14px;line-height:1.6}
.source-note{font-size:12px;line-height:1.65}
.theme{font-size:14px;line-height:1.5}
.offer-top{font-size:11px}
.price-label,.daily{font-size:13px}
.offer-list li{font-size:14px;line-height:1.55}
.secure{font-size:12px;line-height:1.5}
.guarantee b{font-size:14px}
.guarantee span{font-size:12px;line-height:1.6}
summary{font-size:15px;line-height:1.45}
details p{font-size:14px;line-height:1.7}
.note{font-size:13px;line-height:1.6}
footer{font-size:12px;line-height:1.6}
footer strong{font-size:16px}
.product-mockup-figure figcaption{font-size:12px!important;line-height:1.4}

@media (min-width:961px){
  .hero-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:44px;
  }
  .hero h1{
    font-size:clamp(52px,4.4vw,64px);
    line-height:1.01;
    letter-spacing:-.04em;
  }
}

@media (max-width:1080px) and (min-width:961px){
  .hero-grid{gap:32px}
  .product-mockup-figure{width:min(100%,400px)!important}
  .product-mockup-image{max-height:700px!important}
}

@media (max-width:960px){
  .hero-grid,.split,.offer{grid-template-columns:1fr}
  .preview-grid{grid-template-columns:1fr}
  .preview-side{border-left:0;border-top:1px solid var(--line)}
  .hero-grid{gap:26px;padding:48px 0 54px}
  .visual{min-height:auto}
  .three,.themes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section{padding:58px 0}
  .product-mockup-figure{width:min(100%,390px)!important}
  .product-mockup-image{max-height:700px!important}
}

@media (max-width:640px){
  .hero .visual{min-height:auto;padding-top:6px}
  .product-mockup-figure{width:min(100%,330px)!important}
  .product-mockup-image{max-height:640px!important}
  .product-mockup-figure figcaption{margin-top:-2px;font-size:11px!important}
}

@media (max-width:560px){
  body{font-size:16px;line-height:1.62}
  .hero-grid{gap:22px;padding:30px 0 40px}
  .hero h1{
    font-size:clamp(32px,9vw,36px);
    line-height:1.03;
    letter-spacing:-.045em;
    margin:16px 0 18px;
    text-wrap:balance;
  }
  .eyebrow{
    max-width:100%;
    white-space:normal;
    font-size:11px;
    line-height:1.4;
  }
  .section-label{font-size:11px}
  .hero-lead{font-size:16px;line-height:1.62;margin-bottom:20px}
  .benefits{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-bottom:22px;
  }
  .benefits li{
    min-width:0;
    min-height:46px;
    padding:9px 10px;
    font-size:12px;
    line-height:1.4;
  }
  .benefits li:last-child:nth-child(odd){grid-column:1/-1}
  .cta{font-size:15px}
  .cta-note{font-size:12.5px;text-align:center}
  .three,.themes{grid-template-columns:1fr}
  .card{padding:22px}
  .card p{font-size:15px}
  .check{font-size:14px}
  .section{padding:50px 0}
  .section h2{font-size:30px;line-height:1.1}
  .story p{font-size:16px;line-height:1.75}
  .guide-quote{padding:20px 18px;font-size:18px;line-height:1.5}
  .preview-shell{margin-top:26px;border-radius:22px}
  .preview-top{
    flex-direction:column;
    align-items:flex-start;
    padding:19px 18px;
  }
  .preview-kicker{font-size:11px}
  .preview-top strong{font-size:22px;line-height:1.15}
  .guide-chip{align-self:flex-start;font-size:12px}
  .preview-main,.preview-side{padding:20px 18px}
  .preview-intro{font-size:15px}
  .preview-step{grid-template-columns:32px minmax(0,1fr);gap:10px}
  .step-icon{width:32px;height:32px;border-radius:10px}
  .preview-step p{font-size:14px}
  .mini-check{font-size:14px}
  .source-note{font-size:12px}
  .theme{font-size:14px}
  .offer-box{padding:21px;border-radius:22px}
  .offer-box h2{font-size:31px;line-height:1.08}
  .offer-copy p{font-size:16px}
  .offer-list li{font-size:14px}
  .price strong{font-size:52px}
  .price-label,.daily{font-size:13px}
  .secure{font-size:12px}
  .guarantee b{font-size:14px}
  .guarantee span{font-size:12px}
  details{padding:0 15px}
  summary{font-size:15px;line-height:1.45;padding:16px 30px 16px 0}
  details p{font-size:14px}
  footer{font-size:12px}
  .mobile-cta{box-shadow:0 -8px 26px rgba(70,23,34,.08)}
  .mobile-cta .cta{font-size:15px}
}

@media (max-width:390px){
  .wrap{width:min(100% - 22px,1120px)}
  .hero h1{font-size:32px;letter-spacing:-.05em}
  .benefits li{font-size:12px}
  .product-mockup-figure{width:min(100%,305px)!important}
  .section h2{font-size:28px}
  .offer-box{padding:19px}
}