/* Explain: Layout utilities and section structure for the website. */
.section-pad {
    padding-top: clamp(4.5rem, 8vw, 7rem);
    padding-bottom: clamp(4.5rem, 8vw, 7rem);
}

.section-soft {
    background: var(--surface-color);
}

.section-dark {
    background: var(--dark-surface);
    color: var(--text-on-dark);
}

.page-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, #071B30 0%, #0A2540 55%, #123B63 100%);
    padding: 9.5rem 0 5.5rem;
}

.page-hero .hero-grid {
    opacity: 0.45;
}

.cta-band {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, #071B30 0%, #0A2540 52%, #1B4F8A 100%);
}

.cta-band .hero-grid {
    opacity: 0.3;
}

.divider-line {
    height: 1px;
    width: 100%;
    background: var(--border-color);
}