.ii-hero.v-section{padding-block:clamp(2rem,6vh,4rem) clamp(3rem,8vh,5rem)}.ii-grid{align-items:center;gap:clamp(1.75rem,4vh,2.5rem);display:grid}.ii-art{order:-1;margin:0;padding-block:4px clamp(12px,3vh,20px)}@media (min-width:900px){.ii-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,4rem)}.ii-art{order:0;align-self:start;padding-block:0;position:sticky;top:96px}}.ii-kicker{color:var(--v-blue);margin:0 0 10px;font-size:15px;font-weight:600}.ii-copy .v-lead{max-width:42ch;margin:14px 0 0}.ii-stage{--ds-h:calc(clamp(260px, 78vw, 320px) * 2.075);width:100%}@media (min-width:900px){.ii-stage{--ds-h:calc(clamp(280px, 26vw, 340px) * 2.075)}}.ii-steps{margin-top:24px}.ii-step{transition:background-color .32s var(--v-ease)}.ii-step .v-step-check{font-variant-numeric:tabular-nums;transition:transform .32s var(--v-ease);font-size:15px;font-weight:700}.ii-step p{max-width:46ch}.ii-step[data-active=true]{background:var(--v-blue-soft)}.ii-step[data-active=true] .v-step-check{transform:scale(1.12)}.ii-copy .v-actions{margin-top:24px}.ii-stage .ds-phone>*{animation:ii-float 7s var(--v-ease) infinite}@keyframes ii-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.ii-stage .ds-phone>*{animation:none}}
