/* martincasino47.buzz — Martin / Мартин — concept "Buon fresco / Фреска: сырая известь и синопия" (general -a intent) | BESPOKE template #6 "Разворот-фолио / folio spread" (NOT up-x178 skeleton) | palette "Sinopia & Lime": bg warm plaster-dark #14100c, CTA sinopia red-ochre --acc #c9552e ~14° (USER-CHOSEN theme-native warm over reads-new indigo #5a46ec/azure #2f6fe0 — 5th theme-native pick; red is net's most-crowded family, divergence carried by acc2 + theme/legal/fonts/numbers), acc2 azurite sky-blue #3b74c4 ~213° (cool complement, fresco sky pigment), ink plaster-cream #ece3d6 | fonts: Rubik Wet Paint (LOGO wordmark only, Cyrillic-verified METADATA.pb, single-wt 400, thematic=wet plaster paint) + Cambria-first system-serif headings (fresh lead ≠ Georgia/Palatino/Constantia siblings) + system-sans body (0 other webfonts) | VIP fresco process: Аринтоне→Картон→Припорох→Вердаччо→Интонако→Буон-фреско (cashback 4/8/13/18/24/28% пн) | legal INTONACO GAMING N.V. / Bulgaria НАП / auditor Giornata Testing Labs | welcome 507 000₽+248FS | /ru×14 */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.62;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
:root{
  --bg:#14100c;
  --pan:#1c1712;
  --pan2:#221b13;
  --line:#33291f;
  --ink:#ece3d6;
  --mut:#a99e8d;
  --lime:#f2ead9;
  --acc:#c9552e;
  --acc-lift:#e07a52;
  --acc2:#3b74c4;
  --on:#fff3ee;
  --serif:"Cambria","Palatino Linotype","Book Antiqua","PT Serif",Georgia,serif;
  --wrap:1120px;
}

/* plaster texture on the background */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1200px 600px at 78% -8%, rgba(59,116,196,0.08), transparent 60%),
    radial-gradient(900px 500px at 10% 110%, rgba(201,85,46,0.09), transparent 55%);
}

a{color:var(--acc-lift);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.18;letter-spacing:.1px}
img,svg{max-width:100%}
table{border-collapse:collapse;width:100%}

.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:8px;top:8px;background:var(--acc);color:var(--on);padding:8px 12px;border-radius:8px;z-index:50}

.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ===== HEADER ===== */
.crown{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:20px;
  padding:12px clamp(16px,4vw,40px);
  background:rgba(20,16,12,0.9);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.sign{display:flex;align-items:center;gap:12px;color:var(--ink)}
.sign:hover{text-decoration:none}
.sign__svg{width:40px;height:40px;flex:none}
.sign__t{
  font-family:"Rubik Wet Paint",var(--serif);
  font-size:24px;line-height:1;color:var(--acc-lift);
  display:flex;flex-direction:column;gap:3px;
}
.sign__sub{font-family:system-ui,sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.ways{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.ways a{color:var(--mut);font-size:14px}
.ways a:hover{color:var(--ink);text-decoration:none}
.enter{
  padding:9px 18px;border-radius:9px;
  background:var(--acc);color:var(--on);font-weight:700;font-size:14px;
  border:1px solid var(--acc);
}
.enter:hover{background:var(--acc-lift);text-decoration:none}

/* ===== WRAP ===== */
main{display:block}
.plaster,.leaf,.colophon,.foot{max-width:var(--wrap);margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}

/* ===== HERO ===== */
.plaster{
  display:grid;grid-template-columns:1.5fr .9fr;gap:36px;align-items:start;
  padding-top:48px;padding-bottom:40px;
}
.eye{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-lift);margin:0 0 14px}
h1{font-size:clamp(26px,4.2vw,44px);margin:0 0 18px;color:var(--lime)}
.brandmark{color:var(--acc-lift)}
.recto .lead{font-size:16.5px;color:var(--ink)}
.lede{font-size:clamp(15px,1.6vw,18px);color:var(--ink);max-width:60ch;margin:0 0 26px}

.acts{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.act{
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;
  padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--pan);
  color:var(--ink);
}
.act:hover{border-color:var(--acc);text-decoration:none}
.act__k{grid-row:1/3;align-self:center;font-family:var(--serif);font-size:22px;color:var(--acc-lift)}
.act__t{font-weight:700;font-size:15px}
.act__d{font-size:12.5px;color:var(--mut)}

.kpi{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi li{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--pan2);text-align:center}
.kpi__v{display:block;font-family:var(--serif);font-size:19px;color:var(--lime)}
.kpi__l{display:block;font-size:11.5px;color:var(--mut);margin-top:4px}

.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:13px 24px;border-radius:11px;font-weight:700;font-size:15px;border:1px solid transparent;display:inline-block}
.btn--red{background:var(--acc);color:var(--on);border-color:var(--acc)}
.btn--red:hover{background:var(--acc-lift);text-decoration:none}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{border-color:var(--acc2);color:var(--lime);text-decoration:none}

.plaster__art{margin:0;border:1px solid var(--line);border-radius:14px;background:var(--pan);padding:14px;overflow:hidden}
.plaster__art svg{display:block;width:100%;height:auto}
.plaster__art figcaption{font-size:12px;color:var(--mut);margin-top:10px;line-height:1.5}

.tally{
  grid-column:1/-1;list-style:none;padding:0;margin:6px 0 0;
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--pan2);
}
.tally li{padding:16px 12px;text-align:center;border-right:1px solid var(--line)}
.tally li:last-child{border-right:0}
.tally__v{display:block;font-family:var(--serif);font-size:clamp(16px,2vw,22px);color:var(--acc-lift)}
.tally__l{display:block;font-size:11.5px;color:var(--mut);margin-top:5px}

/* ===== FOLIO LEAF ===== */
.leaf{
  display:grid;grid-template-columns:150px 1fr;gap:34px;align-items:start;
  padding-top:40px;padding-bottom:40px;
  border-top:1px solid var(--line);
}
.fol{position:sticky;top:78px;text-align:right;padding-right:22px;border-right:2px solid var(--acc)}
.fol__n{display:block;font-family:var(--serif);font-size:clamp(46px,6vw,72px);line-height:.9;color:var(--lime)}
.fol__c{display:block;margin-top:10px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}
.recto{min-width:0}
.recto h2{font-size:clamp(21px,2.6vw,30px);margin:0 0 14px;color:var(--lime)}
.recto p{margin:0 0 14px}
.recto h3{font-size:16px;margin:0 0 6px;color:var(--ink)}
#brand h3{color:var(--acc-lift)}
.note{font-size:13px;color:var(--mut);border-left:2px solid var(--acc2);padding-left:12px}

/* ===== TABLES ===== */
.grid,.register,.till,.ladder{margin:6px 0 16px;font-size:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
caption{caption-side:top}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}
thead th{background:var(--pan2);color:var(--acc-lift);font-family:var(--serif);font-weight:600;font-size:13px}
tbody tr:last-child td{border-bottom:0}
tbody tr:nth-child(even) td{background:rgba(255,255,255,0.015)}
td{color:var(--ink)}

/* ===== STEPS ===== */
.steps{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:12px}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--pan)}
.steps__n{width:34px;height:34px;border-radius:50%;background:var(--acc);color:var(--on);display:grid;place-items:center;font-family:var(--serif);font-weight:700}
.steps__t{display:block;font-weight:700;margin-bottom:3px}
.steps li p{margin:0;font-size:14px;color:var(--mut)}

/* ===== CARDS / LIVE ===== */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--pan)}
.tile h3{color:var(--acc-lift)}
.tile p{margin:0;font-size:14px;color:var(--mut)}

/* ===== FACTS ===== */
.facts{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.facts li{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--pan2)}
.facts li span{display:block;font-family:var(--serif);color:var(--lime);margin-bottom:4px}
.facts li p{margin:0;font-size:14px;color:var(--mut)}

/* ===== SPECS ===== */
.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.specs article{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--pan)}
.specs p{margin:0;font-size:13.5px;color:var(--mut)}
.badges{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.badges li{font-size:12px;color:var(--ink);background:var(--pan2);border:1px solid var(--line);border-radius:20px;padding:6px 13px}

/* ===== REVIEWS ===== */
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.voice{margin:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--pan)}
.voice__h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.voice__a{width:32px;height:32px;border-radius:50%;background:var(--acc2);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700}
.voice__n{font-size:13px;font-weight:700}
.voice__s{margin-left:auto;color:var(--acc-lift);font-size:13px;letter-spacing:1px}
.voice blockquote{margin:0;font-size:13.5px;color:var(--mut);line-height:1.55}

/* ===== FAQ ===== */
.qa{display:grid;gap:8px}
.qa details{border:1px solid var(--line);border-radius:10px;background:var(--pan);overflow:hidden}
.qa summary{cursor:pointer;padding:13px 16px;font-weight:600;font-size:14.5px;color:var(--ink);list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";float:right;color:var(--acc-lift);font-family:var(--serif);font-size:18px;line-height:1}
.qa details[open] summary::after{content:"–"}
.qa details p{margin:0;padding:0 16px 14px;font-size:14px;color:var(--mut)}

/* ===== COLOPHON ===== */
.colophon{padding-top:40px;padding-bottom:40px;border-top:1px solid var(--line)}
.colophon h2{font-size:clamp(20px,2.4vw,26px);color:var(--lime);margin:0 0 14px}
.colophon p{margin:0 0 14px;color:var(--ink);max-width:78ch}

/* ===== FOOTER ===== */
.foot{border-top:1px solid var(--line);padding-top:34px;padding-bottom:44px;margin-top:6px}
.foot__row{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}
.foot__mark{font-family:var(--serif);font-size:18px;color:var(--acc-lift);display:block;margin-bottom:8px}
.foot__brand p{margin:0;font-size:13px;color:var(--mut);max-width:52ch}
.foot__nav{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}
.foot__nav a{color:var(--mut);font-size:14px}
.foot__legal{font-size:12px;color:var(--mut);line-height:1.6;border-top:1px solid var(--line);padding-top:16px;margin:0}

/* ===== RESPONSIVE ===== */
@media (max-width:860px){
  .plaster{grid-template-columns:1fr}
  .plaster__art{order:-1}
  .tally{grid-template-columns:1fr 1fr 1fr}
  .tally li:nth-child(3){border-right:0}
  .leaf{grid-template-columns:1fr;gap:14px}
  .fol{position:static;text-align:left;padding-right:0;padding-bottom:8px;border-right:0;border-bottom:2px solid var(--acc);display:flex;align-items:baseline;gap:14px}
  .fol__n{font-size:40px}
  .fol__c{margin-top:0}
  .voices{grid-template-columns:1fr}
}
@media (max-width:560px){
  .acts{grid-template-columns:1fr}
  .kpi{grid-template-columns:1fr 1fr}
  .cards,.specs{grid-template-columns:1fr}
  .tally{grid-template-columns:1fr 1fr}
  .tally li:nth-child(3){border-right:1px solid var(--line)}
  .ways{display:none}
}