:root{
  --black:#000;
  --bg:#070b14;
  --surface:#0e1524;
  --surface-2:#141e33;
  --line:#22304c;
  --text:#e9eef8;
  --muted:#9eabc4;
  --blue:#1f6fff;
  --blue-2:#5592ff;
  --blue-deep:#0a2d78;
  --bd-green:#0a7a45;
  --bd-red:#e2283c;
  --gold:#f2b53a;
  --ok:#36c67f;
  --rep:#5592ff;
  --unv:#f2b53a;
  --chk:#c3cbdd;
  --display:"Barlow Condensed","Arial Narrow","Roboto Condensed",Arial,sans-serif;
  --body:"Jost","Segoe UI",Roboto,system-ui,-apple-system,sans-serif;
  --wrap:1180px;
  --r-sm:6px;
  --r:12px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(118px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.65 var(--body)}
img,svg{max-width:100%}
a{color:var(--blue-2);text-underline-offset:3px}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:.6rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- Header ---------- */
.site-head{position:sticky;top:0;z-index:50;background:var(--black)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--black);z-index:60}
.head-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.brand-mark{width:30px;height:30px;border-radius:7px;background:var(--bd-green);display:grid;place-items:center;flex:none}
.brand-mark::after{content:"";width:13px;height:13px;border-radius:50%;background:var(--bd-red);transform:translateX(-2px)}
.brand-word{font:800 1.7rem/1 var(--display);letter-spacing:.01em}
.brand-word small{display:block;font:500 .68rem/1.2 var(--body);color:var(--muted);letter-spacing:.02em}
.head-cta{display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-sm);font:600 .98rem/1 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:#3a82ff;color:#fff}
.btn-ghost{border-color:var(--blue);color:#fff;background:transparent}
.btn-ghost:hover{background:var(--blue-deep);color:#fff}
.cat-nav{background:#161b26;border-top:1px solid #1f2633}
.cat-nav ul{list-style:none;margin:0 auto;padding:0 12px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;max-width:var(--wrap)}
.cat-nav ul::-webkit-scrollbar{display:none}
.cat-nav a{display:block;padding:14px 14px;color:#dfe5f1;text-decoration:none;font-weight:500;font-size:.95rem;white-space:nowrap}
.cat-nav a:hover,.cat-nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -3px 0 var(--blue)}
@media (max-width:560px){.head-cta .btn{padding:0 12px;min-height:40px;font-size:.92rem}.head-bar{gap:8px}.brand-word{font-size:1.45rem}.brand-word small{display:none}}

/* ---------- Hero ---------- */
.hero{padding:56px 0 40px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#000 0,var(--bg) 70%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.status-label{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 8px;margin-bottom:18px}
.status-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0 0 .5em;color:#fff}
h1{font-size:clamp(2.5rem,5.6vw,4.3rem);font-weight:800;letter-spacing:-.005em}
h2{font-size:clamp(2rem,3.6vw,2.8rem);font-weight:800}
h3{font-size:1.5rem;font-weight:700;letter-spacing:.005em}
h4{font:600 1.05rem/1.3 var(--body);margin:0 0 .4em;color:#fff}
p{margin:0 0 1em}
.lead{font-size:1.18rem;color:#d6deec;max-width:62ch}
.hero-note{color:var(--muted);font-size:.98rem;max-width:62ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 8px}
.hero-cta .btn{min-height:52px;padding:0 30px;font-size:1.05rem}

/* Entity map (signature element) */
.map{background:var(--blue-deep);border-radius:var(--r);padding:22px 22px 16px;position:relative}
.map-title{font:700 .95rem/1.2 var(--body);color:#b9cdfa;margin:0 0 14px}
.map-hub{display:flex;align-items:center;gap:12px;font:800 2rem/1 var(--display);color:#fff;margin-bottom:6px}
.map-hub .brand-mark{width:36px;height:36px}
.map > ul{list-style:none;margin:0 0 0 17px;padding:0;border-left:2px solid #3d6fd6}
.map li{position:relative}
.map > ul > li{padding:7px 0 7px 22px}
.map > ul > li::before{content:"";position:absolute;left:0;top:25px;width:16px;border-top:2px solid #3d6fd6}
.map > ul > li:last-child::after{content:"";position:absolute;left:-2px;top:26px;bottom:0;width:2px;background:var(--blue-deep)}
.map a{color:#fff;text-decoration:none}
.map .node{display:inline-flex;align-items:center;gap:8px;background:#0f3c9b;border:1px solid #2f63cf;border-radius:8px;padding:8px 12px;font-weight:600}
.map .node:hover{background:var(--blue)}
.map ul ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0 14px;padding:0}
.map ul ul a{display:inline-block;font-size:.86rem;padding:4px 10px;border-radius:999px;border:1px solid #2f63cf;color:#d9e5ff}
.map ul ul a:hover{background:#0f3c9b}

/* ---------- Legend ---------- */
.legend{padding:26px 0;border-bottom:1px solid var(--line);background:var(--surface)}
.legend-grid{display:grid;grid-template-columns:auto 1fr;gap:10px 28px;align-items:center}
.legend h2{font-size:1.5rem;margin:0}
.legend ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.95rem;color:var(--muted)}
.st{display:inline-flex;align-items:center;gap:6px;font:600 .8rem/1 var(--body);padding:5px 9px;border-radius:999px;border:1px solid currentColor;white-space:nowrap;vertical-align:middle}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st-ok{color:var(--ok)}.st-rep{color:var(--rep)}.st-unv{color:var(--unv)}.st-chk{color:var(--chk)}
/* Team placeholders: visible on purpose so nothing ships unfilled. Search "fill" before launch. */
.fill{background:rgba(242,181,58,.14);color:var(--gold);border:1px dashed var(--gold);border-radius:4px;padding:0 5px;font-weight:600}
.group-band{padding:64px 0 0}
.group-band h2{margin-bottom:.3em}
.group-band + .sec{padding-top:36px}
.eyebrow{margin:0 0 10px;font:700 .85rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-2)}

/* ---------- Sections ---------- */
.sec{padding:72px 0;border-bottom:1px solid var(--line)}
.sec.alt{background:var(--surface)}
.sec-head{max-width:760px;margin-bottom:30px}
.prose{max-width:72ch}
.prose p,.prose li{color:#d3dbea}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 1.2em}
.prose li{margin-bottom:.4em}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.sub{margin-top:40px}
.note{border-left:4px solid var(--unv);background:rgba(242,181,58,.07);padding:14px 18px;border-radius:0 var(--r-sm) var(--r-sm) 0;color:#e8dcc0;font-size:.97rem;max-width:72ch;margin:20px 0}
.note.blue{border-color:var(--blue);background:rgba(31,111,255,.08);color:#d4e1fb}
.note strong{color:#fff}

/* Fact table / compare table */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin:10px 0 0}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.97rem}
caption{text-align:left;padding:14px 16px;font:700 1.1rem/1.2 var(--display);color:#fff;letter-spacing:.01em;background:var(--surface-2)}
th,td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
thead th{background:var(--surface-2);font-weight:600;color:#fff}
tbody th{font-weight:600;color:#fff;width:24%}
td{color:#d3dbea}

/* Ecosystem index */
.eco{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:26px}
.eco article{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.eco .ico{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--blue-deep);color:#cfe0ff;margin-bottom:6px}
.eco .ico.gold{background:#3a2a07;color:var(--gold)}
.eco .ico.green{background:#06331f;color:#61d69a}
.eco h3{font-size:1.45rem;margin:0}
.eco p{color:var(--muted);font-size:.96rem;margin:0;flex:1}
.eco a.more{font-weight:600;font-size:.95rem;margin-top:6px}

/* Flow (true sequences only) */
.flow{list-style:none;counter-reset:f;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.flow li{counter-increment:f;position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:44px 16px 16px;font-size:.95rem;color:#d3dbea}
.flow li::before{content:counter(f);position:absolute;top:12px;left:16px;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font:700 .85rem/24px var(--body);text-align:center}
.flow li strong{display:block;color:#fff;margin-bottom:4px}
.flow.four{grid-template-columns:repeat(4,1fr)}

/* Diagnostic */
.diag{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.diag article{background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:var(--r);padding:18px}
.diag article:nth-child(2){border-top-color:var(--gold)}
.diag article:nth-child(3){border-top-color:#61d69a}
.diag article:nth-child(4){border-top-color:#c38bff}
.diag h3{font-size:1.35rem}
.diag dl{margin:0;font-size:.93rem}
.diag dt{color:#fff;font-weight:600;margin-top:10px}
.diag dd{margin:2px 0 0;color:var(--muted)}

/* Phone mockup */
.phone{width:250px;max-width:100%;margin:0 auto;border:10px solid #1d2638;border-radius:34px;background:#000;padding:16px 14px 22px;box-shadow:0 0 0 1px #33415e}
.phone .notch{width:70px;height:6px;border-radius:6px;background:#1d2638;margin:0 auto 18px}
.phone .p-brand{display:flex;align-items:center;gap:8px;font:800 1.3rem/1 var(--display);color:#fff;margin-bottom:18px}
.phone .p-brand .brand-mark{width:22px;height:22px;border-radius:5px}
.phone .p-brand .brand-mark::after{width:9px;height:9px}
.phone .field{height:38px;border-radius:7px;background:#121a2b;border:1px solid #2a3651;margin-bottom:10px;padding:0 10px;display:flex;align-items:center;color:#6f7d99;font-size:.8rem}
.phone .p-btn{height:40px;border-radius:7px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.9rem;margin-top:4px}
.phone .p-bio{display:flex;align-items:center;justify-content:center;gap:8px;color:#b9c7e4;font-size:.8rem;margin-top:16px}
figure{margin:0}
figcaption{font-size:.88rem;color:var(--muted);text-align:center;margin-top:12px}

/* Checklist */
.check{list-style:none;padding:0;margin:0 0 1.2em}
.check li{position:relative;padding:0 0 10px 34px;color:#d3dbea}
.check li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:5px;background:var(--blue-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfe0ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.check.warn li::before{background:#3a1218 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8a97' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/13px no-repeat}

/* Unknown-spec box */
.unknowns{border:1px dashed #4a5878;border-radius:var(--r);padding:20px}
.unknowns h3{font-size:1.3rem}
.unknowns dl{display:grid;grid-template-columns:1fr auto;gap:10px 16px;margin:0;font-size:.95rem}
.unknowns dt{color:#d3dbea}
.unknowns dd{margin:0}

/* Casino categories */
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:24px}
.cats div{background:var(--surface-2);border-radius:var(--r);padding:18px;border:1px solid var(--line)}
.cats h3{font-size:1.3rem;margin-bottom:.3em}
.cats p{font-size:.94rem;color:var(--muted);margin:0}
.chips{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:4px 12px;font-size:.88rem;color:#d3dbea}

/* Popular games */
.bar-title{font:700 1.15rem/1.2 var(--body);border-left:3px solid var(--blue);padding-left:10px;margin:0 0 14px}
.bar-title.sub{margin-top:44px}
.games{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.game a{display:block;background:#24272e;border-radius:8px;overflow:hidden;text-decoration:none;color:#fff}
.g-img{position:relative;display:block;aspect-ratio:4/3}
.g-img img{display:block;width:100%;height:100%;object-fit:cover}
.g-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
.g-play svg{width:52px;height:52px;padding:12px;border-radius:50%;background:var(--blue);fill:#fff;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.game a:hover .g-play,.game a:focus-visible .g-play{opacity:1}
.g-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px}
.g-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.g-btn{flex:none;background:var(--blue);border-radius:999px;padding:4px 12px;font:600 .8rem/1.2 var(--body)}
.game a:hover .g-btn{background:#3a82ff}

/* Providers */
.prov-intro{color:var(--muted);margin:0 0 16px}
.providers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.providers li{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}
.providers img{width:72px;height:72px;object-fit:contain}
.providers h3{font:600 .88rem/1.25 var(--body);color:#dfe5f1;margin:8px 0 0}
/* Collapsed: two rows at 8 columns; the button reveals the rest */
.providers.collapsed li:nth-child(n+17){display:none}
.prov-more{display:flex;margin:18px auto 0}

/* VIP accent */
.vip-panel{border:1px solid #5a4310;background:linear-gradient(160deg,#1d1606,#0e1524 60%);border-radius:var(--r);padding:26px}
.vip-panel .icon{width:40px;height:40px;color:var(--gold);margin-bottom:8px}

/* Promotions */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 18px}
.filters button{font:500 .92rem/1 var(--body);color:#dfe5f1;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 14px;cursor:pointer;min-height:42px}
.filters button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.promos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.promos > li{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.promos > li[hidden]{display:none}
.promos > li > img{display:block;width:100%;height:auto;aspect-ratio:750/240;background:var(--surface-2)}
.p-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}
.p-body h4{margin:0;font-size:1.08rem}
.p-body > p{margin:0;color:#d3dbea;font-size:.95rem}
.p-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.p-facts li{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.82rem;color:#d3dbea}
.p-facts b{color:#fff;font-weight:600}
.p-facts .st{padding:3px 10px}
.promos details{border-top:1px solid var(--line);padding-top:10px}
.promos summary{cursor:pointer;font-weight:600;color:var(--blue-2);font-size:.93rem}
.promos details ul{padding-left:1.1em;margin:10px 0 0;font-size:.9rem;color:#c9d3e6}
.promos details li{margin-bottom:.35em}
.promos details p{font-size:.9rem;color:#c9d3e6;margin:10px 0 0}
.promos table{min-width:0;font-size:.85rem;margin:10px 0 0}
.promos th,.promos td{padding:6px 8px}
/* VIP benefits + levels */
.vip-perks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vip-perks li{padding-left:0}
.vip-perks strong{display:block;color:#fff}
.vip-perks span{color:var(--muted);font-size:.93rem}

/* Affiliate */
.aff-diagram{background:var(--surface-2);border-radius:var(--r);padding:16px;border:1px solid var(--line)}

/* FAQ */
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative;font:600 1.08rem/1.4 var(--body);color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:24px;width:10px;height:10px;border-right:2px solid var(--blue-2);border-bottom:2px solid var(--blue-2);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:28px}
.faq .ans{padding:0 0 18px;color:#d3dbea;max-width:72ch}
.faq .ans p:last-child{margin:0}

/* Footer */
.site-foot{background:#000;padding:48px 0 30px;font-size:.95rem;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.site-foot h2{font-size:1.15rem;font-family:var(--body);font-weight:600;color:#fff;margin-bottom:12px}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin-bottom:8px}
.site-foot a{color:#c9d3e6;text-decoration:none}
.site-foot a:hover{color:#fff;text-decoration:underline}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #1d2433;margin-top:34px;padding-top:20px}
.age{display:inline-grid;place-items:center;width:40px;height:40px;border:2px solid #c9d3e6;border-radius:50%;font-weight:700;color:#fff}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .hero-grid,.two{grid-template-columns:1fr}
  .games{grid-template-columns:repeat(3,minmax(0,1fr))}
  .providers{grid-template-columns:repeat(4,1fr)}
  .providers.collapsed li:nth-child(n+13){display:none}
  .diag{grid-template-columns:repeat(2,1fr)}
  .flow,.flow.four{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .legend-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:1rem}
  .hero{padding:36px 0 28px}
  .sec{padding:52px 0}
  .eco,.diag,.flow,.flow.four,.promos{grid-template-columns:1fr}
  .hero-cta .btn{flex:1}
  .games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .providers{grid-template-columns:repeat(3,1fr)}
  .providers.collapsed li:nth-child(n+10){display:none}
  .foot-grid{grid-template-columns:1fr}
}

/* ---------- Silo pages ---------- */
.crumbs{font-size:.9rem;color:var(--muted);margin:0 0 18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px;color:#4a5878}
.crumbs a{color:#c9d3e6;text-decoration:none}
.crumbs a:hover{color:#fff;text-decoration:underline}
.crumbs [aria-current]{color:#fff}
.page-hero{padding:40px 0 36px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#000 0,var(--bg) 80%)}
.page-hero h1{font-size:clamp(2.3rem,5vw,3.6rem)}
.page-hero .lead{margin-bottom:.6em}
.page-hero .status-label{margin:0}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.toc a{display:inline-block;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:.9rem;color:#dfe5f1;text-decoration:none}
.toc a:hover{border-color:var(--blue);color:#fff}
.guide-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;margin-top:6px}
.guide-link::after{content:"\2192"}
.related{padding:56px 0;border-bottom:1px solid var(--line);background:var(--surface)}
.related h2{font-size:1.8rem}
.related ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.related a{display:block;height:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:#fff}
.related a:hover{border-color:var(--blue)}
.related strong{display:block;font-size:1.05rem;margin-bottom:4px}
.related span{color:var(--muted);font-size:.93rem}
.promo-feature{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.promo-feature a{display:block;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--bg);text-decoration:none;color:#fff}
.promo-feature a:hover{border-color:var(--blue)}
.promo-feature img{display:block;width:100%;height:auto;aspect-ratio:750/240}
.promo-feature span{display:block;padding:10px 12px;font-weight:600;font-size:.92rem}
@media (max-width:1000px){.promo-feature{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.page-hero{padding:28px 0 26px}.promo-feature{grid-template-columns:1fr}}