.sv{margin:70px auto 30px;max-width:1080px}
.sv-head{text-align:center;margin-bottom:44px}
.sv-head h2,.sv-head h1{font-size:clamp(1.8rem,4.4vw,2.7rem);font-weight:900;line-height:1.5;color:#fff}
.sv-head p{color:#8b9098;margin-top:6px}
.sv-top{margin:10px auto 36px}
.sv-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:center;margin-bottom:clamp(48px,8vw,90px);opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.sv-row.in,.sv-steps.in{opacity:1;transform:none}
.sv-img{display:grid;place-items:center}
.sv-img img{width:100%;height:auto;max-height:440px;object-fit:contain;will-change:transform;animation:svFloat 5.2s ease-in-out infinite}
.sv-img img.fade{-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 55%,transparent 100%)}
.sv-body{text-align:right}
.sv-h{font-size:clamp(1.35rem,2.9vw,1.85rem);font-weight:800;line-height:1.7;color:#fff;margin-bottom:12px}
.sv-body p{color:#c9c5e3;line-height:2.1;margin-bottom:10px}
.sv-body ul{list-style:none;padding:0;margin:14px 0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.sv-body li{position:relative;padding-right:30px;color:#d6d1ef;font-size:.95rem}
.sv-body li:before{content:"";position:absolute;right:0;top:.62em;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--ac) 18%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;border:1px solid color-mix(in srgb,var(--ac) 55%,transparent)}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:10px;border:1px solid rgba(167,139,250,.55);background:#7c5cff33;color:#fff;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}
.sv-btn:hover{background:#7c5cff61;transform:translateY(-2px)}
.sv-steps{max-width:820px;margin:20px auto 40px;opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.sv-steps ol{list-style:none;padding:0;display:grid;gap:14px;counter-reset:s}
.sv-steps li{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:18px;background:rgba(10,10,18,.55);border:1px solid rgba(255,255,255,.1)}
.sv-steps li b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#22b8f0);color:#fff;font-weight:800}
.sv-steps h4{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.7}
.sv-steps p{color:#b9b5d3;font-size:.94rem;line-height:1.9}
.sv-cta{text-align:center;margin-top:26px}
.hl{display:inline-block}
.hl0{color:#ffd000;text-shadow:0 0 18px rgba(255,208,0,.55)}
.hl1{color:#38bdf8;text-shadow:0 0 18px rgba(56,189,248,.55)}
.hl2{color:#4ade80;text-shadow:0 0 18px rgba(74,222,128,.5)}
@media (max-width:760px){
 .sv{margin-top:48px}
 .sv-row{grid-template-columns:1fr;gap:16px}
 .sv-body ul{grid-template-columns:1fr}
 .sv-img img{width:100%;height:auto;max-height:440px;object-fit:contain;will-change:transform;animation:svFloat 5.2s ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){.sv-row,.sv-steps{opacity:1;transform:none}}
.sv-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:5px 14px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,transparent);border:1px solid color-mix(in srgb,var(--ac) 40%,transparent)}
.sv-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ac);box-shadow:0 0 10px var(--ac)}
.sv-row:nth-of-type(2) .sv-img img{animation-delay:-1.7s;animation-duration:5.8s}
.sv-row:nth-of-type(3) .sv-img img{animation-delay:-3.2s;animation-duration:4.8s}
@keyframes svFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-16px,0)}}
@media (prefers-reduced-motion:reduce){.sv-img img{animation:none}}
