/* Purpose: final Care OS launch-page presentation corrections. */
.careos-steps{margin-left:0;padding-left:0;list-style:none}.care-launch-prompt h2{max-width:none;padding-right:2rem}.care-launch-prompt>p:not(.care-launch-prompt__eyebrow){max-width:none;padding-right:1rem}.careos-stories .section-head,.testimonials .section-head{width:100%;max-width:none;text-align:center;margin-inline:auto}.careos-stories .eyebrow{margin-inline:auto;text-align:center}.careos-stories .carousel{margin-top:var(--space-12)}
.careos-stories .section-title,.testimonials .section-title{max-width:none;text-wrap:balance}

/* Keep the rhythm label clear of its columns. */
.careos-window__lower>div:first-child{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:1fr auto;align-items:end;column-gap:8px;row-gap:.75rem}
.careos-window__lower>div:first-child span{position:static;grid-column:1/-1;grid-row:2}
.careos-window__lower>div:first-child i{grid-row:1;width:100%;align-self:end}
@media(max-width:767px){.care-launch-prompt h2{padding-right:1.25rem}.care-launch-prompt>p:not(.care-launch-prompt__eyebrow){padding-right:0}}


/* ---------- Heading rhythm: keep display headings to 2-3 lines ---------- */
.careos-hero__grid { grid-template-columns: minmax(0, 1.18fr) minmax(420px, 0.82fr); }
.careos-hero__copy h1 { max-width: 20ch; font-size: clamp(2.8rem, 4.5vw, 4.7rem); text-wrap: balance; }
.careos-closing h2 { max-width: 21ch; font-size: clamp(2.6rem, 4.2vw, 4.4rem); text-wrap: balance; }
.careos-feature h3 { max-width: 22ch; text-wrap: balance; }
.careos-problem h3, .careos-steps strong, .careos-for__cards h3, .careos-plan h3 { text-wrap: balance; }
.careos-faq__item summary { text-wrap: pretty; }
@media (max-width: 1100px) {
  .careos-hero__grid { grid-template-columns: 1fr; }
  .careos-hero__copy h1 { max-width: 20ch; }
}

/* Dashboard mockup: rings sized from their own track, never from the viewport,
   so they always sit inside the window frame. */
.careos-hero__grid { grid-template-columns: minmax(0, 1.12fr) minmax(440px, 0.88fr); }
.careos-rings { gap: clamp(.45rem, 1.1vw, 1rem); }
.careos-ring { width: 100%; max-width: clamp(54px, 5.4vw, 86px); }
.careos-window__body { overflow: hidden; }
@media (max-width: 1100px) {
  .careos-hero__grid { grid-template-columns: 1fr; }
}

/* Display headings were set below 1.0, which cropped descenders. */
.careos-hero__copy h1 { line-height: 1.02; }
.careos-closing h2 { line-height: 1.06; }
.careos-window__hello { line-height: 1.18; }
.care-launch-prompt h2 { line-height: 1.12; }