/* =========================================================
   RESPONSIVE — Blu Management
   ========================================================= */

@media (max-width:1100px){
  .nav{ padding:10px 20px; gap:12px; }
  .nav-links a, .nav-drop-btn{ padding:8px 10px; font-size:14px; }
}

@media (max-width:1080px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .footer-top{ grid-template-columns:1fr 1fr; row-gap:40px; }
  .stat-row{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:960px){
  .nav{ padding:8px 16px; gap:10px; }
  .nav-links{ display:none; }
  .nav-phone{ display:none; }
  .nav-actions{ display:none; }
  .hamburger{ display:flex; }
  .brand-mark{ width:32px; height:32px; }
  .brand-word{ font-size:16px; }
  .dropdown{ display:none !important; }

  .hero-grid{ grid-template-columns:1fr; }
  .hero-visual{ order:-1; }
  .hero-copy p{ max-width:none; }

  .grid-3{ grid-template-columns:repeat(2,1fr); }
  .gauge-row{ grid-template-columns:1fr; }
  .steps{ grid-template-columns:1fr; }
  .compare-wrap{ grid-template-columns:1fr; }
  .pain-list{ grid-template-columns:1fr; }

  .service-block{ grid-template-columns:1fr; gap:32px; }
  .service-block.reverse{ direction:ltr; }
  .service-block .service-visual{ order:-1; }

  .contact-grid{ grid-template-columns:1fr; }
  .contact-grid .contact-info{ order:2; }
  .pricing-row{ grid-template-columns:1fr; }
  .calc-results{ grid-template-columns:1fr 1fr; }

  section{ padding:72px 0; }
  .cta-band{ padding:52px 28px; }
}

@media (max-width:420px){
  .brand-word span{ display:none; }
}

@media (max-width:680px){
  .container{ padding:0 20px; }
  .divider-photo{ height:180px; }
  .grid-2, .grid-3, .grid-4{ grid-template-columns:1fr; }
  .stat-row{ grid-template-columns:1fr; }
  .form-row{ grid-template-columns:1fr; }
  .form-card{ padding:28px 22px; }
  .hero{ padding:36px 0 60px; }
  .hero-copy h1{ font-size:34px; }
  .cta-actions{ flex-direction:column; align-items:stretch; }
  .hero-cta{ flex-direction:column; align-items:stretch; }
  .hero-cta .btn, .cta-actions .btn, .mobile-panel .btn{ width:100%; white-space:normal; text-align:center; }
  .audience-card{ flex-direction:column; }
  .calc-results{ grid-template-columns:1fr; }
  .calc-stat.highlight{ grid-column:auto; }
  section{ padding:56px 0; }
  .page-hero{ padding:44px 0 44px; }

  .a11y-widget{
    right:max(12px, env(safe-area-inset-right));
    bottom:max(12px, env(safe-area-inset-bottom));
  }
  .a11y-fab{ width:52px; height:52px; }
  .a11y-panel{
    position:fixed; left:8px; right:8px; bottom:72px; width:auto;
    max-height:min(72vh, 560px); border-radius:16px;
  }
  .a11y-opt{ min-height:72px; font-size:12px; }
}