:root {
  --khulq-readable: #d4c5b1;
  --khulq-readable-subtle: #b8aa98;
  --sand: #d4c5b1;
  --soft: #d4c5b1;
  --muted: #b8aa98;
  --quiet: #b8aa98;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Public copy should remain readable without lifting Khulq's night palette. */
.header-nav a,
.phone-caption,
.passage cite,
.continuity-control,
.plan-price small,
.plan-summary,
.plan-trust span,
.platform-state,
.legal a,
.nav a,
.connected,
.price-note,
.price-box span:last-child,
.store-note,
.timeline span,
.benefits li,
.plan-option span:last-child,
.paused,
.promise span,
.platform-row span,
.details-head > p:last-child,
details p,
.foot,
.privacy-note,
.route span,
.quiet-link,
.sign-in,
.no-pressure,
footer {
  color: var(--khulq-readable-subtle);
}

.hero-trust,
.section-heading > p:last-child,
.room p,
.menu-copy > p:last-child,
.objection-lead,
.continuity-copy p:last-child,
.founder-copy p,
.plan-list,
.platforms-copy > p:last-child,
.download-panel-copy > p:last-child,
.faq-header > p:last-child,
.faq-answer,
.final p,
.intro-copy,
.story-lead,
.benefit span,
.free-foundation > p:last-of-type,
.free-list li {
  color: var(--khulq-readable);
}

.store-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.store-badge {
  display: flex;
  min-width: 174px;
  min-height: 54px;
  padding: 9px 19px 10px;
  border: 1px solid rgba(255, 248, 236, .34);
  border-radius: 10px;
  background: #050507;
  color: #fff;
  align-items: center;
  text-decoration: none;
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}

.store-badge[aria-disabled="true"] { cursor: default; }

.store-badge-copy { display: block; line-height: 1.05; }
.store-badge-copy small,
.store-badge-copy strong { display: block; }
.store-badge-copy small { color: #d4c5b1; font-size: 9px; letter-spacing: .01em; }
.store-badge-copy strong { margin-top: 4px; color: #fff; font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
.store-availability { margin: 14px 0 0; color: var(--khulq-readable-subtle); font-size: 12.5px; }

@media (max-width: 520px) {
  .store-badges { display: grid; }
  .store-badge { width: 100%; }
}

@media (prefers-contrast: more) {
  :root {
    --khulq-readable: #fff8ec;
    --khulq-readable-subtle: #d4c5b1;
  }

  .store-badge { border-color: rgba(255, 248, 236, .58); }
}