/* ============================================================
   SlotzKilla — gold / blood / gunmetal, keyed to the crest logo
   ============================================================ */
:root{
  --bg:#0a0a0c;
  --plate:#14151a;
  --panel:#14151a;
  --plate-hi:#1c1e24;
  --line:#2b2d33;
  --line-soft:#20222a;
  --text:#ede7da;
  --muted:#8f929c;
  --gold:#e3b24b;
  --gold-hi:#f8de9a;
  --gold-deep:#8f6a1c;
  --blood:#b01620;
  --blood-red:#e11d1d;
  --blood-hi:#e23a2e;
  --steel:#8a9ba8;
  --hot:var(--blood);
  --cyan:var(--gold);
  --lime:var(--gold-hi);
  --hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24'%3E%3Cpath d='M14 1 L26 7 L26 17 L14 23 L2 17 L2 7 Z' fill='none' stroke='%233a3d45' stroke-width='1.1' opacity='.4'/%3E%3C/svg%3E");
  --bevel:linear-gradient(180deg,var(--gold-hi),var(--gold) 45%,#b98b2b 55%,var(--gold-deep));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;
  background:var(--bg) var(--hex) repeat;
  background-attachment:fixed;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}
h1{font-size:clamp(56px,8vw,112px);line-height:.86;letter-spacing:-2px;font-weight:900}
h2{font-size:clamp(34px,4.4vw,50px);line-height:.95;font-weight:900}
h3{font-size:24px;font-weight:800}
h1 span,h2 span{
  background:var(--bevel);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:var(--gold);margin-bottom:14px;text-transform:uppercase}

/* ---------- nav ---------- */
.nav{
  height:72px;display:flex;align-items:center;gap:32px;padding:0 5vw;position:sticky;top:0;z-index:30;
  background:rgba(10,10,12,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(227,178,75,.22),0 14px 40px rgba(0,0,0,.6);
}
.brand{display:flex;align-items:center;gap:11px;font:900 26px 'Barlow Condensed';letter-spacing:-.5px;overflow:visible}
.brand-mark{width:40px;height:40px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}
.brand-wordmark{height:30px;width:auto;flex:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75))}
.brand-word{line-height:1;white-space:nowrap}
.brand,.brand .brand-word,.footer strong{color:#fff}
/* only the inner KILLA span goes red - the wrapper must stay white */
.brand .brand-word>span,.footer strong>span{
  color:var(--blood-red);position:relative;display:inline-block;
}
/* blood dripping off KILLA */
.brand .brand-word>span::after,.footer strong>span::after{
  content:"";position:absolute;left:4%;right:2%;top:90%;height:.44em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 152 26' preserveAspectRatio='none'%3E%3Cg fill='%23e11d1d'%3E%3Cpath d='M22 0 C22 7 17 11 17 15 A5 5 0 0 0 27 15 C27 11 22 7 22 0 Z'/%3E%3Cpath d='M74 0 C74 9 68 14 68 19 A6 6 0 0 0 80 19 C80 14 74 9 74 0 Z'/%3E%3Cpath d='M124 0 C124 5 120 8 120 11 A4 4 0 0 0 128 11 C128 8 124 5 124 0 Z'/%3E%3Ccircle cx='48' cy='7' r='2.4'/%3E%3Ccircle cx='99' cy='10' r='2'/%3E%3Ccircle cx='143' cy='6' r='1.8'/%3E%3C/g%3E%3C/svg%3E") no-repeat center top;background-size:100% 100%;
  pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));
}
.footer strong>span::after{height:.44em}
nav{display:flex;gap:26px;margin:auto;font-weight:600;color:#bfc0c8;font-size:15px}
nav a{padding:6px 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--text);border-bottom-color:var(--gold)}

.nav-cta,.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--line);border-radius:8px;padding:12px 18px;
  font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  transition:.18s;cursor:pointer
}
.nav-cta,.button.primary{
  background:var(--bevel);border-color:var(--gold-deep);color:#0a0a0c;
  box-shadow:0 8px 24px rgba(227,178,75,.2),inset 0 1px 0 rgba(255,255,255,.4)
}
.nav-cta:hover,.button.primary:hover{filter:brightness(1.1)}
.nav-cta[href$="bonuses/index.html"]{
  position:relative;overflow:visible;color:#fff;
  background:linear-gradient(180deg,#f13a3a 0%,#c01620 38%,#8a0710 58%,#4d0308 100%);
  border-color:#e23a2e;
  text-shadow:0 1px 2px #310004;
  box-shadow:0 8px 26px rgba(176,22,32,.42),inset 0 1px 0 rgba(255,255,255,.32),0 0 0 1px rgba(80,0,7,.9)
}
.nav-cta[href$="bonuses/index.html"]::after{
  content:"";position:absolute;z-index:-1;left:10%;right:8%;top:calc(100% - 2px);height:17px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 28' preserveAspectRatio='none'%3E%3Cg fill='%238a0710'%3E%3Cpath d='M0 0h180v7H0z'/%3E%3Cpath d='M18 4c0 8-6 11-6 16a6 6 0 0 0 12 0c0-5-6-8-6-16z'/%3E%3Cpath d='M68 4c0 5-4 8-4 12a5 5 0 0 0 10 0c0-4-6-7-6-12z'/%3E%3Cpath d='M122 4c0 10-7 14-7 19a7 7 0 0 0 14 0c0-5-7-9-7-19z'/%3E%3Cpath d='M160 4c0 6-5 9-5 13a5 5 0 0 0 10 0c0-4-5-7-5-13z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center top;
  background-size:100% 100%;filter:drop-shadow(0 3px 2px rgba(0,0,0,.55));pointer-events:none
}
.nav-cta[href$="bonuses/index.html"]:hover{filter:brightness(1.18);border-color:#ff6464}
.button{background:#16171c;color:var(--text)}
.button.ghost{background:transparent;border-color:var(--line);color:var(--text)}
.button.ghost:hover,.button:hover{border-color:var(--gold);color:var(--gold-hi)}

/* ---------- hero ---------- */
.hero{
  display:flex;align-items:center;justify-content:space-between;gap:50px;padding:76px 8vw 84px;
  background:
    radial-gradient(circle at 74% 46%,rgba(176,22,32,.24) 0,transparent 46%),
    radial-gradient(circle at 88% 8%,rgba(227,178,75,.14) 0,transparent 40%),
    linear-gradient(180deg,#101116,#0a0a0c 70%);
  border-bottom:1px solid var(--line);
}
.hero-copy{max-width:660px;z-index:2}
.hero p,.page-heading p{color:var(--muted);font-size:17px;line-height:1.7;max-width:600px}
.actions{display:flex;gap:12px;margin:28px 0 22px;flex-wrap:wrap}
.trust{display:flex;gap:18px;color:#a2a4ac;font-size:12px;flex-wrap:wrap;align-items:center}
.trust span{border:1px solid var(--line-soft);border-radius:100px;padding:7px 12px;background:#101115}
.trust span:first-child{color:#0a0a0c;font-weight:800;background:var(--bevel);border-color:var(--gold-deep)}

.hero-crest{flex:none;width:min(46vw,520px);position:relative}
.hero-crest img{
  width:100%;max-height:820px;object-fit:contain;background:#0b0b0e;
  border-radius:18px;border:1px solid var(--gold-deep);
  box-shadow:0 0 0 1px #000,0 30px 80px rgba(0,0,0,.85),0 0 90px rgba(176,22,32,.28)
}
.hero-crest::after{
  content:"";position:absolute;inset:-14px;border-radius:24px;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(227,178,75,.16),transparent 66%)
}

/* ---------- sections ---------- */
.section,.page{padding:84px 8vw}
.page{min-height:80vh}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;
  border-bottom:1px solid var(--line);padding-bottom:18px;position:relative}
.section-head::after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:var(--bevel)}
.section-head>a{color:var(--gold);font-weight:700;font-size:14px;white-space:nowrap}
.section-head>a:hover{color:var(--gold-hi)}
.dark-panel{background:linear-gradient(180deg,#0d0e12,#0a0a0c);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid{display:grid;gap:18px}
.slots-grid{grid-template-columns:repeat(4,1fr)}
.providers-grid{grid-template-columns:repeat(4,1fr)}
.bonuses-grid{grid-template-columns:repeat(3,1fr)}

/* ---------- game cards ---------- */
[hidden]{display:none!important}
.slot-card{
  background:linear-gradient(180deg,var(--plate-hi),var(--plate));
  border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s;display:block;
  box-shadow:0 10px 30px rgba(0,0,0,.45)
}
.slot-card:hover{transform:translateY(-4px);border-color:var(--gold-deep);box-shadow:0 16px 44px rgba(0,0,0,.6),0 0 0 1px rgba(227,178,75,.35)}
.slot-art{
  position:relative;aspect-ratio:2/1;overflow:hidden;
  background:radial-gradient(circle at 50% 38%,var(--accent,#3a3d45),#14151a 62%,#0b0b0e);
  display:block;padding:0;border-bottom:1px solid var(--line)
}
.game-thumb{width:100%;height:100%;object-fit:cover}
.art-chip{
  position:absolute;left:10px;bottom:10px;z-index:2;
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold-hi);background:rgba(8,8,11,.82);border:1px solid var(--gold-deep);border-radius:5px;padding:5px 9px
}
.slot-info{padding:15px 16px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.slot-info h3{font-size:21px;line-height:1.05}
.slot-info p{margin:5px 0 0;color:var(--muted);font-size:12px;letter-spacing:.4px}
.slot-info>b{
  font-family:'Barlow Condensed',sans-serif;font-size:17px;white-space:nowrap;
  background:var(--bevel);-webkit-background-clip:text;background-clip:text;color:transparent
}
.stats{border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;padding:11px 16px;color:#787b84;font-size:11px;letter-spacing:.5px}
.stats strong{color:var(--text);font-weight:700}

/* ---------- provider cards ---------- */
.provider-card{
  background:linear-gradient(180deg,var(--plate-hi),var(--plate));
  border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s;display:block;
  box-shadow:0 10px 30px rgba(0,0,0,.45)
}
.provider-card:hover{transform:translateY(-4px);border-color:var(--gold-deep);box-shadow:0 16px 44px rgba(0,0,0,.6),0 0 0 1px rgba(227,178,75,.35)}
.provider-plate{aspect-ratio:2/1;background:#0d0e12;border-bottom:1px solid var(--line);overflow:hidden}
.provider-logo{width:100%;height:100%;object-fit:cover}
.provider-body{padding:16px}
.provider-card h3{font-size:21px}
.provider-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:8px 0 12px}
.provider-count{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--gold);text-transform:uppercase}

/* ---------- bonus cards ---------- */
.bonus-card{
  background:linear-gradient(180deg,var(--plate-hi),var(--plate));
  border:1px solid var(--line);border-radius:14px;padding:20px;position:relative;overflow:hidden
}
.bonus-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--bevel)}
.bonus-top{display:flex;justify-content:space-between;color:#8b8e97;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:1.5px}
.badge{color:var(--gold-hi)}
.offer{display:block;font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:900;text-transform:uppercase;margin:12px 0 16px;
  background:var(--bevel);-webkit-background-clip:text;background-clip:text;color:transparent}
.code{background:#0b0b0e;border:1px dashed var(--gold-deep);padding:10px;border-radius:7px;color:#8b8e97;font-size:12px}
.code b{color:var(--gold-hi);letter-spacing:1px}
.bonus-meta{display:flex;gap:24px;color:#787b84;font-size:11px;margin:18px 0;text-transform:uppercase;letter-spacing:1px}
.bonus-meta b{color:var(--text)}
.bonus-card .button{width:100%;margin-top:4px}
.bonus-warning{border:1px solid #4b3c16;background:#1b1608;color:#d8bd78;padding:14px 16px;border-radius:9px;margin-bottom:24px;font-size:14px}

/* ---------- SlotzNinja referral page ---------- */
.referral-page{padding-top:48px}
.referral-alliance img{max-height:520px;object-position:center}
.referral-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:48px;align-items:center;
  max-width:1180px;margin:54px auto 0
}
.referral-copy h1{font-size:clamp(54px,7vw,92px);max-width:760px}
.referral-copy p{color:#adafb8;font-size:17px;line-height:1.8;max-width:680px;margin:22px 0 0}
.referral-button{margin-top:30px;padding:16px 24px;font-size:19px}
.referral-notes{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.referral-notes span{
  border:1px solid var(--line);border-radius:100px;background:#101115;color:#a8aab2;
  padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase
}
.referral-poster{
  display:block;border:1px solid var(--gold-deep);border-radius:18px;overflow:hidden;
  background:#0b0b0e;box-shadow:0 0 0 1px #000,0 30px 80px rgba(0,0,0,.75),0 0 70px rgba(40,190,70,.14);
  transition:.2s
}
.referral-poster:hover{transform:translateY(-5px);border-color:var(--gold);filter:brightness(1.04)}
.referral-poster img{width:100%;height:auto}
.bonus-guide{max-width:1180px;margin:76px auto 0;padding-top:8px}
.bonus-guide-intro{max-width:820px;color:#adafb8;font-size:16px;line-height:1.8;margin:0 0 24px}
.bonus-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bonus-guide-grid article{
  background:linear-gradient(180deg,var(--plate-hi),var(--plate));border:1px solid var(--line);
  border-radius:14px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.35)
}
.bonus-guide-grid h3{color:var(--gold-hi);font-size:23px}
.bonus-guide-grid p{color:#a2a4ac;line-height:1.7;margin:12px 0 0;font-size:14px}
.bonus-source-callout{
  display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:28px;
  border:1px solid var(--gold-deep);border-radius:14px;
  background:radial-gradient(circle at 85% 20%,rgba(31,188,73,.15),transparent 40%),linear-gradient(180deg,#191408,#121016)
}
.bonus-source-callout h2{font-size:clamp(30px,4vw,44px);max-width:760px}
.bonus-source-callout .button{flex:none}

/* ---------- detail pages ---------- */
.crumbs{font-size:12px;color:#787b8a;margin:0 0 20px;letter-spacing:.5px}
.crumbs a{color:var(--gold);font-weight:700}
.detail-head{display:flex;justify-content:space-between;gap:36px;margin-bottom:28px}
.detail-head h1{font-size:clamp(48px,7vw,84px)}
.detail-head p{max-width:680px;color:#a8aab2;line-height:1.75}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.tag-row span{font-size:11px;border:1px solid var(--line);background:#101115;padding:7px 11px;border-radius:100px;color:#b9bbc3;letter-spacing:1px;text-transform:uppercase;font-weight:700}
.detail-stats{
  min-width:190px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;align-content:start;
  background:linear-gradient(180deg,var(--plate-hi),var(--plate));padding:20px;border:1px solid var(--line);border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)
}
.detail-stats b{font:900 30px 'Barlow Condensed';background:var(--bevel);-webkit-background-clip:text;background-clip:text;color:transparent}
.detail-stats small{color:#787b84;font-size:11px;letter-spacing:1.5px;align-self:center}

.art-plate{margin:0 0 26px;border:1px solid var(--gold-deep);border-radius:16px;overflow:hidden;background:#0d0e12;
  box-shadow:0 0 0 1px #000,0 24px 60px rgba(0,0,0,.7)}
.art-plate img{width:100%;max-height:470px;object-fit:cover;object-position:50% 40%}
.art-plate figcaption{
  padding:11px 16px;border-top:1px solid var(--line);color:#787b84;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap
}
.art-plate figcaption b{color:var(--gold)}


.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.info-grid>div{background:linear-gradient(180deg,var(--plate-hi),var(--plate));border:1px solid var(--line);padding:24px;border-radius:12px}
.info-grid p{color:#a2a4ac;line-height:1.7;margin:0 0 10px}
.info-grid b{color:var(--text)}
.section-head.plain{margin-top:54px}
.stat-note{margin-top:28px;color:#787b8a;font-size:12px;line-height:1.7;max-width:780px;border-top:1px solid var(--line);padding-top:16px}
.empty-state{color:var(--muted);padding:30px 0}
.prose{max-width:760px}
.prose p{color:#a2a4ac;line-height:1.8;margin:0 0 18px}

/* ---------- filters ---------- */
.filters{display:flex;gap:9px;margin-bottom:24px;flex-wrap:wrap}
.filters button{
  background:#101115;border:1px solid var(--line);color:#b9bbc3;border-radius:8px;padding:10px 14px;
  font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:.15s
}
.filters button:hover{color:var(--text);border-color:var(--gold-deep)}
.filters button.is-active{background:var(--bevel);border-color:var(--gold-deep);color:#0a0a0c}

/* ---------- responsible + footer ---------- */
.responsible{padding:52px 8vw;display:flex;gap:56px;justify-content:space-between;border-top:1px solid var(--line);
  background:linear-gradient(180deg,#0d0e12,#0a0a0c)}
.responsible h2{font-size:40px}
.responsible p{max-width:660px;color:#a2a4ac;line-height:1.75}
.footer{border-top:1px solid var(--line);padding:44px 8vw;display:grid;grid-template-columns:1fr auto;gap:28px;color:#82858e}
.footer strong{display:flex;align-items:center;gap:0;font:900 24px 'Barlow Condensed';color:#fff}
.footer-mark{margin-right:10px}
.footer-mark{width:34px;height:34px;object-fit:contain}
.footer-wordmark{height:26px;width:auto;margin-left:9px}
.footer p{font-size:12px;margin:10px 0 0}
.footer-links{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}
.footer-links a:hover{color:var(--gold)}
.footer small{grid-column:1/-1;line-height:1.7;font-size:11px;border-top:1px solid var(--line-soft);padding-top:18px}

a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}

/* ---------- responsive ---------- */
@media(max-width:1100px){.slots-grid,.providers-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .nav{padding:0 18px;gap:12px}.nav nav{display:none}.nav-cta{margin-left:auto}
  .hero{flex-direction:column-reverse;align-items:flex-start;padding:34px 18px 54px;gap:28px}
  .hero-crest{width:100%}
  .section,.page{padding:56px 18px}
  .slots-grid,.providers-grid{grid-template-columns:repeat(2,1fr)}
  .bonuses-grid,.info-grid{grid-template-columns:1fr}
  .detail-head{display:block}.detail-stats{margin-top:22px}
  .responsible{display:block;padding:42px 18px}
  .footer{grid-template-columns:1fr;padding:34px 18px}
  .referral-page{padding-top:24px}
  .referral-grid{grid-template-columns:1fr;gap:30px;margin-top:34px}
  .referral-poster{max-width:520px;margin:0 auto}
  .bonus-guide{margin-top:56px}
  .bonus-guide-grid{grid-template-columns:1fr}
  .bonus-source-callout{display:block}
  .bonus-source-callout .button{margin-top:22px;width:100%}
}
@media(max-width:560px){
  .slots-grid{grid-template-columns:1fr}
  .section-head{display:block}.section-head>a{display:inline-block;margin-top:12px}
  .brand{font-size:22px}.brand-mark{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}


/* ---------- long-form page content ---------- */
.longform{max-width:860px;margin:46px 0 0}
.longform h2{font-size:clamp(28px,3.4vw,40px);margin:44px 0 14px;position:relative;padding-top:22px}
.longform h2::before{content:"";position:absolute;top:0;left:0;width:90px;height:2px;background:var(--bevel)}
.longform h2:first-child{margin-top:0}
.longform h3{font-size:22px;margin:30px 0 10px;color:var(--gold-hi)}
.longform p{color:#adafb8;line-height:1.85;margin:0 0 16px;font-size:16px}
.longform p b,.longform li b{color:var(--text)}
.longform ul,.longform ol{color:#adafb8;line-height:1.85;padding-left:22px;margin:0 0 18px}
.longform li{margin-bottom:9px}
.longform li::marker{color:var(--gold)}
.longform a{color:var(--gold);font-weight:600;border-bottom:1px solid rgba(227,178,75,.35)}
.longform a:hover{color:var(--gold-hi)}

.spec-table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px;
  border:1px solid var(--line);border-radius:12px;overflow:hidden}
.spec-table th,.spec-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-soft)}
.spec-table th{background:#101115;color:var(--gold);font-family:'Barlow Condensed',sans-serif;
  font-size:14px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800}
.spec-table td{color:#adafb8}
.spec-table td:first-child{color:var(--text);font-weight:600;width:38%}
.spec-table tr:last-child td{border-bottom:0}
.spec-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.015)}

.callout{border:1px solid var(--gold-deep);background:linear-gradient(180deg,#1a1509,#121016);
  border-radius:12px;padding:18px 20px;margin:0 0 24px}
.callout strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:1px;
  text-transform:uppercase;color:var(--gold-hi);margin-bottom:6px}
.callout p{margin:0;color:#c9c2b2}

.faq-item{border-top:1px solid var(--line);padding:18px 0}
.faq-item h3{margin:0 0 8px;color:var(--text);font-size:20px}
.faq-item p{margin:0}
.toc{border:1px solid var(--line);background:#101115;border-radius:12px;padding:18px 22px;margin:0 0 30px}
.toc strong{font-family:'Barlow Condensed',sans-serif;letter-spacing:2px;text-transform:uppercase;
  font-size:13px;color:var(--gold);display:block;margin-bottom:10px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
@media(max-width:700px){.toc ol{columns:1}}


/* ---------- provider banner ---------- */
.art-plate.provider-banner{margin-bottom:30px}
.art-plate.provider-banner img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:center}
@media(min-width:900px){
  .art-plate.provider-banner img{aspect-ratio:3/1}
}


/* ---------- AEO answer summary ---------- */
.answer-box{border:1px solid var(--gold-deep);border-left-width:4px;border-radius:12px;
  background:linear-gradient(180deg,#191408,#121016);padding:20px 22px;margin:0 0 30px}
.answer-box h2{font-size:15px!important;letter-spacing:2px;color:var(--gold);margin:0 0 10px!important;padding-top:0!important}
.answer-box h2::before{display:none}
.answer-box p{color:#d5cfc0;line-height:1.75;margin:0 0 12px;font-size:16px}
.answer-box p:last-child{margin-bottom:0}
.answer-facts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.answer-facts li{background:#0b0b0e;border:1px solid var(--line);border-radius:100px;
  padding:7px 13px;font-size:12px;letter-spacing:.6px;color:#b9bbc3}
.answer-facts li b{color:var(--gold-hi);font-weight:700}


/* ---------- key facts (answer-engine friendly summary) ---------- */
.keyfacts{
  display:grid;grid-template-columns:auto 1fr;gap:0;margin:0 0 30px;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,#16171c,#101115);font-size:15px
}
.keyfacts dt{
  padding:11px 16px;border-bottom:1px solid var(--line-soft);
  font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;
  letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);white-space:nowrap;
  background:#0e0f13
}
.keyfacts dd{margin:0;padding:11px 16px;border-bottom:1px solid var(--line-soft);color:var(--text);font-weight:600}
.keyfacts dt:last-of-type,.keyfacts dd:last-of-type{border-bottom:0}
@media(max-width:560px){.keyfacts{font-size:14px}.keyfacts dt{padding:9px 12px;font-size:13px}.keyfacts dd{padding:9px 12px}}


/* ---------- full-width brand banners ---------- */
.page-banner{
  margin:0 0 30px;border:1px solid var(--gold-deep);border-radius:16px;overflow:hidden;
  background:#0d0e12;box-shadow:0 0 0 1px #000,0 24px 60px rgba(0,0,0,.7);position:relative
}
.page-banner img{width:100%;display:block;max-height:300px;object-fit:cover;object-position:50% 42%}
.page-banner figcaption{
  padding:12px 18px;border-top:1px solid var(--line);color:#9a9ca6;font-size:12px;
  letter-spacing:1.4px;text-transform:uppercase;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap
}
.page-banner figcaption b{color:var(--gold)}
.home-band{padding:0 8vw 84px}
@media(max-width:900px){
  .home-band{padding:0 18px 56px}
  .page-banner img{max-height:190px}
  .brand-wordmark{height:24px}
  .footer-wordmark{height:22px}
  .hero-crest img{max-height:460px}
}
@media(max-width:560px){.brand-mark{width:34px;height:34px}.brand-wordmark{height:20px}}

/* === UNIFIED SLOTZKILLA HEADER START === */
/* Master header used site-wide: homepage positioning + bonuses-page blood CTA */
.sk-site-header,
.sk-header-top,
.sk-main-menu { box-sizing:border-box; }

.sk-site-header {
  display:block !important;
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  background:#050506 !important;
  border:0 !important;
  z-index:30 !important;
}

.sk-header-top {
  width:min(100%,1440px) !important;
  min-height:112px !important;
  margin:0 auto !important;
  padding:20px clamp(20px,4vw,58px) 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  overflow:visible !important;
  background:#050506 !important;
}

.sk-brand {
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  text-decoration:none !important;
  overflow:visible !important;
}

.sk-brand-mark {
  display:block !important;
  width:78px !important;
  height:78px !important;
  flex:0 0 78px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 14px rgba(215,25,32,.30)) !important;
}

.sk-brand-wordmark {
  display:block !important;
  width:clamp(255px,27vw,380px) !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.65)) !important;
}

.sk-header-bonus {
  position:relative !important;
  z-index:2 !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:118px !important;
  min-height:44px !important;
  padding:9px 16px !important;
  margin:0 !important;
  overflow:visible !important;
  color:#fff !important;
  font-family:'Barlow Condensed',Inter,Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:1px solid #e23a2e !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,#f13a3a 0%,#c01620 38%,#8a0710 58%,#4d0308 100%) !important;
  text-shadow:0 1px 2px #310004 !important;
  box-shadow:0 8px 26px rgba(176,22,32,.42),inset 0 1px 0 rgba(255,255,255,.32),0 0 0 1px rgba(80,0,7,.9) !important;
}

.sk-header-bonus::after {
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  left:10% !important;
  right:8% !important;
  top:calc(100% - 2px) !important;
  height:17px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 28' preserveAspectRatio='none'%3E%3Cg fill='%238a0710'%3E%3Cpath d='M0 0h180v7H0z'/%3E%3Cpath d='M18 4c0 8-6 11-6 16a6 6 0 0 0 12 0c0-5-6-8-6-16z'/%3E%3Cpath d='M68 4c0 5-4 8-4 12a5 5 0 0 0 10 0c0-4-6-7-6-12z'/%3E%3Cpath d='M122 4c0 10-7 14-7 19a7 7 0 0 0 14 0c0-5-7-9-7-19z'/%3E%3Cpath d='M160 4c0 6-5 9-5 13a5 5 0 0 0 10 0c0-4-5-7-5-13z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center top !important;
  background-size:100% 100% !important;
  filter:drop-shadow(0 3px 2px rgba(0,0,0,.55)) !important;
  pointer-events:none !important;
}

.sk-header-bonus:hover {
  filter:brightness(1.18) !important;
  border-color:#ff6464 !important;
}

.sk-main-menu {
  position:relative !important;
  width:100% !important;
  min-height:62px !important;
  margin:0 !important;
  padding:0 clamp(12px,3vw,38px) !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:0 !important;
  background:#0a0a0c !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.25) !important;
  z-index:29 !important;
}

.sk-main-menu a {
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 8px !important;
  color:#f1f1f3 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  letter-spacing:.09em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:0 !important;
  background:transparent !important;
}
.sk-main-menu a:hover { color:#fff !important; background:rgba(255,255,255,.025) !important; }

@media (max-width:640px) {
  .sk-header-top {
    min-height:103px !important;
    padding:16px 14px 14px !important;
    gap:10px !important;
  }
  .sk-brand { gap:7px !important; }
  .sk-brand-mark {
    width:55px !important;
    height:55px !important;
    flex-basis:55px !important;
  }
  .sk-brand-wordmark {
    width:min(45vw,200px) !important;
    max-width:calc(100vw - 164px) !important;
  }
  .sk-header-bonus {
    min-width:96px !important;
    min-height:40px !important;
    padding:8px 12px !important;
    border-radius:8px !important;
    font-size:14px !important;
    letter-spacing:1.2px !important;
  }
  .sk-header-bonus::after { height:15px !important; }
  .sk-main-menu {
    min-height:58px !important;
    padding:0 7px !important;
  }
  .sk-main-menu a {
    padding:0 2px !important;
    font-size:clamp(9px,2.75vw,11px) !important;
    letter-spacing:.045em !important;
  }
}
/* === UNIFIED SLOTZKILLA HEADER END === */


/* ---------- Bonuses top banner ---------- */
.bonuses-top-banner{
  width:100%;
  margin:0;
  overflow:hidden;
  background:#050506;
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(227,27,35,.28);
}
.bonuses-top-banner img{
  display:block;
  width:100%;
  height:auto;
  max-height:220px;
  object-fit:cover;
  object-position:center;
}
@media (max-width:720px){
  .bonuses-top-banner img{max-height:none}
}

/* Accessible text for image-rendered headings */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}