/* GhostFi · Vapour design system. Breakpoints: 1000, 900, 760, 560 (max-width). Fonts: Sora, Inter, JetBrains Mono (self hosted, OFL). */
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/sora-400.woff2) format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/sora-600.woff2) format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/sora-700.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/jetbrains-mono-400.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-500.woff2) format('woff2')}
.v{--bg:#0B0C14;--pn:rgba(255,255,255,.045);--p2:rgba(255,255,255,.07);--p3:rgba(255,255,255,.1);--ln:rgba(255,255,255,.11);--ln2:rgba(255,255,255,.18);--fg:#F3F4FF;--tx:#BDC2E6;--mu:#7E84AD;--lav:#B9A7FF;--lav2:#8E77FF;--mint:#7AF0E0;--red:#FF6B8B;--yel:#FFD37A;--onac:#0B0C14;
  --fd:'Sora',sans-serif;--fb:'Inter',sans-serif;--fm:'JetBrains Mono',ui-monospace,monospace;--r:22px;--rs:14px;--pill:999px;--ring:0 0 0 3px rgba(122,240,224,.35)}
.v{position:relative;box-sizing:border-box;overflow:hidden;overflow:clip;min-height:100%;background:var(--bg);color:var(--tx);font:400 15px/1.55 var(--fb);-webkit-font-smoothing:antialiased} .v *{box-sizing:border-box;min-width:0}
.v a{color:inherit;text-decoration:none} .v h1,.v h2,.v h3,.v p,.v ul,.v ol,.v figure{margin:0} .v ul,.v ol{list-style:none;padding:0} .v input,.v button,.v select{font:inherit;color:inherit} .v button{background:none;border:0;padding:0;cursor:pointer}
.v h1,.v h2,.v h3{font-family:var(--fd);color:var(--fg);font-weight:700} .v h1{font-size:clamp(40px,5.2vw,66px);line-height:1.02;letter-spacing:-.035em} .v h2{font-size:clamp(26px,2.8vw,34px);line-height:1.12;letter-spacing:-.025em} .v h3{font-size:17px;letter-spacing:-.01em}
.v h1 em{font-style:normal;background:linear-gradient(90deg,var(--lav),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}
.v .lbl,.v code,.v .mono,.v .quote,.v .chip,.v .rate,.v .tx em,.v .no,.v .st li em,.v .kick{font-family:var(--fm)} .v .lbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)} .v .note{font-size:12.5px;color:var(--mu);line-height:1.5} .v .mu{color:var(--mu)}
.v .kick{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.v .wrap{max-width:1180px;margin:0 auto;padding:0 28px;display:grid;gap:64px} .v .page{padding-top:28px}
.v .blob{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px);z-index:0;animation:vdrift 22s ease-in-out infinite alternate} .v .blob.a{width:620px;height:480px;left:-160px;top:-120px;background:rgba(185,167,255,.24)} .v .blob.b{width:560px;height:440px;right:-160px;top:120px;background:rgba(122,240,224,.14);animation-delay:-8s} .v .blob.c{width:460px;height:460px;left:38%;top:700px;background:rgba(185,167,255,.1);animation-delay:-14s}
@keyframes vdrift{to{transform:translate(36px,28px)}}
.v .hdr,.v .hero,.v .wrap,.v .foot{position:relative;z-index:1}
/* brand */
.v .brand{display:inline-flex;align-items:center;color:var(--fg);line-height:0} .v .brand .lkm{display:block;overflow:visible}
/* header */
.v .hdr{position:sticky;top:0;display:flex;align-items:center;gap:28px;padding:14px 28px;max-width:1236px;margin:0 auto;z-index:5} .v .hdr::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:rgba(11,12,20,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--ln);z-index:-1}
.v .hdr nav{display:flex;gap:2px} .v .hdr nav a{padding:8px 13px;border-radius:var(--pill);font-weight:500;font-size:14px;color:var(--tx);transition:background .15s,color .15s} .v .hdr nav a:hover{color:var(--fg);background:var(--p2)} .v .hdr nav a.on{color:var(--fg);background:var(--p2);box-shadow:inset 0 0 0 1px var(--ln)}
.v .hdr .hr{margin-left:auto;display:flex;align-items:center;gap:8px} .v .burger{display:none;width:40px;height:40px;place-items:center;border:1px solid var(--ln);border-radius:12px;color:var(--fg);background:var(--pn)}
/* buttons: 36 / 44 / 52 tall, pills, one highlight line on top */
.v .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--pill);font:600 14.5px/1 var(--fb);color:var(--fg);background:var(--p2);border:1px solid var(--ln2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
.v .btn:hover{background:var(--p3);border-color:rgba(255,255,255,.26);transform:translateY(-1px)} .v .btn:active{transform:translateY(0)} .v .btn:focus-visible{outline:0;box-shadow:var(--ring),inset 0 1px 0 rgba(255,255,255,.08)}
.v .btn.pri{color:var(--onac);background:linear-gradient(180deg,#CBBDFF,#B9A7FF 55%,#A796FF);border-color:#C4B7FF;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 24px rgba(185,167,255,.28)} .v .btn.pri:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 12px 30px rgba(185,167,255,.38);background:linear-gradient(180deg,#D4C8FF,#C0B0FF 55%,#AD9DFF)}
.v .btn.pri:focus-visible{box-shadow:var(--ring),inset 0 1px 0 rgba(255,255,255,.55)} .v .btn.mint{color:var(--onac);background:linear-gradient(180deg,#9FF7EB,#7AF0E0 60%,#5FE3D1);border-color:#9AF4E6;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 24px rgba(122,240,224,.22)}
.v .btn.sm{height:36px;padding:0 14px;font-size:13.5px} .v .btn.lg{height:52px;padding:0 26px;font-size:16px;width:100%} .v .btn.icn{width:44px;padding:0} .v .btn.icn.sm{width:36px} .v .btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--tx)} .v .btn.ghost:hover{background:var(--p2);color:var(--fg)}
.v .btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
/* segmented control and switch */
.v .seg{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:var(--pill);background:rgba(0,0,0,.28);border:1px solid var(--ln);isolation:isolate} .v .seg a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 14px;border-radius:var(--pill);font:600 12.5px/1 var(--fb);color:var(--mu);white-space:nowrap;transition:color .2s}
.v .seg a.on{color:var(--fg)} .v .seg a.on::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--p3);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 8px rgba(0,0,0,.3);z-index:-1} .v .seg a:focus-visible{outline:0;box-shadow:var(--ring)}
.v .sw{position:relative;display:inline-block;width:44px;height:26px;border-radius:var(--pill);background:rgba(0,0,0,.35);border:1px solid var(--ln2);flex:none;cursor:pointer;transition:background .2s,border-color .2s} .v .sw::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#9A9FC9;box-shadow:0 1px 2px rgba(0,0,0,.4);transition:left .2s,background .2s}
.v .sw.on{background:rgba(122,240,224,.22);border-color:rgba(122,240,224,.6)} .v .sw.on::after{left:21px;background:var(--mint)} .v .sw:focus-visible{outline:0;box-shadow:var(--ring)}
.v .tog{display:grid;justify-self:stretch} .v .tog label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--ln);cursor:pointer} .v .tog label:first-child{border-top:0} .v .tog label>span{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--fg)} .v .tog label>span>.ic{color:var(--mint);flex:none} .v .tog label em{font-style:normal;display:grid;gap:1px} .v .tog small{display:block;font-size:12px;color:var(--mu);font-weight:400}
/* chips, badges */
.v .chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:6px 11px;border-radius:var(--pill);background:var(--pn);color:var(--tx);border:1px solid var(--ln)} .v .cd{width:7px;height:7px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}
.v .bd{display:inline-grid;place-items:center;border-radius:50%;background:var(--c);color:#fff;font:700 11px/1 var(--fb);flex:none;box-shadow:inset 0 -2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.3)}
.v .chains{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .v .hc .chains{display:grid;gap:10px;justify-items:start} .v .chains .cl{display:flex;gap:8px;flex-wrap:wrap}
/* hero */
.v .hero{position:relative;max-width:1180px;margin:0 auto;padding:104px 28px 44px;display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:48px;align-items:center}
.v .hc{display:grid;gap:22px;justify-items:start} .v .sub{font-size:17.5px;max-width:44ch;color:var(--tx);text-wrap:pretty} .v .nw{white-space:nowrap} .v .hm{position:relative;display:grid;justify-items:stretch}
.v .peek{position:absolute;left:-46px;top:-94px;z-index:0;filter:drop-shadow(0 24px 40px rgba(185,167,255,.35));animation:vfloat 6s ease-in-out infinite alternate} @keyframes vfloat{to{transform:translateY(12px)}}
/* the converter */
.v .cv{position:relative;z-index:1;display:grid;gap:14px;padding:20px;border-radius:var(--r);background:rgba(20,21,36,.62);border:1px solid var(--ln2);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.v .cvh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.v .rate{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 10px;border-radius:var(--pill);background:rgba(122,240,224,.08);border:1px solid rgba(122,240,224,.25);color:var(--mint);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.v .rate i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--mint);flex:none} .v .rate i::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--mint);opacity:.7;animation:vping 1.8s ease-out infinite} @keyframes vping{to{transform:scale(2);opacity:0}}
.v .rate b{font-weight:500;color:#C9FFF8;text-transform:none;letter-spacing:0;font-size:11.5px;padding-left:8px;border-left:1px solid rgba(122,240,224,.3);min-width:34px;text-align:right} .v .rate[data-loading] i::after{display:none} .v .rate[data-loading]{color:var(--mu);border-color:var(--ln2);background:var(--pn)} .v .rate[data-loading] i{background:var(--mu)}
.v .row{display:grid;gap:7px} .v .fld{display:flex;align-items:center;gap:10px;padding:0 10px 0 16px;height:62px;border-radius:18px;background:rgba(0,0,0,.28);border:1px solid var(--ln);transition:border-color .15s,box-shadow .15s} .v .fld:focus-within{border-color:rgba(122,240,224,.55);box-shadow:0 0 0 3px rgba(122,240,224,.14)}
.v .fld .amt{flex:1;min-width:0;background:transparent;border:0;outline:0;font:600 26px/1 var(--fd);color:var(--fg);letter-spacing:-.02em;padding:0} .v .fld .amt::placeholder{color:#4F5478} .v .fld .amt.calc{color:var(--fg)} .v .fld .amt.calc::before{content:'≈ ';color:var(--mu)}
.v .pick{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 8px;border-radius:var(--pill);background:var(--p2);border:1px solid var(--ln2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font:600 14px/1 var(--fb);color:var(--fg);white-space:nowrap;transition:background .15s,border-color .15s} .v .pick:hover{background:var(--p3)} .v .pick:focus-visible{outline:0;box-shadow:var(--ring)}
.v .pick .net{display:inline-flex;align-items:center;gap:5px;font:500 11.5px/1 var(--fm);color:var(--mu);padding-left:8px;border-left:1px solid var(--ln2);letter-spacing:.02em} .v .pick .ic{color:var(--mu)}
.v .fld.addr{height:54px} .v .fld.addr code{flex:1;font-size:14px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .v .fld.addr .ok{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(122,240,224,.14);color:var(--mint);flex:none}
.v .fld.bad{border-color:rgba(255,107,139,.6);box-shadow:0 0 0 3px rgba(255,107,139,.14)} .v .err{display:flex;gap:7px;align-items:flex-start;color:var(--red);font-size:12.5px;line-height:1.4} .v .err .ic{flex:none;margin-top:1px}
.v .swapb{justify-self:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--ln2);background:#1A1B2A;color:var(--mint);display:grid;place-items:center;margin:-16px 0;position:relative;z-index:1;box-shadow:0 4px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .25s,background .15s} .v .swapb:hover{background:#22243A;transform:rotate(180deg)} .v .swapb:focus-visible{outline:0;box-shadow:var(--ring)}
.v .more{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mu);justify-self:start;padding:2px 0} .v .more:hover{color:var(--fg)}
.v .quote{display:grid;grid-template-columns:1.5fr 1.15fr .95fr;gap:1px;border-radius:14px;overflow:hidden;background:var(--ln);border:1px solid var(--ln)} .v .quote div{display:grid;gap:3px;padding:10px 12px;background:rgba(0,0,0,.22)} .v .quote span{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)} .v .quote b{font:500 13px/1.2 var(--fm);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v .cv>.note{text-align:center}
/* telegram card in place of the converter */
.v .tgc{display:grid;gap:16px;justify-items:center;text-align:center;padding:28px 24px} .v .tgc .qr{width:150px;height:150px} .v .tgc h3{font-size:19px} .v .tgc p{color:var(--tx);max-width:34ch}
/* sections */
.v .sec{display:grid;gap:24px} .v .sh{display:grid;gap:8px;max-width:64ch} .v .sh p{color:var(--tx);font-size:16px} .v .sh.row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:none}
/* the route: three nodes on one line, the ghost passing through */
.v .route{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:78px 0 0} .v .route::before{content:'';position:absolute;left:16.6%;right:16.6%;top:39px;height:2px;background:repeating-linear-gradient(90deg,rgba(185,167,255,.55) 0 8px,transparent 8px 16px);background-size:16px 2px;animation:vdash 1.2s linear infinite;z-index:0;opacity:.8} @keyframes vdash{to{background-position:16px 0}}
.v .route .runner{position:absolute;top:14px;left:calc(16.6% - 24px);z-index:2;animation:vrun 7s ease-in-out infinite;filter:drop-shadow(0 8px 20px rgba(185,167,255,.4))} @keyframes vrun{0%{left:calc(16.6% - 24px);opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(83.4% - 24px);opacity:0}} .v .node::before{content:'';position:absolute;left:50%;top:-45px;width:12px;height:12px;border-radius:50%;background:var(--lav);transform:translateX(-50%);box-shadow:0 0 12px rgba(185,167,255,.8),0 0 0 4px rgba(185,167,255,.15)} .v .node.mid::before{background:var(--mint);box-shadow:0 0 12px rgba(122,240,224,.8),0 0 0 4px rgba(122,240,224,.15)}
.v .node{position:relative;z-index:1;display:grid;gap:10px;align-content:start;justify-items:center;text-align:center;padding:24px 20px 22px;border-radius:var(--r);background:var(--pn);border:1px solid var(--ln);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .v .node .ni{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:rgba(0,0,0,.3);border:1px solid var(--ln2);color:var(--lav);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.v .node.mid .ni{background:linear-gradient(135deg,rgba(185,167,255,.25),rgba(122,240,224,.18));color:var(--mint);border-color:rgba(122,240,224,.4)} .v .node h3{font-size:17px} .v .node .tag{font:500 11.5px/1 var(--fm);color:var(--mint);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px} .v .node p{font-size:14px;color:var(--tx);max-width:30ch}
.v .node .no{position:absolute;left:18px;top:16px;font-size:11px;color:var(--mu);letter-spacing:.1em}
.v .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .v .step{display:grid;gap:8px;padding:0 4px;align-content:start} .v .step .no{font-size:11px;color:var(--mint);letter-spacing:.12em;text-transform:uppercase} .v .step p{font-size:14.5px;color:var(--tx)}
.v .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .v .panel{position:relative;display:grid;gap:12px;align-content:start;justify-items:start;padding:24px;border-radius:var(--r);background:var(--pn);border:1px solid var(--ln);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .v .pi{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(0,0,0,.3);border:1px solid var(--ln2);color:var(--mint)} .v .panel p{color:var(--tx)}
.v .qs{display:grid;gap:8px} .v .q{display:grid;gap:8px;padding:16px 18px;border-radius:16px;background:var(--pn);border:1px solid var(--ln)} .v .q b{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--fg);font-weight:600;font-size:15px;cursor:pointer} .v .q b .ic{color:var(--mu);flex:none;transition:transform .2s} .v .q p{color:var(--tx);font-size:14.5px}
.v details.q>summary{list-style:none} .v details.q>summary::-webkit-details-marker{display:none} .v details.q[open]>summary .ic{transform:rotate(180deg)}
.v .cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:var(--r);background:linear-gradient(90deg,rgba(185,167,255,.16),rgba(122,240,224,.07));border:1px solid rgba(185,167,255,.28);flex-wrap:wrap} .v .cta>div{display:flex;align-items:center;gap:20px} .v .cta p{color:var(--tx)}
.v .foot{max-width:1180px;margin:64px auto 0;padding:28px 28px 40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;border-top:1px solid var(--ln)} .v .fb{display:grid;gap:12px;justify-items:start;max-width:62ch} .v .fb p{font-size:13px;color:var(--mu)} .v .fl{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;font-weight:500} .v .fl a:hover{color:var(--fg)}
/* order page */
.v .ord{display:grid;gap:18px;max-width:600px;margin:0 auto;width:100%} .v .oh{display:grid;gap:10px} .v .oh .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap} .v .oh h1{font-size:36px} .v .oh p{color:var(--tx);font-size:15.5px}
.v .pillst{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:var(--pill);border:1px solid var(--ln2);background:var(--pn);font:500 12px/1 var(--fm);color:var(--fg)} .v .pillst i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)} .v .pillst.wait i{animation:vblink 1.3s steps(1) infinite} @keyframes vblink{50%{opacity:.3}} .v .pillst.bad i{background:var(--red);box-shadow:0 0 8px var(--red)} .v .pillst.ok i{background:var(--mint)}
.v .dep{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:18px;border-radius:var(--r);background:var(--pn);border:1px solid var(--ln);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .v .dep>div{display:grid;gap:10px;justify-items:start} .v .qr{width:112px;height:112px;padding:8px;background:#fff;border-radius:16px;flex:none} .v .qr svg{display:block;width:100%;height:100%}
.v code.addr{display:block;font-size:14px;line-height:1.45;color:var(--fg);word-break:break-all} .v .dep .cnt{display:inline-flex;align-items:center;gap:7px;font:500 12.5px var(--fm);color:var(--yel)}
.v .amtline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .v .amtline b{font:700 30px/1 var(--fd);color:var(--fg);letter-spacing:-.02em} .v .amtline span{font-size:13px;color:var(--mu)}
.v .st{display:grid;padding:4px 20px;border-radius:var(--r);background:var(--pn);border:1px solid var(--ln)} .v .st li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--ln)} .v .st li:first-child{border-top:0}
.v .st li i{position:relative;width:14px;height:14px;border-radius:50%;border:2px solid var(--ln2);display:block} .v .st li[data-s="run"] i{border-color:var(--mint);background:var(--mint);box-shadow:0 0 0 4px rgba(122,240,224,.2)} .v .st li[data-s="run"] i::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--mint);animation:vping 1.8s ease-out infinite} .v .st li[data-s="ok"] i{border-color:var(--mint);background:var(--mint)} .v .st li[data-s="ok"] i::before{content:'';position:absolute;left:3px;top:4px;width:5px;height:3px;border-left:2px solid var(--onac);border-bottom:2px solid var(--onac);transform:rotate(-45deg)}
.v .st li[data-s="bad"] i{border-color:var(--red);background:var(--red)} .v .st li b{display:block;color:var(--fg);font-weight:600;font-size:14.5px} .v .st li[data-s="wait"] b{color:var(--tx)} .v .st li span{font-size:12.5px;color:var(--mu)} .v .st li em{font-style:normal;font-size:11.5px;color:var(--mu);white-space:nowrap} .v .st li[data-s="run"] em{color:var(--mint)}
.v .out{display:grid;gap:6px;padding:18px;border-radius:var(--r);background:linear-gradient(135deg,rgba(185,167,255,.14),rgba(122,240,224,.08));border:1px solid rgba(122,240,224,.25)} .v .out b{font:700 30px/1.1 var(--fd);color:var(--fg);letter-spacing:-.02em} .v .out span{font-size:13.5px;color:var(--tx)}
.v .tx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;font-size:13.5px;padding:4px 2px} .v .tx span{color:var(--mu)} .v .tx em{font-style:normal;color:var(--tx);font-size:12.5px;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap} .v .tx em a{color:var(--mint);display:inline-flex;align-items:center;gap:4px}
.v .sb{display:flex;gap:10px;flex-wrap:wrap} .v .ptsline{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;color:var(--fg)} .v .ptsline>.ic{color:var(--mint);flex:none;margin-top:2px} .v .ptsline a{text-decoration:underline;text-underline-offset:3px} .v .ptsline b{color:var(--mint)}
.v .alertbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:16px;background:rgba(255,211,122,.08);border:1px solid rgba(255,211,122,.3);color:var(--fg);font-size:14px} .v .alertbox .ic{color:var(--yel);margin-top:2px} .v .alertbox.bad{background:rgba(255,107,139,.08);border-color:rgba(255,107,139,.3)} .v .alertbox.bad .ic{color:var(--red)}
/* referrals and points */
.v .ph1{display:grid;gap:10px;max-width:64ch} .v .ph1 h1{font-size:clamp(34px,4.2vw,54px)} .v .ph1 .sub{font-size:16.5px}
.v .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .v .tile{display:grid;gap:4px;align-content:start;padding:18px 20px;border-radius:18px;background:var(--pn);border:1px solid var(--ln)} .v .tile b{font:700 28px/1.1 var(--fd);color:var(--fg);letter-spacing:-.02em} .v .tile b small{font:500 13px var(--fm);color:var(--mu);margin-left:4px} .v .tile span{font-size:12.5px;color:var(--mu)} .v .tile em{font-style:normal;font-size:12px;color:var(--mint)}
.v .codebox{display:grid;gap:12px;justify-items:stretch} .v .codebox .fld{width:100%;padding-right:8px} .v .codebox .fld{height:54px} .v .codebox .fld code{flex:1;font-size:14px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v .feed{display:grid;padding:2px 20px;border-radius:var(--r);background:var(--pn);border:1px solid var(--ln)} .v .fr{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--ln)} .v .fr:first-child{border-top:0} .v .fr .av{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid var(--ln);color:var(--mint)} .v .fr b{font-weight:600;color:var(--fg);font-size:14px;display:block} .v .fr span{font-size:12.5px;color:var(--mu)} .v .fr .amt2{font:500 14px var(--fm);color:var(--mint)} .v .fr em{font-style:normal;font-size:12px;color:var(--mu);white-space:nowrap}
.v .big{display:grid;gap:6px} .v .big b{font:700 56px/1 var(--fd);color:var(--fg);letter-spacing:-.03em} .v .big span{font-size:13.5px;color:var(--tx)}
.v .tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .v .tier{display:grid;gap:6px;align-content:start;padding:16px 18px;border-radius:18px;background:var(--pn);border:1px solid var(--ln)} .v .tier.on{border-color:rgba(122,240,224,.45);background:rgba(122,240,224,.06)} .v .tier b{font:700 16px var(--fd);color:var(--fg)} .v .tier code{font-size:12.5px;color:var(--mint)} .v .tier span{font-size:12.5px;color:var(--mu)}
.v .rules{display:grid;gap:12px;align-content:start} .v .rl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:18px;background:var(--pn);border:1px solid var(--ln)} .v .rl b{display:block;color:var(--fg);font-weight:600;margin-bottom:2px} .v .rl p{font-size:14px;color:var(--tx)}
.v .signin{display:grid;gap:12px;justify-items:center;text-align:center;padding:32px 24px} .v .signin p{max-width:36ch;color:var(--tx)}
/* overlays */
.v.ovl{position:absolute;inset:0;z-index:50;min-height:0;background:transparent} .v.ovl .ov{position:absolute;inset:0;display:grid;align-items:end;overflow:auto;background:rgba(6,7,12,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.v .sheet{position:relative;display:grid;gap:14px;padding:18px 20px 26px;border-radius:24px 24px 0 0;background:#13141F;border:1px solid var(--ln2);border-bottom:0;max-height:92%;overflow:auto;box-shadow:0 -20px 60px rgba(0,0,0,.5)} .v .sheet::before{content:'';width:40px;height:4px;border-radius:2px;background:var(--ln2);margin:0 auto -4px;display:block}
.v .mh{display:flex;justify-content:space-between;align-items:center;gap:12px} .v .mh h3{font-size:18px} .v .close{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--p2);border:1px solid var(--ln);color:var(--fg)}
.v .srch{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:rgba(0,0,0,.3);border:1px solid var(--ln);color:var(--mu)} .v .srch input{flex:1;background:transparent;border:0;outline:0;color:var(--fg);font-size:15px} .v .srch input::placeholder{color:#4F5478}
.v .plist{display:grid} .v .plist a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 6px;border-radius:12px} .v .plist a:hover,.v .plist a.on{background:var(--p2)} .v .plist b{display:block;color:var(--fg);font-weight:600;font-size:14.5px} .v .plist div>span{font-size:12.5px;color:var(--mu);display:inline-flex;align-items:center;gap:6px} .v .plist .min{font:500 12px var(--fm);color:var(--mu)} .v .plist a.on .min{color:var(--mint)}
.v .psec{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);padding:12px 6px 4px}
.v.ovl.menu .ov{align-items:start;background:rgba(11,12,20,.96)} .v .mnav{display:grid} .v .mrow{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--ln);font:600 20px var(--fd);color:var(--fg)} .v .mrow:first-child{border-top:0}
.v.tst{position:absolute;left:0;right:0;top:0;min-height:0;z-index:60;pointer-events:none;overflow:visible} .v .toast{position:absolute;left:16px;right:16px;top:76px;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#13141F;border:1px solid rgba(122,240,224,.45);box-shadow:0 10px 40px rgba(0,0,0,.5);color:var(--mint);pointer-events:auto} .v .toast div{display:grid;gap:2px;min-width:0;color:var(--fg);font-size:14px;font-weight:600} .v .toast span{font:400 12.5px var(--fm);color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 404 */
.v .nf{display:grid;gap:14px;justify-items:center;text-align:center;max-width:520px;margin:40px auto 0} .v .nf h1{font-size:44px} .v .nf p{color:var(--tx)}
/* og card */
.v.og{width:1200px;height:630px;padding:52px 60px;display:grid;grid-template-rows:auto 1fr auto;gap:20px;overflow:hidden} .v.og>*:not(.blob){position:relative;z-index:1} .v.og .ogl{display:flex;justify-content:space-between;align-items:center} .v.og .ogb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center} .v.og h1{font-size:74px;max-width:11ch} .v.og .sub{font-size:22px;max-width:38ch;margin-top:18px}
.v.og .ogm{display:grid;place-items:center} .v.og .ogf{display:flex;justify-content:space-between;align-items:center;font-family:var(--fm);font-size:13px;color:var(--mu);letter-spacing:.06em;text-transform:uppercase} .v.og .blob.c{display:none}
/* motion off */
@media (prefers-reduced-motion:reduce){ .v .blob,.v .peek,.v .rate i::after,.v .route::before,.v .route .runner,.v .st li[data-s="run"] i::after,.v .pillst.wait i{animation:none} .v .route .runner{left:calc(50% - 24px);opacity:1} .v .btn,.v .swapb{transition:none} }
/* responsive */
@media (max-width:1000px){ .v .hero{grid-template-columns:minmax(0,1fr) 440px;gap:32px} }
@media (max-width:900px){ .v .hero{grid-template-columns:minmax(0,1fr);padding-top:36px;row-gap:60px} .v .peek{left:auto;right:-10px;top:-72px;transform:scale(.6);transform-origin:top right} @keyframes vfloat{to{transform:scale(.6) translateY(12px)}} .v .route{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:0} .v .route::before,.v .route .runner,.v .node::before{display:none} .v .node{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;gap:4px 16px} .v .node .ni{grid-row:1/4;width:56px;height:56px} .v .node .no{display:none} .v .node p{max-width:none}
  .v .steps{grid-template-columns:minmax(0,1fr)} .v .two{grid-template-columns:minmax(0,1fr)} .v .tiles,.v .tiers{grid-template-columns:minmax(0,1fr)} .v.og h1{font-size:60px} }
@media (max-width:760px){ .v .hdr nav,.v .hdr .hr .btn:not(.icn){display:none} .v .burger{display:grid} .v .foot{grid-template-columns:minmax(0,1fr)} .v .wrap{gap:48px} .v .hero{padding-bottom:36px} }
@media (max-width:560px){ .v .wrap,.v .hdr,.v .hero,.v .foot{padding-left:16px;padding-right:16px} .v h1{font-size:40px} .v .sub{font-size:16px} .v .cv{padding:16px;gap:12px} .v .fld{padding-left:14px} .v .fld .amt{font-size:22px} .v .pick{padding:0 8px 0 6px;gap:6px;font-size:13px} .v .pick .net{display:none} .v .quote{grid-template-columns:minmax(0,1fr)} .v .quote div{display:flex;justify-content:space-between;align-items:center;padding:9px 12px} .v .cta{padding:20px} .v .cta .btn{width:100%} .v .dep{grid-template-columns:minmax(0,1fr)} .v .oh h1{font-size:30px} .v .big b{font-size:44px} .v .fr{grid-template-columns:auto minmax(0,1fr) auto} .v .fr em{display:none} .v .ph1 h1{font-size:32px} .v .cvh{display:grid;grid-template-columns:minmax(0,1fr);gap:14px} .v .cvh .seg{width:100%} .v .cvh .rate{justify-self:end;margin-bottom:-36px;position:relative;z-index:1} .v .toast{top:70px} }
/* ---- kit: page shell ---- */
html{background:#0B0C14;-webkit-text-size-adjust:100%}
body{margin:0;background:#0B0C14;color:#F3F4FF;min-height:100vh}
html.ov-open{overflow:hidden}
.v [hidden]{display:none!important}
.v.ovl{position:fixed;inset:0;z-index:50;min-height:0;overflow:visible} .v.ovl .ov{position:fixed;inset:0;overflow:auto;padding:0}
.v.ovl:focus{outline:none}
@media (min-width:700px){ .v.ovl .ov{align-items:center;justify-items:center;padding:24px} .v .sheet{width:100%;max-width:520px;border-radius:24px;border-bottom:1px solid var(--ln2);max-height:86vh} .v .sheet::before{display:none} }
.v.tst{position:fixed;left:0;right:0;top:0;z-index:60} @media (min-width:700px){ .v .toast{left:auto;right:24px;width:400px} }
.v .cv [data-ch-view]{display:contents} .v .cv [data-ch-view][hidden]{display:none}
.v .fld.refund{display:none} .v .fld.refund.show{display:flex} .v .fld.addr code[contenteditable]{outline:0;cursor:text;min-height:20px} .v .fld.addr code:empty::before{content:attr(data-ph);color:#4F5478} .v .fld.addr .ok[hidden]{display:none}
.v .hdr .burger{cursor:pointer}
/* the states and screens indexes */
.v .fr.st{grid-template-columns:auto minmax(0,1fr) auto} .v .fr.st code{font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px} .v .fr.st:hover b{color:var(--mint)}
@media (max-width:560px){ .v .fr.st code{display:none} .v .fr.st .sb{grid-column:2} .v .fr.st{grid-template-columns:auto minmax(0,1fr)} }
