/* JTSMMPANEL: Best SMM Panel page (https://jtsmmpanel.com/best-smm-panel)
   Hosted at https://announcements.jtsmmpanel.com/jt-theme/pages/best-smm-panel.css?v=1
   Prefix jtb-. Neutral variable names (r-k0..k5, r-p1..p4, r-x*) so the layout dark adapter leaves them alone.
   Light by default, dark for html[data-theme="dark"] (guests) and body.nightmode (logged in). */
.row:has(.jtb){margin-left:0;margin-right:0}.col-md-12:has(.jtb){padding-left:0;padding-right:0}
.jtb{--r-k0:#ffffff;--r-k1:#f6f3fd;--r-k2:#ffffff;--r-k3:#e6e0f4;--r-k4:#17112b;--r-k5:#5d5674;--r-p1:#7c3aed;--r-p2:#db2777;--r-p3:#b45309;--r-p4:#4f46e5;--r-gd:#f59e0b;--r-ok:#15803d;--r-no:#be185d;--r-sh:0 24px 60px -32px rgba(60,20,120,.4);--r-gl:rgba(124,58,237,.13);--r-on:#ffffff;--r-x0:#ffffff;--r-x6:#4c1d95;--r-x1:rgba(255,255,255,.12);--r-x2:rgba(255,255,255,.35);--r-x3:rgba(255,255,255,.18);--r-x4:rgba(255,255,255,.1);--r-x5:rgba(255,255,255,.25);--r-x7:rgba(255,255,255,.86);--r-st:#fff7e6;
  color:var(--r-k4);background:var(--r-k0);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;font-size:17px;border-radius:20px;overflow:hidden;text-align:left}
html[data-theme="dark"] .jtb,body.nightmode .jtb{--r-k0:#06040c;--r-k1:#0c0818;--r-k2:#120c24;--r-k3:rgba(190,160,255,.16);--r-k4:#f4f0ff;--r-k5:#b1aac8;--r-p1:#a78bfa;--r-p2:#f472b6;--r-p3:#fbbf24;--r-p4:#818cf8;--r-ok:#86efac;--r-no:#f9a8d4;--r-sh:0 30px 80px -30px rgba(0,0,0,.9);--r-gl:rgba(167,139,250,.17);--r-st:#1d1430;color-scheme:dark}
.jtb *{box-sizing:border-box}
.jtb img{max-width:100%;height:auto;display:block}
.jtb-wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.jtb section{padding:64px 0}
.jtb h1,.jtb h2,.jtb h3{color:var(--r-k4);line-height:1.15;margin:0 0 12px;font-weight:800;letter-spacing:-.025em}
.jtb h1{font-size:clamp(2.2rem,5.4vw,3.9rem)}
.jtb h2{font-size:clamp(1.65rem,3.5vw,2.5rem)}
.jtb h3{font-size:1.15rem}
.jtb p{margin:0 0 14px;color:var(--r-k5)}
.jtb a{color:var(--r-p1);font-weight:600;text-decoration:none}
.jtb a:hover{text-decoration:underline}
.jtb svg{width:24px;height:24px;fill:currentColor;flex:none}
.jtb-hl{background:linear-gradient(95deg,var(--r-p1) 0%,var(--r-p2) 55%,var(--r-gd));-webkit-background-clip:text;background-clip:text;color:transparent}
.jtb-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--r-p1);margin-bottom:12px}
.jtb-tag:before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--r-p1),var(--r-p2))}
.jtb-head{max-width:760px;margin:0 0 38px}
.jtb-head.jtb-c{text-align:center;margin:0 auto 38px}
.jtb-head.jtb-c .jtb-tag:after{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--r-p2),var(--r-p1))}
.jtb-alt{background:var(--r-k1)}
.jtb-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 22px;border-radius:14px;font-size:16px;font-weight:800!important;border:1.5px solid var(--r-k3);background:var(--r-k2);color:var(--r-k4)!important;text-decoration:none!important;transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .2s,border-color .2s}
.jtb-btn:hover{transform:translateY(-2px);border-color:var(--r-p1);box-shadow:0 14px 30px -16px var(--r-p1)}
.jtb-btn svg{width:20px;height:20px}
.jtb-go{background:linear-gradient(135deg,#7c3aed,#db2777);border-color:transparent;color:var(--r-on)!important;box-shadow:0 18px 40px -18px rgba(124,58,237,.95)}
.jtb-go:hover{border-color:transparent}

/* ---------- hero ---------- */
.jtb-hero{position:relative;padding:28px 0 70px!important;background:radial-gradient(ellipse at 100% 0%,var(--r-gl),transparent 50%),radial-gradient(ellipse at 0% 60%,rgba(245,158,11,.10),transparent 45%)}
.jtb-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:repeating-conic-gradient(from 0deg at 78% 40%,var(--r-gl) 0deg 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle at 78% 40%,#000,transparent 60%);mask-image:radial-gradient(circle at 78% 40%,#000,transparent 60%)}
.jtb-hero .jtb-wrap{position:relative;z-index:1}
.jtb-crumb{font-size:14px;color:var(--r-k5);margin-bottom:24px}
.jtb-crumb a{color:var(--r-k5);font-weight:500}
.jtb-hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.jtb-pill{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--r-k4);padding:7px 16px 7px 8px;border-radius:999px;border:1px solid var(--r-k3);background:var(--r-k2);margin-bottom:20px;box-shadow:var(--r-sh)}
.jtb-pill b{display:inline-grid;place-items:center;height:28px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#db2777);color:var(--r-on);font-size:13px}
.jtb-lead{font-size:19px;max-width:600px}
.jtb-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 26px}
.jtb-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.jtb-facts li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--r-k4);padding:8px 12px;border-radius:12px;background:var(--r-k1);border:1px solid var(--r-k3)}
.jtb-facts svg{width:18px;height:18px;color:var(--r-p1)}
.jtb-stage{position:relative}
.jtb-orb{position:absolute;left:8%;top:4%;width:84%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 90deg,#f59e0b,#7c3aed,#db2777,#f59e0b);filter:blur(64px);opacity:.32;animation:jtb-spin 22s linear infinite}
@keyframes jtb-spin{to{transform:rotate(360deg)}}
.jtb-heroimg{position:relative;width:100%;max-width:560px;margin:0 auto;filter:drop-shadow(0 26px 34px rgba(30,0,70,.4));animation:jtb-float 6s cubic-bezier(.4,0,.2,1) infinite}
@keyframes jtb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.jtb-medal{position:absolute;left:-6px;bottom:8%;z-index:2;display:flex;align-items:center;gap:12px;max-width:270px;padding:12px 16px 12px 12px;border-radius:16px;background:var(--r-k2);border:1px solid var(--r-k3);box-shadow:var(--r-sh);font-size:13px;color:var(--r-k5);line-height:1.35;transform:rotate(-2deg)}
.jtb-medal svg{width:40px;height:40px;padding:8px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#db2777);color:#fff}
.jtb-medal b{display:block;font-size:15px;color:var(--r-k4)}

/* ---------- quick answer ---------- */
.jtb-answer{padding:0!important;margin-top:-10px;position:relative;z-index:2}
.jtb-ans{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding:26px 30px;border-radius:22px;background:var(--r-k2);border:1px solid var(--r-k3);box-shadow:var(--r-sh);position:relative;overflow:hidden}
.jtb-ans:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--r-gd),var(--r-p2),var(--r-p1))}
.jtb-ans-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--r-k1);border:1px solid var(--r-k3);color:var(--r-gd)}
.jtb-ans h2{font-size:1.25rem;margin-bottom:6px}
.jtb-ans p{margin:0;font-size:17.5px;color:var(--r-k4)}
.jtb-ans p strong{color:var(--r-p1)}

/* ---------- report card ---------- */
.jtb-card{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:c}
.jtb-sc{counter-increment:c;position:relative;padding:22px 22px 18px;border-radius:20px;background:var(--r-k2);border:1px solid var(--r-k3);display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s,border-color .2s}
.jtb-sc:hover{transform:translateY(-3px);box-shadow:var(--r-sh);border-color:var(--r-p1)}
.jtb-sc:before{content:counter(c,decimal-leading-zero);position:absolute;right:20px;top:58px;font-size:40px;font-weight:900;letter-spacing:-.04em;color:var(--r-k3);line-height:1}
.jtb-sc i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;margin-bottom:14px;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff}
.jtb-sc:nth-child(3n+2) i{background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.jtb-sc:nth-child(3n) i{background:linear-gradient(135deg,#db2777,#f59e0b)}
.jtb-sc h3{margin-bottom:6px}
.jtb-sc p{font-size:15px;margin:0 0 14px;flex:1}
.jtb-sc>b{display:block;padding-top:12px;border-top:1px dashed var(--r-k3);font-size:15px;font-weight:800;color:var(--r-k4)}
.jtb-pass{position:absolute;right:16px;top:16px;padding:3px 10px;border-radius:8px;border:2px solid var(--r-ok);color:var(--r-ok);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transform:rotate(6deg)}

/* ---------- 10-point test (pure CSS score) ---------- */
.jtb-qgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:start}
.jtb-key{display:grid;gap:10px}
.jtb-key p{margin:0;padding:12px 16px;border-radius:14px;background:var(--r-k2);border:1px solid var(--r-k3);font-size:15.5px}
.jtb-key b{color:var(--r-k4)}
.jtb-quiz{counter-reset:s;display:grid;gap:10px;padding:22px;border-radius:24px;background:var(--r-k2);border:1px solid var(--r-k3);box-shadow:var(--r-sh)}
.jtb-quiz label{display:flex;align-items:flex-start;gap:12px;margin:0;padding:12px 14px;border-radius:14px;border:1px solid var(--r-k3);cursor:pointer;font-size:15.5px;font-weight:600;color:var(--r-k4);transition:border-color .2s,background .2s}
.jtb-quiz label:hover{border-color:var(--r-p1)}
.jtb-quiz input{-webkit-appearance:none;appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border-radius:7px;border:2px solid var(--r-k3);background:var(--r-k1);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}
.jtb-quiz input:checked{counter-increment:s;background:linear-gradient(135deg,#7c3aed,#db2777);border-color:transparent}
.jtb-quiz input:checked:after{content:"";width:10px;height:5px;border:solid var(--r-on);border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}
.jtb-quiz input:focus-visible{outline:2px solid var(--r-p1);outline-offset:2px}
.jtb-quiz label:has(input:checked){border-color:var(--r-p1);background:var(--r-gl)}
.jtb-score{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:6px;padding:16px;border-radius:16px;background:linear-gradient(120deg,#4c1d95,#7c3aed 50%,#db2777);color:var(--r-x7);font-weight:700}
.jtb-num{font-size:44px;font-weight:900;line-height:1;color:#fff;letter-spacing:-.03em}
.jtb-num:before{content:counter(s)}

/* ---------- compare table ---------- */
.jtb-tbl{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;border-radius:20px;overflow:hidden;border:1px solid var(--r-k3);background:var(--r-k2);font-size:15.5px}
.jtb-tbl>div{padding:14px 18px;border-bottom:1px solid var(--r-k3);color:var(--r-k5)}
.jtb-tbl>div:nth-last-child(-n+3){border-bottom:0}
.jtb-th{font-size:12px;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;background:var(--r-k1)}
.jtb-tk{font-weight:800;color:var(--r-k4)!important}
.jtb-tbl .jtb-us{color:var(--r-k4);font-weight:700;background:var(--r-gl)}
.jtb-tbl .jtb-th.jtb-us{color:var(--r-p1)}

/* ---------- by platform ---------- */
.jtb-plat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jtb-pl{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:var(--r-k2);border:1px solid var(--r-k3);color:var(--r-k5)!important;font-weight:500!important;font-size:14.5px;line-height:1.4;text-decoration:none!important;transition:transform .2s cubic-bezier(.2,0,0,1),border-color .2s,box-shadow .2s}
.jtb-pl:hover{transform:translateY(-3px);border-color:var(--b);box-shadow:var(--r-sh)}
.jtb-pl i{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;background:var(--b);color:#fff;box-shadow:inset 0 0 0 1px var(--r-k3)}
.jtb-pl b{display:block;font-size:16.5px;color:var(--r-k4);margin-bottom:2px}
.jtb-pl em{margin-left:auto;font-style:normal;font-size:13px;font-weight:800;color:var(--r-p1)}
.jtb .jtb-pnote{text-align:center;margin:22px 0 0}

/* ---------- start small ---------- */
.jtb-sgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center}
.jtb-simg{position:relative}
.jtb-simg:before{content:"";position:absolute;inset:6% 8%;border-radius:50%;background:radial-gradient(circle,var(--r-gl),transparent 70%)}
.jtb-simg img{position:relative;margin:0 auto;filter:drop-shadow(0 24px 30px rgba(30,0,70,.35))}
.jtb-steps{display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:w}
.jtb-steps li{counter-increment:w;display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px 20px;border-radius:18px;background:var(--r-k2);border:1px solid var(--r-k3)}
.jtb-steps li:before{content:counter(w);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#db2777);color:#fff;font-weight:900;font-size:19px}
.jtb-steps b{display:block;color:var(--r-k4);font-size:17px;margin-bottom:2px}
.jtb-steps span{color:var(--r-k5);font-size:15.5px}

/* ---------- pay strip ---------- */
.jtb-pay{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.jtb-pay span{display:grid;place-items:center;height:58px;padding:10px;border-radius:12px;background:var(--r-x0);border:1px solid var(--r-k3)}
.jtb-pay img{max-height:30px;width:auto;object-fit:contain}

/* ---------- faq ---------- */
.jtb-faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.jtb-faq details{border-radius:16px;background:var(--r-k2);border:1px solid var(--r-k3);transition:border-color .2s}
.jtb-faq details[open]{border-color:var(--r-p1)}
.jtb-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;font-weight:800;color:var(--r-k4);font-size:17px}
.jtb-faq summary::-webkit-details-marker{display:none}
.jtb-faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--r-k1);color:var(--r-p1);font-size:20px;font-weight:700;transition:transform .2s}
.jtb-faq details[open] summary:after{transform:rotate(45deg)}
.jtb-faq details p{padding:0 20px 18px;margin:0}

/* ---------- end ---------- */
.jtb-end{padding-bottom:40px!important}
.jtb-endbox{position:relative;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:20px;padding:44px 46px;border-radius:30px;overflow:hidden;background:linear-gradient(120deg,#4c1d95,#7c3aed 45%,#db2777);color:#fff}
.jtb-endbox:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--r-x3) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent)}
.jtb-endbox>*{position:relative}
.jtb-endbox h2{color:#fff}
.jtb-endbox p{color:var(--r-x7);font-size:18px}
.jtb-endbox .jtb-cta{margin:22px 0 0}
.jtb-endbox .jtb-btn{background:var(--r-x1);border-color:var(--r-x2);color:#fff!important}
.jtb-endbox .jtb-go{background:var(--r-x0);color:var(--r-x6)!important;border-color:var(--r-x0)}
.jtb-big{display:grid;place-items:center;text-align:center;padding:22px;border-radius:24px;background:var(--r-x4);border:1px solid var(--r-x5)}
.jtb-big b{display:block;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:#fff}
.jtb-big small{display:block;margin-top:8px;font-size:14px;font-weight:600;color:var(--r-x7)}
.jtb-more{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.jtb-more b{margin-right:6px;color:var(--r-k4)}
.jtb-more a{padding:8px 14px;border-radius:999px;border:1px solid var(--r-k3);background:var(--r-k2);font-size:14.5px;color:var(--r-k4)}
.jtb-more a:hover{border-color:var(--r-p1);color:var(--r-p1);text-decoration:none}
.jtb-upd{margin-top:18px;font-size:13.5px;color:var(--r-k5)}

/* ---------- scroll reveal (no JS) ---------- */
@supports (animation-timeline:view()){
  .jtb-sc,.jtb-pl,.jtb-steps li{animation:jtb-in linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  @keyframes jtb-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.jtb *{animation:none!important;transition:none!important}}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .jtb-card,.jtb-plat{grid-template-columns:1fr 1fr}
  .jtb-pay{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:860px){
  .jtb section{padding:48px 0}
  .jtb-hgrid,.jtb-qgrid,.jtb-sgrid,.jtb-endbox{grid-template-columns:1fr}
  .jtb-stage{max-width:520px;width:100%;margin:0 auto}
  .jtb-orb{display:none}
  .jtb-heroimg{width:92%}
  .jtb-qgrid{gap:24px}
  .jtb-simg img{max-width:340px}
  .jtb-endbox{padding:34px 26px;text-align:center}
  .jtb-endbox .jtb-cta{justify-content:center}
}
@media (max-width:600px){
  .jtb{font-size:16px;border-radius:0}
  .jtb-lead{font-size:17.5px}
  .jtb-cta .jtb-btn{flex:1 1 100%}
  .jtb-answer{margin-top:0}
  .jtb-ans{grid-template-columns:1fr;padding:22px 20px 22px 24px;gap:12px}
  .jtb-card,.jtb-plat{grid-template-columns:1fr}
  .jtb-pay{grid-template-columns:repeat(3,1fr)}
  .jtb-medal{position:relative;left:auto;bottom:auto;margin:12px auto 0;transform:none}
  .jtb-quiz{padding:14px}
  .jtb-tbl{grid-template-columns:1fr 1fr;font-size:14.5px}
  .jtb-tbl>div{padding:11px 12px}
  .jtb-tbl .jtb-th:first-child,.jtb-tk{grid-column:1/-1;background:var(--r-k1)}
  .jtb-tbl .jtb-th:first-child{display:none}
  .jtb-tbl>div:nth-last-child(-n+3){border-bottom:1px solid var(--r-k3)}
  .jtb-tbl>div:last-child,.jtb-tbl>div:nth-last-child(2){border-bottom:0}
}