/* Product pages, Apple product-page layer. Scoped to body.ap-product, loaded after product-v3.css. */
body.ap-product .ro-page {
  --ro-paper-2: #F5F5F7;
  --ro-ink: #1D1D1F;
  --ro-graphite: #1D1D1F;
  --ro-slate: #1D1D1F;
  --ro-fog: #86868B;
  --ro-font-display: 'Inter', -apple-system, system-ui, sans-serif;
  --ro-font-mono: 'Inter', -apple-system, system-ui, sans-serif;
  --ro-radius-sm: 12px;
  --ro-radius: 18px;
  --ro-radius-lg: 28px;
  --ro-shadow-card: 0 2px 8px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.06);
  --ro-shadow-float: 0 4px 16px rgba(0,0,0,.06), 0 24px 56px rgba(0,0,0,.10);
  --ro-track-display: -0.045em;
  --ro-t-hero: clamp(3rem, 1.4rem + 5.6vw, 6.75rem);
  --ro-t-h1: clamp(2.5rem, 1.4rem + 3.8vw, 5rem);
  --ro-chapter-y: clamp(110px, 13vw, 200px);
}
body.ap-product .ro-page .ro-display { font-weight: 700 !important; line-height: 1.03 !important; letter-spacing: -0.045em !important; }
body.ap-product .ro-page .ro-lede { color: #6E6E73 !important; letter-spacing: -0.015em !important; line-height: 1.4 !important; }
body.ap-product .ro-page .ro-chapter--ink .ro-lede { color: #A1A1A6 !important; }
body.ap-product .ro-page .ro-eyebrow { text-transform: none !important; letter-spacing: -0.01em !important; font-size: 1rem !important; font-weight: 600 !important; color: var(--ro-red) !important; }
body.ap-product .ro-page .ro-chapter--ink { background: #0B0D12 !important; }
body.ap-product .ro-page .ro-btn:not(.mini) { border-radius: 999px !important; height: 52px !important; padding: 0 28px !important; font-size: 1.0625rem !important; transition: transform .3s cubic-bezier(.34,1.56,.64,1), background .2s !important; }
body.ap-product .ro-page .ro-btn:active { transform: scale(.96) !important; }
body.ap-product .ro-page .ro-link { transition: transform .3s cubic-bezier(.34,1.56,.64,1) !important; display: inline-block; }
body.ap-product .ro-page .ro-link:hover { transform: translateX(3px); }
body.ap-product .ro-page .tile {
  border-radius: var(--ro-radius-lg) !important;
  border-color: transparent !important;
  box-shadow: var(--ro-shadow-card) !important;
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s !important;
}
body.ap-product .ro-page .tile:hover { transform: translateY(-4px); box-shadow: var(--ro-shadow-float) !important; }
body.ap-product .ro-page .ic { border-radius: 14px !important; }
body.ap-product .ro-page .head { text-align: center; margin-left: auto !important; margin-right: auto !important; }
body.ap-product .ro-page .head .ro-lede { margin-left: auto !important; margin-right: auto !important; }
@media (prefers-reduced-motion: reduce) {
  body.ap-product .ro-page .tile:hover, body.ap-product .ro-page .ro-link:hover { transform: none; }
}
body.ap-product .ro-btn.mini { border-radius: 999px !important; }