*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--ink:#f2f7f3;--ink-soft:#9aa8a0;--ink-dim:#6f7f76;
--bg:#060a07;--bg-2:#070d09;--band:#0b1109;
--panel:#101a12;--panel-2:#16211a;--panel-3:#1d2a22;--plate:#0c120e;
--line:#26362c;--line-soft:#1b271f;
--green:#1cd44e;--green-h:#3ff06a;--green-d:#0a9f3a;--green-t:rgba(28,212,78,.13);
--gold:#f0c24a;--gold-s:#f7d982;
--r:12px;--r-s:8px;--wrap:1180px}
html{scroll-behavior:smooth}
body{font-family:"Inter","Segoe UI","Helvetica Neue",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit;cursor:pointer}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}

.site-topbar{position:sticky;top:0;z-index:900;background:var(--bg-2);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(28,212,78,.28)}
.topbar-in{max-width:var(--wrap);margin:0 auto;padding:0 22px;height:70px;display:flex;align-items:center;gap:26px}
.brandlock{display:flex;align-items:center;gap:11px;color:var(--ink)}
.brandlock-mark{width:38px;height:38px;flex:0 0 auto}
.brandlock-name{display:flex;flex-direction:column;line-height:1.05}
.brandlock-name b{font-size:19px;font-weight:800;letter-spacing:.2px}
.brandlock-sub{font-size:10px;letter-spacing:3px;color:var(--green);text-transform:uppercase;margin-top:2px}
.primary-links{display:flex;gap:22px;margin-left:8px}
.primary-links a{font-size:14px;font-weight:600;color:#c3d0c7}
.primary-links a:hover{color:var(--green)}
.flag-badge{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:13px;color:#c3d0c7}
.flag-badge svg{width:24px;height:16px;border-radius:2px}
.topbar-buttons{display:flex;gap:10px}
.gate-in,.gate-up{padding:9px 20px;border-radius:var(--r-s);font-weight:700;font-size:13px;letter-spacing:.3px}
.gate-in{color:var(--ink);border:1px solid var(--line)}
.gate-in:hover{border-color:var(--green);color:var(--green)}
.gate-up{background:var(--green);color:#04220e}
.gate-up:hover{background:var(--green-h)}

.trail{max-width:var(--wrap);margin:0 auto;padding:16px 22px 0;font-size:12.5px;color:var(--ink-dim)}
.trail a:hover{color:var(--green)}
.trail span{color:var(--ink-soft)}

.lead-wrap{max-width:var(--wrap);margin:0 auto;padding:10px 22px 6px}
.lead-wrap h1{font-size:33px;font-weight:800;line-height:1.22;letter-spacing:-.3px;margin:6px 0 12px;max-width:920px;color:var(--ink)}
.lead-updated{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--green);background:var(--green-t);padding:5px 12px;border-radius:6px;font-weight:600;margin-bottom:16px}
.lead-copy{font-size:15.5px;color:var(--ink-soft);max-width:940px;margin-bottom:14px}

.topbill{max-width:var(--wrap);margin:14px auto 0;padding:0 22px}
.topbill-shot{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.topbill-shot img{width:100%;height:auto;display:block}
.topbill-tag{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#04220e;font-size:12px;font-weight:800;padding:6px 13px;border-radius:6px}
.topbill-go{position:absolute;right:20px;bottom:18px;background:var(--green);color:#04220e;font-weight:800;font-size:14.5px;padding:12px 26px;border-radius:var(--r-s);box-shadow:0 8px 22px rgba(28,212,78,.28)}
.topbill-go:hover{background:var(--green-h)}

.ladder{max-width:var(--wrap);margin:0 auto;padding:40px 22px 8px}
.ladder-head{font-size:25px;font-weight:800;text-align:center;letter-spacing:-.2px;color:var(--ink)}
.ladder-note{text-align:center;color:var(--ink-soft);font-size:14.5px;max-width:780px;margin:10px auto 26px}

.entry{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px 15px;margin-bottom:14px;display:grid;grid-template-columns:38px 188px 1fr 174px;grid-template-areas:"rank plate main acts" "facts facts facts facts";gap:16px 20px;align-items:center}
.entry-seed{grid-area:rank;width:32px;height:32px;border-radius:8px;background:var(--panel-3);color:var(--ink-soft);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.entry-seed.lead{background:var(--green);color:#04220e}
.entry-brand{grid-area:plate;background:var(--plate);border:1px solid var(--line-soft);border-radius:var(--r-s);padding:12px;display:flex;align-items:center;justify-content:center;height:92px}
.entry-brand img{max-height:62px;max-width:150px;width:auto;object-fit:contain}
.entry-id{grid-area:main;min-width:0}
.entry-name{font-size:18px;font-weight:800;margin-bottom:5px;color:var(--ink)}
.entry-score{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.entry-stars{display:inline-flex;gap:1px}
.entry-stars svg{width:15px;height:15px;fill:var(--gold)}
.entry-num{font-size:13px;font-weight:700;color:var(--gold-s)}
.entry-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.entry-cert{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--green);background:var(--green-t);padding:4px 10px;border-radius:6px;border:1px solid rgba(28,212,78,.32)}
.entry-cert svg{width:13px;height:13px;fill:var(--green)}
.entry-lic{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--panel-3);padding:4px 10px;border-radius:6px}
.entry-lic svg{width:12px;height:12px;fill:var(--gold)}
.entry-perk{font-size:14px;color:var(--ink-soft)}
.entry-perk b{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:var(--gold-s);margin-bottom:3px;font-weight:800}
.entry-pay{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.pay-cap{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-dim);font-weight:700;margin-right:2px}
.entry-pay span:not(.pay-cap){font-size:11.5px;font-weight:600;color:#c3d0c7;background:var(--panel-3);border:1px solid var(--line);padding:4px 9px;border-radius:5px}
.entry-acts{grid-area:acts;display:flex;flex-direction:column;gap:9px}
.act-open,.act-review{text-align:center;font-weight:800;font-size:14px;padding:11px 14px;border-radius:var(--r-s)}
.act-open{background:var(--green);color:#04220e}
.act-open:hover{background:var(--green-h)}
.act-review{border:1px solid var(--line);color:var(--ink);background:var(--panel-2)}
.act-review:hover{border-color:var(--green);color:var(--green)}
.entry-facts{grid-area:facts;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;border-top:1px solid var(--line-soft);margin-top:2px;padding-top:14px}
.fact-k{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-dim);font-weight:700;margin-bottom:3px}
.fact-v{font-size:13px;color:var(--ink-soft)}

.dossier{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0;margin-top:22px}
.article-copy{max-width:900px;margin:0 auto;padding:0 22px}
.article-copy h2{font-size:24px;font-weight:800;letter-spacing:-.2px;margin:38px 0 12px;color:var(--ink);padding-bottom:9px;border-bottom:1px solid var(--line)}
.article-copy h2:first-of-type{margin-top:0}
.article-copy h3{font-size:18.5px;font-weight:700;color:var(--green);margin:24px 0 9px}
.article-copy h4{font-size:16px;font-weight:700;color:var(--ink);margin:16px 0 8px}
.article-copy p{color:var(--ink-soft);margin-bottom:14px;font-size:15.3px}
.article-copy img{display:block;max-width:100%;height:auto;border-radius:var(--r-s);margin:18px auto}
.article-copy ul,.article-copy ol{margin:4px 0 18px}
.article-copy li{color:var(--ink-soft);margin-bottom:9px;position:relative;padding-left:26px;font-size:15.3px}
.article-copy ul li::before{content:"";position:absolute;left:5px;top:9px;width:8px;height:8px;background:var(--green);transform:rotate(45deg);border-radius:1px}
.article-copy ol{counter-reset:step}
.article-copy ol li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:1px;width:19px;height:19px;background:var(--green-t);color:var(--green);font-size:11px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(28,212,78,.4)}
.rail-scroll{overflow-x:auto;margin:18px 0;border-radius:var(--r-s);border:1px solid var(--line)}
.article-copy table{width:100%;border-collapse:collapse;font-size:14px;background:var(--panel);min-width:540px}
.article-copy caption{caption-side:top;text-align:left;color:var(--ink-dim);font-size:13px;margin-bottom:8px}
.article-copy th,.article-copy td{padding:12px 15px;border:1px solid var(--line);text-align:left;vertical-align:top}
.article-copy th{background:var(--panel-3);color:var(--ink);font-weight:700;font-size:13.5px}
.article-copy tbody tr:nth-child(even) td{background:var(--panel-2)}
.article-copy td{color:var(--ink-soft)}
.article-copy .cols-2,.article-copy .cols-3,.article-copy .cols-4{display:grid;gap:16px;margin:22px 0}
.article-copy .cols-2{grid-template-columns:repeat(2,1fr)}
.article-copy .cols-3{grid-template-columns:repeat(3,1fr)}
.article-copy .cols-4{grid-template-columns:repeat(4,1fr)}
.article-copy .cols-2>div,.article-copy .cols-3>div,.article-copy .cols-4>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-s);padding:16px 18px}
.article-copy .cols-2>div h3,.article-copy .cols-3>div h3{margin-top:0}
.article-copy .cols-2>div p:last-child,.article-copy .cols-3>div p:last-child{margin-bottom:0}
.article-copy .cols-2 img,.article-copy .cols-3 img,.article-copy .cols-4 img{margin:0;width:100%;border-radius:var(--r-s)}
.article-copy .shots>div{background:none;border:0;padding:0;border-radius:var(--r-s);overflow:hidden}
.article-copy .shots img{aspect-ratio:1/1;object-fit:cover}
.article-copy .cols-2.wideshots{grid-template-columns:1fr}
.article-copy .wideshots>div{background:none;border:0;padding:0;border-radius:var(--r-s);overflow:hidden}
.article-copy .wideshots img{aspect-ratio:16/9;object-fit:cover}
.article-copy .go-guv{display:block;width:max-content;max-width:100%;margin:26px auto 6px;background:var(--green);color:#04220e;font-weight:800;font-size:15px;padding:13px 34px;border-radius:var(--r-s);text-align:center}
.article-copy .go-guv:hover{background:var(--green-h)}

.makers{max-width:var(--wrap);margin:0 auto;padding:38px 22px}
.makers-cap{font-size:13px;font-weight:600;color:var(--ink-dim);text-align:center;margin-bottom:22px;text-transform:uppercase;letter-spacing:1.5px}
.makers-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:34px}
.makers-line img{height:30px;width:auto;filter:grayscale(1) brightness(1.7);opacity:.55;transition:opacity .2s,filter .2s}
.makers-line img:hover{filter:none;opacity:1}

.baseboard{background:var(--bg-2);color:#b3c1b8;padding:40px 0 26px;border-top:1px solid var(--line)}
.baseboard-in{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.baseboard-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px;margin-bottom:28px}
.fcol-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:12px}
.fcol p{font-size:13px;line-height:1.7;color:var(--ink-soft)}
.fcol a{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:8px}
.fcol a:hover{color:var(--green)}
.house-legal{border-top:1px solid var(--line-soft);padding-top:22px;text-align:center;max-width:780px;margin:0 auto}
.minor-tag{display:inline-block;background:var(--gold);color:#241a03;font-weight:800;font-size:12px;padding:4px 12px;border-radius:6px;margin-bottom:12px}
.house-legal p{font-size:12.5px;color:var(--ink-soft);line-height:1.75}
.credit{display:block;text-align:center;font-size:12px;color:var(--ink-dim);margin-top:18px}

.quickdock{display:none}

@media (max-width:960px){
.primary-links,.flag-badge{display:none}
.entry{grid-template-columns:38px 150px 1fr;grid-template-areas:"rank plate main" "acts acts acts" "facts facts facts";gap:14px}
.entry-acts{flex-direction:row}
.act-open,.act-review{flex:1}
.entry-facts{grid-template-columns:1fr 1fr}
.baseboard-cols{grid-template-columns:1fr 1fr}
.article-copy .cols-3,.article-copy .cols-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
.topbar-in{height:60px;gap:12px}
.topbar-buttons{display:none}
.brandlock-sub{display:none}
.lead-wrap h1{font-size:25px}
.ladder-head{font-size:21px}
.entry{position:relative;grid-template-columns:1fr;grid-template-areas:"plate" "main" "acts" "facts";gap:13px;padding:16px}
.entry-seed{position:absolute;top:14px;left:14px;z-index:2}
.entry-brand{height:88px}
.entry-facts{grid-template-columns:1fr 1fr}
.article-copy h2{font-size:21px}
.article-copy .cols-2,.article-copy .cols-3,.article-copy .cols-4{grid-template-columns:1fr}
.article-copy .cols-2.shots,.article-copy .cols-3.shots,.article-copy .cols-4.shots{grid-template-columns:repeat(2,1fr)}
.article-copy .cols-2.wideshots{grid-template-columns:1fr}
.baseboard-cols{grid-template-columns:1fr}
.topbill-go{position:static;display:block;width:100%;margin-top:12px;border-radius:0 0 var(--r) var(--r)}
.topbill-shot{border-radius:var(--r) var(--r) 0 0}
.quickdock{display:flex;position:fixed;left:0;bottom:0;width:100%;z-index:950;gap:0;box-shadow:0 -4px 16px rgba(0,0,0,.5);border-top:1px solid var(--line)}
.quickdock a{flex:1;text-align:center;padding:15px 0;font-weight:800;font-size:15px}
.quickdock .qd-in{background:var(--panel-2);color:var(--ink)}
.quickdock .qd-up{background:var(--green);color:#04220e}
body{padding-bottom:54px}
}
