/* For-owners landing page — responsive overrides.
   All inline-style overrides use !important. */

.fo-nav, .fo-hero-topbar, .fo-hero-head-wrap,
.fo-hero-sub-wrap, .fo-hero-cta,
.fo-cta-head-wrap, .fo-cta-grid { box-sizing: border-box; }

/* ── TABLET (≤1100px) ─────────────────────────────── */
@media (max-width: 1100px) {
  .fo-nav {
    padding: 12px 28px !important;
  }
  .fo-nav-links { display: none !important; }

  .fo-hero-topbar  { padding: 28px 28px 0 !important; }
  .fo-hero-head-wrap { padding: 56px 28px 24px !important; }
  .fo-hero-h1      { font-size: 120px !important; }
  .fo-hero-sub-wrap { padding: 10px 28px 40px !important; }
  .fo-hero-sub     { font-size: 19px !important; }
  .fo-hero-cta     { padding: 10px 28px 64px !important; }

  .fo-filmstrip-grid {
    grid-template-columns: 1fr !important;
  }
  .fo-filmstrip-phone { display: none !important; }

  .fo-pi-grid {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  .fo-cards-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .fo-cta-head-wrap { padding: 60px 28px 20px !important; }
  .fo-cta-h2        { font-size: 120px !important; }
  .fo-cta-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    padding: 24px 28px 72px !important;
  }
}

/* ── MOBILE (≤700px) ─────────────────────────────── */
@media (max-width: 700px) {
  .fo-nav { padding: 10px 16px !important; }
  .fo-nav-signin { display: none !important; }

  .fo-hero-topbar   { padding: 16px 16px 0 !important; }
  .fo-hero-head-wrap { padding: 36px 16px 18px !important; }
  .fo-hero-h1       { font-size: 66px !important; line-height: 0.9 !important; }
  .fo-hero-sub-wrap { padding: 8px 16px 28px !important; }
  .fo-hero-sub      { font-size: 17px !important; max-width: 100% !important; }
  .fo-hero-cta      {
    padding: 0 16px 48px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .fo-cards-grid { grid-template-columns: 1fr !important; }

  .fo-cta-head-wrap { padding: 32px 16px 16px !important; }
  .fo-cta-h2        { font-size: 58px !important; }
  .fo-cta-grid      { padding: 16px 16px 56px !important; }
}