:root{--bg:#f6f7fc;--card:#fff;--ink:#12142e;--muted:#5b5f7a;--line:#e3e4f0;--dark:#0c0e2b;--dark2:#171a4d;--accent:#4b4fd8;--blue:#1f9be3;--violet:#7a2ee0;--grad:linear-gradient(100deg,var(--blue),var(--accent) 55%,var(--violet));--tint:color-mix(in srgb,var(--accent) 9%,#fff);--tint2:color-mix(in srgb,var(--accent) 4%,#fff);--tintline:color-mix(in srgb,var(--accent) 35%,#fff);--deep:color-mix(in srgb,var(--accent) 70%,#000);--accent-ink:#fff;--radius:14px;--shadow:0 1px 2px rgba(15,26,43,.06),0 8px 24px rgba(15,26,43,.06)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.narrow{width:min(780px,100% - 40px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.promo{background:var(--accent);color:var(--accent-ink);text-align:center;padding:9px 16px;font-size:14px;font-weight:600}
.site-header{background:var(--dark);color:#fff;position:sticky;top:0;z-index:20}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:.01em}
.brand img{border-radius:8px;background:#fff}
.nav{display:flex;gap:6px}
.nav a{color:#c9d3e3;text-decoration:none;padding:8px 14px;border-radius:8px;font-weight:600;font-size:15px}
.nav a:hover,.nav a[aria-current]{color:#fff;background:rgba(255,255,255,.1)}
.nav-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;margin:5px 0}
.hero{background:radial-gradient(900px 380px at 85% -10%,rgba(122,46,224,.45),transparent),radial-gradient(800px 360px at 5% 110%,rgba(31,155,227,.30),transparent),linear-gradient(180deg,var(--dark),var(--dark2));color:#fff;padding:84px 0 92px}
.hero h1{font-size:clamp(34px,5.4vw,60px);max-width:16ch;margin-bottom:.35em}
.eyebrow{color:var(--accent);filter:brightness(1.5);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:13px;margin:0 0 14px}
.lead{font-size:clamp(17px,2vw,21px);color:#c9d3e3;max-width:60ch}
.lead.sm{color:var(--muted);font-size:18px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:15px;padding:10px 18px;border-radius:10px;cursor:pointer;text-decoration:none;line-height:1.2}
.btn:hover{border-color:#b9c3d3}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn.lg{padding:14px 26px;font-size:16px}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:-44px;position:relative}
.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.feature h3{font-size:18px;margin-bottom:.3em}.feature p{margin:0;color:var(--muted);font-size:15px}
.block{padding:56px 0 0}
.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}
.block-head h2{margin:0;font-size:28px}.block-head a{font-weight:700;text-decoration:none}
.page-head{padding:44px 0 6px}.page-head h1{font-size:clamp(30px,4vw,44px);margin-bottom:.2em}.page-head p{color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.card .thumb{display:block;aspect-ratio:16/10;background:#e8edf5}
.card .thumb img,.pimg img{width:100%;height:100%;object-fit:cover}
.ph{width:100%;height:100%;display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,var(--dark),#1c2c4d);color:#fff;text-align:center;aspect-ratio:16/10}
.ph span{font-size:54px;font-weight:800;color:var(--accent);filter:brightness(1.4);line-height:1}.ph small{opacity:.7;margin-top:6px;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.card .body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font-size:18px;margin:0}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--accent)}
.card p{margin:0;color:var(--muted);font-size:15px}
.card .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;flex-wrap:wrap}
.tag{align-self:flex-start;background:var(--tint);color:var(--deep);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:99px}
.price{font-size:20px;font-weight:800}.old{color:var(--muted);font-weight:500;margin-right:4px}
.buy{margin:0}
.meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13px}
.diff{font-weight:700;border-radius:99px;padding:2px 10px;background:var(--tint);color:var(--deep)}.diff.moderate{background:#fff3dc;color:#8a5a00}.diff.advanced{background:#fde8e8;color:#9b1c1c}
.more{margin-top:auto;font-weight:700;text-decoration:none}
.filters{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.filters input{flex:1 1 240px;max-width:360px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 16px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.chip.on{background:var(--dark);color:#fff;border-color:var(--dark)}
.empty{color:var(--muted);text-align:center;padding:40px 0}
.crumbs{padding:22px 0 0;font-size:14px;color:var(--muted)}.crumbs a{text-decoration:none}
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:26px 0 10px;align-items:start}
.pimg{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#e8edf5;aspect-ratio:4/3}
.pinfo h1{font-size:clamp(28px,3.4vw,40px);margin:.4em 0 .2em}
.pprice{font-size:26px;margin:.2em 0 .6em}.pprice .price{font-size:30px}
.buyrow{margin:18px 0}.note{font-size:14px;color:var(--muted);margin:8px 0}
.ghead{padding:14px 0 6px}.ghead h1{font-size:clamp(30px,4vw,44px);margin:.4em 0 .25em}
.cover{margin:18px 0;border-radius:var(--radius);overflow:hidden}
.toc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:22px 0}.toc ol{margin:8px 0 0;padding-left:20px}.toc a{text-decoration:none}
.prose{font-size:17px}.prose h2{font-size:26px;margin:1.9em 0 .6em;scroll-margin-top:90px}.prose h3{font-size:20px;margin:1.5em 0 .4em}
.prose ol,.prose ul{padding-left:1.4em}.prose li{margin:.45em 0}.prose li>ol,.prose li>ul{margin:.3em 0}
.prose ol>li::marker{font-weight:800;color:var(--accent)}
.prose code{background:#e9eef6;padding:2px 6px;border-radius:6px;font-size:.9em;word-break:break-word}
.prose blockquote{margin:1.4em 0;padding:14px 18px;background:#fff8e6;border-left:4px solid #e0a800;border-radius:0 10px 10px 0}.prose blockquote p{margin:0}
.prose figure{margin:1.4em 0}.prose figure img{border-radius:12px;border:1px solid var(--line)}.prose figcaption{font-size:14px;color:var(--muted);margin-top:6px}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.table-wrap{overflow-x:auto;margin:1.2em 0;border:1px solid var(--line);border-radius:10px;background:#fff}
table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}th{background:#f0f4fa;font-size:13px;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:0}
.related{margin:40px 0 0;padding:20px 24px;background:var(--card);border:1px solid var(--line);border-radius:12px}.related h2{font-size:20px}.related ul{margin:0;padding-left:20px}
.helpbar{margin:26px 0 60px;color:var(--muted);font-size:15px}
.fine{font-size:14px;color:var(--muted)}
.form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin-bottom:60px}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.f{margin-bottom:16px}
.f label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.f input,.f select,.f textarea{width:100%;font:inherit;padding:11px 13px;border:1px solid #c9d2e0;border-radius:10px;background:#fff;color:var(--ink)}
.f textarea{resize:vertical}
.more-info{margin:4px 0 16px;border:1px dashed #c9d2e0;border-radius:10px;padding:12px 16px}.more-info summary{cursor:pointer;font-weight:700}.more-info .two{margin-top:14px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.notice{border-radius:10px;padding:14px 18px;margin:0 0 18px;font-weight:600}.notice.ok{background:#e7f6ee;color:#1a5a3e;border:1px solid #b6e2cb}.notice.err{background:#fdecec;color:#8f1d1d;border:1px solid #f3bcbc}
.site-footer{background:var(--dark);color:#c9d3e3;margin-top:80px;padding:44px 0 26px}
.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot strong{color:#fff;font-size:18px}.foot p{margin:.3em 0 0;max-width:36ch;font-size:14px}
.foot nav{display:flex;flex-direction:column;gap:6px}.foot nav a{color:#c9d3e3;text-decoration:none;font-size:15px}.foot nav a:hover{color:#fff;text-decoration:underline}
.legal{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#8f9db3}
@media(max-width:760px){
.nav-toggle{display:block}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--dark);flex-direction:column;padding:8px 20px 16px;border-top:1px solid rgba(255,255,255,.1)}
.nav.open{display:flex}
.site-header{position:relative}
.pdp{grid-template-columns:1fr}.form .two{grid-template-columns:1fr}.hero{padding:56px 0 70px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:8px}
.legend>div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
.legend p{margin:.5em 0 0;font-size:14px;color:var(--muted)}
#gfilter{margin-bottom:18px}
.buy-api{display:grid;gap:12px;max-width:440px}
.buy-api .f label{display:block;font-weight:600;margin-bottom:4px}
.buy-api input[type=email]{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.buy-api small{display:block;color:var(--muted);margin-top:4px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.chk input{margin-top:4px;width:18px;height:18px}
.notice.err{background:#fdecec;border-color:#f3b4b4;color:#7a1414}
.notice.ok{background:#e9f7ef;border-color:#a8dcc0;color:#14532d}
pre.codebox{background:#0b1220;color:#e8eefc;padding:14px 16px;border-radius:10px;overflow:auto;white-space:pre-wrap;word-break:break-all;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;user-select:all}
[hidden]{display:none!important}
.notice{background:#eef3fb;border:1px solid var(--line)}
/* accounts, cart, comments */
.cartn{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800;line-height:18px;text-align:center}
.acctgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin-bottom:18px}
.acard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin:0 0 18px}
.acctgrid .acard{margin:0}
.acard h2{font-size:20px;margin:0 0 .4em}.acard p{margin:.4em 0 .9em}
.acard .f{margin:0 0 14px}.acard .f label{display:block;font-weight:700;margin-bottom:5px}
.acard .f input[type=text],.f textarea{width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.acard .f small,.f small{display:block;color:var(--muted);margin-top:4px;font-size:13px}
.capimg{display:block;border:1px solid var(--line);border-radius:8px;margin:0 0 8px;max-width:100%;height:auto}
.bignum{font-size:clamp(22px,5vw,32px);font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums;background:#f1f5f9;border:1px dashed var(--line);border-radius:10px;padding:16px;text-align:center;word-break:break-word}
.btn.small{padding:6px 12px;font-size:13px}.btn.danger{color:#8f1d1d;border-color:#f3bcbc}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.cartlist{display:grid;gap:10px;margin:0 0 14px}
.cartrow{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.cartact{display:flex;gap:8px;flex-wrap:wrap}
.comments{margin:34px 0 10px;padding-top:10px;border-top:1px solid var(--line)}
.comments h2{font-size:22px}
.cmt{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 10px}
.cmt.pend{opacity:.8;border-style:dashed}
.cmt .cmeta{color:var(--muted);font-size:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cmt p{margin:.3em 0 0;white-space:pre-wrap;word-break:break-word}
.comments textarea{resize:vertical;min-height:90px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}
.mailnew{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.mailnew input,.mailnew select{flex:1 1 180px;min-width:0;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.mailrow{cursor:pointer}.mailrow:hover{border-color:var(--accent)}
.codechip{margin:6px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--tint);border-radius:8px;padding:6px 10px;width:fit-content;max-width:100%}
.mailbody{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:14px;margin:10px 0;font-size:15px}
/* add-ons and delivery address on the buy form */
.buy-api fieldset{border:1px solid var(--line);border-radius:12px;padding:12px 14px 14px;margin:0;background:var(--card);min-width:0}
.buy-api legend{font-weight:800;padding:0 6px;font-size:16px}
.addons{display:grid;gap:8px}
.addon-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#fff}
.addon-row input{width:18px;height:18px;margin:3px 0 0}
.addon-row .an{display:grid;gap:2px}.addon-row .an small{color:var(--muted);font-size:13px;line-height:1.4}
.addon-row .ap{font-weight:800;white-space:nowrap}
.addon.on>.addon-row,.addon-row.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--tint2)}
.addon.out .addon-row,.addon-row.out{opacity:.55;cursor:not-allowed}
.addon.esim{display:grid;gap:6px}
.addon.esim select{width:100%;padding:10px 12px;border:1px solid #c9d2e0;border-radius:10px;font:inherit;background:#fff}
.addons .total{display:flex;justify-content:space-between;align-items:baseline;margin:6px 2px 0;font-size:18px;border-top:1px dashed var(--line);padding-top:10px}
.addons .total strong{font-size:22px}
.ship .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ship .f{margin:0 0 10px}.ship .f label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.ship input,.ship select,.ship textarea{width:100%;padding:10px 12px;border:1px solid #c9d2e0;border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.ship>small{display:block;color:var(--muted);font-size:13px;margin:0 0 10px}
@media(max-width:520px){.ship .two{grid-template-columns:1fr}}
/* balance, phone numbers, Juvega Pay */
.walhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.walhead h2{margin:0}
.walbal{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.wallet .chips{margin:0 0 8px}.wallet .mailnew input{max-width:180px}
strong.plus{color:#1a6b45}
.numcard{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 12px;background:#fff}
.numcard.live{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.numtop{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.numphone{font-size:clamp(20px,4.6vw,26px);letter-spacing:.03em}
.numleft{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
.bigcode{font-size:22px;letter-spacing:.12em}
.smslist .cmt{margin:8px 0}
.waitline{display:flex;gap:8px;align-items:center}
.spin{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:jvspin 1s linear infinite;flex:none}
@keyframes jvspin{to{transform:rotate(360deg)}}
.countries .cartrow{padding:10px 14px}
#n-svc,#n-q,#pc-type,#pc-nick,#pc-load{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;margin:0 0 10px}
.jpay-hero{padding:64px 0 84px}
.vcardwrap{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:18px;align-items:start;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.vcardwrap .carddet,.vcardwrap>.cartlist{grid-column:1/-1}
.vcard{aspect-ratio:1.586;border-radius:16px;padding:18px 20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#0b1220,#1c3a5e 55%,var(--accent));box-shadow:0 10px 30px rgba(15,26,43,.25);font-weight:600}
.vcard.t-wallet{background:linear-gradient(135deg,#1b1030,#4b2a7a 55%,#d4708f)}
.vcard.frozen{filter:grayscale(1) brightness(.85)}
.vtop,.vbot{display:flex;justify-content:space-between;gap:10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.vnum{font-size:clamp(14px,3.6vw,18px);letter-spacing:.08em;white-space:nowrap}
.vside{display:grid;gap:12px}
.carddet{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.detrow{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.detrow:last-of-type{border-bottom:0}
.paysum{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0 0 14px;display:grid;gap:4px;font-size:15px}
.paysum div{display:flex;justify-content:space-between;gap:10px}.paysum .tot{border-top:1px dashed var(--line);padding-top:6px;margin-top:4px;font-size:17px}
@media(max-width:640px){.vcardwrap{grid-template-columns:1fr}.detrow{grid-template-columns:1fr auto}.detrow .fine{grid-column:1/-1}}

/* Juvega Swap (version 3) */
.swapbox h3{font-size:16px;margin:18px 0 8px}
.swaprow{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.swaprow .f{margin-bottom:8px}
.swaprow .label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.swapget{display:block;padding:11px 13px;border:1px dashed #c9d2e0;border-radius:10px;font-weight:700;min-height:46px;word-break:break-all}
.swapmid{display:flex;justify-content:center;margin:-2px 0 6px}.swapflip{font-size:18px;line-height:1;padding:6px 14px}
.swaptype{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 12px}
.swaptype .chk{border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.swapinfo{margin:0 0 16px;min-height:1.4em}.swaperr{color:#8f1d1d;font-weight:600}
.swapagree{margin:0 0 16px}
.swap-provider{margin-top:14px}
.swaphead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.swaphead h2{margin:0}
.swapst.st-done{background:var(--tint);color:var(--deep)}.swapst.st-emergency,.swapst.st-expired{background:#fdecec;color:#8f1d1d}
.swapsteps{display:flex;list-style:none;padding:0;margin:14px 0;gap:6px;counter-reset:s}
.swapsteps li{flex:1;text-align:center;font-size:12px;padding:8px 4px;border-radius:8px;background:#eef1f5;color:#5b6575}
.swapsteps li.done{background:var(--tint);color:var(--deep)}.swapsteps li.now{background:var(--accent);color:var(--accent-ink);font-weight:700}
.swapsend{display:flex;gap:18px;align-items:flex-start}.swapsend>div{flex:1;min-width:0}
.swapqr{width:180px;height:180px;border-radius:10px;border:1px solid var(--line);background:#fff;padding:6px;flex:none}
.swapline{padding:8px 0;border-bottom:1px solid var(--line)}.swapline .fine{display:block;margin-bottom:2px}
.swapval{display:flex;gap:10px;align-items:center;justify-content:space-between}.swapval .mono{word-break:break-all}
.swapemerg{border:1px solid #f3bcbc;background:#fffafa;border-radius:10px;padding:14px 16px;margin:14px 0}
@media (max-width:640px){.swaprow,.swaptype{grid-template-columns:1fr}.swapsend{flex-direction:column;align-items:center}.swapsteps li{font-size:11px;padding:6px 2px}}

/* version 3: flag pictures and big shops */
.card .thumb img.flagimg,.pimg img.flagimg{object-fit:contain;background:#eef2f7;padding:10%}
.shopcount{margin:0 0 12px}
.moreprod{display:flex;justify-content:center;margin:24px 0 0}
.card.product{content-visibility:auto;contain-intrinsic-size:auto 420px}

/* version 3: tidier product page (description beside the picture, numbered steps, pay bar on phones) */
.pdp{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px}
.pside{display:grid;gap:26px;align-content:start}
.pdesc{font-size:16px}.pdesc>:first-child{margin-top:0}.pdesc h2{font-size:20px;margin:1.3em 0 .5em}.pdesc ul{padding-left:1.2em}
.pinfo .lead.sm{margin:.2em 0 .4em}
.buy-api{counter-reset:step;display:grid;gap:14px}
.buy-api fieldset{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:16px 16px 14px;margin:0;box-shadow:var(--shadow);min-width:0}
.buy-api fieldset legend{counter-increment:step;font-weight:800;font-size:16px;padding:0 6px;margin-left:-6px}
.buy-api fieldset legend::before{content:counter(step);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:13px;margin-right:8px;vertical-align:1px}
.buy-api .addons{gap:6px}
.buy-api .addon-row{padding:9px 11px}
.buy-api .addon-row .an small{font-size:12.5px}
.buy-api .addon.out .addon-row small,.buy-api .addon-row.out small{display:none}
.buy-api .addons .total{margin-top:8px}
.paybox .f{margin-bottom:12px}.paybox .chk{margin:6px 0 14px}.paybox .paybtn{width:100%}
.paybar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(15,26,43,.08)}
.paybar .pbt{display:grid;line-height:1.15}.paybar .pbt small{color:var(--muted);font-size:12px}.paybar .pbt strong{font-size:18px}
@media(min-width:900px){.paybar{display:none}}
@media(max-width:899px){
 .pdp{grid-template-columns:1fr;gap:20px;padding-top:14px}
 .pside{display:contents}
 .pimg{order:1;aspect-ratio:16/10}.pinfo{order:2}.pdesc{order:3;border-top:1px solid var(--line);padding-top:8px}
 .pinfo h1{margin-top:.25em}
}
@media(max-width:520px){.buy-api .addon-row .an strong{font-size:15px;line-height:1.3}.buy-api .addon-row .ap{font-size:14px}.buy-api fieldset{padding:14px 12px 12px}}

/* version 3: recommended apps */
.appjump{margin-top:14px}.appjump .chip{text-decoration:none;color:var(--ink)}
.appgroup{padding-top:10px}.appgroup h2{font-size:22px;margin:0 0 14px}
.appgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.appcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.appname{display:flex;align-items:center;gap:10px}.appname h3{margin:0;font-size:17px}
.appini{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:800;flex:none}
.appcard p{margin:0;color:var(--muted);font-size:14.5px}
.appcard .appnote{font-size:13px;background:#fff8e6;border-radius:8px;padding:6px 9px;color:#6b5200}
.appact{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}

/* version 3: cash invoices */
.cashalt{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);display:grid;gap:8px;position:relative}
.cashalt .or{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--card);padding:0 8px;font-size:12px;color:var(--muted)}
.cashalt p{margin:0}.cashalt .btn{width:100%}
.cashhow{margin:10px 0 0}

/* version 3: featured products */
.tag.pop{background:#fff3d6;color:#7a5200;margin-left:6px}

/* version 3: eSIMs grouped by country */
.esimhead{display:flex;gap:18px;align-items:center}.esimhead h1{margin:0 0 .2em}
.esimflag{width:96px;flex:none;border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:#eef2f7}
.esimflag img{width:100%;height:100%;object-fit:cover}.esimflag img.flagimg{padding:0;object-fit:cover}
.planlist{display:grid;gap:8px;margin:6px 0 16px}
.planrow{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.planrow.out{opacity:.55}.plandata{display:grid}.plandata strong{font-size:18px}
.planprice{font-weight:800;white-space:nowrap}.planprice .price{font-size:18px}
@media(max-width:560px){.planrow{grid-template-columns:1fr auto;gap:6px 12px}.planname{grid-column:1/-1;order:3}.planbuy{grid-column:2;grid-row:1/3;align-self:center}}

/* version 3: values to choose from (gift cards) */
.opts .optgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.opt{display:grid;gap:2px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;background:#fff;position:relative}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .ov{font-weight:800}.opt .op{color:var(--muted);font-size:14px}
.opt.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--tint2)}
.opt:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.optlist{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:6px}.optlist li{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff}

/* version 3: private notes */
#notes textarea{min-height:150px}
.ntopts{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;align-items:end;margin:4px 0 14px}.ntopts .chk{grid-column:1/-1;margin-bottom:8px}
.ntout{background:var(--card);border:1px solid var(--accent);border-radius:var(--radius);padding:18px 20px;margin:0 0 18px}
.ntout h2{font-size:19px;margin:0 0 10px}
.ntlink{display:flex;gap:8px}.ntlink input{flex:1;min-width:0;padding:10px 12px;border:1px solid #c9d2e0;border-radius:10px;font-size:13px}
.ntmsg{white-space:pre-wrap;word-break:break-word;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:0 0 12px;font-size:16px}
@media(max-width:560px){.ntopts{grid-template-columns:1fr}.ntlink{flex-direction:column}}

/* version 3: file transfer */
.xbar{height:10px;border-radius:99px;background:#e8edf3;overflow:hidden;margin:14px 0 6px}.xbar span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.xfile{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 10px;background:#f6f8fb}.xfile strong{word-break:break-all}
#xfer input[type=file]{width:100%;padding:12px;border:1px dashed #c9d2e0;border-radius:10px;background:#fff}

/* version 3: tools hub (Send Shed style), direct file transfer, Juvega PGP, Photo Cleaner */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.notice.warn{background:#fff7e6;border:1px solid #f1d49a;color:#6b4a00;font-weight:500}
.tsub{color:var(--muted);font-size:18px;margin:-.2em 0 .6em;font-weight:600}
.tgroup h2{margin-bottom:.15em}.tgroup>.fine{margin:0 0 14px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tcard{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 20px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.tcard:hover{border-color:var(--accent);transform:translateY(-2px)}
.tcard strong{font-size:17px}.tcard .tdesc{color:var(--muted);font-size:14.5px;line-height:1.45}
.tico{display:inline-flex;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;background:var(--tint);color:var(--accent);margin-bottom:4px}
.tbadge{position:absolute;top:16px;right:16px;font-size:12px;font-weight:700;color:var(--muted);background:#f1f4f8;border:1px solid var(--line);border-radius:99px;padding:3px 9px}
.gtools{margin:28px 0;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--tint2)}.gtools h2{font-size:18px;margin:0 0 12px}
.xhero{text-align:center;padding-top:28px}.xhero h1{margin-bottom:.25em}.xhero p{color:var(--muted);font-size:18px;max-width:640px;margin:0 auto}
.xpills{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:16px 0 0}.xpills li{font-size:13px;font-weight:700;background:var(--tint);color:var(--deep);border-radius:99px;padding:5px 12px}
.xdrop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:2px dashed #c9d2e0;border-radius:14px;padding:34px 18px;background:#fafcfe;cursor:pointer;margin:0 0 16px;transition:border-color .15s,background .15s}
.xdrop:hover,.xdrop.on{border-color:var(--accent);background:var(--tint2)}.xdrop strong{font-size:17px}
.xdico{display:inline-flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:22px;font-weight:700}
.xcenter{text-align:center}
.xbar{height:10px;border-radius:99px;background:#e8edf3;overflow:hidden;margin:12px 0 6px}.xbar span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.xfile{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 12px;background:#f6f8fb}.xfile strong{word-break:break-all}
.xlive{display:flex;align-items:center;gap:8px;font-weight:600;margin:14px 0 8px}.xlive .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 50%,transparent);animation:xpulse 1.6s infinite}
.xlive.off .dot{background:#9aa5b5;animation:none}
@keyframes xpulse{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.xpeers{display:grid;gap:10px;margin:0 0 12px}.xpeer{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:2px}.xpeer .xbar{margin:6px 0 0}
.pgtabs{display:flex;gap:6px;margin:0 0 -1px;flex-wrap:wrap}
.pgtab{font:inherit;font-weight:700;font-size:15px;border:1px solid var(--line);border-bottom:0;background:#eef2f7;color:var(--muted);padding:10px 16px;border-radius:12px 12px 0 0;cursor:pointer}
.pgtab[aria-selected=true]{background:#fff;color:var(--ink)}
#pgp .acard{border-top-left-radius:0}
#pgp textarea{width:100%;font-size:14px;line-height:1.45;border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical;box-sizing:border-box}
.pgout{background:#f6f8fb}
.pgstep{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;align-items:center;justify-content:center;margin-right:10px;vertical-align:2px}
.pgor{margin:10px 0 16px;color:var(--muted)}
.pgbtns{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.phlist{display:grid;gap:8px;margin:0 0 12px}.phrow{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.phrow strong{word-break:break-all}
.phrow.warn{border-color:#f1d49a;background:#fffaf0}.phrow.done{border-color:var(--tintline);background:var(--tint2)}
@media (max-width:600px){.tgrid{grid-template-columns:1fr}.xdrop{padding:26px 14px}.phrow{flex-direction:column;align-items:flex-start}}

/* Juvega brand theme (version 3): blue-to-violet, matching the logo */
.btn.primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 6px 18px -8px color-mix(in srgb,var(--accent) 70%,transparent)}
.btn.primary:hover{filter:brightness(1.08)}
.promo{background:var(--grad);color:#fff}
.site-header{background:var(--dark);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--grad)}
.brand span{text-transform:lowercase;font-size:22px;letter-spacing:.005em}
.brand img{border-radius:10px;background:#fff;padding:2px}
.nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--blue) 70%,var(--violet))}
.site-footer{background:linear-gradient(180deg,var(--dark),#08091f)}
.eyebrow{background:linear-gradient(100deg,#6cc4ff,#b79bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
.hero h1 em,.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.ph{background:linear-gradient(135deg,var(--dark),#2a2f86 60%,#4b1f8f)}
.tico{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 14%,#fff),color-mix(in srgb,var(--violet) 14%,#fff))}
.xdico,.pgstep{background:var(--grad)}
.xbar span{background:var(--grad)}
.tcard:hover{border-color:color-mix(in srgb,var(--accent) 60%,#fff);box-shadow:0 10px 28px -14px color-mix(in srgb,var(--accent) 55%,transparent)}
::selection{background:color-mix(in srgb,var(--accent) 25%,#fff)}
.site-footer .foot nav{display:grid;grid-template-columns:repeat(3,auto);gap:8px 34px;align-content:start}
@media (max-width:700px){.site-footer .foot nav{grid-template-columns:repeat(2,auto)}}
.pgtabs{flex-wrap:nowrap}.pgtab{flex:1;text-align:center}
@media (max-width:600px){.pgtab{font-size:14px;padding:10px 8px}}
.brand.wide img{height:40px;width:auto;max-width:200px;object-fit:contain;border-radius:8px;padding:3px 8px}

/* ===== version 3: menu with cart and account icons ===== */
.bar{gap:14px}
.nav{gap:2px;margin-left:auto}
.nav a{padding:8px 11px;font-size:14.5px;white-space:nowrap}
.navicons{display:flex;gap:4px;order:3}
.navicons .ico{position:relative;display:inline-flex;align-items:center;gap:6px;color:#c9d3e3;text-decoration:none;padding:8px 10px;border-radius:10px;font-weight:600;font-size:14.5px}
.navicons .ico:hover,.navicons .ico[aria-current]{color:#fff;background:rgba(255,255,255,.1)}
.navicons .lbl{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.navicons .cartn{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--grad);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.navicons .cartn[hidden]{display:none}
.nav-toggle{order:4}
@media(max-width:1180px){
.nav-toggle{display:block}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--dark);flex-direction:column;padding:8px 20px 16px;border-top:1px solid rgba(255,255,255,.1);margin:0}
.nav.open{display:flex}
.nav a{font-size:16px;padding:12px 14px}
.site-header{position:relative}
.navicons{margin-left:auto}
}

/* ===== version 3: home page ===== */
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:26px 0 0;color:#c9d3e3;font-size:14.5px;font-weight:600}
.trust li::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.12);color:#9fd8ff;font-size:12px;margin-right:8px}
.heroart{display:none}
.quick{display:none}
.ctaband{display:none}
.hometools{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.band{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 5%,var(--bg)) 18%,color-mix(in srgb,var(--accent) 5%,var(--bg)) 82%,transparent);margin-top:56px;padding-bottom:56px}
.band .block{padding-top:48px}

@media(min-width:981px){
.wrap{width:min(1220px,100% - 64px)}
.hero{padding:76px 0 120px;overflow:hidden;position:relative}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%)}
.herogrid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative}
.hero h1{font-size:clamp(44px,4.6vw,64px);max-width:15ch;letter-spacing:-.02em}
.heroart{display:block;position:relative;height:420px}
.orb{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.96),rgba(235,238,255,.9) 58%,rgba(255,255,255,.0) 59%),conic-gradient(from 200deg,var(--blue),var(--accent),var(--violet),var(--blue));
  box-shadow:0 0 0 10px rgba(255,255,255,.04),0 0 0 22px rgba(255,255,255,.03),0 30px 90px -20px rgba(122,46,224,.7),0 0 120px -10px rgba(31,155,227,.45);padding:6px}
.orb img{width:190px;height:190px;object-fit:contain;animation:orbfloat 7s ease-in-out infinite}
.float{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;text-decoration:none;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);animation:orbfloat 8s ease-in-out infinite}
.float .tico{margin:0;background:rgba(255,255,255,.92)}
.float strong{display:block;font-size:15px}.float small{display:block;color:#c9d3e3;font-size:13px}
.float:hover{background:rgba(255,255,255,.16)}
.float.f1{left:0;top:34px}.float.f2{right:0;top:150px;animation-delay:-2.5s}.float.f3{left:24px;bottom:30px;animation-delay:-5s}
@keyframes orbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.orb img{animation:none}
.features{margin-top:-64px;grid-template-columns:repeat(3,1fr);gap:20px}
.feature{padding:26px 26px 24px;position:relative;overflow:hidden}
.feature::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--grad)}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:40px}
.qtile{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,border-color .15s,box-shadow .15s}
.qtile .tico{margin:0;flex:none;width:46px;height:46px}
.qtile strong{display:block;font-size:16px}.qtile small{display:block;color:var(--muted);font-size:13.5px;line-height:1.35}
.qtile .qarrow{margin-left:auto;color:var(--accent);font-weight:800;transition:transform .15s}
.qtile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,#fff);box-shadow:0 14px 30px -16px color-mix(in srgb,var(--accent) 60%,transparent)}
.qtile:hover .qarrow{transform:translateX(4px)}
.block{padding-top:72px}
.block-head h2{font-size:32px;letter-spacing:-.015em}
.grid{grid-template-columns:repeat(3,1fr);gap:24px}
.card{transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(28,30,90,.35);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.hometools{grid-template-columns:repeat(3,1fr);gap:18px}
.ctaband{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:72px;padding:44px 48px;border-radius:24px;color:#fff;
  background:radial-gradient(600px 220px at 90% 0,rgba(122,46,224,.55),transparent),radial-gradient(500px 220px at 0 100%,rgba(31,155,227,.4),transparent),linear-gradient(135deg,var(--dark),var(--dark2))}
.ctaband h2{font-size:30px;margin:0 0 .3em}.ctaband p{margin:0;color:#c9d3e3;max-width:56ch}
.ctaband .cta{margin:0;flex:none}
.site-footer{margin-top:90px}
.foot{display:grid;grid-template-columns:1.1fr 3fr;gap:48px}
.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
}
/* footer link groups (all sizes) */
.fcols{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;flex:1}
.fcols nav{display:flex;flex-direction:column;gap:7px}
.fcols h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#8f9bd6;margin:0 0 6px}
.site-footer .foot nav{display:flex;grid-template-columns:none}
@media(min-width:981px){.fcols{grid-template-columns:repeat(4,1fr)}}
@media(min-width:981px){
.float{background:rgba(18,20,64,.86);border-color:rgba(255,255,255,.16)}
.float:hover{background:rgba(28,30,90,.92)}
.float.f2{right:-6px}
.quick{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
}

/* version 3: partner portal */
.pbal{display:flex;flex-direction:column;margin:8px 0 14px}.pbal strong{font-size:34px;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
#partner input[type=color]{height:46px;padding:4px;width:100%;border-radius:10px}
.tulist{margin-top:16px}.plan-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px;background:#fff}
.smsmsg{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 8px;background:#fff;white-space:pre-wrap;word-break:break-word}
.plan-row.off{opacity:.6}.domcfg{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.domcfg input[type=text]{width:100%;margin:6px 0}

/* version 3: more tools */
.pwout{font-size:20px;padding:14px;flex:1}.pwmeter{height:8px;border-radius:99px;background:#e8edf3;overflow:hidden;margin:12px 0 6px}.pwmeter span{display:block;height:100%;width:0;transition:width .25s;background:#d64545}.pwmeter.ok span{background:#e0a020}.pwmeter.strong span{background:var(--grad)}
#pwgen input[type=range]{width:100%}.qrbox{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;min-height:120px}.qrbox svg{width:260px;height:260px}
.finalurl{background:#f4f5fa;border-radius:10px;padding:10px 12px;font-size:15px}.chk.brk{padding:8px 0;border-bottom:1px solid var(--line)}.chk.brk:last-of-type{border-bottom:0}

.lsrow{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:#fff}.lsrow .fine{grid-column:1}.lsrow>button{grid-row:1/3;grid-column:2}.lsclean{font-size:14px}
.gccard{margin:16px 0}.gcimg{width:100%;height:auto;border-radius:14px;display:block;margin:0 0 10px;box-shadow:var(--shadow)}

/* version 3: real cases on guides, step videos */
.gcases{margin:28px 0;padding:20px;border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 6%,#fff),color-mix(in srgb,var(--violet) 7%,#fff));border:1px solid var(--line)}
.gcases>h2{font-size:20px;margin:0 0 12px}.gcase{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 12px}.gcase h3{font-size:17px;margin:2px 0 6px}.gcase p{margin:0 0 8px;font-size:15px}
.gcmeta{color:var(--accent);font-weight:700;font-size:12.5px!important;text-transform:uppercase;letter-spacing:.06em;margin:0!important}.gclesson{background:var(--tint2);border-left:3px solid var(--accent);padding:8px 10px;border-radius:6px}
.gvid video{width:100%;border-radius:14px;background:#0c0e2b;display:block}
.csrow{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.csrow .xfile{margin:0 0 6px}.csrow .notice{margin:8px 0 0}
/* GPS tool options (version 3) */
.gcprov{display:flex;flex-wrap:wrap;gap:8px 18px;margin:4px 0 12px}.gcprov .chk{border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer;align-items:center}
.f .lbl{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.gcpriv{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 14px}.gcpriv summary{font-weight:600;cursor:pointer}.gcpriv .chk{margin:10px 0 0}
.gch{font-size:17px;margin:20px 0 8px}.gclink{align-items:center;margin:6px 0}.gclink .gcn{min-width:120px;font-weight:600;font-size:14px}.gclink input{flex:1;min-width:0}
@media(max-width:560px){.gclink .gcn{min-width:0}}
.gexpert{border:1px solid var(--line);border-left:4px solid var(--brand,#6b5cff);border-radius:14px;padding:16px 20px;margin:24px 0;background:var(--card,rgba(127,127,255,.05))}.gexpert h2{font-size:18px;margin:0 0 6px}.gexpert h3{font-size:16px;margin:14px 0 4px}.gexpert p{margin:0 0 8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gsearch{margin:0 0 14px}.gsearch input{width:100%;font-size:17px;padding:14px 18px 14px 46px;border-radius:14px;border:1px solid var(--line);background:var(--card,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238a8fa8' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center;color:inherit;box-shadow:var(--shadow)}
.gsearch .fine{margin:6px 2px 0;min-height:1em}.gsnip{margin:4px 0 8px;font-style:italic}
.ntphotos{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0}.ntph{position:relative;margin:0;width:96px;height:96px}.ntph img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.ntphx{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:0;background:#111;color:#fff;font-size:16px;line-height:26px;cursor:pointer}
.ntgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:14px 0}.ntgal figure{margin:0}.ntgal img{width:100%;border-radius:12px;display:block;margin:0 0 8px}
.cmlist{margin:10px 0}.cmrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.cmrow .cmn{flex:1;min-width:140px;font-weight:600;font-size:14px;word-break:break-all}
.cmthumb{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#000}
.page-head .gsearch{margin:20px 0 0;max-width:760px}
.dlrow{padding:12px 0;border-bottom:1px solid var(--line)}.dlrow:last-of-type{border-bottom:0}.dlrow .fine{margin:6px 0 0}
.lsmap{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.lsrow .pgbtns{grid-column:1/-1;align-items:center;margin:6px 0 0}
.gcau{margin:0 0 12px}.gcau .chk{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-weight:600}