.product-landing .product-language-nav { display: flex; align-items: center; gap: 8px 18px; overflow-x: auto; padding-block: 12px; border-bottom: 1px solid var(--line); white-space: nowrap; font-size: 13px; }
.product-language-nav > span { color: var(--muted); font-weight: 650; }
.product-language-nav a { padding: 4px 0; text-decoration: none; }
.product-language-nav a[aria-current="page"] { font-weight: 750; text-decoration: underline; text-underline-offset: 5px; }
.product-hero { background: var(--paper); border-bottom: 1px solid var(--line); }
.product-hero-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 56px; align-items: center; padding-block: 44px 58px; }
.product-hero h1 { max-width: 13ch; margin-top: 16px; font-size: clamp(42px, 5.5vw, 72px); text-wrap: balance; }
.product-intro { max-width: 48ch; color: var(--muted); font-size: 19px; margin-top: 24px; }
.product-availability { font-size: 14px; font-weight: 650; margin-top: 24px; }
.product-screen { display: flex; flex-direction: column; align-items: center; gap: 14px; margin: 0; }
.product-screen img { width: min(100%, 270px); height: auto; border: 6px solid var(--ink); border-radius: 34px; box-shadow: 0 12px 32px #49414912; }
.product-screen figcaption { max-width: 34ch; color: var(--muted); font-size: 13px; text-align: center; }
.product-landing h2 { font-size: clamp(30px, 3.5vw, 44px); margin-top: 12px; }
.localized-how, .localized-guides { padding-block: 72px; }
.product-landing .steps { margin-top: 34px; }
.product-landing .steps h3 { font-size: 23px; }
.product-landing .steps p, .localized-feature p { color: var(--muted); margin-top: 12px; }
.localized-features, .localized-access { background: var(--warm); padding-block: 72px; }
.localized-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 36px; }
.localized-feature { border-top: 1px solid var(--line); padding-top: 22px; }
.localized-feature h3 { font-size: 23px; }
.localized-resource-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 30px; }
.localized-resource { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid var(--ink); padding-block: 18px; font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.localized-access .wrap { max-width: 860px; }
.localized-access p:not(.eyebrow) { max-width: 68ch; margin-top: 18px; }
.localized-access .app-store-badge { margin-top: 26px; }
.product-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-block: 34px; }
.product-footer nav { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.product-footer nav a { font-size: 13px; text-underline-offset: 4px; }
.product-footer p { color: var(--muted); font-size: 13px; }
html[dir="rtl"] .product-language-nav { direction: rtl; }
html[dir="rtl"] .product-hero h1 { max-width: 15ch; }
@media (max-width: 760px) {
  .product-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-block: 36px 44px; }
  .product-hero h1 { max-width: 16ch; font-size: clamp(40px, 10vw, 60px); }
  .product-intro { font-size: 17px; }
  .product-screen img { width: min(62vw, 250px); }
  .localized-how, .localized-guides, .localized-features, .localized-access { padding-block: 48px; }
  .localized-feature-grid, .localized-resource-list { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .product-landing .steps { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .product-footer { align-items: flex-start; flex-direction: column; }
}