/* Community-friendly presentation layer: warmer, quieter, less HUD-like. */

body {
  background: var(--bg);
}

.page-atmosphere,
.atmo-grid,
.atmo-glow,
.atmo-scan {
  display: none !important;
}

.eyebrow,
.kicker {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

.hero-kicker {
  font-family: var(--font-body);
  font-size: 10px;
  letter-spacing: 0.02em;
  text-transform: none;
}

.hero-kicker i {
  box-shadow: none;
}

.hero h1 {
  font-size: clamp(44px, 5.4vw, 70px);
  font-weight: 750;
  line-height: 1.02;
  letter-spacing: -0.025em;
}

.hero h1 em::after {
  height: 6px;
  opacity: 0.5;
}

.scanner {
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.24);
}

.scanner::before,
.scanner::after,
.scanner-dots,
.scanline {
  display: none !important;
}

.scanner-title {
  font-family: var(--font-body);
  font-size: 9px;
  letter-spacing: 0.02em;
  text-transform: none;
}

.scanner-target-label,
.gauge-label,
.v-label,
.scanner-foot,
.stat-label {
  font-family: var(--font-body);
  letter-spacing: 0.01em;
  text-transform: none;
}

.scanner-foot .ok {
  color: var(--success);
}

.s4-page,
.feedback-body,
.legal-body {
  background: var(--bg);
}

.s4-hero-copy h1 {
  font-size: clamp(44px, 5.6vw, 72px);
  font-weight: 750;
  line-height: 1.03;
  letter-spacing: -0.03em;
}

.s4-top-source-label,
.s4-source-live,
.s4-source-badge,
.s4-tabs-source {
  font-family: var(--font-body);
  letter-spacing: 0.01em;
  text-transform: none;
}

.s4-table th {
  font-family: var(--font-body);
  letter-spacing: 0;
  text-transform: none;
}

.s4-source-card {
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.d-trial,
.d-kicker,
.d-rate span,
.d-stat span,
.d-verdict-head span,
.d-summary-pill,
.d-source-note {
  font-family: var(--font-body);
  letter-spacing: 0.01em;
  text-transform: none;
}

@media (max-width: 760px) {
  .hero h1 {
    font-size: 46px;
  }

  .s4-hero-copy h1 {
    font-size: 46px;
  }
}