/* Explain: Layout utilities for corporate sections and pages. */
.section-pad {
    padding-top: clamp(4.5rem, 8vw, 7.5rem);
    padding-bottom: clamp(4.5rem, 8vw, 7.5rem);
}

.hero-corp {
    background:
        radial-gradient(circle at 84% 12%, rgba(32, 113, 201, 0.16), transparent 30rem),
        linear-gradient(180deg, #EAF1F9 0%, var(--background-color) 72%);
}

.page-hero {
    background:
        radial-gradient(circle at 12% 20%, rgba(32, 113, 201, 0.14), transparent 26rem),
        linear-gradient(180deg, #EDF3FA 0%, var(--background-color) 100%);
}

.cta-band {
    background: linear-gradient(120deg, var(--primary-color), #16457F);
}

.surface-alt {
    background: var(--secondary-color);
}