/* ============================================================
   CleanAdvance LDA — Responsive Rules
   ============================================================ */

@media (max-width: 1100px){
  .cards-3{ grid-template-columns: repeat(2,1fr); }
  .big-cards{ grid-template-columns: 1fr; }
  .product-cats{ grid-template-columns: repeat(2,1fr); }
  .explore-cards{ grid-template-columns: repeat(2,1fr); }
  .trust-cards{ grid-template-columns: repeat(2,1fr); }
  .industry-grid{ grid-template-columns: repeat(4,1fr); }
  .pcat-grid{ grid-template-columns: repeat(2,1fr); }
  .wwd-grid{ grid-template-columns: repeat(2,1fr); }
  .wwd-grid.cols-4{ grid-template-columns: repeat(2,1fr); }
  .chip-grid{ grid-template-columns: repeat(2,1fr); }
  .product-families{ grid-template-columns: repeat(2,1fr); }
  .counter-grid{ grid-template-columns: repeat(2,1fr); gap:40px; }
  .footer-grid{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 940px){
  .navbar{ padding: 14px 16px 0; }
  .nav-inner{ padding: 8px 8px 8px 14px; overflow:hidden; }
  .brand img{ height:38px; width:38px; }
  .brand-tag{ display:none; }
  .nav-right{ gap:8px; }
  .lang-btn{ padding:8px 10px; }
  .lang-btn svg{ width:14px; height:14px; }
  .nav-links{
    position: fixed; top:0; right:0; height:100vh; width:280px;
    background: var(--bg); flex-direction:column; align-items:flex-start;
    padding: 110px 34px 34px; gap:26px; transform: translateX(100%);
    transition: transform .4s var(--ease); box-shadow: -10px 0 40px rgba(0,0,0,.2);
    border-left: 1px solid var(--border);
  }
  .nav-links.open{ transform: translateX(0); }
  .nav-burger{ display:flex; }
  .nav-burger.open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
  .nav-burger.open span:nth-child(2){ opacity:0; }
  .nav-burger.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

  .hero-grid{ grid-template-columns: 1fr; }
  .hero-visual{ display:none; }
  .hero-split-grid{ grid-template-columns: 1fr; }
  .hero-split-photo{ order:-1; aspect-ratio: 16/10; }
  .about-grid{ grid-template-columns: 1fr; }
  .about-visual{ aspect-ratio: 16/9; }
  .two-col{ grid-template-columns: 1fr; gap:40px; }
  .team-wrap{ grid-template-columns: 1fr; }
  .contact-grid{ grid-template-columns: 1fr; }
  .mv-grid{ grid-template-columns: 1fr; }
  .regions-grid{ grid-template-columns: 1fr; }
  .bridge-flow{ flex-direction:column; }
  .bridge-connector{ width:2px; height:50px; }
  .bridge-connector::after{ content:"⌄"; right:auto; left:50%; transform:translateX(-50%); top:auto; bottom:-14px; }
}

@media (max-width: 720px){
  .section{ padding: 80px 0; }
  .container{ padding: 0 22px; }
  .cards-3{ grid-template-columns: 1fr; }
  .industry-grid{ grid-template-columns: repeat(3,1fr); }
  .product-cats{ grid-template-columns: 1fr; }
  .explore-cards{ grid-template-columns: 1fr; }
  .trust-cards{ grid-template-columns: 1fr; }
  .one-contact{ flex-direction:column; }
  .one-contact-arrow{ transform: rotate(90deg); }
  .trust-bridge-flow{ flex-direction:column; }
  .trust-connector{ width:2px; height:40px; }
  .trust-connector::after{ content:"⌄"; right:auto; left:50%; transform:translateX(-50%); top:auto; bottom:-14px; }
  .pulse-dot{ animation-name: pulseTravelVertical; }
  @keyframes pulseTravelVertical{
    0%{ top:0%; left:50%; opacity:0; transform: translate(-50%,-50%) scale(.6); }
    8%{ opacity:1; transform: translate(-50%,-50%) scale(1); }
    38%{ opacity:1; }
    44%{ top:100%; left:50%; opacity:0; transform: translate(-50%,-50%) scale(.6); }
    100%{ top:100%; left:50%; opacity:0; }
  }
  .expertise-group ul{ grid-template-columns:1fr; }
  .pcat-grid{ grid-template-columns: 1fr; }
  .pcat-grid.cols-2{ grid-template-columns: 1fr; }
  .wwd-grid{ grid-template-columns: 1fr; }
  .wwd-grid.cols-4{ grid-template-columns: 1fr; }
  .chip-grid{ grid-template-columns: 1fr; }
  .product-families{ grid-template-columns: 1fr; }
  .counter-grid{ grid-template-columns: 1fr 1fr; }
  .feature-list{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr; gap:36px; }
  .footer-bottom{ flex-direction:column; text-align:center; }
  .cta-banner{ flex-direction:column; text-align:center; padding: 50px 30px; }
  .prod-flow{ flex-direction:column; }
  .prod-arrow{ width:100%; height:36px; transform: rotate(90deg); }
  .values-grid{ grid-template-columns: 1fr; }
  .values-grid.cols-2{ grid-template-columns: 1fr; }
  .hero-stats{ gap:24px; }
  .page-hero{ padding: 140px 0 70px; }
  .hero-content{ padding-top: 108px !important; }
  .worldmap-wrap{ padding: 30px 16px; }
  #regions-map{ height: 320px !important; }
}