/* ==========================================================================
   Platform consistency pass — AI Gateway + Access & Identity.
   Aligns SECTION headings (H2 and below) to the Home design-system scale and
   gives every section the shared Home eyebrow mark. Heroes are left untouched.
   Per direction: keep Cabin on platform titles, but match Home's level for
   font-size / line-height / letter-spacing. Loaded LAST so it wins cleanly;
   responsive breakpoints mirror the section files so mobile still scales down.
   ========================================================================== */

/* --- shared Home eyebrow: two stacked gradient bars (same glyph as Home's
       "The platform" tagline in 99-tagline.css) --- */
.pg-eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pg-eyebrow__icon {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 8px;
  flex-shrink: 0;
}

.pg-eyebrow__icon::before,
.pg-eyebrow__icon::after {
  content: "";
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 1px;
}

.pg-eyebrow__icon::before {
  top: 0;
  width: 15px;
  background: linear-gradient(to right, #0036fa, #c0e2f9);
}

.pg-eyebrow__icon::after {
  top: 4px;
  width: 14px;
  background: linear-gradient(to right, #c0e2f9, #0036fa);
}

/* --- eyebrow label -> Home size (14px); keeps each section's gradient fill --- */
.pg-why__kicker,
.pg-how__kicker,
.pg-pol__kicker,
.pg-dept__kicker,
.pg-reg__kicker,
.pg-rollout__kicker,
.pg-eval__kicker,
.pg-faq__kicker,
.pg-idwhy__kicker,
.pg-idmx__kicker,
.pg-prefooter__kicker {
  font-size: 14px;
}

/* pg-pol had no eyebrow before — give its new kicker the system style --- */
.pg-pol__kicker {
  font-family: "Cabin", sans-serif;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: linear-gradient(90deg, #0036fa, #4e87fc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pg-pol__title {
  margin-top: 18px;
}

/* --- section titles -> Home level (Cabin retained, weight untouched) --- */
.pg-why__title,
.pg-how__title,
.pg-pol__title,
.pg-dept__title,
.pg-reg__title,
.pg-rollout__title,
.pg-eval__title,
.pg-faq__title,
.pg-idwhy__title,
.pg-idmx__title {
  font-size: 44px;
  line-height: 1.22;
  letter-spacing: normal;
}

/* --- subtitles + essay body -> Home content level (16 / 26, #4d4d4d) --- */
.pg-eval__subtitle,
.pg-why__p,
.pg-reg__p,
.pg-idwhy__p {
  font-size: 16px;
  line-height: 26px;
}

/* --- responsive (mirrors the section files' breakpoints) --- */
@media (max-width: 1040px) {
  .pg-why__title,
  .pg-how__title,
  .pg-pol__title,
  .pg-dept__title,
  .pg-reg__title,
  .pg-rollout__title,
  .pg-eval__title,
  .pg-faq__title,
  .pg-idwhy__title,
  .pg-idmx__title {
    font-size: 34px;
  }
}

@media (max-width: 600px) {
  .pg-why__title,
  .pg-how__title,
  .pg-pol__title,
  .pg-dept__title,
  .pg-reg__title,
  .pg-rollout__title,
  .pg-eval__title,
  .pg-faq__title,
  .pg-idwhy__title,
  .pg-idmx__title {
    font-size: 28px;
  }
}