/* ===== v2.1: extra visuals + service-page sections ===== */
.vz [class^="a-"],.vz [class*=" a-"]{transform-box:fill-box;transform-origin:center}
.a-spin{transform-box:view-box;transform-origin:150px 150px;animation:spin 24s linear infinite}
.a-orbit{transform-box:view-box;transform-origin:150px 150px;animation:spin 9s linear infinite;animation-delay:calc(var(--i)*-3s)}
.a-float{animation:a-float 5s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.6s)}
@keyframes a-float{50%{transform:translateY(-10px)}}
.a-pop{animation:a-pop 4.4s var(--ease) infinite;animation-delay:calc(var(--i)*.3s)}
@keyframes a-pop{0%{opacity:0;transform:scale(.4)}14%,82%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}
.a-drop{animation:a-drop 4.4s var(--ease) infinite;animation-delay:calc(var(--i)*.35s)}
@keyframes a-drop{0%{opacity:0;transform:translateY(-34px)}16%,82%{opacity:1;transform:none}100%{opacity:0}}
.a-ring{transform-origin:center;animation:vzpulse 3.6s ease-out infinite;animation-delay:calc(var(--i,0)*-.9s)}
.a-flow{stroke-dasharray:6 8;animation:a-flow 2.4s linear infinite}
@keyframes a-flow{to{stroke-dashoffset:-56}}
.a-write{transform-origin:left center;animation:a-write 6s ease infinite;animation-delay:calc(var(--i)*.35s)}
@keyframes a-write{0%{transform:scaleX(0)}30%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.a-pen{animation:a-pen 3s ease-in-out infinite}
@keyframes a-pen{50%{transform:translate(-20px,8px) rotate(-6deg)}}
.a-rise{animation:a-rise 4.8s ease-in-out infinite}
@keyframes a-rise{50%{transform:translateY(-8px)}}
.a-down{animation:a-down 2.2s ease-in-out infinite}
@keyframes a-down{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(12px);opacity:1}}
.a-cart{animation:a-cart 3.2s ease-in-out infinite}
@keyframes a-cart{50%{transform:translateX(8px)}}
.a-prog{transform-origin:left center;animation:a-prog 6s linear infinite}
@keyframes a-prog{from{transform:scaleX(.02)}to{transform:scaleX(1)}}
.a-shine{animation:a-shine 4.5s ease-in-out infinite}
@keyframes a-shine{0%{transform:translateX(0)}60%,100%{transform:translateX(420px)}}
.a-fly{animation:a-fly 4s ease-in-out infinite;animation-delay:calc(var(--i)*.5s)}
@keyframes a-fly{0%{opacity:0;transform:translateY(-14px) scale(.7)}25%,55%{opacity:1;transform:translateY(40px) scale(1)}80%,100%{opacity:0;transform:translateY(90px) scale(.5)}}
.a-dots circle{animation:a-bounce 1.2s ease-in-out infinite}
.a-dots circle:nth-child(2){animation-delay:.15s}.a-dots circle:nth-child(3){animation-delay:.3s}
@keyframes a-bounce{50%{transform:translateY(-7px);opacity:.5}}
.a-lvl{animation:a-lvl 4.4s var(--ease) infinite;animation-delay:calc(var(--i)*.3s)}
@keyframes a-lvl{0%{opacity:0;transform:scaleY(.2)}20%,85%{opacity:1;transform:none}100%{opacity:0}}
.a-fall{animation:a-fall 3.2s ease-in infinite;animation-delay:calc(var(--i)*.7s)}
@keyframes a-fall{0%{opacity:0;transform:translateY(0)}15%{opacity:1}100%{opacity:0;transform:translateY(190px) scale(.5)}}
.a-btnpulse{animation:a-btn 2.4s ease-in-out infinite}
@keyframes a-btn{50%{transform:scale(1.06);filter:drop-shadow(0 0 10px rgba(242,185,75,.7))}}
.a-wire{animation:a-wire 5.2s ease infinite;animation-delay:calc(var(--i)*.4s)}
@keyframes a-wire{0%{opacity:0;transform:translateY(10px)}18%,85%{opacity:1;transform:none}100%{opacity:0}}
.a-cursor{animation:a-cursor 5.2s ease-in-out infinite}
@keyframes a-cursor{0%{transform:translate(60px,90px)}30%{transform:translate(180px,120px)}60%{transform:translate(90px,200px)}100%{transform:translate(60px,90px)}}
.a-check{stroke-dasharray:200;stroke-dashoffset:200;animation:a-check 4s ease infinite}
@keyframes a-check{0%{stroke-dashoffset:200}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:200}}
.a-scan{animation:a-scan 3.4s ease-in-out infinite}
@keyframes a-scan{0%,100%{transform:translateY(0);opacity:0}20%,80%{opacity:1}50%{transform:translateY(120px)}}

/* new service sections */
.why{max-width:860px;margin:0 auto;text-align:center}
.why p{font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.45;letter-spacing:-.02em;color:var(--fg)}
.why p b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.deliv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.dv{display:flex;gap:14px;align-items:flex-start;padding:22px 24px;border-radius:22px;background:var(--card);border:1px solid var(--cardline);transition:transform .45s var(--ease),border-color .3s}
.dv:hover{transform:translateY(-5px);border-color:rgba(242,185,75,.5)}
.dv i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--grad);display:grid;place-items:center;margin-top:1px}
.dv i svg{width:14px;height:14px;stroke:#1a1200;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dv span{font-weight:500;line-height:1.45}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.fitc{padding:34px;border-radius:30px;border:1px solid var(--cardline);background:var(--card)}
.fitc h3{font-size:1.2rem;margin-bottom:16px;display:flex;gap:10px;align-items:center}
.fitc.yes{border-color:rgba(242,185,75,.4)}
.fitc ul{list-style:none;display:grid;gap:12px}
.fitc li{position:relative;padding-left:26px;color:var(--mut);line-height:1.5}
.fitc li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:800}
.fitc.no li:before{content:"–";color:var(--mut)}
.stp{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media(max-width:1000px){.deliv{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.deliv,.fit{grid-template-columns:1fr}.fitc{padding:26px}}
@media(prefers-reduced-motion:reduce){.vz [class*="a-"]{animation:none!important;opacity:1!important;transform:none!important}.a-check,.a-write{stroke-dashoffset:0!important;transform:none!important}}