.hero::before,
.section--cta::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hero::before {
    background:
        radial-gradient(circle at 15% 15%, rgba(25, 183, 198, 0.15), transparent 24%),
        radial-gradient(circle at 85% 20%, rgba(11, 60, 93, 0.08), transparent 28%);
}

.section--cta::before {
    background: radial-gradient(circle at center, rgba(25, 183, 198, 0.08), transparent 40%);
}

.benefit-card p,
.feature-card p,
.info-card p,
.shot-card p,
.pricing-card p,
.demo-panel p,
.faq-item p {
    color: var(--color-muted);
}

.benefit-card:hover,
.feature-card:hover,
.info-card:hover,
.shot-card:hover,
.pricing-card:hover,
.demo-panel:hover,
.faq-item:hover,
.video-card:hover,
.hero-dashboard:hover {
    transform: translateY(-4px);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
    box-shadow: 0 22px 48px rgba(11, 60, 93, 0.11);
}

.benefit-card,
.feature-card,
.info-card,
.shot-card,
.pricing-card,
.demo-panel,
.faq-item,
.video-card,
.hero-dashboard {
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.site-footer__links a:hover,
.site-footer__links a:focus-visible,
.button--ghost:hover,
.button--secondary:hover {
    color: var(--color-primary-dark);
}

.story-card,
.space-card,
.offer-card,
.premium-section,
.conversion-compare,
.journey-step,
.notification-item,
.document-pill,
.hero-floating-card {
    transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}

.story-card:hover,
.space-card:hover,
.offer-card:hover,
.premium-section:hover,
.journey-step:hover,
.notification-item:hover,
.hero-floating-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 48px rgba(11, 60, 93, 0.11);
}

.hero--upgraded .hero-dashboard {
    box-shadow: 0 32px 80px rgba(11, 60, 93, 0.16);
}

.benefit-card,
.inclusions-panel__item,
.founders-spotlight {
    transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}

.inclusions-panel__item:hover,
.founders-spotlight:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 48px rgba(11, 60, 93, 0.11);
}