@keyframes float{
    0%,100%{transform:translate(0,0) scale(1)}
    33%{transform:translate(30px,-20px) scale(1.05)}
    66%{transform:translate(-20px,30px) scale(.96)}
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(18,70,230,.2)}50%{box-shadow:0 0 0 6px rgba(18,70,230,.08)}}
@keyframes scrollDown{0%{transform:translateY(-100%)}50%{transform:translateY(150%)}51%{transform:translateY(-100%)}100%{transform:translateY(150%)}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ripple{to{transform:scale(4);opacity:0}}
@keyframes pulse-green{
    0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.2)}
    50%{box-shadow:0 0 0 7px rgba(34,197,94,.06)}
}

.spinner{width:22px;height:22px;animation:spin .8s linear infinite}

[data-reveal]{
    opacity:0;
    transform:translateY(20px);
    transition:opacity .65s var(--ease),transform .65s var(--ease);
    transition-delay:var(--d,0s);
}
[data-reveal].revealed{opacity:1;transform:none}
[data-delay="0.05"]{--d:.05s}
[data-delay="0.1"]{--d:.1s}
[data-delay="0.15"]{--d:.15s}
[data-delay="0.2"]{--d:.2s}
[data-delay="0.25"]{--d:.25s}
[data-delay="0.35"]{--d:.35s}
[data-delay="0.4"]{--d:.4s}
[data-delay="0.45"]{--d:.45s}

.sv-item[data-delay="0s"]{--d:0s}
.sv-item[data-delay="0.05s"]{--d:.05s}
.sv-item[data-delay="0.1s"]{--d:.1s}
.sv-item[data-delay="0.15s"]{--d:.15s}
.sv-item[data-delay="0.2s"]{--d:.2s}
.blog-card[data-delay="0s"]{--d:0s}
.blog-card[data-delay="0.1s"]{--d:.1s}
.blog-card[data-delay="0.2s"]{--d:.2s}
.testi-card[data-delay="0s"]{--d:0s}
.testi-card[data-delay="0.1s"]{--d:.1s}
.testi-card[data-delay="0.2s"]{--d:.2s}
.proc-step[data-delay="0s"]{--d:0s}
.proc-step[data-delay="0.1s"]{--d:.1s}
.proc-step[data-delay="0.2s"]{--d:.2s}