/* =========================================================
   Northview: homepage minimal layer, 2026-08-26
   Reference: regenix.io. Brand tokens are UNCHANGED (navy + orange);
   only scale, density and whitespace change. Loaded on the front page only,
   Site-wide since the 2026-08-26 rollout (was front-page only).
   ========================================================= */

/* ---- Type scale: bigger headlines, tighter tracking, fewer words --------- */
.hero__title {
  font-size: clamp(40px, 8.2vw, 104px);
  line-height: 0.98;
  letter-spacing: -0.035em;
  margin-bottom: 34px;
}

.hero__sub {
  max-width: 620px;
  font-size: clamp(17px, 1.7vw, 22px);
  line-height: 1.5;
  color: var(--text-secondary);
  margin-bottom: 48px;
}

.section__title {
  font-size: clamp(34px, 6.4vw, 82px);
  line-height: 1.0;
  letter-spacing: -0.032em;
  margin-bottom: 26px;
}

.section__sub {
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.55;
  max-width: 560px;
}

/* ---- Whitespace: the single biggest thing that makes the reference calm --- */
.section { padding: clamp(110px, 19vh, 210px) var(--pad-x); }
.section__head { margin-bottom: clamp(60px, 9vh, 110px); }
.hero { padding-top: 150px; padding-bottom: 130px; }

/* ---- Meta strip under the hero CTAs ------------------------------------- */
.hero__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 52px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-dim);
}
.hero__meta span:not(.hero__meta-sep) { white-space: nowrap; }
.hero__meta-sep { color: var(--accent); opacity: 0.7; }

/* System map removed 2026-08-26: superseded by the Attio-style entity diagram
   in attio.css. */

/* ---- Comparison block: lighter, fewer rules ----------------------------- */
.seo-compare__list li { font-size: clamp(14px, 1.15vw, 16px); }