/* ═══════════════════════════════
   RESPONSIVE — Media Queries
   ═══════════════════════════════ */

/* ── 1200px ── */
@media (max-width: 1200px) {
  .container { padding: 0 28px; }
  .footer-scope .ft-container { padding-left: 28px; padding-right: 28px; }
  .footer-scope .ft-grid { gap: 36px; }
}

/* ── 992px (Tablet) ── */
@media (max-width: 992px) {
  /* Header */
  .header-scope .header-nav { display: none; }
  .header-scope .header-phone { display: none; }
  .header-scope .header-burger { display: flex; }
  .header-scope .header-inner { grid-template-columns: 1fr auto; height: 72px; }
  .header-scope .mobile-menu { top: 72px; }

  /* Footer */
  .footer-scope .ft-grid { grid-template-columns: repeat(2, 1fr); gap: 36px 24px; }

  /* Hero */
  .hero-content { padding: 120px 28px 80px !important; }
  .hero h1 { font-size: clamp(52px, 8vw, 90px) !important; }
  .hero-stats { grid-template-columns: repeat(2, 1fr) !important; max-width: 100% !important; }

  /* Grids */
  .pillars-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .services-grid { grid-template-columns: repeat(2, 1fr) !important; }

  /* Sections */
  .intro { padding: 80px 0 !important; }
  .intro-inner { grid-template-columns: 1fr !important; gap: 48px !important; }
  .intro-img { height: 360px !important; }

  .pillars-section { padding: 80px 0 !important; }
  .process-section { padding: 80px 0 !important; }
}

/* ── 768px (Mobile Large) ── */
@media (max-width: 768px) {
  .container { padding: 0 18px; }

  /* Header */
  .header-scope .header-inner { padding: 0 18px; height: 64px; }
  .header-scope .mobile-menu { top: 64px; padding: 24px 18px; }
  .header-scope .header-logo {
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 1.15;
    white-space: normal;
    word-break: break-word;
    text-align: left;
    flex-shrink: 1;
  }
  .header-scope .header-right { gap: 10px; }
  .header-scope .header-cta { padding: 8px 18px; font-size: 13px; letter-spacing: 1.5px; }

  /* Footer */
  .footer-scope .ft-container { padding-left: 18px; padding-right: 18px; }
  .footer-scope .ft-wrap { padding: 48px 0 28px; }
  .footer-scope .ft-grid { grid-template-columns: 1fr; gap: 32px; margin-bottom: 36px; }
  .footer-scope .ft-desc { max-width: none; }
  .footer-scope .ft-bottom { flex-direction: column; align-items: flex-start; gap: 10px; }

  /* Trust Bar */
  .trust-bar-inner { gap: 20px; padding: 0 18px; justify-content: center; }
  .trust-divider { display: none; }
  .trust-item { font-size: 11px; gap: 8px; }
}

/* ── 480px (Mobile Small) ── */
@media (max-width: 480px) {
  .container { padding: 0 14px; }
  .section-title { font-size: clamp(28px, 9vw, 48px) !important; }

  /* Header */
  .header-scope .header-inner { padding: 0 14px; height: 60px; }
  .header-scope .mobile-menu { top: 60px; padding: 20px 14px; }
  .header-scope .header-logo {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.15;
    max-width: calc(100vw - 160px);
  }
  .header-scope .header-right { gap: 8px; }
  .header-scope .header-cta { padding: 7px 12px; font-size: 11px; letter-spacing: 1px; }

  /* Footer */
  .footer-scope .ft-container { padding-left: 14px; padding-right: 14px; }
  .footer-scope .ft-wrap { padding: 36px 0 24px; }
  .footer-scope .ft-grid { gap: 28px; margin-bottom: 28px; }
  .footer-scope .ft-logo { font-size: 24px; letter-spacing: 2px; }
  .footer-scope .ft-desc { font-size: 15px; }
  .footer-scope .ft-col-title { font-size: 13px; letter-spacing: 2px; margin-bottom: 16px; }
  .footer-scope .ft-links a { font-size: 15px; }
  .footer-scope .ft-links li { margin-bottom: 12px; }
  .footer-scope .ft-bottom { font-size: 13px; padding-top: 20px; }

  /* Hero */
  .hero-content { padding: 100px 18px 60px !important; }
  .hero h1 { font-size: clamp(42px, 12vw, 68px) !important; }
  .hero-sub { font-size: 15px !important; margin-bottom: 32px !important; }
  .hero-actions { flex-direction: column; gap: 12px; }
  .hero-actions a { text-align: center; width: 100%; }
  .hero-stats { grid-template-columns: 1fr 1fr !important; gap: 0 !important; }
  .hero-stat { padding: 18px 14px !important; }

  /* Trust Bar */
  .trust-bar { padding: 20px 0; }
  .trust-bar-inner { flex-direction: column; gap: 14px; align-items: flex-start; padding: 0 18px; }

  /* Sections */
  .intro { padding: 60px 0 !important; }
  .intro-img { height: 260px !important; }
  .intro-badge { bottom: -16px !important; left: -8px !important; padding: 18px 22px !important; }
  .intro-badge .big { font-size: 40px !important; }
  .callout { padding: 16px 18px; font-size: 14px; }

  .pillars-section { padding: 60px 0 !important; }
  .pillars-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
}