/* Explain: Layout utilities and section backgrounds for the wealth site */
.section-pad {
    padding-top: clamp(5rem, 10vw, 8rem);
    padding-bottom: clamp(5rem, 10vw, 8rem);
}

.hero-stage {
    background:
        radial-gradient(circle at 18% 14%, rgba(216, 193, 132, 0.18), transparent 32rem),
        linear-gradient(135deg, #043927 0%, #063222 48%, #483c32 100%);
}

.hero-dashboard {
    position: relative;
    z-index: 1;
    align-items: stretch;
    max-width: 44rem;
    width: 100%;
    margin-inline: auto;
}

.hero-orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(8px);
    opacity: 0.55;
    pointer-events: none;
}

.hero-orb--one {
    width: 16rem;
    height: 16rem;
    right: 8%;
    top: 17%;
    background: rgba(229, 228, 226, 0.12);
}

.hero-orb--two {
    width: 13rem;
    height: 13rem;
    right: 30%;
    bottom: 10%;
    background: rgba(216, 193, 132, 0.14);
}

.strategy-field {
    background:
        radial-gradient(circle at 80% 10%, rgba(216, 193, 132, 0.15), transparent 30rem),
        linear-gradient(180deg, #043927 0%, #03281c 100%);
}

.contact-field {
    background:
        radial-gradient(circle at 16% 18%, rgba(216, 193, 132, 0.13), transparent 26rem),
        radial-gradient(circle at 92% 74%, rgba(229, 228, 226, 0.12), transparent 30rem),
        var(--emerald-deep);
}

@media (max-width: 640px) {
    .hero-stage {
        padding-top: 7.5rem;
    }

    .hero-dashboard {
        max-width: 100%;
    }
}