/* MOS website clarity pass. Loaded after assets/mos-v5/site.css. */
:root {
  --page: #090b0c;
  --surface: #101315;
  --panel: #1a1e20;
  --text: #faf8f2;
  --muted: #c7cacf;
  --gold: #edc97f;
  --gold-bright: #f4d58f;
  --line: rgba(255, 255, 255, .12);
}
body { font-size: 16px; line-height: 1.68; }
h1, h2, h3, .product-heading h2, .steps-heading h2 { font-weight: 700; }
.hero-art img { opacity: 1; filter: brightness(1.05) contrast(1.06) saturate(1.04); }
.hero-art::after {
  background:
    linear-gradient(90deg, #0c0e10 0, rgba(12, 14, 16, .78) 13%, rgba(12, 14, 16, .25) 39%, rgba(12, 14, 16, .04) 76%, rgba(12, 14, 16, .20) 100%),
    linear-gradient(0deg, #0c0e10 0, transparent 26%, transparent 83%, rgba(12, 14, 16, .18));
}
.hero-caption, .product-heading p, .site-note, .copyright { color: var(--muted); }
.product-card {
  border-color: rgba(237, 201, 127, .24);
  background: linear-gradient(145deg, #202426 0%, #181c1e 100%);
}
.product-card::after { opacity: .72; }
.product-card h3 { font-weight: 700; }
.product-description { color: #d2d5d7; font-size: 13px; line-height: 1.7; }
.feature-list li { color: #e5e8e9; font-size: 14px; line-height: 1.62; }
.card-guide { color: #d9c397; font-size: 12px; }
.step h3, .benefit h3 { font-weight: 680; }
.step p, .benefit p { color: #bbc1c6; font-size: 12px; line-height: 1.65; }
.feature-list .icon, .step-icon, .benefit > .icon, .footer-links .icon { color: #efcc82; }
.account-button, .mos-support-header-trigger { border-color: #846d3e; color: #edc97f; }
@media (max-width: 820px) {
  .hero-art::after {
    background:
      linear-gradient(90deg, rgba(12, 14, 16, .88) 0%, rgba(12, 14, 16, .72) 48%, rgba(12, 14, 16, .48) 100%),
      linear-gradient(0deg, #0c0e10 0, transparent 32%, rgba(12, 14, 16, .20));
  }
}