/* ===================================================================
   ValorCodes visual system — "tactical HUD"
   Notched panels, hexagon badges, grid background, angular type.
   Loaded after site.css (structure stays, the look is replaced).
   =================================================================== */
:root{
  --head:"Chakra Petch","Segoe UI",system-ui,sans-serif; --body:"Inter","Segoe UI",system-ui,sans-serif;
  --ink:#0a1730; --panel:#10224a; --panel2:#142a54; --line:#2d5392; --line-soft:#223f73;
  --cy:#26d9ff; --cut:16px;
  --notch:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
  --notch-s:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  --hex:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);
  --slant:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
body{font-family:var(--body);background-color:var(--ink);
  background-image:linear-gradient(rgb(47 140 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(47 140 255 / .05) 1px,transparent 1px);background-size:56px 56px;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 90% -5%,rgb(47 140 255 / .20),transparent 70%),radial-gradient(45% 35% at 0 55%,rgb(38 217 255 / .08),transparent 70%)}
h1,h2,h3,h4{font-family:var(--head);letter-spacing:.005em;font-weight:700}
.eyebrow,.kicker{font-family:var(--head);letter-spacing:.2em;text-transform:uppercase;font-weight:600}

/* ---------- header: floating glass capsule, no top bar ---------- */
.topbar,.progress{display:none}
.site-header{position:sticky;top:12px;margin:12px auto 0;width:min(1260px,calc(100% - 24px));border:1px solid var(--line);border-radius:16px;
  background:rgb(12 27 56 / .78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 0 1px rgb(38 217 255 / .06),0 18px 50px rgb(0 0 0 / .5),0 0 40px rgb(47 140 255 / .12)}
.site-header::after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cy),transparent);opacity:.7}
.nav-row{min-height:68px;padding-inline:8px}
.brand img{width:48px;height:48px}
.brand-text b{font:700 22px/1 var(--head);letter-spacing:.04em;text-transform:uppercase;color:#fff}.brand-text b i{font-style:normal;color:var(--cy)}
.brand-text small{font:600 12px/1 var(--head);letter-spacing:.34em;color:#b2c3e6;margin-top:6px}
.nav a{font:600 13px/1 var(--head);letter-spacing:.09em;text-transform:uppercase;border-radius:0;color:#e0e8f8;position:relative}
.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--cy);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover,.nav a[aria-current]{color:#fff;background:transparent}.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.nav a.btn::after,.nav a.nav-cta::after{display:none}

/* ---------- buttons: slanted ---------- */
.btn{border-radius:0;clip-path:var(--slant);font:700 13px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;min-height:50px;padding:0 28px;box-shadow:none}
.btn-gold,.btn-green{background:linear-gradient(135deg,#8fe3ff,#2f8cff 55%,#1a56c0);color:#031225}
.btn-line,.btn-ghost{background:rgb(47 140 255 / .08);border:0;color:#e6f2ff;box-shadow:inset 0 0 0 1.5px rgb(47 140 255 / .65)}
.btn:hover{filter:brightness(1.12)}
.btn-sm{min-height:42px;padding:0 20px}

/* ---------- section headings: numbered, left aligned ---------- */
body{counter-reset:sec}.section{counter-increment:sec;padding:92px 0}
.sec-head,.sec-head.center{text-align:left;max-width:none;margin:0 0 46px;padding-left:20px;border-left:3px solid var(--cy);position:relative}
.sec-head .kicker{color:var(--cy);margin-bottom:12px}.sec-head .kicker::before{content:counter(sec,decimal-leading-zero) " // ";color:#9bb4e4}
.sec-head h2{font-size:clamp(28px,4vw,44px);text-transform:none}
.sec-head p{color:var(--muted);max-width:640px}
.section.alt,.feature-dark{background:linear-gradient(180deg,rgb(8 17 31 / .85),rgb(10 23 48 / .6));border-block:1px solid var(--line-soft)}

/* ---------- panels: notched corners ---------- */
.card,.plan,.rplan,.code,.paycard,.faq details,.cbox,.step,.callout,.ltile,.acard,.paygrid>*{border-radius:0;clip-path:var(--notch);background:linear-gradient(160deg,var(--panel2),var(--panel) 72%);border:1px solid var(--line);border-top:2px solid rgb(38 217 255 / .55)}
.plan.best,.rplan.top{background:linear-gradient(160deg,#1d3d7a,#112650 75%);border-color:#2f8cff;border-top:2px solid var(--cy)}
.ribbon{border-radius:0;clip-path:var(--slant);font-family:var(--head);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#8fe3ff,#2f8cff);color:#031225}
.price{font-family:var(--head)}.price b{letter-spacing:-.01em}
.badge,.pchip{border-radius:0;clip-path:var(--notch-s);font-family:var(--head);letter-spacing:.08em}
.seg{border-radius:0;clip-path:var(--notch-s);background:var(--panel);border:1px solid var(--line)}.seg button{border-radius:0;font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.seg button[aria-selected=true]{background:linear-gradient(135deg,#8fe3ff,#2f8cff);color:#031225}
.faq details{border-left:3px solid var(--cy)}.faq summary{font-family:var(--head);font-weight:600}
.ico,.ri{border-radius:0;clip-path:var(--hex);background:linear-gradient(135deg,rgb(38 217 255 / .25),rgb(47 140 255 / .35));color:var(--cy)}
.xcard{border-radius:0;clip-path:var(--notch)}.photoband,.band{border-radius:0}
.band{clip-path:var(--notch);border:1px solid var(--line)}
.ph img,.ph{border-radius:0}.ph{clip-path:var(--notch)}
.step::before{font-family:var(--head)}

/* ---------- hero: copy left, diagonal photo right ---------- */
.hero{padding:0;background:transparent;overflow:hidden}
.hero-photo{position:absolute;inset:0 0 0 34%;z-index:0}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0,rgb(10 23 48 / .55) 38%,rgb(10 23 48 / .1) 100%),linear-gradient(0deg,var(--ink),transparent 28%)}
.hero-photo img{width:100%;height:100%;object-fit:cover;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.hero-inner{position:relative;z-index:2;padding-block:80px 70px}
.hero h1{font-size:clamp(38px,6.2vw,76px);line-height:1.02;text-transform:uppercase;letter-spacing:.005em;max-width:12ch}
.hero-copy{color:#e0e8f8;font-size:18px;max-width:520px}
.hero-float{display:none}
.nowcard{border-radius:0;clip-path:var(--notch);border:1px solid rgb(38 217 255 / .45);background:rgb(12 27 56 / .72)}
.hero-stats{background:rgb(12 27 56 / .8);border-top:1px solid var(--line)}.hero-stats b{font-family:var(--head)}
.eyebrow::before{content:"";display:inline-block;width:28px;height:2px;background:var(--cy);margin-right:12px;vertical-align:middle}
.phero{text-align:left;padding:84px 0 56px;background:linear-gradient(180deg,rgb(47 140 255 / .10),transparent),var(--ink);border-bottom:1px solid var(--line)}
.phero h1{font-size:clamp(34px,5vw,60px);text-transform:uppercase}.phero p{margin-inline:0;color:#e0e8f8}.crumb{justify-content:flex-start}

/* ---------- footer + floating buttons ---------- */
.site-footer{background:linear-gradient(180deg,rgb(12 27 56 / .9),#071227);border-top:1px solid var(--line)}
.site-footer::before{background:linear-gradient(90deg,transparent,var(--cy),transparent)!important}
.foot-mark{opacity:.05}
.site-footer h4{font-family:var(--head);letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--cy)}
.wa-float,.tg-float{border-radius:0;clip-path:var(--hex);box-shadow:none;width:62px;height:62px}.tg-float{width:54px;height:54px;bottom:94px}
.mbar a{border-radius:0}

/* ---------- live data: server network strip ---------- */
.vload{padding:30px;text-align:center;color:var(--muted);font:600 14px var(--head);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1}
.vnet{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.vnet-track{display:flex;gap:14px;width:max-content;animation:vnet 90s linear infinite}.vnet:hover .vnet-track{animation-play-state:paused}
@keyframes vnet{to{transform:translateX(-50%)}}
.vchip{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;background:var(--panel);border:1px solid var(--line);clip-path:var(--notch-s);color:#fff;text-decoration:none;font:700 15px var(--head);letter-spacing:.04em;white-space:nowrap}
.vchip small{display:block;font:600 12px var(--body);color:var(--cy);letter-spacing:.08em}
.vchip .vs-hex{width:44px;height:44px}

/* hexagon logo badge (servers + apps) */
.vs-hex,.dk-hex{flex:none;display:grid;place-items:center;width:62px;height:62px;padding:2px;clip-path:var(--hex);background:linear-gradient(135deg,var(--cy),#2f8cff 60%,#1a56c0)}
.vs-hex>*,.dk-hex>*{width:100%;height:100%;clip-path:var(--hex);object-fit:contain;background:#fff;display:grid;place-items:center}
.vs-hex>span,.dk-hex>span{background:linear-gradient(160deg,#1d3d7a,#081226);color:var(--cy);font:700 17px var(--head)}
.vs-hex .sv-logo{width:100%;height:100%;display:grid;place-items:center}

/* ---------- server page ---------- */
.vsteps{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vsteps.four{grid-template-columns:repeat(4,1fr)}
.vsteps li{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--panel);border:1px solid var(--line);clip-path:var(--notch-s);color:#eef3ff;font-weight:600;font-size:14.5px}
.vsteps b{font:700 22px var(--head);color:var(--cy)}
.vtools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:14px}
.vsearch{position:relative;flex:1 1 300px;max-width:460px}.vsearch svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--cy)}
.vsearch input{width:100%;min-height:52px;padding:0 16px 0 46px;background:var(--panel);border:1px solid var(--line);border-radius:0;clip-path:var(--notch-s);color:#fff;font:500 16px var(--body)}
.vsearch input:focus{outline:2px solid var(--cy);outline-offset:0}
.vfilters{display:flex;flex-wrap:wrap;gap:8px}
.vf{min-height:44px;padding:0 16px;background:transparent;border:1px solid var(--line);clip-path:var(--slant);color:#e0e8f8;font:700 12.5px var(--head);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.vf small{margin-left:6px;color:var(--cy)}.vf[aria-pressed=true]{background:linear-gradient(135deg,#8fe3ff,#2f8cff);color:#031225;border-color:transparent}.vf[aria-pressed=true] small{color:#031225}
.vcount{margin:6px 0 18px;color:var(--muted);font:600 13px var(--head);letter-spacing:.12em;text-transform:uppercase}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:16px}
.vs{--k:#26d9ff;position:relative;display:flex;flex-direction:column;gap:14px;padding:20px 18px 16px 22px;background:linear-gradient(160deg,#16305e,#10224a 72%);border:1px solid var(--line);clip-path:var(--notch)}
.vs::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--k)}
.vs[data-k=k8]{--k:#26d9ff}.vs[data-k=k4]{--k:#3d95ff}.vs[data-k=ott]{--k:#8f8bff}.vs[data-k=live]{--k:#5fb8ff}.vs[data-k=act]{--k:#e0e8f8}
.vs-top{display:flex;gap:14px;align-items:center}.vs-id{min-width:0}
.vs h3{font:700 19px/1.15 var(--head);letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere}
.vs-meta{margin:5px 0 0;display:flex;align-items:center;gap:8px;font:600 12px var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--k)}
.vs-led{width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 0 3px rgb(38 217 255 / .2),0 0 12px var(--cy)}.vs.is-off .vs-led{background:#e5484d;box-shadow:0 0 0 3px rgb(229 72 77 / .2)}.vs.is-off{opacity:.72}
.vs-desc{margin:0;color:#cdd8f0;font-size:14px;line-height:1.55;min-height:2.9em}
.vs-act{display:flex;gap:8px;margin-top:auto}
.vs-buy,.vs-res,.vs-tg{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;font:700 12.5px var(--head);letter-spacing:.1em;text-transform:uppercase}
.vs-buy{flex:1;gap:8px;padding:0 14px;background:linear-gradient(135deg,#8fe3ff,#2f8cff);color:#031225;clip-path:var(--slant)}
.vs-buy img{width:17px;height:17px}.vs-res{flex:1;padding:0 12px;color:#e6f2ff;box-shadow:inset 0 0 0 1.5px rgb(47 140 255 / .6);clip-path:var(--slant)}
.vs-tg{width:46px;background:#1d3d7a;clip-path:var(--slant)}.vs-tg img{width:20px;height:20px}
.vs-more{align-self:flex-start;background:none;border:0;padding:0;color:var(--cy);font:700 12px var(--head);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.vs-feat{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px;color:#e0e8f8}.vs-feat li{display:flex;gap:9px}.vs-feat li::before{content:"";flex:none;width:7px;height:7px;margin-top:7px;background:var(--cy);clip-path:var(--hex)}.vs-feat b{color:#fff}
.vlist{display:grid;gap:12px}
.vl{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 20px;background:var(--panel);border:1px solid var(--line);clip-path:var(--notch-s)}
.vl h3{font:700 17px var(--head);text-transform:uppercase;letter-spacing:.04em}.vl p{margin:3px 0 0;color:#cdd8f0;font-size:14px}
.vl .vs-buy{flex:none;min-width:150px}
.empty{padding:30px;color:var(--muted);text-align:center;grid-column:1/-1}

/* ---------- downloader codes: keypad cards ---------- */
.dkgrid,.dlx{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.dk{position:relative;display:flex;flex-direction:column;gap:14px;padding:20px 20px 18px;background:linear-gradient(160deg,#16305e,#10224a 72%);border:1px solid var(--line);border-top:2px solid rgb(38 217 255 / .55);clip-path:var(--notch)}
.dk-head{display:flex;align-items:center;gap:14px}.dk-head h3{font:700 18px/1.15 var(--head);letter-spacing:.03em;text-transform:uppercase}.dk-head small{display:block;margin-top:5px;color:#bccbea;font-size:12.5px}
.dk-det{margin:0;color:#cdd8f0;font-size:13.5px;line-height:1.55}
.dk-tabs{display:flex;flex-wrap:wrap;gap:6px}.dk-tab{min-height:34px;padding:0 12px;background:transparent;border:1px solid var(--line);clip-path:var(--slant);color:#e0e8f8;font:700 12px var(--head);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.dk-tab[aria-selected=true]{background:linear-gradient(135deg,#8fe3ff,#2f8cff);color:#031225;border-color:transparent}
.dk-code{margin-top:auto;padding:12px;background:#0d1f40;border:1px solid var(--line);clip-path:var(--notch-s);display:flex;flex-direction:column;gap:10px}
.dk-lab{font:600 12px var(--head);letter-spacing:.2em;text-transform:uppercase;color:#b2c3e6}
.dk-digits{display:flex;gap:5px}.dk-digits i{flex:1 1 0;max-width:34px;min-width:18px;height:46px;display:grid;place-items:center;font:700 22px var(--head);font-style:normal;color:#fff;background:linear-gradient(180deg,#1d3d7a,#112650);border-bottom:2px solid var(--cy)}
.dk-copy{min-height:42px;border:0;background:linear-gradient(135deg,#8fe3ff,#2f8cff);color:#031225;font:700 12.5px var(--head);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:var(--slant)}
.dk-copy.done{background:linear-gradient(135deg,#9cffd9,#26d9a0)}
.dlx-more{text-align:center;margin-top:26px}

@media(max-width:960px){
  .site-header{top:8px;margin-top:8px}.hero-photo{inset:0}.hero-photo::after{background:linear-gradient(0deg,var(--ink) 5%,rgb(10 23 48 / .75) 60%,rgb(10 23 48 / .5))}
  .hero-photo img{clip-path:none}.hero h1{max-width:none}.vsteps,.vsteps.four{grid-template-columns:1fr}
}
@media(max-width:620px){.section{padding:64px 0}.vl{grid-template-columns:auto 1fr}.vl .vs-buy{grid-column:1/-1}.vgrid,.dkgrid,.dlx{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.vnet-track{animation:none}}

/* ---- fixes from visual review ---- */
[hidden]{display:none!important}
.vs-tg{flex:none}.vsearch svg{z-index:2;pointer-events:none}
.nav a{padding:9px 9px;font-size:12px;letter-spacing:.07em}.nav .navtag{display:none}
.hero h1{max-width:15ch;font-size:clamp(34px,5.2vw,66px)}
.nowcard{margin-right:96px}
@media(max-width:1240px){.nav-cta{display:none}}
@media(max-width:1100px){.nav a{padding:9px 6px;font-size:11.5px;letter-spacing:.04em}}
@media(max-width:960px){.nowcard{margin-right:0}}
@media(max-width:1400px){.nav-cta{display:none}}
@media(max-width:620px){.brand img{width:40px;height:40px}.brand-text b{font-size:18px}.brand-text small{display:none}.nav-row{gap:8px;padding-inline:6px}.lang-btn{padding-inline:8px}.menu-btn{width:44px;height:44px}}

/* mascot hero */
.hero-photo{background:#0b1a3a}
.hero-photo img{object-fit:contain;object-position:70% 50%;clip-path:none}
.hero-photo::after{background:linear-gradient(90deg,var(--ink) 0,rgb(10 23 48 / .35) 40%,transparent 70%),linear-gradient(0deg,var(--ink),transparent 18%)}
.hero-photo{inset:0 0 0 36%}
.hero-photo img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 94%,transparent 100%);object-position:center 40%}
@media(max-width:960px){.hero-photo{inset:0;opacity:.55}.hero-photo img{-webkit-mask-image:none;mask-image:none;object-position:center 30%}}
.hero .nowcard{display:none}
.hero-photo img{object-position:right center}
.brand img{filter:drop-shadow(0 0 10px rgb(47 140 255 / .45))}

/* ===================== ENHANCEMENT PASS ===================== */
::selection{background:#2f8cff;color:#fff}
html{scrollbar-color:#1f4a96 #0a1730;scrollbar-width:thin}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#0a1730}::-webkit-scrollbar-thumb{background:linear-gradient(#2f8cff,#1450c8);border:2px solid #0a1730}
a{transition:color .2s}

/* header: glow when scrolled */
.site-header{transition:box-shadow .3s,background .3s,border-color .3s}
.site-header.is-stuck{background:rgb(3 8 18 / .92);border-color:#1f4a96;box-shadow:0 0 0 1px rgb(38 217 255 / .12),0 22px 60px rgb(0 0 0 / .65),0 0 50px rgb(47 140 255 / .22)}

/* buttons: light sweep + press */
.btn,.vs-buy,.dk-copy{position:relative;overflow:hidden;transition:transform .2s,filter .2s}
.btn::after,.vs-buy::after,.dk-copy::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .45),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover::after,.vs-buy:hover::after,.dk-copy:hover::after{left:130%}
.btn:hover,.vs-buy:hover,.dk-copy:hover{transform:translateY(-2px)}.btn:active,.vs-buy:active,.dk-copy:active{transform:translateY(0) scale(.98)}
.btn-line:hover,.btn-ghost:hover{background:rgb(47 140 255 / .2);box-shadow:inset 0 0 0 1.5px var(--cy)}

/* cards: cursor spotlight + lift */
.card,.plan,.rplan,.vs,.dk,.xcard,.vl,.acard,.code,.paycard{--mx:50%;--my:0;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}
.card::before,.plan::before,.rplan::before,.vs::after,.dk::before,.vl::before,.acard::before,.code::before,.paycard::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--mx) var(--my),rgb(38 217 255 / .16),transparent 65%)}
.card:hover::before,.plan:hover::before,.rplan:hover::before,.vs:hover::after,.dk:hover::before,.vl:hover::before,.acard:hover::before,.code:hover::before,.paycard:hover::before{opacity:1}
.card:hover,.plan:hover,.rplan:hover,.vs:hover,.dk:hover,.vl:hover,.acard:hover,.code:hover{transform:translateY(-6px);border-color:#2f8cff}
.vs:hover .vs-hex,.dk:hover .dk-hex{filter:drop-shadow(0 0 12px rgb(38 217 255 / .7))}
.vs-hex,.dk-hex{transition:filter .3s,transform .4s}.vs:hover .vs-hex,.dk:hover .dk-hex{transform:rotate(-6deg) scale(1.06)}

/* hero: floating artwork, glow orbs, trust chips */
.hero::before{content:"";position:absolute;z-index:0;left:-10%;top:10%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgb(47 140 255 / .22),transparent 65%);filter:blur(10px);animation:vdrift 14s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;z-index:0;right:6%;bottom:-18%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgb(38 217 255 / .16),transparent 65%);animation:vdrift 18s ease-in-out infinite alternate-reverse}
@keyframes vdrift{to{transform:translate(60px,-40px) scale(1.12)}}
.hero-photo img{animation:vfloat 7s ease-in-out infinite}
@keyframes vfloat{50%{transform:translateY(-12px)}}
.hero-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 8px;padding:0}
.hero-trust li{display:flex;align-items:center;gap:8px;padding:9px 14px;background:rgb(47 140 255 / .1);border:1px solid rgb(47 140 255 / .35);clip-path:var(--notch-s);font:600 12.5px var(--head);letter-spacing:.08em;text-transform:uppercase;color:#d3e6ff}
.hero-trust svg{width:16px;height:16px;color:var(--cy)}
.hero h1{text-shadow:0 0 40px rgb(47 140 255 / .35)}
.g8k{background:linear-gradient(100deg,#8fe3ff,#2f8cff 50%,#26d9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgb(47 140 255 / .6))}

/* stats strip */
.hero-stats b{font-size:clamp(28px,3.4vw,42px);background:linear-gradient(180deg,#fff,#8fe3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-stats span{letter-spacing:.14em;text-transform:uppercase;font:600 12px var(--head);color:#b2c3e6}

/* section headings: animated underline + subtle watermark number */
.sec-head h2::after{content:"";display:block;width:70px;height:3px;margin-top:16px;background:linear-gradient(90deg,var(--cy),#2f8cff);box-shadow:0 0 14px var(--cy);transition:width .8s .2s}
.rv:not(.in):not(.on):not(.vis) .sec-head h2::after,.sec-head.rv:not(.in):not(.on):not(.vis) h2::after{width:0}
.section{position:relative}.section::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgb(47 140 255 / .45),transparent)}
.section.alt::after{content:"";position:absolute;right:-120px;top:20%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgb(47 140 255 / .09),transparent 70%);pointer-events:none}

/* images: unified notch + zoom */
.ph,.photoband,.xcard,.band{overflow:hidden}.ph img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.ph:hover img{transform:scale(1.06)}
.ph{border:1px solid var(--line);position:relative}.ph::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgb(47 140 255 / .14),transparent 45%,rgb(10 23 48 / .35))}

/* pricing: animated best card */
.plan.best{position:relative;background:linear-gradient(160deg,#123066,#0a1a38 70%);box-shadow:none}
.plan.best::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgb(143 227 255 / .14) 50%,transparent 65%);background-size:250% 100%;animation:vshine 4.5s linear infinite}
@keyframes vshine{from{background-position:150% 0}to{background-position:-100% 0}}
.price b{background:linear-gradient(180deg,#fff,#a9d8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.plan .save,.save{border-radius:0;clip-path:var(--notch-s);background:rgb(38 217 255 / .14);color:var(--cy);font-family:var(--head);letter-spacing:.06em}

/* marquee text + bands */
.bigmarq span{-webkit-text-stroke:1.5px rgb(47 140 255 / .65)!important;color:transparent!important;font-family:var(--head)}
.bigmarq i{background:var(--cy)!important;box-shadow:0 0 14px var(--cy)}
.band{background:radial-gradient(ellipse 60% 120% at 100% 50%,rgb(47 140 255 / .3),transparent 70%),linear-gradient(135deg,#0c1d44,#0c1b38)!important}
.band h2{text-transform:uppercase}

/* faq */
.faq details{transition:background .25s,border-color .25s}.faq details[open]{background:linear-gradient(160deg,#0f2450,#10224a);border-color:#2f8cff}
.faq summary{position:relative;padding-right:46px}.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font:600 26px var(--head);color:var(--cy);transition:transform .3s}.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq summary::-webkit-details-marker{display:none}

/* timeline / steps numbers */
.timeline li::before,.step::before{-webkit-text-stroke:1.5px var(--cy);color:transparent;text-shadow:0 0 20px rgb(38 217 255 / .5)}

/* footer */
.site-footer{margin-top:40px;position:relative;overflow:hidden}
.site-footer::after{content:"";position:absolute;left:50%;top:-180px;width:900px;height:360px;transform:translateX(-50%);background:radial-gradient(ellipse,rgb(47 140 255 / .18),transparent 70%);pointer-events:none}
.foot-grid a{transition:color .2s,padding .2s}.foot-grid a:hover{color:var(--cy);padding-left:6px}
.soc a{border-radius:0;clip-path:var(--hex);background:linear-gradient(135deg,#1d3d7a,#112650);width:46px;height:46px}.soc a:hover{background:linear-gradient(135deg,#8fe3ff,#2f8cff);color:#031225}
.accept{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* mobile sticky bar */
.mbar{background:rgb(12 27 56 / .92);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.mbar .mb-wa{clip-path:var(--slant)}.mbar .mb-tg{clip-path:var(--slant)}

/* page heroes: scanning line */
.phero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--cy),transparent);animation:vscan 5s linear infinite;background-size:40% 100%;background-repeat:no-repeat}
@keyframes vscan{from{background-position:-40% 0}to{background-position:140% 0}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after,.hero-photo img,.plan.best::after,.phero::after{animation:none}}
@media(max-width:620px){.hero-trust li{font-size:11px;padding:8px 10px}}
.hero-photo::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:26%;background:linear-gradient(180deg,var(--ink),transparent);pointer-events:none}
.section,.site-footer,.phero{overflow-x:clip}

/* ===================== COUNTRIES ===================== */
.vcountries{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vcountry{--mx:50%;--my:0;position:relative;display:flex;align-items:center;gap:16px;padding:18px 18px 18px 16px;background:linear-gradient(160deg,#16305e,#10224a 72%);border:1px solid var(--line);border-top:2px solid rgb(38 217 255 / .55);clip-path:var(--notch);text-decoration:none;color:#fff;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}
.vcountry::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--mx) var(--my),rgb(38 217 255 / .16),transparent 65%)}
.vcountry:hover{transform:translateY(-6px);border-color:#2f8cff}.vcountry:hover::before{opacity:1}
.vc-flag{flex:none;display:grid;place-items:center;width:66px;height:66px;padding:2px;clip-path:var(--hex);background:linear-gradient(135deg,var(--cy),#2f8cff 60%,#1a56c0);transition:transform .4s,filter .3s}
.vc-flag>span{display:grid;place-items:center;width:100%;height:100%;clip-path:var(--hex);background:#10214a;overflow:hidden}
.vc-flag img{width:100%;height:100%;object-fit:cover}.vc-flag svg{width:34px;height:34px;color:var(--cy)}
.vcountry:hover .vc-flag{transform:rotate(-6deg) scale(1.08);filter:drop-shadow(0 0 12px rgb(38 217 255 / .7))}
.vc-t{min-width:0;display:flex;flex-direction:column;gap:4px}.vc-t b{font:700 17px/1.15 var(--head);letter-spacing:.03em;text-transform:uppercase}.vc-t small{color:#c3d0ec;font-size:13px;line-height:1.35}
.vcountry>i{margin-left:auto;flex:none;color:var(--cy);opacity:.6;transition:transform .3s,opacity .3s}.vcountry:hover>i{transform:translateX(4px);opacity:1}.vcountry>i svg{width:20px;height:20px}
/* country pages */
.chero{padding:76px 0 0;text-align:left}
.chero-in{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.vc-flag.big{width:150px;height:150px;padding:3px}.vc-flag.big img{object-fit:cover}.vc-flag.big svg{width:70px;height:70px}
.chero h1{font-size:clamp(30px,4.6vw,54px);text-transform:uppercase}.chero p{max-width:760px}.chero .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.cstats{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgb(12 27 56 / .7);clip-path:var(--notch)}
.cstats li{padding:20px 22px;border-right:1px solid var(--line)}.cstats li:last-child{border:0}.cstats b{display:block;font:700 clamp(20px,2.6vw,30px) var(--head);background:linear-gradient(180deg,#fff,#8fe3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cstats span{font:600 12px var(--head);letter-spacing:.12em;text-transform:uppercase;color:#b2c3e6}
.cticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cticks li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:var(--panel);border:1px solid var(--line);clip-path:var(--notch-s);color:#e1ebff;font-weight:600}.cticks svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--cy)}
.cdev{display:flex;flex-wrap:wrap;gap:12px}.cdev span{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;background:var(--panel);border:1px solid var(--line);clip-path:var(--notch-s);font-weight:600;color:#eef3ff}.cdev svg{width:20px;height:20px;color:var(--cy)}
.grid.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.foot-countries{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:30px;padding:18px 0;border-top:1px solid var(--line)}
.foot-countries span{font:700 12px var(--head);letter-spacing:.16em;text-transform:uppercase;color:var(--cy);margin-right:6px}.foot-countries a{color:#e0e8f8;font-weight:600;font-size:14px}.foot-countries a:hover{color:var(--cy)}
@media(max-width:1100px){.vcountries{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.chero-in{grid-template-columns:1fr;gap:20px}.vc-flag.big{width:96px;height:96px}.cstats{grid-template-columns:repeat(2,1fr)}.cstats li:nth-child(2){border-right:0}.cstats li:nth-child(-n+2){border-bottom:1px solid var(--line)}.grid.g3{grid-template-columns:1fr}}
@media(max-width:620px){.vcountries{grid-template-columns:1fr}}

/* ===================== READABILITY + OVERLAP FIXES ===================== */
:root{--ink:#0a1730;--panel:#10224a;--panel2:#142a54;--line:#2b4c88;--line-soft:#223f73;--cream:#f4f8ff;--muted:#cdd8f0}
body{color:#eef3ff;font-size:17px;line-height:1.7;background-color:#0a1730;background-image:linear-gradient(rgb(90 160 255 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(90 160 255 / .07) 1px,transparent 1px)}
body::before{background:radial-gradient(60% 40% at 90% -5%,rgb(70 150 255 / .28),transparent 70%),radial-gradient(45% 35% at 0 55%,rgb(38 217 255 / .12),transparent 70%)}
p,li{color:#dbe5f8}.sec-head p,.hero-copy,.phero p{color:#dbe5f8}
.section.alt,.feature-dark{background:linear-gradient(180deg,rgb(20 42 84 / .75),rgb(12 27 56 / .55))}
.site-header{background:rgb(14 30 62 / .88)}.site-header.is-stuck{background:rgb(12 26 54 / .96)}
.nav a{color:#eef3ff;font-size:12.5px}
.card,.plan,.rplan,.code,.paycard,.faq details,.cbox,.step,.callout,.ltile,.acard,.vs,.dk,.vcountry,.vl,.vsteps li,.cticks li,.cdev span{background:linear-gradient(160deg,#17315f,#10224a 75%)}
.vsearch input{background:#10224a;color:#fff}.vsearch input::placeholder{color:#b9c8e8}
.vf{color:#eef3ff}.vcount{color:#cdd8f0}
.vs-desc,.dk-det,.vc-t small,.vl p,.dk-head small{color:#cfdaf1}
.vs-feat{color:#e3ecfb}.dk-lab{color:#b2c3e6}.dk-code{background:#0c1b3a}
.dk-digits i{background:linear-gradient(180deg,#1f4382,#132a56)}
.vs-hex>span,.dk-hex>span{background:linear-gradient(160deg,#1d3d7a,#10224a)}
.btn-line,.btn-ghost{color:#fff;background:rgb(70 150 255 / .16)}
.price b{background:linear-gradient(180deg,#fff,#cfe6ff);-webkit-background-clip:text;background-clip:text}
.hero-stats{background:rgb(14 30 62 / .88)}.hero-stats span,.cstats span{color:#b9c9ea}
.eyebrow,.kicker{font-size:13px}
.bigmarq span{-webkit-text-stroke:1.5px rgb(120 185 255 / .9)!important}
/* hero: text and artwork never collide */
.hero-copy-col{max-width:590px}.hero h1{font-size:clamp(32px,4.6vw,60px);max-width:13ch}
.hero-photo{inset:0 0 0 46%}.hero-photo::after{background:linear-gradient(90deg,var(--ink) 0,rgb(10 23 48 / .25) 30%,transparent 65%),linear-gradient(0deg,var(--ink),transparent 18%)}
@media(max-width:1100px){.hero-photo{inset:0 0 0 38%}}
@media(max-width:960px){.hero-photo{inset:0;opacity:.35}.hero-photo::after{background:linear-gradient(0deg,var(--ink) 5%,rgb(10 23 48 / .6))}.hero h1{max-width:none}}
/* floating buttons: smaller, never over the footer text; mobile bar handles phones */
.wa-float,.tg-float{width:54px;height:54px;right:14px}.tg-float{width:48px;height:48px;bottom:84px}.wa-float{bottom:18px}
@media(max-width:760px){.wa-float,.tg-float{display:none}main{padding-bottom:70px}.site-footer{padding-bottom:90px}}
/* sticky bar and header never cover anchors */
html{scroll-padding-top:100px}