@media (max-width: 760px) {
  html { overflow-x: hidden; scroll-padding-top: 76px; }
  body { overflow-x: hidden; overflow-wrap: break-word; }
  a, button { touch-action: manipulation; }

  .site-header .brand,
  .seo-header .brand,
  .nav-shell > .brand,
  .menu-button { min-width: 44px; min-height: 44px; }
  .site-header .brand,
  .seo-header .brand { display: inline-flex; align-items: center; }
  .mobile-nav a { min-height: 44px; display: flex; align-items: center; }

  .store-actions { width: 100%; display: grid; grid-template-columns: 1fr; }
  .store-button { width: 100%; min-height: 64px; justify-content: center; }
  .compatibility { text-align: center; line-height: 1.55; }

  .section-heading h2 { font-size: 39px; line-height: 1.08; }
  .case, .feature, .learn-grid a { border-radius: 8px; }
  .learn-grid a { min-height: 230px; }
  .language-grid a { min-height: 48px; display: flex; align-items: center; justify-content: center; }

  .footer-top > div a,
  .footer-bottom a { min-height: 44px; display: inline-flex; align-items: center; }
  .footer-top > div { row-gap: 0; }

  .seo-header { height: 64px; }
  .seo-header .site-width { gap: 12px; }
  .seo-header nav { gap: 8px; flex-shrink: 0; }
  .seo-header nav a:last-child,
  .locale-switch { min-height: 44px; display: inline-flex; align-items: center; }
  .seo-hero { padding: 62px 0 58px; }
  .seo-hero h1 { font-size: 42px; line-height: 1.07; overflow-wrap: anywhere; }
  .seo-deck { font-size: 15px; line-height: 1.72; }
  .seo-meta { flex-wrap: wrap; row-gap: 8px; }
  .seo-breadcrumb a { min-height: 40px; display: inline-flex; align-items: center; }
  .seo-hero-actions { width: 100%; }
  .seo-hero-actions a { min-height: 56px; }
  .seo-scene { width: min(calc(100% - 32px), var(--max)); margin-inline: auto; }
  .seo-toc a { min-height: 44px; display: flex; align-items: center; }
  .seo-article { font-size: 16px; line-height: 1.78; }
  .seo-article h2 { overflow-wrap: anywhere; }
  .related-links a { min-height: 150px; }
  .locale-list a { min-height: 46px; display: flex; align-items: center; justify-content: center; }
  .global-grid strong { overflow-wrap: anywhere; }
  .seo-footer .site-width { gap: 0; }
  .seo-footer a { min-height: 44px; display: inline-flex; align-items: center; }
  .seo-cta { padding: 60px 0; }
  .seo-cta .seo-hero-actions { gap: 10px; }

  .platform-nav { min-height: 68px; }
  .platform-nav > a { min-height: 44px; display: inline-flex; align-items: center; }
  .platform-main { gap: 30px; padding-block: 58px 76px; }
  .platform-list span { min-height: 44px; display: flex; align-items: center; }
  .platform-footer .site-width { gap: 8px; line-height: 1.6; }
}

@media (max-width: 360px) {
  .site-width, .nav-shell { width: min(calc(100% - 28px), var(--max)); }
  .brand span { font-size: 17px; }
  .hero-title { font-size: 46px; }
  .section { padding: 68px 0; }
  .section-heading h2 { font-size: 35px; }
  .trust-grid strong { font-size: 20px; }
  .seo-hero h1 { font-size: 37px; }
  .seo-hero:after { width: 330px; height: 330px; }
  .seo-cta h2 { font-size: 31px; }
  .fact-line strong { font-size: 15px; }
  .platform-main h1 { font-size: 44px; }
  .platform-icon-wrap { width: 200px; }
  .platform-icon-wrap:after { inset: -10%; }
  .platform-badge { right: -8px; padding: 11px 14px; }
}

@supports (padding: max(0px)) {
  @media (max-width: 760px) {
    .site-header, .seo-header { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
    .footer, .seo-footer { padding-bottom: max(28px, env(safe-area-inset-bottom)); }
  }
}