/* ============================================================================
 * LABELS — section headers, eyebrows, tags
 * ----------------------------------------------------------------------------
 * The eyebrow is the small uppercase pill that names a section. Every page
 * opening and every section header uses the same one, so a change here
 * retitles the whole site.
 * ========================================================================== */
/* -- 2. Section header: eyebrow → title → subtitle ------------------------- */
/* The accent dash under every heading was doing the eyebrow's job badly; the
   label carries the section's name, so the rule is no longer needed. */
.section-title:after{display:none}
.section-title{
  color:var(--ink-strong);
  font-size:clamp(1.7rem,2.9vw,2.4rem);
  letter-spacing:var(--tracking-display);
  line-height:var(--leading-display);
  margin-bottom:0.6rem;
}
.sec-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:0.45rem;
  margin-bottom:0.9rem;
  padding:0.32rem 0.8rem;
  border-radius:var(--r-pill);
  background:var(--sand);
  color:var(--ink-strong);
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  line-height:1.2;
}
.sec-eyebrow i{color:var(--accent);font-size:0.72rem}
.section-header-block{margin-bottom:2.5rem}
.section-subtitle{max-width:34rem;font-size:1.02rem}

/* Bands meet on a hairline instead of a hard colour step */
.section-secondary{
  border-top:1px solid var(--border-hairline);
  border-bottom:1px solid var(--border-hairline);
}

/* -- 2. Eyebrows: all of them are the same pill --------------------------- */
/* .hosting-eyebrow, .app-strip-eyebrow and .final-cta-eyebrow were bare
   accent text while the newer ones are pills. One of the two had to go. */
html body .hosting-eyebrow,
html body .app-strip-eyebrow,
html body .final-cta-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:var(--icon-gap);
  margin-bottom:0.9rem;
  padding:0.32rem 0.8rem;
  border-radius:var(--r-pill);
  background:var(--sand);
  color:var(--ink-strong);
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  line-height:1.2;
}
html body .hosting-eyebrow i,
html body .app-strip-eyebrow i,
html body .final-cta-eyebrow i{color:var(--accent)}