/* 7k-slots.cfd — «Призма и спектр». Prefix .prism- */

:root{
  --prism-bg:#0d0c14;
  --prism-surf:#15141e;
  --prism-surf2:#191826;
  --prism-line:#22202f;
  --prism-acc:#8b6cff;
  --prism-acc-dim:rgba(139,108,255,.16);
  --prism-sec:#c6f24e;
  --prism-sec-dim:rgba(198,242,78,.14);
  --prism-tx:#eae8f4;
  --prism-mut:#9791ab;
  --prism-rad:14px;
  --prism-max:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--prism-bg);
  color:var(--prism-tx);
  font-family:'Onest',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:16.5px;
  line-height:1.68;
  letter-spacing:.005em;
}

/* Заголовочный шрифт — явным правилом, чтобы serif не попал в body-цепочку */
h1,h2,h3,h4,
.prism-logo__t,
.prism-kpi__n,
.prism-slot__t,
.prism-tier__n,
.prism-step__n,
.prism-lv__t,
.prism-faq summary,
.prism-num,
.prism-quote{
  font-family:'Philosopher',Georgia,'Times New Roman',serif;
  font-weight:700;
  letter-spacing:.01em;
}

h1{font-size:2.35rem;line-height:1.18;margin:.2em 0 .5em}
h2{font-size:1.72rem;line-height:1.24;margin:0 0 .55em}
h3{font-size:1.12rem;line-height:1.3;margin:0 0 .4em}
h4{font-size:1rem;margin:0 0 .3em}
p{margin:0 0 1.05em}
a{color:var(--prism-sec);text-decoration:none}
a:hover{text-decoration:underline}
ul{margin:0 0 1.05em;padding-left:1.15em}
li{margin-bottom:.42em}

.prism-wrap{width:100%;max-width:var(--prism-max);margin:0 auto;padding:0 26px}
.prism-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.prism-skip{position:absolute;left:-9999px;top:0}
.prism-skip:focus{left:12px;top:12px;z-index:99;background:var(--prism-acc);color:#0d0c14;padding:9px 14px;border-radius:8px}

/* ---------- шапка ---------- */
.prism-bar{
  position:sticky;top:0;z-index:40;
  background:rgba(13,12,20,.9);
  backdrop-filter:blur(9px);
  border-bottom:1px solid var(--prism-line);
}
.prism-bar__in{display:flex;align-items:center;gap:22px;padding:13px 26px;max-width:var(--prism-max);margin:0 auto}
.prism-logo{display:flex;align-items:center;gap:11px;color:var(--prism-tx)}
.prism-logo:hover{text-decoration:none}
.prism-logo__svg{width:38px;height:38px;flex:0 0 38px}
.prism-logo__t{font-size:1.08rem;line-height:1.05;display:block}
.prism-logo__sub{display:block;font-family:'Onest',sans-serif;font-weight:400;font-size:.685rem;color:var(--prism-mut);letter-spacing:.07em;text-transform:uppercase;margin-top:3px}
.prism-nav{display:flex;gap:19px;margin-left:auto;flex-wrap:wrap}
.prism-nav a{color:var(--prism-mut);font-size:.87rem}
.prism-nav a:hover{color:var(--prism-sec);text-decoration:none}
.prism-go{
  display:inline-block;padding:10px 19px;border-radius:9px;
  background:linear-gradient(103deg,var(--prism-acc),#6f52e6);
  color:#0d0c14;font-weight:600;font-size:.89rem;white-space:nowrap;
}
.prism-go:hover{text-decoration:none;filter:brightness(1.11)}
.prism-go--ghost{background:transparent;border:1px solid var(--prism-sec);color:var(--prism-sec)}

/* ---------- hero: 2 колонки ---------- */
.prism-hero{padding:56px 0 40px;border-bottom:1px solid var(--prism-line);position:relative;overflow:hidden}
.prism-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 74% at 80% 8%,rgba(139,108,255,.17),transparent 70%);
}
.prism-hero__in{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;position:relative;z-index:1}
.prism-eyebrow{
  display:inline-block;font-size:.71rem;letter-spacing:.17em;text-transform:uppercase;
  color:var(--prism-sec);border:1px solid var(--prism-sec-dim);
  background:var(--prism-sec-dim);padding:5px 12px;border-radius:99px;margin-bottom:6px;
}
.prism-lead{font-size:1.06rem;color:#cfcbe0;max-width:35em}
.prism-btns{display:flex;gap:13px;flex-wrap:wrap;margin:22px 0 26px}
.prism-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.prism-kpi__i{
  background:var(--prism-surf);border:1px solid var(--prism-line);
  border-radius:12px;padding:13px 13px 14px;
  border-top:2px solid var(--prism-acc);
}
.prism-kpi__i:nth-child(2){border-top-color:#6fa8ff}
.prism-kpi__i:nth-child(3){border-top-color:var(--prism-sec)}
.prism-kpi__i:nth-child(4){border-top-color:#ff9ad2}
.prism-kpi__n{font-size:1.28rem;line-height:1.1;display:block}
.prism-kpi__l{font-size:.735rem;color:var(--prism-mut);margin-top:5px;display:block;line-height:1.35}
.prism-hero__art svg{width:100%;height:auto;display:block}
.prism-hero__note{
  margin-top:14px;font-size:.79rem;color:var(--prism-mut);
  border-left:2px solid var(--prism-sec);padding-left:11px;
}

/* ---------- секции ---------- */
.prism-sec{padding:52px 0;border-bottom:1px solid var(--prism-line)}
.prism-sec:nth-of-type(even){background:linear-gradient(180deg,rgba(21,20,30,.62),transparent)}
.prism-ovr{
  font-size:.7rem;letter-spacing:.19em;text-transform:uppercase;color:var(--prism-acc);
  margin:0 0 9px;font-weight:600;
}
.prism-sec p{max-width:64em}

/* карточки-приёмы: скошенный угол */
.prism-card{
  background:var(--prism-surf);border:1px solid var(--prism-line);
  border-radius:var(--prism-rad);padding:19px 20px;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);
}
.prism-card__m{font-size:.78rem;color:var(--prism-mut);margin:0}

.prism-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.prism-g2{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}

/* welcome */
.prism-dep{border-top:2px solid var(--prism-acc)}
.prism-dep:nth-child(2){border-top-color:#6fa8ff}
.prism-dep:nth-child(3){border-top-color:var(--prism-sec)}
.prism-num{font-size:1.5rem;color:var(--prism-tx);display:block;margin-bottom:2px}
.prism-fs{font-size:.83rem;color:var(--prism-sec)}
.prism-terms{
  margin-top:16px;display:flex;flex-wrap:wrap;gap:9px;
}
.prism-chip{
  font-size:.78rem;color:var(--prism-mut);border:1px solid var(--prism-line);
  background:var(--prism-surf2);border-radius:99px;padding:5px 13px;
}

/* шаги */
.prism-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;counter-reset:s}
.prism-step{background:var(--prism-surf2);border:1px solid var(--prism-line);border-radius:var(--prism-rad);padding:18px 19px;position:relative}
.prism-step__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:31px;height:31px;border-radius:9px;background:var(--prism-acc-dim);
  color:var(--prism-acc);font-size:1rem;margin-bottom:9px;
}

/* каталог 12 */
.prism-cat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prism-slot{
  background:var(--prism-surf);border:1px solid var(--prism-line);border-radius:12px;
  padding:16px 17px;position:relative;overflow:hidden;
}
.prism-slot::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--prism-acc),var(--prism-sec));
}
.prism-slot__t{font-size:1.02rem;display:block;margin-bottom:2px}
.prism-slot__prov{font-size:.75rem;color:var(--prism-sec);letter-spacing:.04em;display:block;margin-bottom:10px}
.prism-slot__row{display:flex;justify-content:space-between;gap:10px;font-size:.79rem;padding:4px 0;border-top:1px solid var(--prism-line)}
.prism-slot__k{color:var(--prism-mut)}

.prism-slot__go{
  display:inline-block;margin-top:12px;padding:6px 14px;
  font-size:.79rem;font-weight:500;color:var(--prism-sec);
  border:1px solid var(--prism-line);border-radius:8px;background:var(--prism-surf2);
}
.prism-slot__go:hover{border-color:var(--prism-sec);text-decoration:none}

.prism-ctarow{margin-top:18px}

.prism-pre{
  background:linear-gradient(118deg,rgba(139,108,255,.16),rgba(198,242,78,.07));
  border:1px solid var(--prism-line);border-radius:var(--prism-rad);
  padding:24px 26px;display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.prism-pre p{margin:0;max-width:38em;font-size:.95rem}

/* live 2 колонки × 3 ряда */
.prism-live{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:14px}
.prism-lv{
  background:var(--prism-surf2);border:1px solid var(--prism-line);border-radius:12px;
  padding:17px 18px;display:flex;gap:14px;align-items:flex-start;
}
.prism-lv__d{
  flex:0 0 46px;height:46px;border-radius:11px;
  background:var(--prism-acc-dim);border:1px solid rgba(139,108,255,.34);
  display:flex;align-items:center;justify-content:center;
  font-size:.76rem;color:var(--prism-acc);font-weight:600;
}
.prism-lv__t{font-size:1rem;display:block;margin-bottom:3px}
.prism-lv p{margin:0;font-size:.82rem;color:var(--prism-mut)}

/* таблицы */
.prism-tbl{width:100%;border-collapse:collapse;font-size:.87rem;min-width:560px}
.prism-tbl th,.prism-tbl td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--prism-line)}
.prism-tbl th{color:var(--prism-acc);font-weight:600;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}
.prism-tbl tr:last-child td{border-bottom:0}
.prism-tbl td:first-child{color:var(--prism-tx)}
.prism-tbl td{color:var(--prism-mut)}

/* VIP */
.prism-vip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prism-tier{
  background:var(--prism-surf);border:1px solid var(--prism-line);border-radius:12px;padding:17px 18px;
}
.prism-tier__n{font-size:1.06rem;display:block}
.prism-tier__cb{font-size:1.72rem;color:var(--prism-sec);font-family:'Philosopher',Georgia,serif;line-height:1.1;display:block;margin:4px 0 8px}
.prism-track{height:5px;border-radius:99px;background:var(--prism-line);overflow:hidden;margin-bottom:9px}
.prism-fill{height:100%;background:linear-gradient(90deg,var(--prism-acc),var(--prism-sec))}
.prism-tier p{font-size:.79rem;color:var(--prism-mut);margin:0}

/* отзывы */
.prism-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.prism-rv{background:var(--prism-surf2);border:1px solid var(--prism-line);border-radius:12px;padding:18px 19px}
.prism-rv__hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}
.prism-rv__who{font-size:.87rem;color:var(--prism-tx)}
.prism-rv__st{color:var(--prism-sec);font-size:.83rem;letter-spacing:.12em;white-space:nowrap}
.prism-rv p{font-size:.86rem;color:#c3bfd4;margin:0}
.prism-quote{font-size:.75rem;color:var(--prism-mut);display:block;margin-top:9px}

/* FAQ */
.prism-faq details{
  border:1px solid var(--prism-line);border-radius:11px;background:var(--prism-surf);
  margin-bottom:9px;overflow:hidden;
}
.prism-faq summary{
  cursor:pointer;padding:14px 17px;font-size:.98rem;color:var(--prism-tx);
  list-style:none;position:relative;padding-right:44px;
}
.prism-faq summary::-webkit-details-marker{display:none}
.prism-faq summary::after{
  content:"+";position:absolute;right:17px;top:12px;color:var(--prism-acc);font-size:1.25rem;line-height:1;
}
.prism-faq details[open] summary::after{content:"–"}
.prism-faq details[open] summary{border-bottom:1px solid var(--prism-line);color:var(--prism-sec)}
.prism-faq p{margin:0;padding:14px 17px;font-size:.88rem;color:var(--prism-mut);max-width:none}

/* author + footer */
.prism-author{
  background:linear-gradient(133deg,rgba(139,108,255,.11),rgba(198,242,78,.05));
  border:1px solid var(--prism-line);border-radius:var(--prism-rad);
  padding:24px 26px;margin:0 0 6px;
}
.prism-author p{font-size:.88rem;color:#c3bfd4}
.prism-foot{padding:36px 0 46px;color:var(--prism-mut);font-size:.82rem}
.prism-foot p{max-width:none}
.prism-foot__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;margin-bottom:20px}
.prism-age{
  display:inline-block;border:1px solid var(--prism-sec);color:var(--prism-sec);
  border-radius:7px;padding:2px 9px;font-size:.78rem;font-weight:600;
}

/* ---------- адаптив ---------- */
@media (max-width:1080px){
  .prism-hero__in{gap:30px}
  .prism-cat{grid-template-columns:repeat(2,1fr)}
  .prism-vip{grid-template-columns:repeat(2,1fr)}
  h1{font-size:2.05rem}
}
@media (max-width:860px){
  .prism-hero__in{grid-template-columns:1fr}
  .prism-hero__art{order:-1;max-width:440px}
  .prism-nav{display:none}
  .prism-g3,.prism-steps,.prism-rev,.prism-live{grid-template-columns:1fr}
  .prism-kpi{grid-template-columns:repeat(2,1fr)}
  .prism-foot__grid{grid-template-columns:1fr}
  h1{font-size:1.85rem}
  h2{font-size:1.5rem}
}
@media (max-width:620px){
  body{font-size:16px}
  .prism-wrap{padding:0 17px}
  .prism-bar__in{padding:11px 17px;gap:12px}
  .prism-logo__sub{display:none}
  .prism-cat,.prism-vip,.prism-g2{grid-template-columns:1fr}
  .prism-sec{padding:38px 0}
  .prism-hero{padding:34px 0 30px}
  h1{font-size:1.6rem}
  h2{font-size:1.34rem}
  .prism-author{padding:19px 18px}
}