/* ============================================================
   Claims & Support hub - page-level CSS (T4)
   Figma: desktop 1407:101330, mobile 1407:101747 (no tablet frame, so
   768 to 1024 follows the mobile frame and the section classes' own
   tablet rules).

   The section classes carry their own look and gutters; this file holds
   the page's vertical rhythm (the neighbouring-background rule: --space-
   section when the neighbour's background matches, --space-section-alt
   when it differs). The Claims & Support Services cards are the shared
   TileCarousel class (classes/tile-carousel), as on the Ancillary hub.
   ============================================================ */

/* ── Hero ─────────────────────────────────────────────────────
   The Claims frame (1407:101330) is a taller hub hero than the Ancillary one
   the hub variant is built to: 720 high, the eyebrow at y196, and the curve
   centred at 59.24% of the width (853 of 1440) over a photo layer at y-38.
   Desktop only: tablet and mobile follow the hub variant's own rules. */
@media (min-width: 1025px) {
    .claims .page-hero--hub {
        min-height: 720px;
        padding-top: 196px;
    }
    .claims .page-hero--hub .page-hero__bg {
        top: -38px;
        clip-path: ellipse(100% 720px at 59.24% 38px);
    }
    /* The lead is Body in Text, over the full 750 column, 20 above the buttons */
    .claims .page-hero--hub .page-hero__lead {
        max-width: none;
        margin-bottom: 20px;
    }
}
/* The lead is Text at every width (the hub variant's Secondary is the Ancillary frame's) */
.claims .page-hero--hub .page-hero__lead { color: var(--color-text); }

/* Mobile (1407:101747): a 627 hero, the circle's centre at 78.4% of the width
   and its bottom at 627, over a 782 photo layer starting at y-132. Tablet keeps
   the hub variant's own tablet rules (there is no Claims tablet frame). */
@media (max-width: 767px) {
    .claims .page-hero--hub { min-height: 627px; }
    .claims .page-hero--hub .page-hero__bg {
        top: -132px;
        height: 782px;
        clip-path: ellipse(183.2% 720px at 78.4% 39px);
    }
    /* The mobile lead is untyped Futura Medium 14 at 1.4 */
    .claims .page-hero--hub .page-hero__lead {
        font-family: var(--font-heading);
        font-size: var(--text-mobile-body-small);
        line-height: 1.4;
    }
    /* The "also" card titles are Mobile/H2 on the Claims mobile frame (1407:101985) */
    .claims .also-interested__title {
        font-size: var(--text-mobile-h2);
        line-height: var(--leading-mobile-h2);
    }
    /* The step copy is Futura PT 16 on the Claims mobile frame (1407:101855) */
    .claims .process-steps__description {
        font-size: var(--text-mobile-body);
        line-height: var(--leading-mobile-body);
    }
}

/* ── Section spacing ──────────────────────────────────────── */
/* "Why partners choose Coplus" and the "Trusted by" strip are one white band:
   40 above, 40 between the cards and the logos, 80 below */
.claims__section--why { padding-top: var(--space-section); padding-bottom: 0; }
.claims__section--logos { padding-top: var(--space-section); padding-bottom: var(--space-section-alt); }
/* Every band after that differs from its neighbours (tint, navy, white, tint,
   white, navy), so 80 above and below (48 on tablet and mobile) */
.claims__section--services,
.claims__section--support,
.claims__section--steps,
.claims__section--cases,
.claims__section--also {
    padding-top: var(--space-section-alt);
    padding-bottom: var(--space-section-alt);
}
/* The persona band: the gallery class reserves the photos' pop-out space above
   and below its cards (423 tall for a 377 card), so the frame's 80 comes to 59 */
.claims__section--personas { padding-top: 59px; padding-bottom: 59px; }
@media (max-width: 1024px) {
    .claims__section--personas { padding-top: var(--space-section-alt); padding-bottom: var(--space-section-alt); }
}
/* Full-bleed: the AI panel pads itself */
.claims__section--ai { padding: 0; }