/* Shared shell adapted from the supplied dark comparison-page template. */
:root{--shell-bg:#0c141a;--shell-panel:#192127;--shell-raised:#232b31;--shell-border:#2e363c;--shell-text:#dbe3ec;--shell-muted:#9aa5ae;--shell-orange:#c2410c;--shell-orange-hover:#ea580c}
html{scroll-behavior:smooth}
body.editorial-page{--bg:var(--shell-bg);--panel:var(--shell-panel);--panel-2:var(--shell-raised);--ink:var(--shell-text);--ink-dim:var(--shell-muted);--line:var(--shell-border);--brand:#f4a574;--gold:#f5c463;--cta:var(--shell-orange);--cta-ink:#fff;background:var(--shell-bg);color:var(--shell-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.editorial-page h1,.editorial-page h2,.editorial-page h3,.editorial-page h4{font-family:"Hanken Grotesk",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.editorial-page a:not(.cta):not(.shell-cta):not(.shell-nav-link):not(.shell-brand):not(.shell-footer a){color:#f4a574}
.editorial-page .cta{background:var(--shell-orange);color:#fff!important;border-radius:8px}
.editorial-page .cta:hover{background:var(--shell-orange-hover);filter:none}
.shell-ribbon{background:#080e12;border-bottom:1px solid var(--shell-border);color:#bdc5cd;font:500 12px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell-ribbon-inner{max-width:1300px;margin:auto;padding:7px 24px;display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.shell-ribbon a{color:#f4a574!important;text-decoration:underline}
.shell-header{position:sticky;top:0;z-index:1000;background:#110e20;border-bottom:1px solid #2a2545;color:#e8e5f0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell-header-inner{max-width:1300px;margin:auto;min-height:72px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.shell-brand{display:flex;flex-direction:column;text-decoration:none!important;line-height:1.13;flex:none}
.shell-brand-name{font-size:21px;font-weight:850;color:#fff;letter-spacing:-.04em}
.shell-brand-name-accent{color:#f4a574}
.shell-brand-tagline{font-size:11px;color:#aaa5b6;letter-spacing:.02em;margin-top:4px}
.shell-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.shell-nav-item{position:relative}
.shell-nav-link{display:flex;align-items:center;gap:6px;color:#e8e5f0!important;font-weight:650;text-decoration:none!important;font-size:14px;padding:13px 12px;border-radius:8px;white-space:nowrap}
.shell-nav-link:hover,.shell-nav-link:focus-visible{background:#272039;color:#fff!important}
.shell-nav-caret{font-size:10px;opacity:.8}
.shell-nav-dropdown{display:none;position:absolute;top:100%;left:0;min-width:240px;background:#1a1630;border:1px solid #342b4b;border-radius:10px;padding:8px;box-shadow:0 16px 36px #0009}
.shell-nav-item:hover .shell-nav-dropdown,.shell-nav-item:focus-within .shell-nav-dropdown{display:block}
.shell-nav-dropdown ul{display:block}
.shell-nav-dropdown a{display:block;color:#e8e5f0!important;text-decoration:none!important;font-size:13px;padding:9px 11px;border-radius:6px}
.shell-nav-dropdown a:hover{background:#342b4b}
.shell-actions{display:flex;align-items:center;gap:12px}
.shell-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--shell-orange);color:#fff!important;text-decoration:none!important;padding:10px 17px;border-radius:8px;font-size:13px;font-weight:800;white-space:nowrap}
.shell-cta:hover{background:var(--shell-orange-hover)}
.shell-hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid #514765;border-radius:8px;color:#fff;cursor:pointer;font-size:22px}
.shell-flag-stripe{height:3px;background:linear-gradient(90deg,#151515 0 33.333%,#b22f21 33.333% 66.666%,#deb13a 66.666%)}
.shell-mobile-nav{display:none;background:#110e20;border-top:1px solid #2a2545}
.shell-mobile-nav ul{list-style:none;margin:0;padding:12px 24px 20px}
.shell-mobile-nav li{border-bottom:1px solid #2a2545}
.shell-mobile-nav a,.shell-mobile-nav summary{display:block;padding:12px 0;color:#e8e5f0!important;text-decoration:none!important;font-weight:650;cursor:pointer}
.shell-mobile-nav details ul{padding:0 0 8px 16px}
.shell-mobile-nav details li{border:0}
.shell-mobile-nav details a{font-size:13px;font-weight:500;padding:8px 0;color:#c6bfd3!important}
.shell-mobile-nav.is-open{display:block}
.hero-wrap{border-bottom:1px solid var(--shell-border);background:linear-gradient(135deg,#0c141a,#151d22 52%,#0c141a);color:#fff}
.shell-container{max-width:1300px;margin:auto;padding:0 24px}
.hero-surface{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:36px;align-items:center;padding:42px 0 24px}
.hero-surface.no-feature{grid-template-columns:1fr;max-width:900px}
.hero-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#f4a574;margin:0 0 12px}
.hero-headline{font-size:clamp(30px,4.5vw,52px)!important;line-height:1.11!important;letter-spacing:-.035em!important;margin:0 0 16px!important;color:#fff!important}
.hero-lead{font-size:17px;line-height:1.65;color:#c7d0d8;max-width:750px;margin:0 0 22px}
.hero-stats{display:flex;gap:0;flex-wrap:wrap;margin:0 0 20px;border:1px solid #334047;border-radius:10px;overflow:hidden;max-width:680px;background:#192127}
.hero-stat{flex:1;min-width:128px;padding:11px 16px;border-right:1px solid #334047}
.hero-stat:last-child{border-right:0}
.hero-stat-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#9aa5ae;font-weight:700}
.hero-stat-value{display:block;color:#fff;font-weight:800;font-size:17px;margin-top:3px}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 17px}
.hero-ctas a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:8px;font-weight:800;text-decoration:none!important}
.hero-ctas .btn-primary{background:var(--shell-orange);color:#fff!important}
.hero-ctas .btn-primary:hover{background:var(--shell-orange-hover)}
.hero-ctas .btn-secondary{border:1px solid #657079;color:#e8edf1!important;background:#1b242b}
.hero-pills{display:flex;gap:8px;flex-wrap:wrap}
.hero-pill{border:1px solid #344149;background:#1b242b;color:#d5dde4;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:650}
.hero-disclosure{font-size:11px;color:#9aa5ae;line-height:1.5;margin:12px 0 0}
.hero-featured{border:1px solid #503a2e;border-radius:17px;overflow:hidden;background:#1a1e22;box-shadow:0 22px 50px #0007}
.hero-featured-band{background:#a73d17;color:#fff;padding:10px 20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:850}
.hero-featured-body{padding:25px}
.hero-featured-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.hero-featured-logo{width:70px;height:54px;object-fit:contain;background:#fff;border-radius:9px;padding:7px}
.hero-featured-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:9px;background:#343b42;color:#f5c463;font-size:23px}
.hero-featured-name{font-size:23px;font-weight:850;margin:0;color:#fff}
.hero-featured-pick{font-size:12px;color:#b9c2ca;margin:2px 0 0}
.hero-featured-bonus{font-size:26px;font-weight:850;line-height:1.2;color:#fff;margin:0 0 10px}
.hero-featured-detail{font-size:13px;color:#b9c2ca;line-height:1.5;margin:0 0 19px}
.hero-featured .shell-cta{display:flex;width:100%;font-size:15px}
.hero-featured-fine{font-size:11px;color:#9aa5ae;text-align:center;margin:10px 0 0}
.hero-byline{display:flex;align-items:center;gap:12px;padding:0 0 22px;color:#b9c2ca;font-size:13px}
.hero-byline-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#a73d17;color:#fff;font-weight:800}
.hero-byline img.hero-byline-avatar{display:block;object-fit:cover;object-position:center 28%;border:1px solid #57636c}
.hero-byline a{color:#f4a574!important}
.hero-byline-meta{margin-left:auto;text-align:right}
.hero-byline-meta p{margin:0}
body.editorial-page main.wrap{max-width:1140px;padding:0 24px}
.editorial-page .toplist{margin-top:24px;background:transparent;border:0;border-radius:0;overflow:visible}
.editorial-page .toplist .cap{border:0;padding:0 0 14px;font-size:clamp(23px,3vw,31px);font-family:"Hanken Grotesk",Inter,sans-serif}
.editorial-page .toplist .cap small{font-size:12px}
.editorial-page table.cmp{border-collapse:separate;border-spacing:0 10px}
.editorial-page table.cmp thead th{top:75px;background:#151d22;border-bottom:0;color:#abb7c0}
.editorial-page table.cmp tbody tr{background:#192127;border:1px solid #2e363c;box-shadow:0 4px 16px #0003}
.editorial-page table.cmp tbody tr.top1{background:#24211e;box-shadow:inset 4px 0 0 #f5c463,0 8px 24px #0005}
.editorial-page table.cmp tbody td{border-top:1px solid #2e363c;border-bottom:1px solid #2e363c}
.editorial-page table.cmp tbody td:first-child{border-left:1px solid #2e363c;border-radius:11px 0 0 11px}
.editorial-page table.cmp tbody td:last-child{border-right:1px solid #2e363c;border-radius:0 11px 11px 0}
.editorial-page .review{background:#192127;border-color:#2e363c;box-shadow:0 4px 20px #0003;padding:0;overflow:hidden}
.editorial-page .review>.rhead{padding:15px 21px;margin:0;background:linear-gradient(135deg,#151d22,#202831);border-bottom:1px solid #2e363c}
.editorial-page .review>p,.editorial-page .review>h4,.editorial-page .review>.proscons,.editorial-page .review>.optable,.editorial-page .review>.rcta{margin-left:22px;margin-right:22px}
.editorial-page .review>p:first-of-type{margin-top:20px}
.authors-page .review .rhead img.author-portrait{width:88px;height:96px;object-fit:cover;object-position:center 24%;padding:0;background:#2e363c;border:1px solid #46525b;border-radius:10px;flex:none}
.authors-page .review .rhead{gap:16px}
.authors-page .review .rhead .rk{color:#b6c2cb}
@media(max-width:540px){.authors-page .review .rhead .rk{margin-left:0;text-align:left;width:calc(100% - 104px)}}
.editorial-page .review>.rcta{margin-bottom:21px}
.editorial-page .review h4{color:#f4a574}
.editorial-page .op img.velobet-logo,.editorial-page .review .rhead img.velobet-logo{padding:0;background:#466d50;object-fit:cover}
/* Light logo tiles: black wordmarks, with Rolletto's green slash intact. */
.editorial-page .ink-logo-tile{display:flex;align-items:center;justify-content:center;width:70px;height:40px;padding:4px;flex:none;background:#fff;border-radius:7px;overflow:hidden}
.editorial-page .review .rhead .ink-logo-tile{width:84px;height:46px;padding:5px;border-radius:8px}
.editorial-page .op .ink-logo-tile img,.editorial-page .review .rhead .ink-logo-tile img{display:block;width:100%;height:100%;padding:0;background:transparent;border-radius:0;object-fit:contain;flex:none}
.editorial-page .ink-logo-tile img.metaspins-ink{filter:brightness(0)}
@media(min-width:931px){
  .editorial-page .op img,
  .editorial-page .op .ink-logo-tile{width:clamp(100px,10.8vw,138px);height:clamp(60px,6.2vw,82px)}
  .editorial-page .op img{padding:8px}
  .editorial-page .op .ink-logo-tile{padding:8px}
  .editorial-page .op .ink-logo-tile img{width:100%;height:100%;padding:0}
  .editorial-page .op .badge1{white-space:nowrap}
  .editorial-page .review .rhead img:not(.author-portrait),
  .editorial-page .review .rhead .ink-logo-tile{width:clamp(118px,11vw,148px);height:clamp(66px,7vw,84px)}
  .editorial-page .review .rhead .ink-logo-tile img{width:100%;height:100%;padding:0}
}
@media(max-width:650px){.editorial-page .op .ink-logo-tile{width:92px;height:50px;padding:5px}}
.editorial-page .offer-proof{max-width:526px;margin:14px 22px 20px;padding:10px;background:#151d22;border:1px solid #2e363c;border-radius:10px}
.editorial-page .offer-proof img{display:block;width:100%;height:auto;border-radius:6px}
.editorial-page .offer-proof figcaption{font-size:12px;line-height:1.5;color:#9aa5ae;margin-top:8px}
.editorial-page .review .proscons>div{background:#232b31}
.editorial-page .faq details{background:#192127;border-color:#2e363c}
.editorial-page .faq summary{color:#e8edf1}
.editorial-page .faq summary::before{color:#f4a574}
.editorial-page .why,.editorial-page .note{background:#192127;border-color:#2e363c}
.editorial-page .why{border-left-color:#f4a574}
.editorial-page .intro-copy{max-width:820px;margin:30px 0}
.editorial-page .intro-copy p{color:#dbe3ec}
.shell-footer{background:#151d22;border-top:1px solid #2e363c;color:#adb7c0;margin-top:48px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell-footer-inner{max-width:1300px;margin:auto;padding:38px 24px 32px}
.shell-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}
.shell-footer h4{font-size:14px;color:#fff;margin:0 0 12px}
.shell-footer ul{list-style:none;margin:0;padding:0}
.shell-footer li{margin:0 0 8px}
.shell-footer a{color:#aeb9c2!important;text-decoration:none!important;font-size:13px}
.shell-footer a:hover{color:#f4a574!important}
.shell-footer-brand{font-weight:850;color:#fff;font-size:21px;margin:0 0 8px}
.shell-footer-blurb{font-size:13px;line-height:1.65;max-width:390px;margin:0 0 12px}
.shell-footer-pills{display:flex;gap:7px;flex-wrap:wrap}
.shell-footer-pill{background:#232b31;border:1px solid #364047;border-radius:999px;padding:5px 10px;font-size:11px}
.shell-footer-bottom{border-top:1px solid #2e363c;max-width:1300px;margin:auto;padding:17px 24px 24px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px}
.shell-footer-bottom p{margin:0}
.shell-footer-help{color:#f4a574!important}
.shell-footer .legacy-legal{font-size:12px;color:#8997a1;line-height:1.6;margin-top:24px}
body.legacy-page{background:#0c141a!important;color:#dbe3ec;max-width:none!important;margin:0!important;padding:0!important}
body.legacy-page>header:not(.shell-header),body.legacy-page>footer:not(.shell-footer){display:none!important}
body.legacy-page .page-content{box-sizing:border-box;width:100%;background:#0c141a;color:#dbe3ec;max-width:1300px;margin:0 auto;padding:28px 24px}
body.legacy-page .page-content h1,body.legacy-page .page-content h2,body.legacy-page .page-content h3{font-family:"Hanken Grotesk",Inter,sans-serif;letter-spacing:-.025em;color:#fff}
body.legacy-page .page-content a{color:#c97149}
body.legacy-page .page-content .btn,body.legacy-page .page-content button{border-radius:8px}
body.legacy-page .page-content img{max-width:100%;height:auto}
body.legacy-page .page-content{overflow-wrap:anywhere}
body.legacy-page .page-content .banner-block,body.legacy-page .page-content .content-banner,body.legacy-page>.floating{display:none!important}
body.legacy-page.not-home .page-content p,body.legacy-page.not-home .page-content li,body.legacy-page.not-home .page-content td,body.legacy-page.not-home .page-content span,body.legacy-page.not-home .page-content div{color:#dbe3ec!important}
body.legacy-page.not-home .page-content a{color:#f4a574!important}
body.legacy-page.not-home .page-content input,body.legacy-page.not-home .page-content textarea,body.legacy-page.not-home .page-content select{background:#192127;color:#dbe3ec;border:1px solid #46525b}
body.legacy-page .legacy-title,body.legacy-simple .legacy-title{padding:30px 0 20px;border-bottom:1px solid #2e363c;background:linear-gradient(135deg,#0c141a,#151d22,#0c141a)}
body.legacy-page .legacy-title h1,body.legacy-simple .legacy-title h1{color:#fff;font:800 clamp(28px,4vw,48px)/1.14 "Hanken Grotesk",Inter,sans-serif;letter-spacing:-.03em;margin:0}
body.legacy-page .legacy-title p,body.legacy-simple .legacy-title p{color:#aeb9c2;margin:0 0 8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
body.legacy-page.not-home .page-content h1,body.legacy-page.not-home .page-content h2,body.legacy-page.not-home .page-content h3,body.legacy-page.not-home .page-content h4{color:#fff!important}
body.legacy-simple{background:#0c141a!important;color:#dbe3ec;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.legacy-simple>.legacy-simple-content{max-width:980px;margin:32px auto;padding:25px 28px;background:#192127!important;border:1px solid #2e363c;border-radius:12px;color:#dbe3ec}
body.legacy-simple>.legacy-simple-content h1,body.legacy-simple>.legacy-simple-content h2{color:#fff}
body.legacy-simple>.legacy-simple-content a{color:#f4a574}
body.legacy-simple>.legacy-simple-content table{max-width:100%;width:100%;background:#192127!important}
body.legacy-simple>.legacy-simple-content td{background:#192127!important;color:#dbe3ec!important}
body.legacy-simple>.legacy-simple-content p,body.legacy-simple>.legacy-simple-content li,body.legacy-simple>.legacy-simple-content span{color:#dbe3ec!important}
body.legacy-simple>.legacy-simple-content img{max-width:100%;height:auto}
body.legacy-simple>.legacy-simple-content>table>tbody>tr:first-child,body.legacy-simple>.legacy-simple-content>table>tr:first-child{display:none!important}
body.legacy-page>.legacy-simple-content{max-width:700px;margin:32px auto;padding:25px 28px;background:#192127;border:1px solid #2e363c;border-radius:12px;color:#dbe3ec}
@media(max-width:920px){.shell-nav{display:none}.shell-hamburger{display:flex}.hero-surface{grid-template-columns:1fr}.hero-featured{max-width:520px}.shell-footer-grid{grid-template-columns:1.7fr 1fr 1fr}}
@media(max-width:760px){.shell-ribbon-secondary{display:none}.shell-header-inner{min-height:57px;padding:0 15px}.shell-brand-name{font-size:17px}.shell-brand-tagline{font-size:9px}.shell-cta{padding:9px 11px;font-size:11px}.shell-container{padding:0 16px}.hero-surface{display:block;padding:18px 0 8px}.hero-headline{font-size:22px!important;margin-bottom:8px!important}.hero-lead,.hero-stats,.hero-ctas,.hero-pills,.hero-disclosure,.hero-featured{display:none}.hero-byline{padding-bottom:14px;font-size:11px}.hero-byline-meta{display:none}.editorial-page .toplist{margin-top:14px}.editorial-page .toplist .cap{font-size:19px}.editorial-page table.cmp{border-spacing:0}.editorial-page table.cmp tbody tr{margin-bottom:8px;border-radius:10px}.editorial-page table.cmp tbody td{border:0!important}.editorial-page .review{margin:16px 0}.editorial-page .review>p,.editorial-page .review>h4,.editorial-page .review>.proscons,.editorial-page .review>.optable,.editorial-page .review>.rcta{margin-left:15px;margin-right:15px}.shell-footer-grid{grid-template-columns:1fr 1fr;gap:26px}.shell-footer-brand-col{grid-column:1/-1}}
@media(max-width:480px){.shell-footer-grid{grid-template-columns:1fr}.shell-footer-brand-col{grid-column:auto}.shell-ribbon-inner{padding:6px 15px}.shell-ribbon{font-size:10px}.shell-cta{display:none}}
@media(max-width:760px){body.legacy-simple>.legacy-simple-content{margin:16px;padding:16px;overflow-x:auto}body.legacy-page>.legacy-simple-content{margin:16px}}
@media(max-width:1020px){.shell-nav{display:none}.shell-hamburger{display:flex}}
@media(max-width:930px){.editorial-page table.cmp tbody td.rank{width:34px!important;height:34px;display:grid;place-items:center;top:10px;right:10px;padding:0;border-radius:50%!important;background:#a73d17;color:#fff;font-size:.78rem}}
@media(max-width:930px){
  .editorial-page table.cmp{border-spacing:0}
  .editorial-page table.cmp tbody tr{padding:16px 14px 15px;margin-bottom:8px;border-radius:10px}
  .editorial-page table.cmp tbody td{padding:5px 4px;text-align:center;border:0!important}
  .editorial-page table.cmp tbody td:first-child{margin:0}
  .editorial-page .op{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
  .editorial-page .op img{width:168px;height:92px;padding:8px}
  .editorial-page .op .ink-logo-tile{width:168px;height:92px;padding:8px}
  .editorial-page .op .ink-logo-tile img{width:100%;height:100%;padding:0}
  .editorial-page .op .nm{font-size:17px;line-height:1.25}
  .editorial-page table.cmp .bonus{max-width:none;font-size:17px;line-height:1.35}
  .editorial-page table.cmp .bonus small{font-size:12px;margin-top:4px}
  .editorial-page table.cmp .rating{font-size:18px}
  .editorial-page table.cmp .rating small{display:inline;margin-left:4px;font-size:12px}
  .editorial-page table.cmp td.cta-cell{padding-top:11px}
  .editorial-page .sticky-cta{padding:10px 12px;gap:10px;min-height:68px}
  .editorial-page .sticky-cta .t{min-width:0;flex:1 1 auto;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
  .editorial-page .sticky-cta .t b{margin-top:3px;font-size:13px;line-height:1.3}
  .editorial-page .sticky-cta .cta{display:flex;align-items:center;justify-content:center;width:clamp(120px,38vw,150px);max-width:42%;flex:0 0 auto;min-height:46px;padding:8px 10px;font-size:13px}
}