/* ===== Betzino monobrand review — clean hand-authored HTML/CSS/JS, no third-party code ===== */
:root{
  --bg:#0E0F10;--s1:#161719;--s2:#1C1E22;--s3:#26282e;--s4:#2e3138;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);
  --grn:#EDE92A;--grn2:#f6f24e;--grn3:#cfc900;--grn-ink:#15160a;
  --ink:#fff;--mut:#aab0b8;--faint:#8b9199;
  --blue:#3887E2;--yellow:#e8c823;--red:#df1818;--violet:#7925e3;
  --good:#3fd27a;--bad:#ff6b6b;
  --f:'Readex Pro',ui-sans-serif,system-ui,'Segoe UI',Roboto,sans-serif;
  --maxw:1120px;color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.01em;line-height:1.12}
p{margin:0}
img{max-width:100%;display:block}
.num{font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--grn);outline-offset:2px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:8px;top:-52px;z-index:200;background:var(--grn);color:var(--grn-ink);padding:9px 14px;border-radius:8px;font-weight:700;font-size:13px;transition:top .15s}
.skip:focus{top:8px}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.on{animation:rise .5s cubic-bezier(.2,.8,.2,1) backwards}

/* ---------- Header ---------- */
.site-hdr{position:sticky;top:0;z-index:80;background:#0c0d0e;border-bottom:1px solid var(--line)}
.site-hdr-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:12px;height:58px;
  padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
.brand{display:flex;align-items:center;gap:9px;margin-right:auto;font-style:italic;font-weight:900;font-size:22px;letter-spacing:-.03em}
.brand-bars{display:inline-flex;gap:3px;align-items:flex-end}
.brand-bars i{width:6px;border-radius:1px;background:var(--grn)}
.brand-bars i:nth-child(1){height:9px}.brand-bars i:nth-child(2){height:15px}.brand-bars i:nth-child(3){height:21px}
.hdr-cta{display:flex;align-items:center;gap:9px}
.hbtn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f);font-weight:700;font-size:13.5px;border-radius:10px;padding:9px 16px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:.15s}
.hbtn.ghost{border-color:var(--grn);color:var(--grn)}
.hbtn.ghost:hover{background:rgba(237,233,42,.12)}
.hbtn.solid{background:var(--grn);color:var(--grn-ink);box-shadow:0 8px 20px -10px var(--grn)}
.hbtn.solid:hover{background:var(--grn2)}

/* ---------- Subnav ---------- */
.subnav{position:sticky;top:58px;z-index:70;background:rgba(16,17,18,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.subnav-in{max-width:var(--maxw);margin:0 auto;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:0 max(10px,env(safe-area-inset-left))}
.subnav-in::-webkit-scrollbar{display:none}
.subnav a{font-weight:600;font-size:13px;color:var(--mut);padding:13px 12px;white-space:nowrap;border-bottom:2px solid transparent}
.subnav a:hover{color:var(--ink)}
.subnav a[aria-current="true"]{color:var(--grn);border-bottom-color:var(--grn)}

.sec{padding:30px 0 0}
.sec-h{display:flex;align-items:baseline;gap:12px;margin-bottom:15px}
.sec-h h2{font-size:22px}
.sec-h .c{margin-left:auto;font-size:12px;color:var(--faint);font-weight:600}
.panel{background:var(--s1);border:1px solid var(--line);border-radius:16px;padding:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--f);font-weight:700;font-size:15px;border-radius:11px;padding:14px 20px;border:1px solid transparent;cursor:pointer;transition:.15s}
.btn-primary{background:var(--grn);color:var(--grn-ink);box-shadow:0 12px 26px -12px var(--grn)}
.btn-primary:hover{background:var(--grn2)}
.btn-ghost{background:var(--s3);border-color:var(--line2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--grn)}
.btn.full{width:100%}

/* ---------- Hero banners (slider + VIP) ---------- */
.hero{padding:16px 0 0}
.hero-banners{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}
.bslider{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 20px 50px -26px rgba(237,233,42,.45)}
.bslides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bslides::-webkit-scrollbar{display:none}
.bslide{flex:0 0 100%;scroll-snap-align:center;background:#fff;line-height:0}
.bslide img{width:100%;height:auto;aspect-ratio:1160/495;object-fit:cover}
.btag{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:var(--grn);color:var(--grn-ink);font-weight:800;font-size:11px;letter-spacing:.03em;border-radius:999px;padding:7px 13px;box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
.btag svg{width:13px;height:13px}
.bdots{position:absolute;left:0;right:0;bottom:6px;z-index:2;display:flex;justify-content:center;gap:2px}
.bdots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(16,17,18,.45);cursor:pointer;padding:8px;box-sizing:content-box;background-clip:content-box;transition:width .2s,background .2s}
.bdots button[aria-current="true"]{width:22px;background:var(--grn);background-clip:content-box}
.vipcard{background:linear-gradient(150deg,#1a1c1e,#0e0f10);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.vip-logo{width:66px;height:66px;flex:0 0 auto}
.vip-logo img{width:100%;height:100%;object-fit:contain}
.vipcard b{font-size:17px;font-weight:900;letter-spacing:.02em}
.vipcard span{font-size:12px;color:var(--faint);font-weight:600}
.vipcard .btn{margin-top:4px}

/* ---------- Category tiles ---------- */
.cats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.cat{position:relative;overflow:hidden;border-radius:16px;min-height:96px;display:flex;align-items:flex-end;padding:14px;border:1px solid var(--line)}
.cat b{position:relative;z-index:1;font-size:16px;font-weight:800}
.cat .ic{position:absolute;right:-4px;top:-4px;z-index:0}
.cat .ic svg{width:84px;height:84px}
.cat.casino{background:linear-gradient(135deg,#17391f,#0e0f10)}
.cat.sport{background:linear-gradient(135deg,#123a24,#0e0f10)}
.cat.esport{background:linear-gradient(135deg,#2a1540,#0e0f10)}
.cat.live{background:linear-gradient(135deg,#3a1420,#0e0f10)}

/* ---------- Cashback ---------- */
.cashback{display:flex;align-items:center;gap:16px;border-radius:16px;margin-top:14px;padding:20px 22px;overflow:hidden;background:linear-gradient(120deg,#17391f,#2a1540);border:1px solid var(--line)}
.cashback .big{font-size:clamp(24px,6vw,38px);font-weight:900;letter-spacing:-.02em;line-height:1}
.cashback .pill{display:inline-block;margin-top:8px;background:var(--yellow);color:#1a1400;font-weight:800;font-size:13px;border-radius:999px;padding:6px 13px}
.cashback .ill{margin-left:auto;flex:0 0 auto;color:var(--grn);opacity:.9}

/* ---------- Hero review grid ---------- */
.herogrid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
.promo{position:relative;overflow:hidden;border-radius:18px;padding:24px 20px;background:radial-gradient(130% 120% at 85% 0,rgba(237,233,42,.2),transparent 55%),linear-gradient(135deg,#1a1c1e,#0e0f10);border:1px solid var(--line)}
.promo .eye{display:inline-block;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grn);background:rgba(237,233,42,.12);border:1px solid rgba(237,233,42,.3);border-radius:999px;padding:5px 11px}
.promo h1{font-size:clamp(28px,6vw,44px);font-weight:900;margin:14px 0 0;letter-spacing:-.02em}
.promo h1 .g{color:var(--grn)}
.promo .lede{color:var(--mut);font-size:15px;margin-top:12px;max-width:52ch}
.promo .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.promo .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:11px;color:var(--faint);font-weight:600}
.promo .meta b{color:var(--ink)}
.scorecard{border-radius:18px;padding:22px;background:linear-gradient(135deg,#17191b,#0e0f10);border:1px solid var(--line);text-align:center}
.scorecard .lbl{font-weight:700;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--grn)}
.ring{position:relative;width:128px;height:128px;margin:10px auto 0}
.ring svg{transform:rotate(-90deg)}
.ring .n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring .n b{font-size:36px;font-weight:900;line-height:1}
.ring .n span{font-size:10px;color:var(--faint);font-weight:600}
.scorecard .vv{font-size:19px;font-weight:800;margin-top:10px}
.stars{display:flex;justify-content:center;gap:3px;margin-top:6px;align-items:center}.stars svg{width:16px;height:16px;color:var(--grn)}.stars .r{font-weight:800;margin-left:6px}
.qfacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;text-align:left}
.qf{background:var(--s3);border-radius:10px;padding:10px 12px}
.qf b{display:block;font-size:13px}.qf span{font-size:10.5px;color:var(--faint);font-weight:600}

.ess{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ess .e{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:14px}
.ess .e b{display:block;font-size:17px;font-weight:800;color:var(--grn)}
.ess .e span{font-size:12px;color:var(--mut);font-weight:600}

.verdict{border-left:3px solid var(--grn)}
.verdict .q{font-size:17px;font-weight:700;line-height:1.4}
.verdict .by{margin-top:10px;font-size:12px;color:var(--faint);font-weight:600}

.pc2{display:grid;grid-template-columns:1fr;gap:12px}
.pcl h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.pcl.pos h3{color:var(--good)}.pcl.neg h3{color:var(--bad)}
.pcl ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pcl li{display:flex;gap:9px;font-size:13.5px;color:var(--mut);line-height:1.4}.pcl li svg{flex:0 0 auto;margin-top:2px}

.bars{display:grid;gap:12px}
.bar{display:grid;grid-template-columns:92px 1fr 32px;gap:10px;align-items:center;font-size:12.5px;color:var(--mut);font-weight:600}
.bar .bt{height:8px;border-radius:999px;background:var(--s4);overflow:hidden}
.bar .bf{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--grn3),var(--grn))}
.on .bar .bf{width:var(--w);transition:width 1s cubic-bezier(.2,.8,.2,1) .2s}
.bar .bn{text-align:right;font-weight:800;color:var(--ink)}

.offers{display:grid;grid-template-columns:1fr;gap:12px}
.offer{background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:14px;align-items:center}
.offer .oi{flex:0 0 auto;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(237,233,42,.12);color:var(--grn);border:1px solid rgba(237,233,42,.3)}
.offer .ox{flex:1;min-width:0}.offer .ox b{display:block;font-size:16px;font-weight:800}.offer .ox span{font-size:12.5px;color:var(--mut)}
.offer .ov{font-size:18px;font-weight:900;color:var(--grn);white-space:nowrap}
.codebox{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed var(--grn);border-radius:12px;background:rgba(237,233,42,.06);padding:14px 16px;margin-top:12px}
.codebox .cl{font-size:11px;color:var(--mut);font-weight:600}.codebox .cc{font-size:20px;font-weight:900;letter-spacing:.08em;color:var(--grn)}
.codebox .cpy{font-weight:700;font-size:12px;color:var(--grn-ink);background:var(--grn);border:0;border-radius:8px;padding:9px 14px;cursor:pointer}
.callout{margin-top:16px;padding:15px 17px;border:1px solid rgba(232,200,35,.4);background:rgba(232,200,35,.06);border-radius:12px;display:flex;gap:12px}
.callout svg{flex:0 0 auto;color:var(--yellow);margin-top:1px}.callout b{font-weight:800;font-size:13px;color:var(--yellow)}.callout p{margin-top:4px;font-size:13px;color:var(--mut)}

.grow{display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.grow::-webkit-scrollbar{display:none}
a.gcard{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--s2);text-decoration:none}
.gcard img{width:100%;aspect-ratio:1/1;object-fit:cover}
.gcard .gp{font-size:13px;color:#e7eaee;font-weight:600;padding:9px 11px;border-top:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.prov{font-size:12px;font-weight:700;color:var(--mut);background:var(--s3);border:1px solid var(--line);border-radius:8px;padding:7px 12px}

.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--s1)}
.ptable{width:100%;border-collapse:collapse;font-size:13px;min-width:460px}
.ptable th,.ptable td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.ptable thead th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-weight:700}
.ptable td.n{font-weight:700}.ptable .fast{color:var(--grn);font-weight:800}
.ptable tbody tr:last-child td{border-bottom:0}
.ptable .m{display:flex;align-items:center;gap:9px;font-weight:700}
.plogos{display:inline-flex;gap:5px;flex:0 0 auto}
.plogo{height:26px;width:auto;max-width:42px;object-fit:contain;background:#fff;border-radius:5px;padding:3px}

.amb{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.amb .a{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:16px 10px;text-align:center}
.amb .a .av{width:52px;height:52px;border-radius:50%;margin:0 auto 10px;background:linear-gradient(135deg,var(--s4),#0e0f10);border:1px solid var(--line2);display:grid;place-items:center;color:var(--grn)}
.amb .a b{display:block;font-size:13.5px;font-weight:800}.amb .a span{font-size:11px;color:var(--faint);font-weight:600}

.secu{display:grid;grid-template-columns:1fr;gap:10px}
.sr{display:flex;gap:12px;align-items:flex-start;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:14px}
.sr svg{flex:0 0 auto;color:var(--grn);margin-top:2px}.sr b{display:block;font-size:14px;font-weight:800}.sr p{font-size:12.5px;color:var(--mut);margin-top:3px}

.prose{font-size:15px;line-height:1.75;max-width:760px}
.prose p{color:var(--mut);margin-top:13px}
.prose h3{font-size:18px;font-weight:800;margin-top:24px;color:var(--ink)}
.prose ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.prose ul li{display:flex;gap:10px;font-size:14px;color:var(--mut)}.prose ul li svg{flex:0 0 auto;margin-top:3px;color:var(--grn)}
.prose blockquote{margin:18px 0 0;padding:14px 16px;background:var(--s1);border-left:3px solid var(--grn);border-radius:0 12px 12px 0}
.prose blockquote p{color:var(--ink);font-weight:600;margin:0}
.prose blockquote cite{display:block;margin-top:8px;font-size:11px;color:var(--faint);font-style:normal;font-weight:600}

.steps{display:grid;grid-template-columns:1fr;gap:11px}
.step{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.step .sn{width:42px;height:42px;border-radius:12px;background:rgba(237,233,42,.12);color:var(--grn);border:1px solid rgba(237,233,42,.3);display:grid;place-items:center;font-weight:900;font-size:18px}
.step b{display:block;font-size:15px;font-weight:800}.step p{font-size:12.5px;color:var(--mut);margin-top:2px}

.faq{display:grid;gap:10px}
.faq details{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:0 16px}
.faq summary{list-style:none;cursor:pointer;font-weight:700;font-size:14.5px;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--grn);border-bottom:2px solid var(--grn);transform:rotate(45deg);transition:.2s;flex:0 0 auto}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq p{color:var(--mut);font-size:13.5px;padding:0 0 16px;margin:0}

.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
a.ph{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--line);display:block;background:var(--s2)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph .phcap{position:absolute;left:10px;bottom:9px;z-index:1;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 4px #000;background:rgba(16,17,18,.55);padding:4px 9px;border-radius:7px}

.wins{width:100%;border-collapse:collapse;font-size:12.5px}
.wins th,.wins td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.wins thead th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700}
.wins .mult{color:var(--grn);font-weight:800}.wins .win{color:var(--yellow);font-weight:800}
.wins tbody tr:last-child td{border-bottom:0}

/* ---------- Footer ---------- */
.site-ftr{margin-top:38px;background:#0c0d0e;border-top:1px solid var(--line)}
.ftr-cols{max-width:var(--maxw);margin:0 auto;padding:30px max(16px,env(safe-area-inset-left)) 22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fcol h4{font-size:13px;font-weight:800;margin-bottom:12px}
.fcol a{display:block;font-size:12.5px;color:var(--mut);padding:4px 0}.fcol a:hover{color:var(--grn)}
.ftr-bot{max-width:var(--maxw);margin:0 auto;padding:16px max(16px,env(safe-area-inset-left)) 132px;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.age{width:34px;height:34px;border-radius:50%;background:var(--grn);color:var(--grn-ink);display:grid;place-items:center;font-weight:900;font-size:12px;flex:0 0 auto}
.ftr-bot p{font-size:11px;color:var(--faint);line-height:1.5;flex:1;min-width:220px}

/* ---------- Bottom nav + dock (mobile only) ---------- */
.botbar{position:fixed;left:0;right:0;bottom:0;z-index:85;background:#0c0d0e;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.botbar-in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr)}
.botbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px;font-size:9.5px;font-weight:600;color:var(--faint)}
.botbar a svg{color:var(--mut)}
.botbar a.dep,.botbar a.dep svg{color:var(--grn)}
.botbar a[aria-current="true"],.botbar a[aria-current="true"] svg{color:var(--grn)}
.dock{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:84;padding:9px 12px;background:rgba(12,13,14,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);box-shadow:0 -10px 24px -14px #000}
.dock-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:12px}
.dock-txt{flex:1;min-width:0;line-height:1.14}
.dock-txt b{display:block;font-size:14px;font-weight:800}
.dock-txt span{font-size:11px;color:var(--faint);font-weight:600}
.dock .btn{flex:0 0 auto;padding:12px 20px;box-shadow:0 10px 26px -10px var(--grn)}

/* ---------- Multi-page routing ---------- */
.page{display:none}
.page.active{display:block;animation:rise .4s cubic-bezier(.2,.8,.2,1)}
.pagehead{padding:26px 0 2px}
.pagehead .crumb{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--faint);font-weight:600}
.pagehead .crumb a{color:var(--mut)}.pagehead .crumb a:hover{color:var(--grn)}
.pagehead .crumb svg{width:12px;height:12px;opacity:.6}
.pagehead h1{font-size:clamp(26px,5vw,40px);font-weight:900;margin-top:12px;letter-spacing:-.02em}
.pagehead h1 .g{color:var(--grn)}
.pagehead .lead{color:var(--mut);font-size:15.5px;margin-top:12px;max-width:64ch}
.pagehead .ph-cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.catrow{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px}
.catbox{background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:18px}
.catbox h3{font-size:16px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:9px}
.catbox h3 svg{color:var(--grn)}
.catbox p{color:var(--mut);font-size:13.5px}
.linkcards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:4px}
.linkcard{display:flex;align-items:center;gap:12px;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:15px 16px;transition:.15s}
.linkcard:hover{border-color:var(--grn)}
.linkcard .lc-ic{flex:0 0 auto;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(237,233,42,.12);color:var(--grn);border:1px solid rgba(237,233,42,.3)}
.linkcard .lc-x{flex:1;min-width:0}.linkcard .lc-x b{display:block;font-size:14.5px;font-weight:800}.linkcard .lc-x span{font-size:12.5px;color:var(--mut)}
.linkcard .lc-go{flex:0 0 auto;color:var(--grn)}

/* ---------- View toggle (Desktop / Mobile preview, no iframe) ---------- */

.vtog{position:fixed;z-index:300;bottom:18px;left:50%;transform:translateX(-50%);display:inline-flex;gap:3px;background:#0c0d0e;border:1px solid var(--line2);border-radius:999px;padding:4px;box-shadow:0 14px 34px -12px #000}
.vtog button{border:0;background:transparent;color:var(--mut);font-family:var(--f);font-weight:700;font-size:12.5px;padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.15s}
.vtog button.on{background:var(--grn);color:var(--grn-ink)}
.vtog svg{width:15px;height:15px}
.mframe{position:fixed;inset:0;z-index:290;background:rgba(6,7,8,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:22px}
.mframe.show{display:flex}
.mframe-dev{width:390px;max-width:100%;height:min(820px,90vh);background:var(--bg);border:11px solid #17191c;border-radius:42px;overflow-y:auto;overflow-x:hidden;transform:translateZ(0);position:relative;box-shadow:0 40px 90px -20px #000;-webkit-overflow-scrolling:touch}
.mframe-dev::-webkit-scrollbar{display:none}
.mframe-close{position:fixed;top:16px;right:16px;z-index:310;width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);background:#0c0d0e;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:none;place-items:center}
.mframe.show~.mframe-close,.mframe.show .mframe-close{display:grid}

/* ---------- Responsive (desktop) — container queries ---------- */
@media (min-width:760px){
  .site-hdr-in{height:62px;gap:16px}
  .hero-banners{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}
  .vipcard{height:100%}
  .cats{grid-template-columns:repeat(4,1fr)}
  .herogrid{grid-template-columns:1.4fr .9fr}
  .ess{grid-template-columns:repeat(4,1fr)}
  .pc2,.offers,.secu{grid-template-columns:1fr 1fr}
  .steps,.gallery{grid-template-columns:repeat(3,1fr)}
  .ftr-cols{grid-template-columns:repeat(4,1fr)}
  .sec-h h2{font-size:24px}
  .botbar,.dock{display:none}
  .ftr-bot{padding-bottom:24px}
}
@media (max-width:479px){
  .hdr-cta .ghost{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.on .bar .bf{width:var(--w)}}
.brand-logo{height:32px;display:block}
.brand{display:inline-flex;align-items:center}

.ftr-help{text-align:center;margin:4px 0 20px}.ftr-help h4{font-size:16px;margin:0 0 10px;color:#fff}
.ftr-prov{display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:center;align-items:center;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ftr-prov .prov{height:23px;width:auto;filter:brightness(0) invert(.8);opacity:.6;transition:opacity .2s}
.ftr-prov .prov:hover{opacity:1}
.ftr-links{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;padding:20px 0 14px}
.ftr-links a{color:#aeb4ba;font-size:13px}.ftr-links a:hover{color:var(--grn)}
.ftr-pays{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:4px 0 18px}
.ftr-pays img{height:26px;width:auto;background:#fff;border-radius:5px;padding:3px 7px}
.ftr-bot{display:flex;gap:12px;align-items:flex-start;justify-content:center;max-width:920px;margin:0 auto;padding-top:16px;border-top:1px solid var(--line)}
.ftr-bot p{color:var(--mut);font-size:11.5px;line-height:1.6;text-align:left}

/* pagehero */
.pagehero{display:block;position:relative;border-radius:16px;overflow:hidden;margin:16px 0 6px;border:1px solid var(--line2);box-shadow:0 18px 46px -26px rgba(237,233,42,.4);background:#fff;line-height:0}.pagehero img{width:100%;height:auto;aspect-ratio:1160/495;object-fit:cover}.pagehero .btag{position:absolute;left:14px;top:14px;z-index:2}
/* shots */
.shot{margin:22px auto;max-width:680px}.shot .ph{max-width:100%;aspect-ratio:16/10}.shot .ph img{width:100%;height:100%;object-fit:cover}
/* video hero */
.vhero{margin:16px 0 10px;position:relative}.vh-media{position:relative;border-radius:16px;overflow:hidden;background:#0a0d0f;line-height:0;border:1px solid var(--line)}.vh-media video{width:100%;height:100%;object-fit:cover;display:block}.vh-ey{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.03em;color:#15160a;background:var(--grn);border-radius:20px;padding:5px 12px}.vh-ey svg{width:13px;height:13px}.vh-h{font-weight:900;line-height:1.06;letter-spacing:-.5px;color:#fff;font-size:21px}.vh-h span{color:var(--grn)}.vh-s{color:#e4e9ec;font-size:13px;line-height:1.45}.vh-note{color:var(--mut);font-size:11.5px}.vh-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.vh-cta{display:inline-flex;align-items:center;gap:8px;background:var(--grn);color:#15160a;font-weight:800;border-radius:12px;padding:13px 22px;text-decoration:none;box-shadow:0 14px 34px -14px rgba(237,233,42,.7)}.vh-cta2{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);color:#eceff1;border:1px solid var(--line);font-weight:700;border-radius:12px;padding:12px 18px;text-decoration:none}.vh-chips{display:flex;gap:7px;flex-wrap:wrap}.vh-chips span{font-size:11px;color:#cfd6da;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:20px;padding:4px 10px}.vhero-A .vh-media{aspect-ratio:4/5}.vhero-A .vh-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,7,.93) 8%,rgba(5,7,7,.32) 56%,transparent);display:flex;align-items:flex-end}.vhero-A .vh-ovc{padding:18px 16px 20px;display:flex;flex-direction:column;gap:11px;width:100%}.vhero-A .vh-cta{justify-content:center;width:100%}.vhero-B .vh-split{display:flex;flex-direction:column-reverse;gap:14px}.vhero-B .vh-txt{display:flex;flex-direction:column;gap:12px}.vhero-B .vh-media{aspect-ratio:16/10}.vhero-B .vh-cta{justify-content:center}.vhero-C .vh-media{aspect-ratio:16/10}.vhero-C .vh-card{background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:16px;margin:-30px 10px 0;position:relative;z-index:2;display:flex;flex-direction:column;gap:11px}.vhero-C .vh-cta{justify-content:center}@media (min-width:760px){.vhero{margin:18px 0 12px}.vh-h{font-size:30px}.vh-s{font-size:14px}.vhero-A .vh-media{aspect-ratio:21/8}.vhero-A .vh-ov{background:linear-gradient(90deg,rgba(5,7,7,.85) 0%,rgba(5,7,7,.42) 42%,transparent 68%);align-items:center}.vhero-A .vh-ovc{max-width:560px;padding:30px 34px}.vhero-A .vh-cta{width:auto}.vhero-B .vh-split{flex-direction:row;align-items:center}.vhero-B .vh-txt{flex:1 1 0;gap:13px}.vhero-B .vh-media{flex:1.05 1 0;aspect-ratio:16/10}.vhero-B .vh-cta{width:auto}.vhero-B .vh-h{font-size:27px}.vhero-C .vh-band{position:relative}.vhero-C .vh-media{aspect-ratio:16/6}.vhero-C .vh-card{position:absolute;left:30px;bottom:26px;margin:0;max-width:440px;background:rgba(12,15,17,.74);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-color:rgba(255,255,255,.1)}.vhero-C .vh-card .vh-cta{width:auto}.vhero-C .vh-h{font-size:23px}}
/* polish+reveal */
.toc ol{grid-template-columns:minmax(0,1fr)}@media (min-width:760px){.toc ol{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.toc a{overflow-wrap:anywhere}.scorecard .lbl,.ring .n span,.qf span,.wins thead th,.botbar a{font-size:11px}.gcard .gp{font-size:13px}body{padding-bottom:132px}@media (min-width:760px){body{padding-bottom:0}}@media (prefers-reduced-motion:no-preference){.pcl,.offer,.ph,.shot,.cat,.catcard{transition:transform .25s ease,box-shadow .25s ease}.pcl:hover,.offer:hover,.ph:hover,.shot:hover{transform:translateY(-3px)}html.js .vhero,html.js .hero,html.js .pagehead,html.js .sec,html.js .pagehero,html.js .shot{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}html.js .vhero.on,html.js .hero.on,html.js .pagehead.on,html.js .sec.on,html.js .pagehero.on,html.js .shot.on{opacity:1;transform:none}}
/* theme */
/* ===== PRESS — riso zine (content only; Betify colors) ===== */
.sec-h h2,.pagehead h1,.promo h1,.verdict .q,.pcl h3,.catbox h3,.step b,.offer .ox b,.faq summary{text-transform:uppercase;font-weight:900;letter-spacing:-.01em}
.pagehead h1,.promo h1{font-size:clamp(32px,7.5vw,60px);line-height:.96}
.sec-h{gap:11px;align-items:center}
.sec-h::before{content:"";flex:0 0 auto;width:24px;height:24px;background:var(--grn);border-radius:50%;box-shadow:3px 3px 0 var(--ink)}
.panel,.offer,.scorecard,.step,.sr,.amb .a,.catbox,.faq details,.tablewrap,.ess .e,.codebox,.linkcard{border-radius:4px;border:2px solid var(--ink);box-shadow:5px 5px 0 rgba(135,95,254,.28)}
.verdict{border:2px solid var(--grn);border-radius:4px;padding:16px;box-shadow:5px 5px 0 rgba(255,255,255,.08);background:var(--s1)}
.verdict .q{font-size:clamp(18px,3.2vw,26px);line-height:1.22}
.offer .ov,.ess .e b,.ring .n b,.scorecard .vv,.codebox .cc,.bar .bn{font-weight:900}
.eye,.promo .eye,.sec-h .c,.scorecard .lbl{text-transform:uppercase;font-weight:900;letter-spacing:.02em}
.prov{border:2px solid var(--ink);border-radius:999px;font-weight:800;text-transform:uppercase}
.bar .bt{border:2px solid var(--ink);height:13px}