/* Responsive breakpoints: 1920 / 1440 / 1024 / 768 / 320 */

@media (max-width:1200px){
  .footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr;}
  .footer-top .footer-col:nth-child(5){display:none;}
}

@media (max-width:1024px){
  .main-nav{display:none;}
  .hamburger{display:flex;}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .engine-track{grid-template-columns:repeat(2,1fr);}
  .ai-grid{grid-template-columns:repeat(2,1fr);}
  .metrics-grid{grid-template-columns:repeat(2,1fr);}
  .metric-item:nth-child(2){border-right:none;}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px;}
  .footer-top .footer-col:nth-child(5){display:block;}
  .final-cta{padding:50px 30px;}
}

@media (max-width:860px){
  .form-row{grid-template-columns:1fr;}
  .solution-card{height:360px;}
}

@media (max-width:768px){
  .section{padding:72px 0;}
  .section-tight{padding:50px 0;}
  h1{font-size:clamp(2.1rem,8vw,3rem);}
  .grid-2{grid-template-columns:1fr;}
  .grid-3{grid-template-columns:1fr;}
  .grid-4{grid-template-columns:1fr 1fr;}
  .service-cat-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .service-cat-card{padding:20px 14px;}
  .service-cat-card .sc-icon{font-size:1.7rem;margin-bottom:8px;}
  .service-cat-card h3{font-size:.88rem;}
  .service-cat-card p{font-size:.72rem;}
  .engine-track{grid-template-columns:1fr;}
  .ai-grid{grid-template-columns:1fr 1fr;}
  .metrics-grid{grid-template-columns:1fr 1fr;}
  .metric-item{border-right:none !important;border-bottom:1px solid var(--c-border);padding-bottom:18px;}
  .footer-top{grid-template-columns:1fr;gap:34px;}
  .hero-arrows{display:none;}
  .hero{padding-bottom:40px;}
  .hero-slide{min-height:auto;border-radius:20px;align-items:stretch;}
  .hero-slide::before{background:linear-gradient(180deg,rgba(11,13,16,.55) 0%,rgba(11,13,16,.92) 55%,rgba(11,13,16,.98) 100%);}
  .hero-slide-inner{max-width:none;padding:220px 24px 32px;}
  .services-toolbar{flex-direction:column;align-items:stretch;}
  .header-cta .btn-outline{display:none;}
  .wa-float{width:52px;height:52px;bottom:18px;right:18px;}

  /* Utility topbar — compact on mobile, always fits without wrapping */
  :root{--topbar-h:34px;}
  .utility-topbar-inner{padding:0 16px;}
  .utility-clock{font-size:.66rem;gap:6px;}
  .utility-clock .day-full,.utility-clock .date-full{display:none;}
  .utility-social{gap:5px;}
  .utility-social a{width:22px;height:22px;}
  .utility-social a svg{width:11px;height:11px;}

  /* Hero — stack text above a compact visual, never wider than the screen */
  .hero-tech-grid{grid-template-columns:1fr;gap:20px;text-align:left;}
  .hero-text{max-width:100%;}
  .hero-text p.lead{margin-bottom:26px;}
  .hero-visual{max-width:240px;aspect-ratio:1/1;order:2;margin:6px auto 0;}
  .hv-core{width:92px;height:92px;}
  .hv-core-label{font-size:.62rem;}
  .hv-node{padding:6px 9px;font-size:.6rem;border-radius:8px;}

  /* Portfolio */
  .portfolio-grid{grid-template-columns:1fr;gap:20px;}
  .portfolio-tabs{gap:8px;}
  .portfolio-tab{padding:8px 14px;font-size:.8rem;}

  /* AI assistant — stack above WhatsApp instead of sitting beside it */
  .ai-float{right:18px;bottom:88px;width:52px;height:52px;}
  .ai-float svg{width:22px;height:22px;}
  .ai-panel{right:14px;bottom:150px;width:calc(100vw - 28px);max-height:70vh;}
}

@media (max-width:480px){
  .grid-4{grid-template-columns:1fr;}
  .ai-grid{grid-template-columns:1fr;}
  .metrics-grid{grid-template-columns:1fr;}
  .container{padding:0 18px;}
  .modal-box{padding:26px;}
  .final-cta{padding:40px 20px;}
  .final-cta .actions{flex-direction:column;}
  .final-cta .actions .btn{width:100%;}
  .hero-slide-inner{padding:180px 18px 28px;}
  .hero-slide h1{font-size:clamp(1.7rem,7vw,2.2rem);}
  .utility-clock{font-size:.6rem;}
  .hero-visual{max-width:190px;}
}