.lp-hero-bg {
    background: linear-gradient(135deg, #1e3a8a 0%, #3730a3 40%, #5b21b6 100%);
    position: relative;
}
.lp-hero-bg > .hero-content { position: relative; z-index: 1; }
.lp-step-line::after {
    content: '';
    display: block;
    width: 2px;
    height: 2rem;
    background: #e2e8f0;
    margin: 0.5rem auto 0;
}
.lp-step-line:last-child::after { display: none; }
.lp-feature-card:hover { transform: translateY(-2px); }
.lp-feature-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }

/* Hero preview: subtle scale-up entrance */
@keyframes fadeScaleIn {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1); }
}
.hero-preview-wrap {
    animation: fadeScaleIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
    will-change: transform;
}
.hero-preview-wrap img { display: block; }

/* Staggered text entrance */
@keyframes fadeSlideUp {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
}
.hero-line {
    opacity: 0;
    animation: fadeSlideUp 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
}
span.hero-line { display: block; }

/* Scroll reveal */
.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }