/* VLMS SOFTWARE — RESPONSIVE CSS */
/* Mobile first breakpoints: sm:640 md:768 lg:1024 xl:1280 */
@media(max-width:1100px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .mega-menu{min-width:600px}
  .tool-layout{grid-template-columns:1fr}
}
@media(max-width:1024px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .tool-card.featured{grid-column:span 1}
  .mega-menu{min-width:500px}
  .mega-cols{grid-template-columns:repeat(2,1fr)}
  .mega-col:last-child{display:none}
}
@media(max-width:768px){
  :root{--nav-h:64px}
  .nav-links,.nav-actions .btn:not(.btn-hamburger-cta){display:none}
  .nav-hamburger{display:flex}
  .mega-menu{display:none}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .section{padding:64px 0}
  .section-lg{padding:80px 0}
  .container{padding:0 16px}
  .tool-layout{grid-template-columns:1fr;gap:24px}
  .email-gate-card{padding:32px 24px}
  .trust-bar{gap:16px}
  .trust-item{font-size:11px}
  .floating-cta{display:none}
  h1{font-size:clamp(32px,8vw,48px)}
  h2{font-size:clamp(24px,6vw,36px)}
  .hero-content{padding:100px 0 60px}
  .hero-visual{display:none}
  .ticker-item{font-size:12px;padding:0 20px}
  .result-panel{padding:24px}
  .tool-form-card{padding:24px}
  .card{padding:24px}
  .mega-menu{display:none!important}
  .stat-number{font-size:clamp(36px,10vw,52px)}
}
@media(max-width:480px){
  .container{padding:0 12px}
  .btn-xl{padding:16px 32px;font-size:16px}
  .btn-lg{padding:14px 28px;font-size:15px}
  .email-gate-card{padding:24px 16px}
  .email-gate-title{font-size:22px}
  .hero-headline{font-size:clamp(32px,9vw,44px)}
  .tool-card.featured{grid-column:span 1}
  .card{padding:20px}
  .grade-badge{width:52px;height:52px;font-size:22px}
}
/* Touch optimization */
@media(hover:none){
  .tool-card:hover,.card:hover{transform:none}
  .btn-primary:hover,.btn-secondary:hover{transform:none}
}
/* Min touch target */
button,a,.btn,.nav-link,.mobile-link,.mega-item{min-height:44px}
/* High-DPI screens */
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
  .bg-grid{background-size:22px 22px}
}
/* Print */
@media print{
  .nav,.footer,.email-gate-overlay,.floating-cta,.cookie-banner,.toast{display:none!important}
  body{background:white;color:black}
  .result-panel{background:#f5f5f5;color:black;border:1px solid #ccc}
  .data-number{text-shadow:none}
}