:root{
  --bg:#0B0B16; --card:#141428; --card2:#1B1B34;
  --pink:#FF2EA6; --lime:#C6FF4A; --cyan:#3EE6FF; --violet:#7C5CFF; --orange:#FFB03A;
  --txt:#F4F2FF; --dim:#9B93C7;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
/* bg */
.bg-blobs{position:fixed;inset:0;z-index:-1;overflow:hidden}
.bg-blobs span{position:absolute;border-radius:50%;filter:blur(110px);opacity:.5;animation:float 12s ease-in-out infinite alternate}
.b1{width:560px;height:560px;background:#FF2EA6;top:-160px;left:-120px}
.b2{width:520px;height:520px;background:#7C5CFF;top:20%;right:-160px;animation-delay:2s!important}
.b3{width:420px;height:420px;background:#00E0C6;bottom:-140px;left:30%;animation-delay:4s!important}
.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 60%,transparent 100%)}
@keyframes float{to{transform:translateY(40px) translateX(30px) scale(1.08)}}
/* topbar */
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(11,11,22,.72);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-in{display:flex;align-items:center;gap:18px;padding:12px 20px}
.logo{font-family:Unbounded;font-weight:900;font-size:24px;color:#fff;text-decoration:none;letter-spacing:1px}
.logo span{background:linear-gradient(90deg,var(--lime),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.top-stats{display:flex;gap:14px;margin-left:8px}
.tstat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px 12px;text-align:center;line-height:1.1}
.tstat b{font-family:Unbounded;font-size:15px;color:var(--lime)}
.tstat i{font-style:normal;font-size:11px;color:var(--dim);display:block}
.top-actions{margin-left:auto;display:flex;gap:10px}
.btn{border:0;cursor:pointer;font-family:Unbounded;font-weight:700;border-radius:14px;padding:11px 18px;font-size:13px;transition:.18s;color:#0B0B16;text-decoration:none;display:inline-block;text-align:center}
.post-card{text-decoration:none}
.btn.neon{background:linear-gradient(90deg,var(--lime),var(--cyan));box-shadow:0 6px 24px rgba(198,255,74,.35)}
.btn.neon:hover{transform:translateY(-2px) rotate(-1deg)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}
.btn.ghost:hover{background:rgba(255,255,255,.15)}
.btn.mega{background:linear-gradient(90deg,var(--pink),var(--orange));color:#fff;box-shadow:0 6px 24px rgba(255,46,166,.4)}
.btn.mega:hover{transform:scale(1.04)}
.btn.sm{padding:9px 14px;font-size:12px}
.btn.full{width:100%;margin-top:10px}
/* hero */
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;padding:44px 20px 26px;align-items:center}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:6px 13px;border-radius:100px;font-size:12px;font-weight:700}
.pill.hot{background:linear-gradient(90deg,var(--pink),var(--orange));border:0}
h1{font-family:Unbounded;font-weight:900;font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-1px}
.grad-text{background:linear-gradient(90deg,var(--lime) 0%,var(--cyan) 45%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--dim);margin:16px 0 20px;font-size:16px;max-width:560px}
.sub b{color:#fff}
.search-big{display:flex;align-items:center;background:#fff;border-radius:18px;padding:6px 6px 6px 16px;gap:8px;box-shadow:0 12px 40px rgba(255,46,166,.3);transform:rotate(-.5deg)}
.s-ico{font-size:22px;color:#888}
.search-big input{flex:1;border:0;outline:0;font-size:15px;font-family:Manrope;font-weight:600;color:#111;background:transparent;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip{cursor:pointer;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-weight:800;font-size:12px;padding:8px 14px;border-radius:100px;transition:.15s;font-family:Manrope}
.chip:hover{transform:translateY(-2px)}
.chip.on{background:var(--lime);color:#0B0B16;border-color:var(--lime)}
.hero-meta{display:flex;gap:22px;margin-top:18px}
.hm b{font-family:Unbounded;font-size:15px;display:block}
.hm span{color:var(--dim);font-size:12px}
/* rocket card */
.rocket-card{position:relative;background:linear-gradient(160deg,#1E1E3D,#12122A);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:26px;transform:rotate(1.5deg);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.rc-top{font-family:Unbounded;font-size:11px;letter-spacing:2px;color:var(--cyan)}
.rc-big{font-family:Unbounded;font-weight:900;font-size:64px;background:linear-gradient(90deg,var(--lime),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.rc-sub{color:var(--dim);font-size:13px;margin-bottom:14px}
.rc-row{display:flex;justify-content:space-between;background:rgba(255,255,255,.05);border-radius:12px;padding:9px 13px;margin-top:8px;font-size:13px}
.rc-row b{color:var(--lime)}
.rc-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.rc-badges span{font-size:10px;font-weight:800;background:rgba(255,255,255,.1);padding:5px 10px;border-radius:100px;letter-spacing:1px}
.float-stick{position:absolute;font-family:Unbounded;font-size:11px;font-weight:800;padding:8px 14px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.s1{background:var(--lime);color:#0B0B16;top:-16px;right:22px;transform:rotate(6deg)}
.s2{background:var(--pink);color:#fff;top:44%;left:-24px;transform:rotate(-8deg)}
.s3{background:var(--cyan);color:#0B0B16;bottom:-14px;left:30%;transform:rotate(3deg)}
/* marquee */
.marquee{background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));overflow:hidden;white-space:nowrap;padding:10px 0;font-family:Unbounded;font-weight:800;font-size:13px;transform:rotate(-1deg);margin:10px 0 0}
.marquee-in{display:inline-block;animation:mq 22s linear infinite;will-change:transform}
@keyframes mq{to{transform:translateX(-50%)}}
/* toolbar */
.toolbar{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;margin:22px 0 18px;backdrop-filter:blur(8px)}
.toolbar .chips{margin-top:12px}
.toolbar .t-row{margin-top:12px}
.toolbar .t-row:first-child{margin-top:0}
.t-row{display:flex;flex-wrap:wrap;gap:10px}
.sel{background:#0B0B16;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px;font-family:Manrope;font-weight:700;font-size:13px}
select option{background:#16162C;color:#fff}
.lang-dd{position:relative;display:inline-flex}
.lang-dd-btn{display:inline-flex;align-items:center;gap:8px}
.lang-dd-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:170px;max-width:calc(100vw - 16px);overflow-x:hidden;background:#16162C;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.55);z-index:130;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.lang-dd-menu::-webkit-scrollbar{width:8px}
.lang-dd-menu::-webkit-scrollbar-track{background:transparent}
.lang-dd-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:8px}
.lang-dd-menu::-webkit-scrollbar-thumb:hover{background:var(--lime)}
.lang-dd.open .lang-dd-menu{display:block}
.side-foot .lang-dd{display:flex}
.side-foot .lang-dd-btn{width:100%;justify-content:space-between}
.side-foot .lang-dd-menu{left:0;right:auto}
.lang-dd-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;color:#fff;font:700 13px Manrope, sans-serif;padding:10px 12px;border-radius:10px;cursor:pointer;text-decoration:none;box-sizing:border-box}
.lang-dd-item:hover{background:rgba(198,255,74,.12)}
.lang-dd-item i{font-style:normal;color:var(--lime);width:14px;flex:none}
.lang-dd-item.on{color:var(--lime)}
.lang-dd-find{width:100%;box-sizing:border-box;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:10px;padding:8px 10px;margin-bottom:6px;font:600 12px Manrope,sans-serif;outline:none}
details.lang-dd>summary{list-style:none;cursor:pointer}
details.lang-dd>summary::-webkit-details-marker{display:none}
details.lang-dd[open] .lang-dd-menu{display:block}
select.btn{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fff' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}
.t-row2{display:flex;justify-content:space-between;margin-top:10px;color:var(--dim);font-size:13px;flex-wrap:wrap;gap:6px}
/* grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;position:relative;transition:.18s;overflow:hidden}
.card:hover{transform:translateY(-4px) rotate(-.3deg);border-color:rgba(198,255,74,.5);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.card.hit{border:1px solid rgba(255,46,166,.55)}
.card-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.plat{font-size:11px;font-weight:800;padding:5px 11px;border-radius:100px;color:#0B0B16}
.prov{margin-left:auto;font-size:10px;font-weight:800;color:var(--dim);background:rgba(255,255,255,.07);padding:5px 10px;border-radius:100px}
.hit-tag{position:absolute;top:12px;right:-32px;transform:rotate(35deg);background:linear-gradient(90deg,var(--pink),var(--orange));font-family:Unbounded;font-size:10px;font-weight:800;padding:4px 36px}
.card h3{font-size:14px;line-height:1.35;min-height:56px;font-weight:700}
.cat{color:var(--dim);font-size:11.5px;margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badges{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.badges span{font-size:9.5px;font-weight:800;letter-spacing:.5px;padding:4px 8px;border-radius:100px;background:rgba(62,230,255,.14);color:var(--cyan);border:1px solid rgba(62,230,255,.3)}
.limits{display:flex;gap:10px;color:var(--dim);font-size:11.5px;margin-bottom:10px}
.price-row{display:flex;align-items:end;justify-content:space-between;background:rgba(0,0,0,.3);border-radius:14px;padding:10px 12px;margin-bottom:10px}
.price b{font-family:Unbounded;font-size:19px;color:var(--lime)}
.price i{font-style:normal;font-size:11px;color:var(--dim);display:block}
.per{font-size:11px;color:var(--dim);text-align:right}
/* footer */
.pager{text-align:center;margin:22px 0 40px}
.footer{border-top:1px solid rgba(255,255,255,.08);padding:26px 0 40px;color:var(--dim);font-size:13px}
.foot-in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot-in b{font-family:Unbounded;color:#fff}
.dim{color:var(--dim)}
/* modal */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:100;padding:16px}
.modal.open{display:flex}
.modal-card{background:#16162C;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;max-width:520px;width:100%;position:relative;max-height:90vh;overflow:auto}
.modal-card h3{font-family:Unbounded;margin-bottom:12px}
.x{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);border:0;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;z-index:2;transition:transform .15s,background .15s}
.x:hover{background:rgba(255,255,255,.22);transform:scale(1.06)}
#shOrdBody>h3:first-child{padding-right:44px}
.fld{margin:12px 0}
.fld label{font-size:12px;color:var(--dim);display:block;margin-bottom:6px;font-weight:700}
.inp{width:100%;background:#0B0B16;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px;color:#fff;font-size:14px;font-family:Manrope;outline:0}
.inp:focus{border-color:var(--lime)}
.out{background:#0B0B16;border-radius:12px;padding:12px;font-size:12px;margin-top:12px;white-space:pre-wrap;color:var(--lime);min-height:60px}
.ord-price{background:linear-gradient(90deg,rgba(255,46,166,.2),rgba(124,92,255,.2));border:1px solid rgba(255,46,166,.4);border-radius:14px;padding:12px;margin:12px 0;text-align:center}
.ord-price b{font-family:Unbounded;font-size:24px;color:var(--lime)}
.qty-row{display:flex;gap:8px}
.qty-row input{flex:1}
.skel{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));border-radius:20px;height:230px;animation:sk 1.2s infinite}
.skel.sm{height:74px}
@keyframes sk{50%{opacity:.6}}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--lime);color:#0B0B16;font-weight:800;padding:13px 22px;border-radius:100px;transition:.25s;z-index:200;font-size:14px;opacity:0}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.proof{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;gap:12px;align-items:center;max-width:340px;background:rgba(20,20,40,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:13px 38px 13px 14px;box-shadow:0 18px 50px rgba(0,0,0,.5);cursor:pointer;animation:proofIn .45s cubic-bezier(.2,.9,.3,1.2)}
.proof.out{opacity:0;transform:translateY(14px);transition:.4s}
.proof-flag{font-size:22px;line-height:1;flex:none}
.proof-flag img{width:26px;height:20px;object-fit:cover;border-radius:4px;display:block;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.proof-tx{display:flex;flex-direction:column;gap:3px}
.proof-tx b{font-size:13px;line-height:1.4;font-weight:700}
.proof-tx span{font-size:11.5px;color:var(--dim)}
.proof-x{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--dim);font-size:12px;cursor:pointer;padding:4px}
.proof-x:hover{color:#fff}
@keyframes proofIn{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:640px){.proof{left:12px;right:12px;bottom:12px;max-width:none}}
.tpadge{position:fixed;left:18px;bottom:18px;z-index:90;display:flex;gap:12px;align-items:center;background:rgba(20,20,40,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 36px 12px 12px;box-shadow:0 18px 50px rgba(0,0,0,.5);text-decoration:none;transition:transform .18s}
.tpadge:hover{transform:translateY(-2px)}
.tpadge .tp-logo{width:34px;height:34px;flex:none;border-radius:9px;background:#00B67A;color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center}
.tpadge .tp-tx{display:flex;flex-direction:column;gap:4px}
.tpadge .tp-tx b{font-size:13px;color:#fff}
.tpadge .tp-sub{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim)}
.tpadge .tp-stars{display:inline-flex;gap:2px}
.tpadge .tp-stars i{font-style:normal;font-size:9px;color:#fff;background:#00B67A;border-radius:2px;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center}
.tpadge .tp-x{position:absolute;top:4px;right:6px;background:none;border:0;color:var(--dim);font-size:11px;cursor:pointer;padding:4px}
.tpadge .tp-x:hover{color:#fff}
@media(max-width:640px){.tpadge{display:none}}
.review-pop{position:fixed;left:18px;bottom:18px;z-index:9999;width:min(320px,calc(100vw - 36px));box-sizing:border-box;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 22px 60px rgba(7,8,20,.3);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px) scale(.97);transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1),visibility .28s}
.review-pop:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;pointer-events:none;background:linear-gradient(90deg,#00b67a 0 72%,#c6ff4a 100%)}
.review-pop.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.review-pop-close{position:absolute;top:11px;right:11px;z-index:1;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:#f2f4f7;color:#69707d;font:400 19px/1 Manrope;cursor:pointer;transition:.18s}
.review-pop-close:hover{background:#e8ebef;color:#111827;transform:rotate(8deg)}
.review-pop-brand{position:relative;display:flex;align-items:center;gap:7px;min-height:28px;padding-right:30px;color:#111827;font-size:12px;font-weight:800}
.review-pop-brand i{width:3px;height:3px;border-radius:50%;background:#9ca3af}
.review-pop-brand small{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.02em}
.review-pop-star{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#00b67a;color:#fff;font-size:14px;box-shadow:0 5px 14px rgba(0,182,122,.2)}
.review-pop>strong{position:relative;display:block;margin-top:14px;color:#151722;font-family:Unbounded;font-size:17px;line-height:1.35}
.review-pop .trustpilot-widget{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:62px;margin-top:12px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#f8fafb}
.review-pop .trustpilot-widget iframe{display:block!important;width:100%!important;height:52px!important;margin:0!important}
@media(max-width:640px){.review-pop{left:12px;bottom:max(12px,env(safe-area-inset-bottom));width:min(320px,calc(100vw - 24px));padding:16px;border-radius:16px}.review-pop>strong{font-size:15px}.review-pop-brand small{display:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.top-stats{display:none}}

/* ===== landing ===== */
.nav{display:flex;gap:18px;margin-left:24px}
.nav a{color:var(--dim);text-decoration:none;font-weight:700;font-size:14px}
.nav a:hover{color:#fff}
.lang-sw{display:flex;background:rgba(255,255,255,.08);border-radius:100px;padding:3px;margin-left:auto}
.lang-sw button{border:0;background:transparent;color:#fff;font-weight:800;font-size:12px;padding:6px 12px;border-radius:100px;cursor:pointer}
.lang-sw button.on{background:var(--lime);color:#0B0B16}
.sec{padding:34px 20px}
.sec>h1{line-height:1.2;margin-bottom:14px}
.sec h2{font-family:Unbounded;font-weight:800;font-size:clamp(24px,3.4vw,38px);margin-bottom:8px;line-height:1.2}
.sec-sub{color:var(--dim);margin-bottom:18px;max-width:640px}
.cta-row{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}
.btn.big{padding:15px 30px;font-size:15px}
.chip.static{cursor:default}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.step{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px}
.step-n{font-family:Unbounded;font-weight:900;font-size:26px;min-width:52px;height:52px;width:max-content;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--pink),var(--orange));margin-bottom:12px;white-space:nowrap}
.step-n small{font-size:12px;font-weight:700;opacity:.8;margin-left:2px}
.step h3{font-family:Unbounded;font-size:15px;margin-bottom:8px}
.step p{color:var(--dim);font-size:14px}
.table-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;margin-bottom:16px}
.table-card>.btn.full{margin:12px}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:left;color:var(--dim);font-size:11.5px;text-transform:uppercase;letter-spacing:1px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.tbl td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.rate{font-family:Unbounded;color:var(--lime);white-space:nowrap}
.mono{font-family:monospace;color:var(--cyan)}
.dim{color:var(--dim)}
.pad{padding:14px}
.linkcell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.ticks{list-style:none;margin:14px 0 18px;display:grid;gap:8px}
.ticks li{padding-left:28px;position:relative;font-weight:600}
.ticks li:before{content:'✔';position:absolute;left:0;color:var(--lime);font-weight:900}
.code{background:#0B0B16;border:1px solid rgba(198,255,74,.3);border-radius:18px;padding:20px;font-size:12.5px;color:var(--lime);overflow:auto;transform:rotate(.5deg)}
.code.small{transform:none}
.api-m{margin:14px 0}
.api-m>b{font-family:Unbounded;font-size:13px;color:var(--cyan)}
.api-m .code{margin-top:8px}
body.calm .api-m>b{color:var(--cyan)}
.faq{display:grid;gap:10px}
.faq details{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 18px}
.faq summary{cursor:pointer;font-weight:800;font-family:Unbounded;font-size:14px}
.faq p{color:var(--dim);margin-top:8px;font-size:14px}
.cta{text-align:center}
/* ===== trust band ===== */
.stats-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 4px}
.stats-band>div{background:rgba(255,255,255,.05);border:1px solid rgba(198,255,74,.25);border-radius:18px;padding:16px;text-align:center}
.stats-band b{font-family:Unbounded;font-size:24px;color:var(--lime);display:block}
.stats-band span{color:var(--dim);font-size:12px}
/* ===== blog ===== */
.post-card{display:block;text-decoration:none;color:inherit}
.post-card h3{font-size:16px;margin:8px 0}
.post-card p{margin:8px 0 16px}
.post-card .btn{margin-top:2px}
.post h1{font-family:Unbounded;font-size:clamp(26px,4vw,40px);margin:10px 0 14px;line-height:1.15}
.post h2{font-family:Unbounded;font-size:clamp(18px,2.4vw,24px);margin:26px 0 10px}
.post p{color:#CFC9EC;line-height:1.7;margin:8px 0;max-width:760px}
.post .sec-sub{max-width:760px}
.center{text-align:center;margin-top:10px}
.linklike{background:none;border:0;color:var(--cyan);font-weight:800;cursor:pointer;font-size:14px;text-decoration:none}
.rocket-card.mini .rc-big{font-size:44px}
.hidden{display:none!important}

/* ===== dashboard / admin ===== */
.dash{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.side{background:rgba(11,11,22,.85);border-right:1px solid rgba(255,255,255,.08);padding:18px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;backdrop-filter:blur(10px)}
.logo.sm{font-size:20px}
.logo-img{width:32px;height:32px;vertical-align:-7px;border-radius:9px;margin-right:2px}
.logo.sm .logo-img{width:26px;height:26px;vertical-align:-6px}
.logo-word{height:44px;width:auto;vertical-align:middle}
.logo.sm .logo-word{height:34px}
.adm-tag{font-size:10px;background:var(--pink);border-radius:8px;padding:3px 8px;vertical-align:middle}
.bal-card{background:linear-gradient(135deg,rgba(255,46,166,.25),rgba(124,92,255,.25));border:1px solid rgba(255,46,166,.4);border-radius:16px;padding:12px;text-align:center}
.bal-card span{font-size:11px;color:var(--dim);font-weight:700}
.bal-card b{font-family:Unbounded;font-size:22px;color:var(--lime);display:block;margin:4px 0 8px}
#sideNav{display:flex;flex-direction:column;gap:6px}
#sideNav button{background:transparent;border:1px solid transparent;color:var(--dim);text-align:left;font-family:Manrope;font-weight:700;font-size:13.5px;padding:10px 12px;border-radius:12px;cursor:pointer}
#sideNav button:hover{color:#fff;background:rgba(255,255,255,.05)}
#sideNav button.on{color:#0B0B16;background:linear-gradient(90deg,var(--lime),var(--cyan))}
#sideNav button b{background:var(--pink);color:#fff;border-radius:100px;padding:1px 8px;font-size:11px;margin-left:6px}
#sideNav button b:empty{display:none}
.side-foot{margin-top:auto;display:grid;gap:8px}
.side-foot .lang-sw{margin:0}
.dmain{padding:26px;max-width:1080px}
.dtop{display:flex;justify-content:space-between;color:var(--dim);font-size:13px;margin-bottom:14px}
.view h2{font-family:Unbounded;font-size:22px;margin-bottom:16px}
/* единый вертикальный ритм: все блоки вьюх отделены друг от друга */
.dmain .view>.card,.dmain .view>.table-card,.dmain .view>.toolbar,.dmain .view>.steps,.dmain .view>.faq{margin-bottom:20px}
.dmain .view>.card:last-child,.dmain .view>.table-card:last-child{margin-bottom:0}
.form-card{max-width:640px}
.desc-box{background:rgba(62,230,255,.07);border:1px solid rgba(62,230,255,.25);border-radius:14px;padding:12px 14px;font-size:13.5px;margin-bottom:10px}
.ddesc{color:var(--dim);font-size:12.5px;margin-top:8px;line-height:1.5}
.descline{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px;color:var(--dim);font-size:11.5px;margin-top:3px}
.spec-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.spec{font-size:11px;font-weight:700;background:rgba(198,255,74,.08);border:1px solid rgba(198,255,74,.28);color:var(--lime);padding:4px 10px;border-radius:100px}
.wl-bar{height:10px;background:rgba(255,255,255,.08);border-radius:100px;overflow:hidden;margin-top:6px}
.wl-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),var(--cyan));transition:.3s}
.wl-prev{border-radius:18px;padding:20px;border:1px solid rgba(255,255,255,.12);margin-top:6px}
.wl-prev-head{display:flex;gap:8px;align-items:center;font-size:18px}
.wl-prev h4{font-family:Unbounded;margin:10px 0 4px;font-size:17px}
.wl-prev p{font-size:12.5px;opacity:.75;margin:0 0 12px}
.wl-prev-btn{display:inline-block;padding:9px 18px;border-radius:12px;font-weight:800;font-size:12px;color:#0B0B16;margin-right:8px}
.wl-prev-btn.ghost{background:rgba(255,255,255,.12);color:#fff}
.wl-prev-card{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);font-size:12px}
.wl-prev-foot{margin-top:10px;font-size:11px;opacity:.6}
.wl-prev-ann{font-size:11.5px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.08);margin-bottom:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lbl{font-size:12px;color:var(--dim)}
.ord-price b{font-family:Unbounded;font-size:24px;color:var(--lime)}
.inp.sm{padding:8px 10px;font-size:12.5px}
.sel.sm{padding:6px 8px;font-size:12px}
.cat-head{width:100%;background:rgba(255,255,255,.05);border:0;color:#fff;display:flex;gap:10px;align-items:center;padding:13px 16px;cursor:pointer;font-size:14px}
.cat-head i{margin-left:auto;color:var(--lime)}
.cat-body.closed{display:none}
.star{background:none;border:0;color:rgba(255,255,255,.25);font-size:18px;cursor:pointer;padding:0 4px}
.star.on{color:var(--orange);text-shadow:0 0 12px var(--orange)}
.cart-veil{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:150;display:none}
.cart-veil.open{display:block}
.cart-drawer{position:fixed;top:0;right:0;width:min(400px,92vw);height:100vh;background:#16162C;border-left:1px solid rgba(255,255,255,.14);z-index:160;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column}
.cart-drawer.open{transform:none}
.cart-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1);font-family:Unbounded}
#cartLines{flex:1;overflow:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}
.cart-line{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:13px}
.cart-foot{padding:16px 18px;border-top:1px solid rgba(255,255,255,.1)}
.cart-total{display:flex;justify-content:space-between;font-family:Unbounded;margin-bottom:10px}
.cart-total b{color:var(--lime);font-size:20px}
.mass-line{padding:8px 10px;border-radius:10px;margin-top:6px;font-size:13px;background:rgba(255,255,255,.05);word-break:break-all}
.mass-line.ok{border:1px solid rgba(198,255,74,.35)}
.mass-line.fail{border:1px solid rgba(255,46,166,.45)}
.tiersel{cursor:pointer}
.tiersel.sel{border-color:var(--lime);box-shadow:0 0 0 2px var(--lime)}
.step-h{font-family:Unbounded;font-size:13px;font-weight:800;color:var(--lime);margin:16px 0 10px;letter-spacing:.5px}
.step-h:first-child{margin-top:0}
.tiersel{position:relative}
#v-wl{display:flex;flex-direction:column}
#v-wl h2{order:1}#v-wl .sec-sub{order:2}#wlAbout{order:3}#wlOrderCard{order:4}#wlLocked{order:5}#wlStudioSite{order:6}#wlStudioTg{order:7}#myWlBox{order:8}#shopCtl{order:9}#v-wl details{order:10}
.tiersel.sel::after{content:'✓';position:absolute;top:10px;right:12px;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#0B0B16;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:15px}
details.card summary{cursor:pointer}
details.card summary.wl-sum{font-size:14px}
details.card[open] summary.wl-sum{margin-bottom:12px}
.badges.inline{display:inline}
.st{background:rgba(198,255,74,.15);color:var(--lime);font-size:11px;font-weight:800;padding:4px 10px;border-radius:100px;white-space:nowrap}
.card.ticket{margin-top:12px}
.ticket p{font-size:13px;margin:6px 0;background:rgba(0,0,0,.25);border-radius:10px;padding:8px 10px}
.ticket p i{color:var(--dim);font-style:normal;font-weight:800}
.ticket p.admin{border-left:3px solid var(--lime)}
.search-big.small{transform:none;box-shadow:none}
@media(max-width:900px){.dash{grid-template-columns:1fr}.side{position:static;height:auto}.split{grid-template-columns:1fr}.nav{display:none}.grid2{grid-template-columns:1fr}}
/* ===== calm pro theme (dashboard + admin; landing stays juicy) ===== */
body.calm{background:#0E0E1A}
body.calm .bg-blobs{display:none}
body.calm .card,body.calm .table-card,body.calm .toolbar,body.calm .step,body.calm .pick-card,body.calm .find-row,body.calm .modal-card,body.calm .faq details{background:#151527;border:1px solid rgba(255,255,255,.08);box-shadow:none;transform:none!important}
body.calm .btn.neon{background:var(--lime);box-shadow:none}
body.calm .btn.mega{background:#7C5CFF;box-shadow:none}
body.calm .btn.ghost{background:rgba(255,255,255,.06)}
body.calm .bal-card{background:#151527;border:1px solid rgba(255,255,255,.1)}
body.calm .ord-price{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
body.calm .desc-box{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
body.calm .step-n{background:#23233d}
body.calm .pick-card .pico{color:var(--lime)}
body.calm .pick-card:hover{transform:none;border-color:rgba(198,255,74,.5)}
body.calm .pick-card:hover .pico{color:var(--lime)}
body.calm .cat-head{background:rgba(255,255,255,.03)}
body.calm .cart-drawer{background:#12121f}
body.calm .code{transform:none}
body.calm .new-tag{background:rgba(198,255,74,.15);color:var(--lime)}
body.calm .hit-tag{background:#7C5CFF}
body.calm .side{background:#101020}
body.calm .topbar{background:rgba(14,14,26,.9)}
/* ===== designer one-color icons ===== */
.pico{display:inline-flex;width:18px;height:18px;vertical-align:-3px;color:var(--lime)}
.pico svg{width:100%;height:100%}
.pico.menu{width:17px;height:17px;color:var(--dim);margin-right:3px}
#sideNav button.on .pico.menu{color:#0B0B16}
.btn .pico.menu{color:inherit;margin-right:2px}
.chip .pico{width:16px;height:16px;vertical-align:-3px}
.chip.on .pico{color:#0B0B16}
.chip .sw{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:6px;border:1px solid rgba(255,255,255,.3)}
.plat .pico{color:#0B0B16;width:15px;height:15px}
.cat-head .pico{color:var(--cyan);width:17px;height:17px;vertical-align:-3px;margin-right:2px}
.pico.big{width:44px;height:44px}
/* ===== online pill ===== */
.online-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(198,255,74,.1);border:1px solid rgba(198,255,74,.4);border-radius:100px;padding:6px 14px;font-size:12.5px;font-weight:800}
.online-pill i{width:9px;height:9px;border-radius:50%;background:var(--lime);animation:pulse 1.6s infinite}
.online-pill b{font-family:Unbounded;color:var(--lime)}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(198,255,74,.15)}}
/* ===== finder ===== */
.new-tag{font-size:10px;font-weight:800;background:linear-gradient(90deg,var(--pink),var(--orange));border-radius:8px;padding:3px 9px;vertical-align:middle;letter-spacing:1px}
#sideNav button .new-tag{margin-left:4px}
.crumbs{display:flex;gap:10px;align-items:center;margin:6px 0 16px;color:var(--dim);font-size:13px;font-weight:700}
.crumbs span.on{color:var(--lime)}
.crumbs span.done{color:#fff}
.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
#findBody>.btn+.pick-grid{margin-top:14px}
.pick-card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px 12px;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;transition:.16s}
.pick-card:hover{transform:translateY(-3px);border-color:var(--lime)}
.pick-card .pico{color:var(--lime)}
.pick-card:hover .pico{color:var(--lime)}
.pick-card b{font-family:Unbounded;font-size:13px}
.pick-card span{color:var(--dim);font-size:11.5px}
.find-row{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 14px;margin-bottom:10px;font-size:13.5px}
.find-row>div:first-child{flex:1;min-width:0}
.find-x .card{margin:0 0 10px 0}
.drip-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-top:10px;cursor:pointer}
.drip-toggle input{width:18px;height:18px;accent-color:var(--lime)}
/* ===== child spacing fix ===== */
/* ===== mobile: global anti-overflow ===== */
.grid>*,.steps>*,.pick-grid>*,.stats-band>*{min-width:0}
.card h3,.card .cat,.ddesc,.descline,.linkcell,.ticket p{overflow-wrap:anywhere}
.price-row{flex-wrap:wrap;row-gap:6px}
.price-row>*{min-width:0}
.dtop{flex-wrap:wrap;gap:8px;align-items:center}
.dtop>span{flex-wrap:wrap;row-gap:8px}
.dtop #dHello{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-meta{flex-wrap:wrap;gap:12px}
.crumbs{flex-wrap:wrap;row-gap:6px}
.find-row{flex-wrap:wrap}
.table-card{overflow-x:auto;overflow-y:hidden}
.tbl{min-width:600px}
.post p,.post li{overflow-wrap:break-word}
.m-topbar{display:none}
.toast{max-width:calc(100vw - 32px)}
/* ===== hamburger ===== */
.burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:42px;height:42px;flex:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:.2s}
body.mopen .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.mopen .burger span:nth-child(2){opacity:0}
body.mopen .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mveil{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:290;opacity:0;visibility:hidden;transition:.25s}
body.mopen .mveil{opacity:1;visibility:visible}
.m-auth{display:none}
.nav .m-lang{display:none}
@media(max-width:900px){
  .burger{display:inline-flex}
  #burger{margin-left:auto}
  .topbar-in{gap:10px;padding:10px 14px}
  .logo-word{height:34px}
  .logo.sm .logo-word{height:28px}
  .nav{display:none}
  body.mopen .nav{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(320px,84vw);flex-direction:column;align-items:stretch;gap:4px;background:#151527;border-left:1px solid rgba(255,255,255,.12);padding:72px 16px 16px;z-index:300;overflow-y:auto;margin:0}
  body.mopen .nav a{padding:13px 14px;border-radius:12px;font-size:15px}
  .nav .m-auth{display:flex;flex-direction:column;gap:10px;margin-top:14px}
  .top-actions.m-hide{display:none}
  body.mopen .nav .m-lang{display:block;margin-top:12px}
  body.mopen .nav .m-lang .lang-dd{display:flex}
  body.mopen .nav .m-lang .lang-dd-btn{width:100%;justify-content:space-between}
  body.mopen .nav .m-lang .lang-dd-menu{left:0;right:auto}
  .top-actions{gap:8px}
  .top-actions .btn{padding:9px 13px;font-size:11.5px}
  .top-actions #btnLogin{display:none}
  .lang-dd-btn{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dash{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;width:min(300px,84vw);z-index:300;height:100dvh;margin:0;transform:translateX(-105%);transition:transform .25s;border-right:1px solid rgba(255,255,255,.12)}
  body.mopen .side{transform:none}
  .dmain{padding:16px;max-width:none}
  .m-topbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-family:Unbounded;font-weight:800}
  .split{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
}
@media(max-width:640px){
  .topbar-in{flex-wrap:wrap}
  #dHello{display:none}
  #rHello{display:none}
  #dUpd{display:none}
  #btnTopup{font-size:0}
  #btnTopup b{font-size:12px}
  .find-row>div:first-child{flex:1 1 100%}
  .grid{grid-template-columns:1fr}
  .tbl{min-width:0}
  .tbl thead{display:none}
  .tbl,.tbl tbody{display:block;width:100%}
  .tbl tr{display:block;width:100%;border-bottom:1px solid rgba(255,255,255,.08);padding:4px 0}
  .tbl td{display:block;width:100%;border:0;padding:7px 14px}
  .tbl td:empty{display:none}
  .tbl td:first-child,.tbl td:nth-child(2){display:inline-block;width:auto;vertical-align:middle}
  .tbl td .qty-row{margin-top:6px}
  .btn.big{width:100%}
  .inp,select.sel,textarea.inp{font-size:16px}
  .table-card>.btn.full{width:calc(100% - 24px)}
  .toast{white-space:normal;text-align:center}
  .top-actions .btn{padding:8px 11px;font-size:11px}
  .descline{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:none}
}
#tierGrid{margin-bottom:20px}
#v-wl .form-card{margin-top:4px}
#v-wl .fld{margin:14px 0}