/*
 * Page 01 — Main Product-Line — page-composition only.
 * The seven sections are all JTL widgets that own their own style/layout. The
 * only section without its own widget band is the pricing block (Figma node
 * 12:8669) — a JTLText eyebrow/H2/intro + button group + JTL Table stacked in a
 * plain content column — so its vertical rhythm and the intro's half-width are
 * set here, scoped to that block's own hooks so nothing else moves. The section's
 * outer spacing comes from the neighbouring widget bands (Quote above, FAQ below).
 *
 * The intro -> CTA gap (32px) is NOT set here: the button group carries the
 * global Bootstrap utility `mt-5` (margin-top: 2rem !important, from dist/app.css)
 * via its `class=` attr in the page content, so no rule for it is needed.
 */

/* eyebrow -> H2 */
.jtl-mpl-pricing__title {
    margin-top: 6px;
}

/* H2 -> intro; intro constrained to the Figma half-width above the table */
.jtl-mpl-pricing__intro {
    margin-top: 24px;
    max-width: 692px;
}

/* CTAs -> table */
.jtl-mpl-pricing__table {
    margin-top: 48px;
}