.ex-mesh-gradient{--g-hw:600;--g-ht:-.04em;--g-r:18px;--g-btn-r:99px;--g-bw:1px;--g-card:var(--gp);--g-sh:0 10px 30px -18px color-mix(in srgb,var(--gk) 40%,transparent);--m3:color-mix(in srgb,var(--ga) 50%,#ffd36b);--m4:color-mix(in srgb,var(--gb) 50%,#7ee0ff);--mesh:radial-gradient(at 18% 22%,var(--ga) 0,transparent 55%),radial-gradient(at 82% 18%,var(--gb) 0,transparent 50%),radial-gradient(at 70% 85%,var(--m3) 0,transparent 55%),radial-gradient(at 12% 90%,var(--m4) 0,transparent 50%)}.vl-mark{display:inline-block;width:22px;height:22px;margin-right:8px;vertical-align:-4px;border-radius:7px;background:var(--mesh),var(--gp)}.vl-hero{position:relative;padding:90px 0 120px;overflow:hidden;isolation:isolate}.vl-mesh{z-index:-1;background:var(--mesh);opacity:.55;filter:saturate(1.1)}.vl-mesh,.vl-mesh:after{position:absolute;inset:0}.vl-mesh:after{content:"";background:linear-gradient(180deg,transparent 60%,var(--gp))}.vl-mesh i{position:absolute;display:block;border-radius:50%;filter:blur(60px);opacity:.6}.vl-mesh i:first-child{left:20%;top:10%;width:30vw;height:30vw;background:var(--ga)}.vl-mesh i:nth-child(2){right:10%;top:30%;width:26vw;height:26vw;background:var(--gb)}.vl-mesh i:nth-child(3){left:50%;bottom:0;width:24vw;height:20vw;background:var(--m3)}.vl-mesh i:nth-child(4){left:0;bottom:10%;width:20vw;height:20vw;background:var(--m4)}@media (prefers-reduced-motion:no-preference){.vl-mesh i{animation:vl-move 16s ease-in-out infinite alternate}.vl-mesh i:nth-child(2){animation-duration:20s;animation-direction:alternate-reverse}.vl-mesh i:nth-child(3){animation-duration:13s}}@keyframes vl-move{to{translate:10vw -6vw;scale:1.2}}.vl-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}.vl-hero h1{font-size:clamp(50px,7vw,104px)}.vl-hero h1 em{display:block;font-style:normal}.vl-card{position:relative;aspect-ratio:1}.vl-cc{position:absolute;left:4%;top:12%;width:78%;aspect-ratio:1.6;display:grid;align-content:space-between;padding:26px;border-radius:22px;color:#fff;background:var(--mesh),#1b1530;box-shadow:0 30px 60px -30px rgb(0 0 0/.6);rotate:-8deg}.vl-cc b{font-size:22px;font-weight:700}.vl-cc span{font:500 20px var(--font-mono);letter-spacing:.1em}.vl-cc small{opacity:.85}.vl-cc i{right:26px;top:26px;width:44px;height:32px;border-radius:6px;background:linear-gradient(135deg,#f6e2a1,#c9a24a)}.vl-cc i,.vl-pay{position:absolute}.vl-pay{right:0;bottom:8%;width:62%;display:grid;gap:4px;padding:22px;border-radius:18px;background:var(--gp);color:var(--gk);box-shadow:var(--g-sh)}.vl-pay span{color:var(--gk2);font-size:13px}.vl-pay b{font-size:30px;letter-spacing:-.02em}.vl-pay small{color:var(--gk2)}.vl-pay i{position:absolute;right:20px;top:20px;width:28px;height:28px;border-radius:50%;background:#1f9d55}.vl-pay i:after{content:"";position:absolute;left:10px;top:6px;width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;rotate:45deg}@media (prefers-reduced-motion:no-preference){.vl-cc{animation:vl-tilt 7s ease-in-out infinite alternate}}@keyframes vl-tilt{to{rotate:-4deg;translate:0 -8px}}.g-pic-vl-1,.g-pic-vl-2,.g-pic-vl-3{background:var(--mesh),var(--gp)}.g-pic-vl-1 i:first-child{left:26%;top:18%;width:48%;height:66%;border-radius:14px;background:var(--gp);box-shadow:var(--g-sh)}.g-pic-vl-1 i:nth-child(2){left:32%;top:62%;width:36%;height:12%;border-radius:99px;background:var(--gk)}.g-pic-vl-1 i:nth-child(3){left:32%;top:28%;width:36%;height:5%;border-radius:9px;background:var(--grl);box-shadow:0 16px 0 var(--grl),0 32px 0 var(--grl)}.g-pic-vl-2 i:first-child{left:20%;top:26%;width:60%;height:48%;border-radius:50%;border:10px solid var(--gp)}.g-pic-vl-2 i:nth-child(2){left:70%;top:40%;width:14%;aspect-ratio:1;border-radius:50%;background:var(--gk)}.g-pic-vl-3 i{bottom:18%;width:12%;border-radius:8px 8px 0 0;background:var(--gp)}.g-pic-vl-3 i:first-child{left:22%;height:30%}.g-pic-vl-3 i:nth-child(2){left:38%;height:46%}.g-pic-vl-3 i:nth-child(3){left:54%;height:38%}.g-pic-vl-3 i:nth-child(4){left:70%;height:60%;background:var(--gk)}.vl-code-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.vl-code h2{font-size:clamp(34px,4.4vw,60px);margin-bottom:30px!important}.vl-code .g-steps{grid-template-columns:minmax(0,1fr)}.vl-pre{margin:0;padding:28px;border-radius:20px;background:var(--gp2);color:var(--gk);font:500 15px/1.7 var(--font-mono);overflow-x:auto;white-space:pre;box-shadow:inset 0 0 0 1px var(--grl)}.vl-pre code{display:block}.vl-pre .c{color:var(--gk2)}.vl-pre .k{color:var(--gat);font-weight:700}.vl-pre .n,.vl-pre .s{color:var(--gbt)}.vl-pre .n{font-weight:700}.vl-cta{background:linear-gradient(rgb(22 17 42/.62),rgb(22 17 42/.62)),var(--mesh),#16112a;color:#fff}.vl-cta h2 em{color:#fff;text-decoration:none;opacity:.92}.vl-cta .g-btn{background:#fff;color:#16112a!important}@media (max-width:1000px){.vl-code-in,.vl-hero-in{grid-template-columns:minmax(0,1fr)}.vl-card{max-width:480px}}.vl-hero .g-kick{display:inline-block;padding:5px 12px;border-radius:99px;background:color-mix(in srgb,var(--gp) 88%,transparent);color:var(--gk)}.vl-hero .g-sub{color:var(--gk);font-weight:500}