.lover .lo-dx{padding:var(--sec-lg) 0;overflow:clip}
.lover .lo-dx > .wrap{width:calc(var(--lw) + 44px);max-width:none} 
.lo-dx-a{background:#fff}
.lover .lo-dx-d{background:#000;--ink:#f5f5f7;--ink2:#a1a1a6;color:var(--ink)}
.lo-dxh{max-width:760px;margin:0 auto;text-align:center}
.lo-dxt{font:600 64px/68px var(--font-sans);letter-spacing:-.015em}
.lo-dxl{max-width:620px;margin:var(--s-16) auto 0;font:var(--text-lead);letter-spacing:var(--track-lead);color:var(--ink2);text-wrap:balance}
.lo-dxh .lo-act{justify-content:center;margin-top:var(--s-32)}
.lo-vz{position:relative;margin-top:var(--s-80)}
.vz-ic{display:block;border-radius:22.5%;box-shadow:0 12px 30px color-mix(in srgb,var(--c) 28%,transparent)}
.vz-ic img{display:block;width:100%;height:100%;border-radius:inherit}

.vz-wave{display:flex;flex-direction:column;align-items:center;gap:22px}
.vz-wave > div{display:flex;gap:22px}
.vz-wave .vz-ic{width:112px;height:112px}
.vz-wave .vz-ic{opacity:0;transform:translate(var(--x,0),var(--y,0)) scale(.3);transition:transform 1.05s cubic-bezier(.3,1.4,.5,1) var(--d,0s),opacity .45s ease-out var(--d,0s)}
.vz-wave.in .vz-ic{opacity:1;transform:none}
.vz-wave .vz-ic.w{animation:vz-up .9s cubic-bezier(.3,.9,.3,1) var(--dl) both}
@keyframes vz-up{40%{transform:translateY(-14px) scale(1.06)}100%{transform:none}}

.vz-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap-card);margin:0;padding:0;list-style:none}
.vz-steps::before,.vz-steps::after{content:"";position:absolute;left:24px;right:24px;top:27px;height:2px;background:#2c2c2e}
.vz-steps::before{transform-origin:0 50%;transform:scaleX(0);transition:transform 1.3s cubic-bezier(.45,0,.2,1)}
.vz-steps.in::before{transform:none}
.vz-steps li{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out var(--d,0s),transform .8s cubic-bezier(.2,.9,.3,1) var(--d,0s)}
.vz-steps.in li{opacity:1;transform:none}
.vz-steps::after{background:var(--neu);transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .9s cubic-bezier(.3,.9,.3,1)}
.vz-steps li{position:relative;z-index:1}
.vz-steps i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#000;box-shadow:inset 0 0 0 2px #3a3a3c;font:600 21px/1 var(--font-sans);font-style:normal;transform:scale(.4);transition:background-color .4s,box-shadow .4s,color .4s,transform .7s cubic-bezier(.3,1.6,.5,1) var(--d,0s)}
.vz-steps.in i{transform:none}
.vz-steps li.on i{background:var(--neu);box-shadow:none;color:#fff}
.vz-steps h3{margin-top:var(--s-24);font:600 24px/28px var(--font-sans);letter-spacing:-.01em;transition:color .4s}
.vz-steps p{margin-top:var(--s-8);font:var(--text-body);color:var(--ink2);text-wrap:pretty}
.vz-steps li:not(.on) h3{color:#8e8e93}
.vz-arr{position:absolute;right:21px;top:20px;width:10px;height:16px;fill:none;stroke:#3a3a3c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;translate:-8px 0;
  transition:opacity .5s var(--ease) 1.1s,translate .6s cubic-bezier(.2,.8,.2,1) 1.1s,stroke .4s var(--ease)}
.vz-steps.in .vz-arr{opacity:1;translate:0 0}
.vz-steps.end .vz-arr{stroke:var(--neu);transition:stroke .3s var(--ease) .6s;animation:vz-arr .6s cubic-bezier(.3,1.6,.5,1) .6s}
@keyframes vz-arr{40%{translate:5px 0}100%{translate:0 0}}

@media (max-width:1068px){
  .lo-dxt{font-size:48px;line-height:52px}
  .vz-wave .vz-ic{width:84px;height:84px}.vz-wave,.vz-wave > div{gap:16px}
  .vz-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--s-48)}.vz-steps::before,.vz-steps::after,.vz-arr{display:none}
}
@media (max-width:734px){
  .lo-dxt{font-size:40px;line-height:44px}
  .lo-vz{margin-top:var(--s-48)}
  .vz-wave .vz-ic{width:44px;height:44px}.vz-wave,.vz-wave > div{gap:10px}
  .vz-steps{grid-template-columns:1fr;row-gap:var(--s-32)}
}
@media (prefers-reduced-motion:reduce){.lo-vz *{animation:none!important;transition:none!important}}
