:root{--ink:#0b0b0d;--paper:#fff;--soft:#f3f3f5;--muted:#5d5d66;--line:#e2e2e6;--accent:#0a5cff}
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1280px;margin:0 auto;padding:0 24px}
  header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .bar{display:flex;align-items:center;gap:32px;height:64px}
  .logo{font-weight:800;letter-spacing:.18em;font-size:1.05rem}
  nav{display:flex;gap:26px;font-size:.92rem;margin-left:auto}
  nav a{padding:6px 0;border-bottom:2px solid transparent}
  nav a:hover{border-color:var(--ink)}
  .hero{position:relative;background:#000;color:#fff;min-height:min(78vh,720px);display:flex;align-items:flex-end;overflow:hidden}
  .hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}
  .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.82))}
  .hero .wrap{position:relative;z-index:1;padding-bottom:56px;width:100%}
  .eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin:0 0 .6em}
  .hero h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:1.02;margin:0 0 .3em;letter-spacing:-.02em}
  .hero p.lead{max-width:560px;font-size:1.15rem;margin:0 0 1.6em;opacity:.95}
  .btns{display:flex;gap:12px;flex-wrap:wrap}
  .btn{display:inline-block;padding:.85em 1.7em;border-radius:999px;font-weight:600;font-size:.95rem;border:1.5px solid #fff;transition:.15s}
  .btn.solid{background:#fff;color:#000}.btn.solid:hover{background:#e8e8e8}
  .btn.ghost:hover{background:rgba(255,255,255,.16)}
  .btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.dark:hover{background:#2a2a30}
  section{padding:84px 0}
  h2{font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.01em;margin:0 0 .5em}
  .sub{color:var(--muted);max-width:620px;margin:0 0 2.2em}
  .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .tile{background:var(--soft);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
  .tile:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
  .tile img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
  .tile div{padding:22px 24px 28px}
  .tile h3{margin:0 0 .3em;font-size:1.25rem}.tile p{margin:0;color:var(--muted);font-size:.95rem}
  .games{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}
  .card{border-radius:18px;padding:36px;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end}
  .card.a{background:#000 url(img/thumbnail-2-bonuses.jpg) center/cover;color:#fff;position:relative;overflow:hidden}
  .card.a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.8))}
  .card.a>*{position:relative}
  .card.b{background:var(--soft)}
  .card h3{margin:0 0 .3em;font-size:1.7rem}.card p{margin:0 0 1.2em;max-width:440px}
  .card.b p{color:var(--muted)}
  .facts{background:var(--ink);color:#fff}
  .facts .row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
  .facts b{display:block;font-size:2.3rem;letter-spacing:-.02em}
  .facts span{opacity:.75;font-size:.92rem}
  .about{background:var(--soft)}
  .about .cols{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  footer{background:#111;color:#bdbdc6;padding:56px 0 40px;font-size:.9rem}
  footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
  footer h4{color:#fff;margin:0 0 .8em;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
  footer a{display:block;padding:3px 0}footer a:hover{color:#fff}
  footer .fine{border-top:1px solid #2a2a30;margin-top:36px;padding-top:20px;font-size:.8rem}
  @media(max-width:860px){
    .tiles,.games,.about .cols{grid-template-columns:1fr}
    .facts .row{grid-template-columns:1fr 1fr}
    footer .cols{grid-template-columns:1fr 1fr}
    nav{gap:16px;font-size:.85rem}.bar{gap:14px}
  }
  .tiles.four{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
  .gcard{background:var(--soft);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
  .gcard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
  .gcard img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
  .gcard .b{padding:20px 22px 26px}
  .gcard h3{margin:0 0 .25em;font-size:1.2rem}.gcard p{margin:0 0 .7em;color:var(--muted);font-size:.93rem}
  .tag{display:inline-block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.25em .7em;border-radius:999px;background:var(--ink);color:#fff;margin-right:6px}
  .tag.soon{background:#c9c9d1;color:#222}
  .gcard.soon{background:var(--soft);min-height:220px;justify-content:center;align-items:center;text-align:center;color:var(--muted);border:1.5px dashed var(--line)}
  .page-head{padding:64px 0 8px}.page-head h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 .2em;letter-spacing:-.02em}