@media (min-width: 768px) and (max-width: 1024px) {
  body { background: var(--landing-bg); }
  .landing-header { width: min(100% - 56px, 920px); }
  .landing-menu { display: grid; }
  .landing-header nav { display: none; position: absolute; top: 78px; right: 0; left: 0; flex-direction: column; align-items: stretch; padding: 18px; border: 1px solid var(--landing-line); border-radius: 10px; background: var(--landing-surface); }
  .landing-header nav.is-open { display: flex; }
  .landing-header nav a { min-height: 44px; display: flex; align-items: center; }
  .mobile-landing-hero, .mobile-section { width: min(100% - 72px, 760px); margin: auto; }
  .mobile-landing-hero { padding: 66px 0 82px; }
  .mobile-landing-hero h1 { max-width: 650px; margin: 0; font-size: clamp(3.6rem, 8vw, 5.4rem); line-height: 1; letter-spacing: -.07em; }
  .mobile-lead { max-width: 520px; margin: 24px 0 28px; color: var(--landing-muted); font-size: 1.08rem; }
  .mobile-phone-demo { max-width: 600px; margin-top: 54px; padding: 26px; }
  .mobile-section { padding: 82px 0; }
  .mobile-section h2 { max-width: 680px; font-size: clamp(2.5rem, 5.5vw, 4rem); }
  .mobile-flow-list { grid-template-columns: repeat(2, 1fr); gap: 0 28px; }
  .mobile-resources { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 32px; }
  .mobile-resources .landing-kicker, .mobile-resources h2 { grid-column: 1 / -1; }
  .mobile-analytics { padding: 44px 34px; }
  .mobile-segment-stage { min-height: 520px !important; }
  .mobile-segment-gallery { height: clamp(420px, 62dvh, 560px) !important; }
  .mobile-segment-panel-copy strong { font-size: clamp(1.8rem, 4vw, 3rem) !important; }
  .mobile-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .mobile-plans .landing-kicker, .mobile-plans h2 { grid-column: 1 / -1; }
  .mobile-plans article { margin-top: 12px; }
  .mobile-faq, .mobile-cta { max-width: 760px; }
  .mobile-public-showcase { padding-top: 0; }
  .mobile-public-preview { overflow: hidden; background: var(--landing-surface); }
  .mobile-public-cover { position: relative; min-height: 360px; overflow: hidden; }
  .mobile-public-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .mobile-public-cover-content { position: relative; z-index: 1; display: grid; align-content: end; min-height: 360px; padding: 30px; }
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 620px) {
  .mobile-landing-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 42px; min-height: 520px; padding: 48px 0; }
  .mobile-phone-demo { margin-top: 0; }
  .mobile-section { padding: 56px 0; }
  .mobile-segment-stage { min-height: 360px !important; }
  .mobile-segment-gallery { height: 360px !important; min-height: 320px !important; }
  .mobile-segments > .mobile-section-end { margin-top: 58px !important; }
}