@media(max-width:680px){
  *{word-wrap:break-word;overflow-wrap:break-word;}
  section{padding:32px 0!important;}
  .wrap{padding:0 14px!important;}
  nav{padding:0 14px!important;}
  
  /* HERO CRITICAL FIX */
  .hero{min-height:auto!important;padding:60px 14px 28px!important;margin-top:60px;}
  .hero-inner{grid-template-columns:1fr!important;gap:24px!important;}
  .hero-left{width:100%;}
  h1{font-size:20px!important;line-height:1.2!important;margin-bottom:8px!important;}
  .hero-sub{font-size:15px!important;margin-bottom:4px!important;}
  .hero-chip{font-size:10px!important;margin-bottom:16px!important;}
  .hero-support{font-size:13px!important;line-height:1.6!important;margin-bottom:12px!important;max-width:100%!important;}
  .hero-bullets{gap:6px!important;margin-bottom:16px!important;}
  .hb{font-size:12px!important;gap:6px!important;line-height:1.5!important;}
  .hb-dot{width:4px!important;height:4px!important;margin-top:4px!important;}
  .hero-btns{flex-direction:column!important;gap:8px!important;}
  .btn-pri,.btn-sec{width:100%!important;padding:11px 16px!important;font-size:13px!important;}
  
  /* MOCKUP */
  .hero-mock{width:100%!important;margin:0!important;}
  .mock-shell{transform:none!important;}
  
  /* SECTIONS */
  .sh{font-size:20px!important;margin-bottom:12px!important;line-height:1.2!important;}
  .sp{font-size:13px!important;margin-bottom:12px!important;}
  .eyebrow{font-size:9px!important;margin-bottom:8px!important;}
  
  /* GRIDS TO SINGLE COLUMN */
  .for-grid,.examples-grid,.proof-top,.testimonials,.price-grid,.caps-grid{
    grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important;
  }
  
  .for-card,.ex-card,.testi,.pc{
    padding:16px!important;border-radius:12px!important;margin-bottom:0!important;
  }
  
  /* FLOW HORIZONTAL SCROLL */
  .flow{
    display:flex!important;overflow-x:auto!important;gap:8px!important;
    margin-left:-14px!important;margin-right:-14px!important;padding:0 14px 12px!important;
  }
  .flow::before{display:none!important;}
  .flow-step{min-width:70vw!important;flex-shrink:0!important;padding:0!important;}
  
  /* TEXT OVERFLOW PROTECTION */
  .for-title,.ex-vendor,.ex-text,.for-pt,.cap-h,.flow-h{
    word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;
  }
  
  /* BUTTON FULL WIDTH */
  button,.btn-pri,.btn-sec,.pc-btn{width:100%!important;box-sizing:border-box!important;}
  
  /* FOOTER */
  footer{padding:20px 14px!important;}
  .footer-inner{gap:16px!important;}
  .footer-links-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  
  /* FINAL CTA */
  .fcta{padding:60px 14px!important;}
  .fcta h2{font-size:20px!important;line-height:1.2!important;margin-bottom:12px!important;}
  .fcta p{font-size:13px!important;margin-bottom:20px!important;}
  .fcta-btns{gap:8px!important;}
  
  /* CARDS */
  .for-icon,.cap-icon,.pc-ico{width:32px!important;height:32px!important;}
  .for-title,.pc-name{font-size:14px!important;}
}

@media(max-width:480px){
  .wrap{padding:0 12px!important;}
  nav{padding:0 12px!important;}
  .hero{padding:50px 12px 24px!important;}
  h1{font-size:18px!important;}
  .hero-support{font-size:12px!important;}
  .hero-btns{gap:6px!important;}
  .btn-pri,.btn-sec{padding:10px 14px!important;font-size:12px!important;}
}