/* 1xslots-play.buzz — архетип prism: призматические грани, трёхцветные сколы */

:root{
  --bg:#1f1f1f;          /* основной тёмный фон */
  --bg-deep:#060606;     /* подвал, глубокие подложки */
  --surface:#262626;     /* панели, карточки */
  --surface-2:#303031;   /* вложенные блоки, строки таблиц */
  --line:#363636;        /* границы */
  --gold:#fde4a5;        /* фирменное шампанское золото, главный акцент */
  --gold-2:#c9a339;      /* насыщенное золото, обводки и цифры */
  --gold-3:#937527;      /* тёмное золото, тени и низ градиента */
  --blue:#23507d;        /* фирменный синий */
  --blue-2:#367aba;      /* светлый синий, ссылки и подсветка */
  --blue-deep:#19405f;   /* глубокий синий, подложки */
  --green:#088c4f;       /* успех, подтверждения */
  --text:#e8e8e8;
  --text-2:#d9d9d9;
  --muted:#9b9b9b;
  --muted-2:#878787;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Vollkorn",Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.72;
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
}

h1,h2,h3,.prz-num,.prz-btn,.prz-kpi-v,.prz-mark{
  font-family:"Geologica","Trebuchet MS",Arial,sans-serif;
}

a{color:var(--blue-2);text-decoration:none}
a:hover{color:var(--gold)}

img{max-width:100%;height:auto;display:block}

.prz-wrap{max-width:1140px;margin:0 auto;padding:0 22px}

/* ===== призматический скол: общий мотив ===== */
.prz-facet{
  position:relative;
  background:var(--surface);
  border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
  padding:26px 26px;
}
.prz-facet::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,var(--gold) 0%,var(--gold) 33%,var(--blue-2) 33%,var(--blue-2) 66%,var(--gold-3) 66%,var(--gold-3) 100%);
}

/* трёхцветный скол-разделитель между секциями */
.prz-chip{
  display:flex;height:6px;width:104px;margin:0 0 16px;
}
.prz-chip i{display:block;flex:1}
.prz-chip i:nth-child(1){background:var(--gold)}
.prz-chip i:nth-child(2){background:var(--blue-2)}
.prz-chip i:nth-child(3){background:var(--gold-3)}

/* ===== шапка: кнопки каскадом со смещением ===== */
.prz-top{
  position:sticky;top:0;z-index:40;
  background:var(--surface);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 26px rgba(6,6,6,.45);
}
.prz-top-in{
  max-width:1140px;margin:0 auto;padding:12px 22px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.prz-brand{display:flex;align-items:center;gap:11px;margin-right:auto}
.prz-brand svg{display:block;flex:none}
.prz-brand-w{
  font-family:"Geologica","Trebuchet MS",Arial,sans-serif;
  font-size:21px;font-weight:700;letter-spacing:.3px;color:var(--gold);
  line-height:1.1;
}
.prz-brand-s{display:block;font-size:11px;color:var(--muted);letter-spacing:.9px;text-transform:uppercase;font-weight:400}

/* каскад: каждая следующая кнопка смещена вниз и влево */
.prz-cascade{display:flex;align-items:flex-start;gap:9px;padding-bottom:16px}
.prz-cascade .prz-btn:nth-child(1){transform:translateY(0)}
.prz-cascade .prz-btn:nth-child(2){transform:translateY(7px)}
.prz-cascade .prz-btn:nth-child(3){transform:translateY(14px)}

.prz-btn{
  display:inline-block;
  padding:11px 20px;
  font-size:14px;font-weight:600;letter-spacing:.2px;
  text-align:center;white-space:nowrap;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
  transition:filter .18s ease,transform .18s ease;
}
.prz-btn:hover{filter:brightness(1.1)}
.prz-btn-main{
  background:linear-gradient(180deg,#fde4a5 0%,#c9a339 100%);
  color:var(--bg-deep);
  border:0;
}
.prz-btn-main:hover{color:var(--bg-deep)}
.prz-btn-ghost{
  background:transparent;
  border:1px solid var(--gold-2);
  color:var(--gold);
}
.prz-btn-ghost:hover{color:var(--gold);background:rgba(201,163,57,.12)}
.prz-btn-third{
  background:var(--surface-2);
  border:1px solid var(--blue);
  color:var(--text-2);
}
.prz-btn-third:hover{color:var(--gold)}
.prz-btn-wide{padding:15px 34px;font-size:16px}

/* ===== hero ===== */
.prz-hero{
  padding:38px 0 30px;
  background:
    linear-gradient(135deg,rgba(35,80,125,.30) 0%,rgba(35,80,125,0) 46%),
    linear-gradient(215deg,rgba(201,163,57,.22) 0%,rgba(201,163,57,0) 44%),
    var(--bg);
  border-bottom:1px solid var(--line);
}
.prz-hero h1{
  font-size:33px;line-height:1.24;margin:12px 0 14px;color:var(--text);
  font-weight:700;letter-spacing:-.2px;
}
.prz-lead{font-size:18px;color:var(--text-2);margin:0 0 22px;max-width:74ch}
.prz-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:start}

/* KPI-полоса: пять граней */
.prz-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0 24px}
.prz-kpi-i{
  background:var(--surface);
  border:1px solid var(--line);
  border-top:3px solid var(--gold-2);
  padding:14px 12px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);
}
.prz-kpi-v{display:block;font-size:22px;font-weight:700;color:var(--gold);line-height:1.2}
.prz-kpi-k{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;letter-spacing:.2px}

/* ===== баннеры гранями под углом ===== */
.prz-shot{margin:0;position:relative}
.prz-shot img{
  width:100%;
  border:1px solid var(--line);
  clip-path:polygon(0 30px,34px 0,100% 0,100% calc(100% - 30px),calc(100% - 34px) 100%,0 100%);
}
.prz-shot-alt img{
  clip-path:polygon(0 0,100% 30px,100% 100%,0 calc(100% - 30px));
}
.prz-shot-tilt{transform:rotate(-1.1deg)}
.prz-shot-tilt-r{transform:rotate(1.1deg)}
.prz-cap{
  font-size:13px;color:var(--muted-2);margin-top:10px;padding-left:12px;
  border-left:3px solid var(--blue);line-height:1.5;
}

/* ===== секции ===== */
.prz-sec{padding:40px 0;border-bottom:1px solid var(--line)}
.prz-sec:nth-child(even){
  background:linear-gradient(100deg,rgba(25,64,95,.16) 0%,rgba(25,64,95,0) 58%),var(--bg);
}
.prz-sec h2{
  font-size:26px;line-height:1.3;margin:0 0 16px;color:var(--text);font-weight:600;
}
.prz-sec h3{
  font-size:19px;line-height:1.35;margin:26px 0 10px;color:var(--gold);font-weight:600;
}
.prz-sec p{margin:0 0 15px}
.prz-two{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.prz-two-wide{grid-template-columns:1.35fr .65fr}
.prz-two-narrow{grid-template-columns:.65fr 1.35fr}

.prz-mark{color:var(--gold-2);font-weight:600;font-style:normal}
.prz-num{color:var(--gold);font-weight:600;font-style:normal}
.prz-ok{color:var(--green);font-weight:600;font-style:normal}

ul.prz-list{list-style:none;margin:0 0 16px;padding:0}
ul.prz-list li{
  position:relative;padding:0 0 0 24px;margin-bottom:9px;color:var(--text-2);
}
ul.prz-list li::before{
  content:"";position:absolute;left:0;top:10px;width:11px;height:11px;
  background:linear-gradient(135deg,var(--gold) 0 50%,var(--blue-2) 50% 100%);
  clip-path:polygon(50% 0,100% 100%,0 100%);
}

/* карточки-грани */
.prz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.prz-card{
  background:var(--surface);border:1px solid var(--line);padding:18px 16px;
  clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
.prz-card-t{
  margin:0 0 8px;font-size:17px;color:var(--gold);font-weight:600;line-height:1.35;
  font-family:"Geologica","Trebuchet MS",Arial,sans-serif;
}
.prz-card p{font-size:15px;margin:0;color:var(--text-2)}

/* ===== таблицы ===== */
.prz-tw{overflow-x:auto;margin:18px 0;border:1px solid var(--line);background:var(--surface)}
table.prz-t{width:100%;border-collapse:collapse;min-width:560px;font-size:15px}
table.prz-t caption{
  caption-side:top;text-align:left;padding:13px 16px;color:var(--muted);
  font-size:13.5px;border-bottom:1px solid var(--line);
}
table.prz-t th{
  background:var(--blue-deep);color:var(--gold);text-align:left;
  padding:11px 14px;font-family:"Geologica","Trebuchet MS",Arial,sans-serif;
  font-size:13.5px;font-weight:600;border-bottom:1px solid var(--line);
}
table.prz-t td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text-2)}
table.prz-t tbody tr:nth-child(even){background:var(--surface-2)}
table.prz-t tfoot td{background:var(--blue-deep);color:var(--gold);font-weight:600}

/* ===== логотипы провайдеров ===== */
.prz-studios{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 6px}
.prz-studio{
  background:var(--surface-2);border:1px solid var(--line);
  padding:12px;display:flex;align-items:center;justify-content:center;
  clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.prz-studio img{width:140px;height:70px;object-fit:contain}

/* ===== клуб-ступени ===== */
.prz-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}
.prz-step{
  background:var(--surface);border:1px solid var(--line);border-bottom:3px solid var(--gold-3);
  padding:14px 12px;text-align:left;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
}
.prz-step span{display:block}
.prz-step-n{font-family:"Geologica",Arial,sans-serif;font-size:16px;color:var(--gold);font-weight:600}
.prz-step-d{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.45}

/* ===== плашки ===== */
.prz-note{
  background:linear-gradient(90deg,rgba(35,80,125,.34),rgba(35,80,125,.10));
  border-left:4px solid var(--blue-2);padding:15px 18px;margin:18px 0;
  color:var(--text-2);font-size:15.5px;
}
.prz-note-gold{
  background:linear-gradient(90deg,rgba(201,163,57,.20),rgba(201,163,57,.05));
  border-left-color:var(--gold-2);
}

/* отзыв */
.prz-quote{
  background:var(--surface);border:1px solid var(--line);padding:20px 22px;margin:20px 0;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));
}
.prz-quote p{margin:0 0 10px;font-style:italic;color:var(--text-2)}
.prz-quote-a{font-size:13.5px;color:var(--muted);font-family:"Geologica",Arial,sans-serif}

/* ===== FAQ ===== */
.prz-faq details{
  background:var(--surface);border:1px solid var(--line);margin-bottom:9px;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
}
.prz-faq summary{
  cursor:pointer;padding:14px 18px;list-style:none;
  font-family:"Geologica","Trebuchet MS",Arial,sans-serif;font-size:16px;color:var(--gold);
  position:relative;padding-right:46px;
}
.prz-faq summary::-webkit-details-marker{display:none}
.prz-faq summary::after{
  content:"";position:absolute;right:18px;top:20px;width:12px;height:12px;
  background:var(--gold-2);
  clip-path:polygon(50% 100%,0 0,100% 0);
  transition:transform .2s ease;
}
.prz-faq details[open] summary::after{transform:rotate(180deg)}
.prz-faq details p{margin:0;padding:0 18px 16px;color:var(--text-2);font-size:15.5px}

/* ===== источники + CTA ===== */
.prz-src{
  background:linear-gradient(140deg,rgba(25,64,95,.30) 0%,rgba(31,31,31,0) 55%),var(--surface);
  border:1px solid var(--line);padding:28px 26px;margin:24px 0;
  clip-path:polygon(0 28px,28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);
}
.prz-cta{text-align:center;padding:30px 0 6px}
.prz-cta p{color:var(--muted);font-size:15px;margin:12px 0 0}

/* ===== подвал ===== */
.prz-foot{
  background:var(--bg-deep);border-top:3px solid var(--gold-3);
  padding:34px 0 40px;color:var(--muted);font-size:14px;
}
.prz-foot-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px}
.prz-foot p{margin:0 0 10px;line-height:1.65}
.prz-foot-legal{color:var(--muted-2);font-size:13px}
.prz-age{
  display:inline-block;margin-top:14px;padding:9px 15px;
  border:1px solid var(--gold-3);color:var(--gold-2);font-size:13px;
  clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}

/* ===== адаптив ===== */
@media (max-width:980px){
  .prz-hero-grid,.prz-two,.prz-two-wide,.prz-two-narrow{grid-template-columns:1fr}
  .prz-kpi{grid-template-columns:repeat(2,1fr)}
  .prz-cards{grid-template-columns:1fr 1fr}
  .prz-steps{grid-template-columns:repeat(2,1fr)}
  .prz-studios{grid-template-columns:repeat(3,1fr)}
  .prz-foot-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
  body{font-size:16px;line-height:1.66}
  .prz-wrap{padding:0 16px}
  .prz-top-in{padding:10px 16px;gap:10px}
  .prz-brand-w{font-size:18px}
  .prz-brand-s{font-size:10px;letter-spacing:.6px}
  .prz-cascade{
    width:100%;gap:7px;padding-bottom:10px;justify-content:space-between;
  }
  .prz-cascade .prz-btn{flex:1;padding:10px 6px;font-size:12.5px}
  .prz-cascade .prz-btn:nth-child(2){transform:translateY(4px)}
  .prz-cascade .prz-btn:nth-child(3){transform:translateY(8px)}
  .prz-hero h1{font-size:25px}
  .prz-lead{font-size:16.5px}
  .prz-sec h2{font-size:21px}
  .prz-sec h3{font-size:17px}
  .prz-sec{padding:30px 0}
  .prz-kpi{grid-template-columns:1fr 1fr;gap:8px}
  .prz-kpi-v{font-size:19px}
  .prz-cards,.prz-steps,.prz-studios{grid-template-columns:1fr 1fr}
  .prz-studio img{width:100%;height:auto;max-height:70px}
  .prz-shot-tilt,.prz-shot-tilt-r{transform:none}
  .prz-shot img{clip-path:polygon(0 18px,20px 0,100% 0,100% calc(100% - 18px),calc(100% - 20px) 100%,0 100%)}
  .prz-facet,.prz-src{padding:20px 16px;clip-path:none}
  .prz-btn-wide{padding:13px 22px;font-size:15px;white-space:normal}
  table.prz-t{min-width:520px}
}

@media (max-width:400px){
  .prz-cascade .prz-btn{font-size:11.5px;padding:9px 4px}
  .prz-cards,.prz-steps,.prz-studios{grid-template-columns:1fr}
}