/* KI Brains Tech – responsive overrides */
@media (max-width:1100px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(3,1fr);row-gap:34px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .detail-layout{grid-template-columns:1fr}
  .side-box{position:static}
  .dropdown{width:540px;left:-120px}
}
@media (max-width:960px){
  .nav-toggle{display:block}
  .nav-menu{position:fixed;top:0;right:0;height:100vh;width:min(360px,86vw);background:var(--navy-900);flex-direction:column;align-items:stretch;gap:0;padding:90px 24px 30px;transform:translateX(100%);transition:transform .35s;overflow-y:auto;box-shadow:-20px 0 60px rgba(0,0,0,.5)}
  .nav-menu.open{transform:none}
  .nav-link{width:100%;justify-content:space-between;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}
  .dropdown{position:static;width:100%;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:0;background:rgba(255,255,255,.04);padding:6px;max-height:50vh;overflow:auto}
  .has-dropdown.open .dropdown{display:grid}
  .has-dropdown:hover .dropdown{display:none}
  .has-dropdown.open:hover .dropdown{display:grid}
  .nav-cta{margin-top:20px}
  .nav-toggle{z-index:1100;position:relative}
  .hero .container,.split,.contact-grid{grid-template-columns:1fr}
  .hero{padding-top:120px;min-height:auto}
  .hero-visual{max-width:620px}
  .float-card.a{left:8px}.float-card.b{right:8px}
  .vcard.vcard-tr{right:4px}
  .vcard.vcard-bl{left:4px}
  .vcard.vcard-br{right:4px}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .process.vertical{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .section{padding:68px 0}
  .grid-2,.grid-3,.grid-4,.form-row,.process,.process.vertical,.footer-grid{grid-template-columns:1fr}
  .process{row-gap:30px}
  .hero-actions .btn{width:100%;justify-content:center}
  .form-card{padding:26px 20px}
  .testimonial{padding:30px 14px}
  .testimonial blockquote{font-size:1.05rem}
  .float-card{display:none}
  .vcard{display:none}
  .hero-vector-stage{padding:26px 6px}
  .hero-terminal{font-size:.76rem;border-radius:14px}
  .terminal-tabs .term-tab:nth-child(n+2){display:none}
  .footer-bottom{flex-direction:column;text-align:center}
  .fab{right:16px}
}
