/* 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;}
  .category-slider{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 16px;background:rgba(250,250,250,.98);border-bottom:1px solid var(--c-border);position:fixed;left:0;right:0;top:calc(var(--topbar-h) + var(--header-h));z-index:899;}
  .category-slider::-webkit-scrollbar{display:none;}
  .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:24px;}
  .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;}
  .service-cat-grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;margin:0 -18px 28px;padding-left:18px;padding-right:18px;}
  .service-cat-grid::-webkit-scrollbar{display:none;}
  .service-cat-card{padding:9px 16px;}
  .service-cat-card h3{font-size:.78rem;}
  .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:26px;--header-h:56px;--catslider-h:46px;}
  .utility-topbar-inner{padding:0 16px;}
  .utility-clock{font-size:.62rem;gap:5px;}
  .utility-clock .day-full,.utility-clock .date-full{display:none;}
  .utility-social{gap:4px;}
  .utility-social a{width:19px;height:19px;}
  .utility-social a svg{width:10px;height:10px;}
  .utility-tagline{display:none;}
  .brand img{height:28px;width:28px;}
  .brand-text b{font-size:.82rem;}
  .brand-text span{font-size:.54rem;}
  .nav-search-btn{width:30px;height:30px;}
  .nav-search-btn svg{width:13px;height:13px;}
  .header-cta{gap:8px;}

  /* Hero — stack text above a compact visual, never wider than the screen */
  .hero-tech-grid{grid-template-columns:1fr;gap:12px;text-align:left;}
  .hero-text{max-width:100%;}
  .hero-text h1{font-size:clamp(1.15rem,5.2vw,1.4rem);line-height:1.25;margin-bottom:10px;}
  .hero-text .hero-badge{font-size:.58rem;padding:6px 10px;margin-bottom:12px;}
  .hero-text p.lead{font-size:.85rem;margin-bottom:16px;}
  .hero-visual{max-width:150px;aspect-ratio:1/1;order:2;margin:2px auto 0;}
  .hv-core{width:44px;height:44px;}
  .hv-core-label{font-size:.5rem;}
  .hv-node{padding:4px 7px;font-size:.5rem;border-radius:7px;}

  /* 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:120px;}
  .header-cta .btn-primary{display:none;}
}