.hero { position: relative; overflow: hidden; padding: 3.6rem 0 3rem; background: radial-gradient(circle at 82% 18%, rgba(238,185,53,.2), transparent 26%), radial-gradient(circle at 4% 88%, rgba(32,106,69,.34), transparent 32%), #08120d; }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; background: linear-gradient(125deg, transparent 0 45%, rgba(244,211,119,.07) 45.2% 45.5%, transparent 45.8%), repeating-linear-gradient(90deg, transparent 0 56px, rgba(255,255,255,.025) 57px 58px); }
.overview-grid, .two-col, .rtp-box { display:grid; gap:1.5rem; align-items:center; }
.game-preview { position:relative; z-index:1; }
.game-preview { min-height:300px; overflow:hidden; border-radius:28px; border:1px solid rgba(244,211,119,.32); background:#16231a; box-shadow:0 28px 70px rgba(0,0,0,.4); }
.game-preview::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg, rgba(255,255,255,.14), transparent 30%, transparent 70%, rgba(0,0,0,.24)); }
.game-preview img { width:100%; height:100%; min-height:inherit; display:block; object-fit:cover; }
.game-preview--hero img { object-position:center; }
.section { position:relative; padding:3.8rem 0; scroll-margin-top:90px; }
.section-alt { background:linear-gradient(110deg,#0b1811,#101a14 50%,#0a130e); border-block:1px solid rgba(244,211,119,.08); }
.section-heading { max-width:720px; margin-bottom:1.8rem; }
.section-heading h2 { margin-bottom:.4rem; }
.section-heading p { margin:0; }
.info-grid, .feature-grid { display:grid; gap:1rem; }
.info-card, .feature-card, .split-note article { padding:1.3rem; border:1px solid rgba(244,211,119,.15); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.info-card h3, .feature-card h3 { margin-bottom:.4rem; color:var(--gold-soft); }
.info-card p, .feature-card p { margin:0; }
.split-note { display:grid; gap:1rem; }
.split-note strong { display:block; margin-bottom:.35rem; color:var(--cream); font-size:1.08rem; }
.split-note p { margin:0; }
.table-responsive { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:16px; border:1px solid rgba(244,211,119,.18); background:rgba(5,12,8,.65); }
.table-responsive table { width:100%; min-width:560px; border-collapse:collapse; }
.table-responsive th, .table-responsive td { padding:1rem 1.05rem; text-align:left; vertical-align:top; }
.table-responsive th { color:var(--cream); background:rgba(244,211,119,.09); }
.table-responsive td { color:var(--text-muted); border-top:1px solid rgba(255,255,255,.07); }
.check-list { padding:0; margin:1.1rem 0 0; list-style:none; display:grid; gap:.65rem; }
.check-list li { position:relative; padding-left:1.7rem; color:var(--text-muted); }
.check-list li::before { content:"✓"; position:absolute; left:0; color:var(--gold-soft); font-weight:900; }
.callout { padding:1.4rem; border-radius:18px; background:linear-gradient(135deg,rgba(244,211,119,.15),rgba(37,117,75,.14)); border:1px solid rgba(244,211,119,.23); }
.callout p { margin:0; color:var(--cream); font-size:1.06rem; }
.faq-list { display:grid; gap:.7rem; }
.faq-item { border:1px solid rgba(255,255,255,.09); border-radius:15px; background:rgba(255,255,255,.025); overflow:hidden; }
.faq-q { width:100%; padding:1rem 1.15rem; border:0; background:transparent; color:var(--off-white); text-align:left; font:inherit; font-weight:700; cursor:pointer; }
.faq-q[aria-expanded="true"] { color:var(--gold-soft); }
.faq-a { padding:0 1.15rem 1rem; }
.faq-a p { margin:0; }
.section-cta { margin-top:1.45rem; }
@media (min-width:768px) { .overview-grid, .two-col, .rtp-box { grid-template-columns:1fr 1fr; gap:2.3rem; } .game-preview { min-height:420px; } .game-preview.wide { min-height:330px; } .info-grid { grid-template-columns:repeat(3,1fr); } .feature-grid { grid-template-columns:repeat(2,1fr); } .split-note { grid-template-columns:1fr 1fr; } }
.faq-showcase { overflow:hidden; background:radial-gradient(circle at 92% 10%,rgba(241,202,98,.13),transparent 25%),linear-gradient(115deg,#0c1811,#101a14 55%,#09130d); }.faq-intro { max-width:650px; margin-bottom:1.7rem; }.faq-intro h2 { margin-bottom:.38em; }.faq-intro p:last-child { margin-bottom:0; }.faq-grid { display:grid; gap:1rem; counter-reset:faq; }.faq-card { position:relative; min-height:190px; padding:1.35rem 1.25rem 1.25rem; border:1px solid rgba(241,202,98,.16); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); transition:transform var(--ease),border-color var(--ease),background var(--ease); }.faq-card:hover { transform:translateY(-3px); border-color:rgba(241,202,98,.42); background:linear-gradient(145deg,rgba(241,202,98,.12),rgba(255,255,255,.025)); }.faq-number { display:block; margin-bottom:1.4rem; color:var(--gold-soft); font-size:.72rem; font-weight:850; letter-spacing:.16em; }.faq-card h3 { max-width:27ch; margin-bottom:.55rem; font-size:1.14rem; }.faq-card p { margin:0; font-size:.95rem; }.faq-card--cta { display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(145deg,rgba(45,134,88,.28),rgba(241,202,98,.12)); }.faq-card--cta .btn { width:max-content; margin-top:1rem; } @media(min-width:700px){.faq-grid{grid-template-columns:repeat(2,1fr)}.faq-card--cta{grid-column:span 2;min-height:170px}} @media(min-width:1024px){.faq-grid{grid-template-columns:repeat(3,1fr)}.faq-card--cta{grid-column:auto}}
.casino-apps { background:radial-gradient(circle at 9% 25%,rgba(45,134,88,.2),transparent 32%),linear-gradient(120deg,#0c1811,#101c14); }.app-visual { position:relative; margin:0; min-height:280px; overflow:hidden; border:1px solid rgba(241,202,98,.28); border-radius:25px; background:#101b13; box-shadow:var(--shadow); }.app-visual::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(140deg,rgba(255,255,255,.13),transparent 28%,transparent 72%,rgba(0,0,0,.28)); }.app-visual img { width:100%; height:100%; min-height:inherit; object-fit:cover; object-position:center; } @media(min-width:768px){.app-visual{min-height:360px}}
.bonus-preview { min-height:270px; }.bonus-preview img { object-position:center; } #bonus-guide .callout { margin-top:1.2rem; } @media(min-width:768px){.bonus-preview{min-height:420px}}

/* ── Hero ───────────────────────────────────────────── */
.hero { position:relative; overflow:hidden; padding:2.8rem 0 3.2rem; background:radial-gradient(circle at 84% 12%,rgba(238,185,53,.2),transparent 30%),radial-gradient(circle at 2% 92%,rgba(32,106,69,.36),transparent 34%),#08120d; }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; background:linear-gradient(125deg,transparent 0 45%,rgba(244,211,119,.07) 45.2% 45.5%,transparent 45.8%),repeating-linear-gradient(90deg,transparent 0 56px,rgba(255,255,255,.025) 57px 58px); }
.hero-grid { position:relative; z-index:1; display:grid; gap:2.4rem; align-items:center; }
.hero-copy { position:relative; z-index:2; }
.hero-badge { display:inline-flex; align-items:center; gap:.5rem; margin:0 0 1.15rem; padding:.4rem .85rem .42rem .55rem; border:1px solid rgba(241,202,98,.28); border-radius:999px; background:rgba(241,202,98,.07); color:var(--gold-soft); font-size:.74rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.hero-badge__dot { width:7px; height:7px; flex:none; border-radius:50%; background:var(--gold-soft); box-shadow:0 0 0 4px rgba(241,202,98,.16); animation:pulse-dot 2.6s ease-in-out infinite; }
@keyframes pulse-dot { 50% { box-shadow:0 0 0 7px rgba(241,202,98,0); } }
.hero h1 { max-width:12ch; margin-bottom:.44em; font-size:clamp(2.4rem,6.1vw,4.35rem); letter-spacing:-.042em; }
.hero-accent { position:relative; display:inline-block; max-width:100%; background:linear-gradient(96deg,#fff3c4 8%,#f1ca62 42%,#d99c16 78%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero-accent svg { position:absolute; left:0; bottom:-.19em; width:100%; height:.26em; overflow:visible; }
.hero-accent svg path { stroke:#d99c16; opacity:.85; }
.hero-lead { max-width:53ch; font-size:1.09rem; color:#d9d2bf; }
.hero-facts { margin-top:1.5rem; }
.hero .btn-row { margin-top:1.7rem; }

.hero-visual { position:relative; z-index:1; }
.hero-visual__frame { position:relative; overflow:hidden; border:1px solid rgba(241,202,98,.3); border-radius:30px; background:linear-gradient(150deg,#16301c,#0a1610); box-shadow:0 30px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08); }
.hero-visual__frame::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 34%,transparent 68%,rgba(0,0,0,.3)); }
.hero-visual__frame img { display:block; width:100%; height:auto; }
.hero-visual::before { content:""; position:absolute; z-index:-1; inset:-14% -8% -10%; border-radius:50%; background:radial-gradient(ellipse at 55% 45%,rgba(217,156,22,.28),transparent 62%); filter:blur(6px); }

.tier-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:.4rem; padding:.45rem; margin:.85rem 0 0; list-style:none; border:1px solid rgba(241,202,98,.22); border-radius:16px; background:rgba(6,14,9,.82); backdrop-filter:blur(10px); }
.tier-strip li { display:grid; place-items:center; padding:.5rem .2rem .55rem; border-radius:11px; background:rgba(255,255,255,.045); color:var(--text-muted); font-family:var(--font-display); font-size:.76rem; font-weight:700; letter-spacing:.04em; }
.tier-strip li.is-top { background:linear-gradient(150deg,#f3d47c,#d99c16); color:#1a1204; box-shadow:0 6px 16px rgba(217,156,22,.3); }

@media (min-width:768px) {
  .hero { padding:4.2rem 0 4.4rem; }
  .tier-strip { position:absolute; left:1.6rem; right:1.6rem; bottom:-1.35rem; margin:0; }
  .hero-visual { margin-bottom:1.35rem; }
  .tier-strip li { font-size:.82rem; }
}
@media (min-width:960px) {
  .hero-grid { grid-template-columns:1.08fr .92fr; gap:3.4rem; }
  .hero-visual__frame { border-radius:34px; }
}

/* ── Section polish ─────────────────────────────────── */
.info-card { transition:transform var(--ease),border-color var(--ease),background var(--ease); }
.info-card:hover { transform:translateY(-3px); border-color:rgba(241,202,98,.4); background:linear-gradient(145deg,rgba(241,202,98,.11),rgba(255,255,255,.02)); }
.note { color:var(--text-dim); font-size:.93rem; }
@media (min-width:768px) {
  .two-col { align-items:stretch; }
  .two-col > .game-preview,.two-col > .app-visual { height:100%; }
  .casino-apps .two-col { align-items:center; }
}
.section > .container:not(.two-col):not(.rtp-box) > * + * { margin-top:1.6rem; }
.section > .container > .section-cta { margin-top:1.8rem; }