/* ════════════════════════════════════════════════════════════════════
   marketing-compact.css — universal compact-page overrides

   Applied to every marketing page (link this AFTER marketing.css).
   Trims the hero from ~340px to ~180px and the inter-section padding
   from clamp(3.5rem, 9vw, 7rem) to clamp(2rem, 4vw, 3rem) so content
   sits above the fold and doesn't waste vertical space.

   Pricing and Status pages have their own bespoke layouts and don't
   need this file — they use .fv-intro / .fv-pricing-wide patterns
   instead of .mkt-page-hero / .mkt-section, so these rules are
   inert there.

   To override on a single page: add a body[data-page="..."] rule
   with higher specificity in that page's inline <style>.
   ════════════════════════════════════════════════════════════════════ */

body.template-page main { padding-top: 0; }

/* Hero — compact, balanced, no marketing-landing-page chrome. */
body.template-page .mkt-page-hero {
    padding-block: 2.6rem 1.4rem;
}
body.template-page .mkt-page-hero .mkt-eyebrow {
    font-size: 0.65rem;
}
body.template-page .mkt-page-hero h1.mkt-h1,
body.template-page .mkt-page-hero h1.mkt-h2 {
    font-size: clamp(1.7rem, 2.8vw, 2.3rem);
    letter-spacing: -0.015em;
    line-height: 1.15;
    margin-top: 0.55rem;
}
body.template-page .mkt-page-hero .mkt-lead {
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 56ch;
    margin-top: 0.55rem;
}
/* Hero CTA buttons — slightly smaller to match the trimmed hero scale */
body.template-page .mkt-page-hero .mkt-btn-lg {
    font-size: 0.92rem;
    padding: 0.78rem 1.2rem;
}

/* Content sections — same compression, but never more aggressive than
   the section's own min-padding (preserved via the bottom clamp value). */
body.template-page main > .mkt-section:not(.mkt-page-hero) {
    padding-block: clamp(2rem, 4vw, 3rem);
}
body.template-page main > .mkt-section:not(.mkt-page-hero) .mkt-h2 {
    font-size: clamp(1.3rem, 2.1vw, 1.7rem);
}
/* Inline section heads — tighter inter-element gap so the eyebrow + h2 +
   lead group reads as one unit, not three stacked blocks. */
body.template-page main > .mkt-section:not(.mkt-page-hero) .mkt-reveal h2.mkt-h2 + .mkt-lead,
body.template-page main > .mkt-section:not(.mkt-page-hero) .mkt-reveal .mkt-h2 + .mkt-lead {
    margin-top: 0.5rem !important;
}
body.template-page main > .mkt-section:not(.mkt-page-hero) .mkt-reveal[style*="margin-bottom"] {
    margin-bottom: 1.5rem !important;
}

/* Final CTA band — tightened slightly */
body.template-page .mkt-cta-band .mkt-h2 {
    font-size: clamp(1.4rem, 2.4vw, 1.9rem);
}
body.template-page .mkt-cta-band .mkt-lead {
    font-size: 0.95rem;
}