/* Content is visible without JavaScript. Only offscreen items are prepared for reveal. */
.motion-item{transition:opacity .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms),translate .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}
.motion-item.motion-pending{opacity:0;translate:0 24px}
.motion-item:focus-within{opacity:1;translate:none}
.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--sky);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero-eyebrow{animation:hero-arrive .6s both}.hero h1{animation:hero-arrive .75s .07s both}.hero-sub{animation:hero-arrive .75s .14s both}.hero-actions{animation:hero-arrive .75s .21s both}.trust-strip{animation:hero-arrive .75s .28s both}
@keyframes hero-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.hero-ring circle{transform-box:view-box;transform-origin:320px 320px}
@media(hover:hover) and (pointer:fine){.card{transition:border-color .2s,box-shadow .2s,translate .25s}.card:hover{translate:0 -4px;box-shadow:0 14px 34px rgba(6,27,41,.06)}#why .card:hover{translate:none;box-shadow:none}.btn-primary:hover{box-shadow:0 8px 25px rgba(8,172,228,.25)}.step .num{transition:rotate .4s}.step:hover .num{rotate:15deg}}
@media(max-width:640px){.motion-item.motion-pending{translate:0 16px}.motion-item{--reveal-delay:0ms!important}}
@media(prefers-reduced-motion:reduce){.motion-item,.motion-item.motion-pending{opacity:1!important;translate:none!important;transition:none!important}.hero-eyebrow,.hero h1,.hero-sub,.hero-actions,.trust-strip{animation:none!important}.hero-ring circle{transform:none!important}.reading-progress{display:none}.card:hover{translate:none}}
@media print{.motion-item.motion-pending{opacity:1!important;translate:none!important}.reading-progress{display:none}}