/* Shared marketing / landing page section surfaces */

.section-wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .section-wrap {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* White card sections — thin orange frame (lighter than original ring-2) */
.section-surface,
.content-card {
    background: #ffffff;
    border-radius: 1.5rem;
    border: 2px solid rgba(255, 237, 213, 0.95);
    box-shadow: 0 16px 45px rgba(17, 24, 39, 0.06);
}

/* Hero / translucent sections */
.section-surface-glass {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 2rem;
    border: 2px solid rgba(255, 237, 213, 0.9);
    box-shadow: 0 24px 70px rgba(234, 88, 12, 0.12);
    backdrop-filter: blur(18px);
}

/* Scroll reveal animation */
.reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-delay-2 { transition-delay: 0.16s; }
.reveal-delay-3 { transition-delay: 0.24s; }