/* ====================================================
   FRANKLY K9 — RESPONSIVE LAYER
   Mobile-first base lives in style.css.
   Scale up at tablet (768px) and desktop (1024px).
   ==================================================== */

/* ---------- Tablet: 768px+ ---------- */
@media (min-width: 768px) {
  .hero h1 { font-size: 2.6rem; }
  .hero-actions { flex-direction: row; justify-content: center; }
  .hero-actions .btn { flex: 0 0 auto; }

  .why-grid { grid-template-columns: repeat(3, 1fr); }
  .pillars-grid { grid-template-columns: repeat(3, 1fr); }
  .pricing-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid-2 { grid-template-columns: repeat(2, 1fr); }
  .steps-grid { grid-template-columns: repeat(3, 1fr); }
  .area-grid { grid-template-columns: repeat(3, 1fr); }

  .contact-grid { grid-template-columns: 1fr 1fr; align-items: start; }

  .footer-nav { gap: 2rem; }

  .video-feature-inner { grid-template-columns: 1.1fr 0.9fr; text-align: left; }
  .about-inner { grid-template-columns: 0.9fr 1.1fr; text-align: left; }
}

/* ---------- Desktop: 1024px+ ---------- */
@media (min-width: 1024px) {
  body { font-size: 17px; }

  h2 { font-size: 2.4rem; }
  .why h2, .philosophy h2, .services h2, .how-it-works h2,
  .service-area h2, .faq h2, .contact h2 { font-size: 2.2rem; }

  .hero { padding: 6rem 0 5rem; }
  .hero h1 { font-size: 3.2rem; }
  .hero-sub { font-size: 1.2rem; }
  .hero-badge .brand-icon { width: 260px; }
  .hero-badge .brand-text { font-size: 3.1rem; }

  /* Desktop navbar: full inline nav, hide hamburger */
  .navbar-inner { padding: 0.75rem 1.25rem; }
  .navbar-links {
    display: flex;
    position: static;
    flex-direction: row;
    background: none;
    padding: 0;
    box-shadow: none;
    gap: 1.75rem;
  }
  .navbar-links a { border-bottom: none; padding: 0; }
  .navbar-links a:hover { color: var(--burnt-orange); }
  .navbar-cta { display: block; }
  .hamburger { display: none; }

  .pricing-grid { grid-template-columns: repeat(4, 1fr); }
  .pricing-grid-2 { grid-template-columns: repeat(2,