/* v2 — offer-first homepage overrides.
   External file (not inline <style>) because the page's CSP
   sets style-src 'self' with no 'unsafe-inline'. */

/* Wordmark — dialed down from v1 full size to a deliberate mid-size brand mark */
.hero-v8 .hero-mark {
  font-size: 4.5rem !important;
  letter-spacing: -0.012em;
}

/* Motto — override color + tighten gap to H1 */
.hero-v8 .motto {
  color: var(--rds-ochre, #c08a3e) !important;
  margin-bottom: 20px !important;
}

/* Pull the ochre awning rule back up so it closes the hero rather than drifting alone */
.hero-v8 .ochre-rule {
  margin-top: clamp(48px, 6vw, 72px) !important;
}

/* Hide the stale top eyebrow if any legacy markup still has it */
.hero-v8 .container > .eyebrow:first-child {
  display: none;
}

/* Promote the pitch to the actual H1 */
.hero-v8 h1.pitch-h1 {
  font-family: 'Source Serif 4', Georgia, serif !important;
  font-size: clamp(2rem, 4.2vw, 2.9rem) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  color: var(--rds-storm, #1a1f2b) !important;
  max-width: 42rem !important;
  margin: 0 auto 1.4rem !important;
  text-align: center !important;
  letter-spacing: -0.018em !important;
}

/* Supporting deck */
.hero-v8 p.pitch-deck {
  font-family: var(--font-ui) !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  color: var(--rds-graphite, #5a6473) !important;
  max-width: 36rem !important;
  margin: 0 auto 2.4rem !important;
  text-align: center !important;
}

/* Transitional CTA below the primary buttons */
.hero-v8 .hero-transitional {
  margin: 1.4rem auto 0;
  font-size: 0.94rem;
  color: var(--rds-graphite, #5a6473);
  text-align: center;
}
.hero-v8 .hero-transitional a {
  color: var(--rds-ochre, #c08a3e);
  text-decoration: none;
  border-bottom: 1px solid rgba(192,138,62,0.45);
  padding-bottom: 1px;
  font-weight: 500;
}
.hero-v8 .hero-transitional a:hover {
  border-bottom-color: var(--rds-ochre, #c08a3e);
}

/* Pricing — featured Shield column + Recommended badge */
.price-col--featured {
  position: relative;
  outline: 2px solid var(--rds-ochre, #c08a3e);
  outline-offset: -2px;
  background: rgba(192,138,62,0.04);
}
.price-badge {
  position: absolute;
  top: -0.7rem;
  left: 50%;
  transform: translateX(-50%);
  background: var(--rds-ochre, #c08a3e);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.28rem 0.7rem;
  border-radius: 2px;
  white-space: nowrap;
}