/* Compact mobile rhythm: preserve readability while removing desktop-sized gaps. */
@media (max-width:760px){
  .hero{padding-block:42px 54px}
  .hero-copy>p{line-height:1.7}
  .hero-actions{margin-top:22px}
  .hero-notes{margin-top:14px}
  .hero-visual{margin-top:34px}

  .results{padding-block:40px;gap:20px}
  .results-copy p{margin-top:8px;line-height:1.65}
  .result-grid{gap:12px}
  .result-grid article{padding:8px 12px;gap:5px}

  .section,
  .why-section,
  .dark-section,
  .insight-section,
  .setup-section,
  .pricing-section,
  .faq-section{padding-block:46px}

  .section-heading{gap:14px;margin-bottom:25px}
  .section-heading>p,.dark-heading>p{font-size:14px;line-height:1.7}
  .section h2,.dark-section h2,.why-section h2,.insight-section h2,
  .setup-section h2,.faq-section h2,.cta-section h2{
    margin-top:8px;
    font-size:clamp(29px,8.5vw,34px);
    line-height:1.18
  }

  .feature{min-height:0;padding:19px 18px}
  .feature-mark{width:25px;height:3px}
  .feature h3,[dir=rtl] .feature h3{font-size:19px;margin:16px 0 6px}
  .feature p,[dir=rtl] .feature p{font-size:14px;line-height:1.65}

  .why-grid{gap:24px}
  .why-copy p{font-size:14px;line-height:1.7;margin:13px 0 18px}
  .benefit-grid article{
    min-height:0;
    padding:17px;
    display:grid;
    grid-template-columns:32px 1fr;
    column-gap:12px;
    align-items:start
  }
  .benefit-mark{width:30px;height:30px;grid-row:1/3;border-radius:9px}
  .benefit-grid h3{font-size:17px;margin:1px 0 5px}
  .benefit-grid p{font-size:13px;line-height:1.6}

  .dark-heading{gap:14px}
  .flow{margin-top:25px}
  .flow>div{
    min-height:0;
    padding:13px 15px;
    display:grid;
    grid-template-columns:29px 1fr;
    gap:11px;
    align-items:center
  }
  .flow b{width:27px;height:27px}
  .flow span{font-size:13px}
  .metric-band{margin-top:27px;gap:20px}
  .metric-band strong{font-size:29px}

  .split-heading{margin-bottom:25px}
  .module-showcase{gap:22px}
  .module-list article{padding:15px 13px;gap:13px}
  .module-list article.selected{padding-inline-start:15px}
  .module-list article h3{font-size:15px}
  .module-list article p{font-size:12px;line-height:1.45}
  .module-dashboard{border-radius:13px;padding:6px}

  .insight-grid{gap:24px}
  .insight-screen{padding:6px;border-radius:13px}
  .insight-copy ul{margin-top:17px}
  .insight-copy li{padding:10px 0}

  .setup-heading{margin-bottom:24px}
  .setup-heading p{font-size:14px;line-height:1.7}
  .setup-grid{gap:9px}
  .setup-grid article{
    min-height:0;
    padding:18px;
    display:grid;
    grid-template-columns:34px 1fr;
    column-gap:12px;
    align-items:start
  }
  .setup-mark{width:32px;height:32px;grid-row:1/3;border-radius:9px}
  .setup-grid h3{font-size:17px;margin:1px 0 5px}
  .setup-grid p{font-size:13px;line-height:1.6}

  .pricing-heading{margin-bottom:20px}
  .pricing-heading h2{margin-block:8px}
  .pricing-heading p{line-height:1.65}
  .launch-offer{margin-bottom:12px;padding:14px;gap:9px}
  .launch-offer strong{padding:8px 10px}
  .pricing-grid{margin-top:8px;padding-block:12px;gap:8px}
  .price-card{padding:21px 18px}
  .plan-name{margin-bottom:13px}
  .price strong{font-size:44px}
  .price-card ul{margin:17px 0}
  .price-card li{padding:8px 0}

  .faq-section{gap:18px}
  .faq-list summary{padding:16px 0;font-size:14px}
  .faq-list p{margin-bottom:16px;line-height:1.65}

  .cta-section{min-height:0;margin-block:8px 48px;padding:29px 21px;gap:21px}
  .cta-copy p{line-height:1.65}
  .footer{padding-block:38px}
  .footer-main{gap:28px}

  .hero-visual.preview-mobile{width:min(350px,calc(100% - 24px))!important}
}

@media (max-width:390px){
  .section,.why-section,.dark-section,.insight-section,
  .setup-section,.pricing-section,.faq-section{padding-block:40px}
  .feature{padding:17px 16px}
  .hero-visual.preview-mobile{width:min(334px,calc(100% - 18px))!important}
}