/* Explain: Layout utilities for section spacing and background effects. */
.section-pad {
    padding-top: clamp(4.5rem, 9vw, 7.5rem);
    padding-bottom: clamp(4.5rem, 9vw, 7.5rem);
}

.hero-dark {
    background:
        radial-gradient(circle at 85% 15%, rgba(249, 115, 22, 0.24), transparent 32rem),
        radial-gradient(circle at 10% 90%, rgba(30, 136, 229, 0.42), transparent 30rem),
        linear-gradient(160deg, #0A2247 0%, #051633 100%);
}

.fiber-lines {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.55;
    background-image:
        linear-gradient(115deg, transparent 0%, rgba(249, 115, 22, 0.30) 48%, transparent 52%),
        linear-gradient(100deg, transparent 12%, rgba(30, 136, 229, 0.22) 50%, transparent 58%);
}

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

.band-dark {
    background:
        radial-gradient(circle at 80% 20%, rgba(249, 115, 22, 0.22), transparent 26rem),
        linear-gradient(150deg, #0A2247 0%, #051633 100%);
    color: #fff;
}