/* home-v3-type.css — page-level type scale for the v3 sections.
   Loads after home-v3.css. Theme-agnostic: sizes only, no colour.

   home-v3.css sizes its page copy small — kickers at 12–13.5px, labels at
   14–15px, ledes at 17px — which reads cramped under headlines of 56–83px.
   This file lifts that copy one step, roughly +12–20%.

   SCOPE — this touches ONLY text that sits directly on the page: kickers,
   headline sub-copy, ledes, page labels, and the footer. It does NOT touch
   type inside cards, panels, or the UI/UX mockups — the pricing cards, FAQ
   rows, format cards, control cards, how-it-works steps, and every
   phone/tablet/calendar/app screen keep the sizes they were drawn at, because
   that type is sized against the mock chrome around it and scaling it would
   break those compositions. Section headlines are left alone too; they were
   already large.

   Three mechanics worth knowing before editing:

   1. Every selector is prefixed with its section class (`.rs-brand
      .rs-brand-kicker`, not `.rs-brand-kicker`). home-v3.css uses both forms,
      and several of these sizes are re-declared inside its media queries at
      one-class specificity. The section prefix clears both, so a rule here
      cannot be silently beaten by a mobile block further up.

   2. Every size is a clamp() rather than a fixed px. Because of (1) these
      rules override the media-query step-downs in home-v3.css, so they have
      to carry their own small-screen behaviour. The clamp floor sits above
      the old mobile size, so phones get the same lift and are never worse off.

   3. The vw coefficients are tuned so the preferred value lands on the target
      at a 1280px viewport, which is where the layout's 1280px shell is full
      width. Tuning them for a wider viewport is the easy mistake: the vw term
      then falls below the clamp floor at 1280 and the text comes out the same
      size or smaller than before.

   The six tiers below are the whole scale — reuse one rather than adding a
   one-off size. Sizes quoted per tier are old -> new at 1280px. */


/* ---- tier 1 · kickers and eyebrows ------------- 12–13.5px -> 15px ------ */

.rs-transformation .rs-tf-kicker,
.rs-intro .rs-intro-kicker,
.rs-agent .rs-agent-kicker,
.rs-noprompt .rs-noprompt-kicker,
.rs-planning .rs-planning-kicker,
.rs-brand .rs-brand-kicker,
.rs-control .rs-control-kicker,
.rs-month .rs-month-kicker,
.rs-publish .rs-publish-kicker,
.rs-how .rs-how-kicker,
.rs-industries .rs-industries-kicker,
.rs-pricing .rs-pricing-kicker,
.rs-faq .rs-faq-kicker,
.rs-about .rs-about-kicker,
/* a few kickers highlight a word in a span that carries its own size */
.rs-intro .rs-intro-kicker span,
.rs-planning .rs-planning-kicker span,
.rs-pricing .rs-pricing-kicker span {
  font-size: clamp(13.5px, 1.17vw, 16px);
}

.rs-hero .rs-hero-badge {
  font-size: clamp(12.5px, 1.06vw, 14.5px);
}


/* ---- tier 2 · micro labels --------------------- 11–13.5px -> 15.5px --- */

.audience-strip .audience-list span,
.rs-create .rs-kw1,
.rs-create .rs-kw2,
.rs-create .rs-kw3,
.rs-create .rs-kw4,
.rs-create .rs-kw5,
.rs-footer .rs-footer-col-title,
.rs-footer .rs-footer-trust-text,
.rs-footer .rs-footer-trust-text span {
  font-size: clamp(14px, 1.21vw, 16.5px);
}


/* ---- tier 3 · small labels --------------------- 14–15px -> 17px ------- */

.audience-strip .audience-inner p,
.rs-hero .rs-hero-proof li,
.rs-month .rs-month-step strong,
.rs-month .rs-month-step span,
.rs-publish .rs-publish-no-sub,
.rs-industries .rs-industries-also-label,
.rs-industries .rs-industries-chip,
.rs-control .rs-control-assure-text,
.rs-footer .rs-footer-copy,
.rs-footer .rs-footer-origin,
/* footer links were already 17px; tier 3 holds them there rather than
   pushing them to lede size, which would outweigh the columns they sit in */
.rs-footer .rs-footer-links a {
  font-size: clamp(15.5px, 1.33vw, 18px);
}


/* ---- tier 4 · body ----------------------------- 16–17px -> 19px ------- */

.rs-transformation .rs-tf-sub,
.rs-intro .rs-intro-body,
.rs-noprompt .rs-noprompt-lede,
.rs-create .rs-create-sub,
.rs-month .rs-month-lead,
.rs-publish .rs-publish-nos h3,
.rs-how .rs-how-sub,
.rs-industries .rs-industries-lead,
.rs-pricing .rs-pricing-sub,
.rs-faq .rs-faq-lede,
.rs-about .rs-about-fact-text,
.rs-hero .rs-hero-lede,
.rs-hero .rs-hero-promise,
.rs-footer .rs-footer-blurb {
  font-size: clamp(17px, 1.48vw, 20.5px);
}

/* The audience strip is a single desktop sentence, so its compact labels
   intentionally sit one step below the global micro-label scale. */
.audience-strip .audience-inner p {
  font-size: clamp(15px, 1.08vw, 16.5px);
}

.audience-strip .audience-list span {
  font-size: clamp(13.5px, .96vw, 14.5px);
}


/* ---- tier 5 · ledes ---------------------------- 17.3–18px -> 20.5px --- */

.rs-planning .rs-planning-lead,
.rs-control .rs-control-lede,
.rs-agent .rs-agent-lead,
.rs-about .rs-about-para,
.rs-about .rs-about-em,
.rs-about .rs-about-link {
  font-size: clamp(18px, 1.60vw, 22px);
}


/* ---- tier 6 · opening ledes -------------------- 19px -> 22px ---------- */

.rs-intro .rs-intro-lead,
.rs-brand .rs-brand-lead,
.rs-publish .rs-publish-lead,
.rs-footer .rs-footer-tagline span {
  font-size: clamp(19px, 1.72vw, 23.5px);
}

/* Inline links out to the per-industry pages, under the industries lead. */
.rs-industries-links {
  margin: 14px 0 0;
  max-width: 36ch;
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.62;
  color: #A7AEC0;
}
.rs-industries-links a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color 0.18s ease;
}
.rs-industries-links a:hover { color: #FFFFFF; }
[data-theme="light"] .rs-industries-links { color: var(--text-soft, #50586d); }
[data-theme="light"] .rs-industries-links a:hover { color: #0B1020; }