/* Prata v4.7.0 — mobile-first override. Desktop >= 901px is untouched. */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

@media(max-width:900px){
  html{scroll-behavior:smooth}
  body{min-width:0}
  .wrap{width:100%!important;max-width:100%!important;padding-left:18px!important;padding-right:18px!important}

  /* Header: compact logo + hamburger */
  .site-header{position:sticky!important;top:0!important;z-index:1000!important;background:#fff!important}
  .nav{position:relative!important;min-height:64px!important;height:64px!important;display:flex!important;align-items:center!important;gap:10px!important;padding-top:0!important;padding-bottom:0!important}
  .brand{display:flex!important;align-items:center!important;min-width:0!important}
  .brand img{display:block!important;width:auto!important;max-width:150px!important;max-height:44px!important;object-fit:contain!important}
  .menu-btn{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;width:42px!important;height:42px!important;padding:0!important;font-size:25px!important;line-height:1!important;border-radius:10px!important}
  .nav>.cta{display:none!important}
  .links{display:none!important;position:absolute!important;left:18px!important;right:18px!important;top:60px!important;background:#fff!important;border:1px solid #e3e9f0!important;border-radius:14px!important;padding:8px!important;z-index:1001!important;box-shadow:0 18px 45px rgba(7,17,31,.16)!important}
  .nav.mobile-open .links{display:grid!important;grid-template-columns:1fr!important}
  .links a{display:block!important;padding:12px 11px!important;border-bottom:1px solid #edf2f7!important;font-size:14px!important;line-height:1.3!important}
  .links a:last-child{border-bottom:0!important}

  /* Hero: copy first, visual second; no desktop overflow */
  .hero{padding:0!important;overflow:hidden!important}
  .hero-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0!important;padding:0!important;max-width:none!important}
  .hero-copy{order:1!important;width:100%!important;padding:30px 18px 24px!important}
  .hero-copy .eyebrow{margin-bottom:10px!important}
  .hero-copy h1{font-size:clamp(34px,9.5vw,46px)!important;line-height:1.04!important;letter-spacing:-1.2px!important;margin:8px 0 14px!important;overflow-wrap:anywhere!important}
  .hero-copy h1 br{display:none!important}
  .hero-copy p{font-size:15px!important;line-height:1.6!important;margin-bottom:18px!important}
  .mini-trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:16px 0!important;font-size:11.5px!important}
  .mini-trust span{min-width:0!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  .hero-actions .btn{width:100%!important;max-width:none!important;text-align:center!important;justify-content:center!important;white-space:normal!important}
  .hero-visual{order:2!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;overflow:hidden!important}
  .hero-visual>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
  .pitch-card{top:12px!important;right:12px!important;transform:scale(.78)!important;transform-origin:top right!important}
  .use-card{left:12px!important;bottom:12px!important;transform:scale(.78)!important;transform-origin:bottom left!important}

  /* Stats */
  .stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stats-grid>div{min-width:0!important;padding:16px 9px!important;text-align:center!important}
  .stats-grid strong{overflow-wrap:anywhere!important}

  /* Sections */
  .section{padding-top:44px!important;padding-bottom:44px!important}
  .section-head{display:block!important;margin-bottom:22px!important}
  .section-head>.btn{display:flex!important;width:100%!important;margin-top:14px!important;text-align:center!important;justify-content:center!important}
  .section-head h2,.needs h2,.calculator h2,.why h2,.process h2,.contact h2{font-size:28px!important;line-height:1.12!important;letter-spacing:-.4px!important}
  .section-head p,.needs p,.calculator p,.why p,.contact p{font-size:14.5px!important;line-height:1.6!important}

  /* Every card becomes a clean single-column mobile card */
  .primary-product-grid,.home-primary,.product-grid,.secondary-home-grid,.all-product-grid,.secondary-grid,.project-grid,.project-list-grid,.article-grid,.article-list-grid,.why-grid,.process-grid,.footer-grid,.needs-grid,.calc-grid,.detail-sections,.product-detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .primary-product-card,.primary-product-card.featured,.solution-card,.product-card,.project-card,.article-home-card,.article-card{grid-column:auto!important;min-width:0!important;width:100%!important;overflow:hidden!important}
  .primary-product-card img,.solution-card img,.product-card img,.project-card img,.article-home-card img,.article-card img{display:block!important;width:100%!important;max-width:100%!important;object-fit:cover!important}
  .primary-product-card img,.primary-product-card .fake{height:auto!important;aspect-ratio:16/9!important}
  .primary-product-card>div:not(.fake){padding:18px!important}
  .primary-product-card h3{font-size:21px!important;line-height:1.2!important}
  .primary-product-card p{font-size:14px!important;line-height:1.55!important}
  .product-card.compact{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;align-items:stretch!important}
  .product-card.compact img{width:118px!important;height:100%!important;min-height:128px!important;aspect-ratio:auto!important}
  .project-card img{height:auto!important;aspect-ratio:16/10!important}
  .article-home-card,.article-card{grid-template-columns:1fr!important}
  .article-home-card img,.article-card img{height:auto!important;aspect-ratio:16/9!important}

  /* Utility/content blocks */
  .needs,.calculator,.why,.process{padding-top:44px!important;padding-bottom:44px!important}
  .need-list{margin-top:22px!important}
  .calc-row{grid-template-columns:1fr!important}
  .calc-box input,.calc-box select,.calc-box button{max-width:100%!important}
  .process-grid>div,.why-grid>div{min-height:0!important}
  .contact-box{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;padding:24px 18px!important}
  .contact-box>.btn{width:100%!important;text-align:center!important;justify-content:center!important}
  .clients-section{overflow:hidden!important}
  .client-logo{flex:0 0 138px!important;height:82px!important}
  .client-logo img{max-width:108px!important;max-height:54px!important}
  .footer{text-align:left!important}
  .wa-bubble{display:none!important}
  .wa-float{right:12px!important;bottom:12px!important;max-width:calc(100vw - 24px)!important}

  /* Inner pages */
  .product-page-hero,.project-list-hero,.article-list-hero,.product-detail-hero{padding-top:36px!important;padding-bottom:36px!important}
  .detail{padding-top:34px!important}
  .detail-cover,.product-detail-grid>img{width:100%!important;height:auto!important;object-fit:cover!important}
}

@media(max-width:520px){
  .wrap{padding-left:15px!important;padding-right:15px!important}
  .nav{min-height:60px!important;height:60px!important}
  .brand img{max-width:136px!important;max-height:40px!important}
  .menu-btn{width:40px!important;height:40px!important}
  .links{left:12px!important;right:12px!important;top:57px!important}
  .hero-copy{padding:24px 15px 20px!important}
  .hero-copy h1{font-size:34px!important;line-height:1.05!important;letter-spacing:-1px!important}
  .hero-copy p{font-size:14.5px!important}
  .eyebrow{font-size:10.5px!important;letter-spacing:1.25px!important}
  .mini-trust{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .mini-trust span{font-size:10.5px!important}
  .hero-visual>img{aspect-ratio:4/3!important}
  .pitch-card,.use-card{display:none!important}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .stats-grid strong{font-size:17px!important;line-height:1.15!important}
  .stats-grid span{font-size:10.5px!important;line-height:1.3!important}
  .section{padding-top:38px!important;padding-bottom:38px!important}
  .section-head h2,.needs h2,.calculator h2,.why h2,.process h2,.contact h2{font-size:25px!important}
  .product-card.compact{grid-template-columns:1fr!important}
  .product-card.compact img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
  .detail h1,.product-detail-hero h1,.project-list-hero h1,.article-list-hero h1,.product-page-hero h1{font-size:31px!important;line-height:1.08!important}
  .contact-box{padding:22px 16px!important}
}

@media(max-width:360px){
  .hero-copy h1{font-size:31px!important}
  .mini-trust{grid-template-columns:1fr!important}
  .stats-grid{grid-template-columns:1fr!important}
}