.deco-pin {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #22c55e;
    opacity: .25;
    animation: pinPulse 3s ease-in-out infinite;
    z-index: 0;
}

    .deco-pin::after {
        content: '';
        position: absolute;
        inset: -6px;
        border-radius: 50%;
        border: 1.5px solid #22c55e;
        opacity: .4;
        animation: pinRing 3s ease-in-out infinite;
    }

@keyframes pinPulse {
    0%, 100% {
        transform: scale(1);
        opacity: .25;
    }

    50% {
        transform: scale(1.4);
        opacity: .5;
    }
}

@keyframes pinRing {
    0%, 100% {
        transform: scale(1);
        opacity: .4;
    }

    50% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.underline-path {
    animation: drawLine 1.2s ease forwards;
    animation-delay: .8s;
}

@keyframes drawLine {
    to {
        stroke-dashoffset: 0;
    }
}

.hero-card {
    opacity: 0;
    transform: translateY(24px);
}

.step-card {
    opacity: 0;
    transform: translateY(20px);
}

.stat-item {
    opacity: 0;
    transform: translateY(16px);
}