/* ==========================================================================
   Readability pass
   Larger section copy, calmer heading rhythm, and stronger muted contrast.
   ========================================================================== */
:root {
  --muted-fg: hsl(215,18%,42%);
}

.hero-section,
.cta-section,
.wa-section {
  --muted-fg: hsl(215,22%,76%);
}

body {
  font-size: 17px;
  line-height: 1.62;
  text-rendering: optimizeLegibility;
}

.font-display,
h1,
h2,
h3,
h4,
.tracking-tight,
.section-h2,
.section-h2-lg,
.section-h2-md,
.cta-h3,
.blog-hero__title,
.single-title,
.page-h1,
.err404-h1 {
  letter-spacing: 0;
  word-spacing: 0;
}

.text-muted,
.person-detail,
.feature-card__text,
.security-check__text,
.section-text-lg,
.section-note,
.section-muted-lg,
.faq-section-text,
.wa-section-text,
.social-text-dim,
.cta-subtitle,
.payment-card__time-unit,
.blog-card__excerpt,
.single-excerpt {
  color: var(--muted-fg);
}

.eyebrow,
.security-check__num {
  font-size: .78rem;
  line-height: 1.35;
  letter-spacing: 0;
}

.section-header,
.section-header--left {
  margin-bottom: 3rem;
}

.section-h2,
.section-h2-md,
.section-h2-lg {
  line-height: 1.12;
  text-wrap: balance;
}

.hero-title-size {
  line-height: .98;
}

.hero-title-size.tracking-tight {
  letter-spacing: 0;
  word-spacing: 0;
}

.hero-copy {
  gap: 1.65rem;
}

.hero-badge,
.wa-online-badge {
  font-size: .95rem;
}

.hero-subtitle {
  font-size: 1.125rem;
  color: hsl(213,31%,86%);
}

.hero-dl-btn,
.install-dl-btn,
.wa-chat-btn {
  font-size: 1.0625rem;
}

.install-note {
  font-size: .95rem;
  line-height: 1.55;
}

.ticker-item {
  padding: .5rem 1rem;
}

.stat-number {
  line-height: 1.05;
}

.stats-bar .eyebrow {
  color: hsl(215,18%,42%);
}

.payment-card__name {
  font-size: 1.3rem;
  line-height: 1.3;
}

.payment-card__tag,
.payment-card__time-unit,
.feature-card__stat-unit,
.review-stat-unit,
.verified-text-color {
  font-size: .78rem;
  line-height: 1.35;
  letter-spacing: 0;
}

.payment-card__time-val,
.feature-card__stat-val {
  font-size: 2.1rem;
  line-height: 1.05;
}

.feature-card,
.payment-card,
.review-card,
.security-check-card {
  padding: 1.75rem;
}

.feature-card__title,
.security-check__title {
  font-size: 1.35rem;
  line-height: 1.35;
}

.feature-card__text,
.security-check__text,
.review-card__text,
.accordion-body,
.wa-msg-recv,
.wa-msg-sent,
.single-side-card p {
  font-size: 1rem;
}

.single-side-card p {
  line-height: 1.75;
}

.section-text-lg,
.section-muted-lg,
.faq-section-text,
.wa-section-text,
.social-text-dim,
.cta-subtitle,
.blog-hero__text {
  font-size: 1.2rem;
}

.single-excerpt {
  font-size: 1.05rem;
}

.cta-subtitle,
.blog-hero__text,
.single-excerpt {
  line-height: 1.75;
}

.hiw-step__title,
.user-name-color,
.person-name,
.wa-support-name {
  font-size: 1rem;
  line-height: 1.4;
}

.step-upload-preview,
.person-detail,
.user-loc-color,
.wa-online-status,
.wa-response__label,
.wa-response__val {
  font-size: .95rem;
  line-height: 1.55;
}

.hiw-step3-balance {
  font-size: 1.85rem;
  line-height: 1.1;
}

.hiw-quote {
  padding: 1.5rem;
}

.hiw-quote__text {
  font-size: 1.4rem;
  line-height: 1.45;
}

/* Install guide component */
.install-grid {
  gap: clamp(1rem, 2vw, 1.5rem);
  width: min(100%, 74rem);
}

.install-step-card {
  min-height: 15rem;
  padding: 1.65rem;
}

.install-step-icon {
  width: 3.35rem;
  height: 3.35rem;
}

.install-step-num {
  font-size: .78rem;
  line-height: 1.35;
  letter-spacing: 0;
}

.install-step-title {
  font-size: 1.12rem;
  line-height: 1.3;
}

.install-step-text {
  color: var(--muted-fg);
  font-size: 1rem;
}

.install-note {
  flex-wrap: wrap;
  padding: 0 .75rem;
  text-align: center;
}

.accordion-header {
  font-size: 1.05rem;
  line-height: 1.45;
  padding: 1.35rem 1.5rem;
}

.accordion-body {
  padding: 0 1.5rem 1.4rem;
}

.wa-card {
  max-width: 26rem;
  padding: 1.5rem;
}

.review-card__text {
  color: var(--foreground);
}

.review-stat-val {
  font-size: 1.45rem;
  line-height: 1.1;
}

.cta-h3 {
  line-height: 1;
  text-wrap: balance;
}

.cta-quote-italic {
  font-size: 1.25rem;
  line-height: 1.45;
}

.cta-quote-attr {
  font-size: .95rem;
}

@media (min-width: 640px) {
  .hero-subtitle { font-size: 1.25rem; }
}

@media (min-width: 768px) {
  .hiw-quote__text { font-size: 1.65rem; }
}

@media (max-width: 640px) {
  .wp-container {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }

  .hero-section {
    padding-top: 6.25rem;
    padding-bottom: 4rem;
  }

  .payment-section,
  .features-section,
  .hiw-section,
  .install-section,
  .security-section,
  .faq-section,
  .wa-section,
  .social-section,
  .cta-section {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }

  .hero-subtitle,
  .section-text-lg,
  .section-muted-lg,
  .faq-section-text,
  .wa-section-text,
  .social-text-dim,
  .cta-subtitle {
    font-size: 1.08rem;
  }

  .feature-card,
  .payment-card,
  .review-card,
  .security-check-card,
  .install-step-card {
    padding: 1.35rem;
  }

  .install-grid {
    grid-template-columns: 1fr;
  }

  .install-step-card {
    min-height: 0;
  }

}