/* enamel — перегородчатая эмаль; namespace enm- */

:root{
  --enm-black:#141218;
  --enm-azure:#2f5fb0;
  --enm-gold:#c9a227;
  --enm-deep:#1d1b24;
  --enm-cell:#232130;
  --enm-ink:#e6e2ee;
  --enm-dim:#a9a3bb;
  --enm-glaze:#3a74d4;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  background:
    radial-gradient(circle at 12% 4%,rgba(47,95,176,.22),transparent 46%),
    radial-gradient(circle at 88% 12%,rgba(201,162,39,.13),transparent 40%),
    var(--enm-black);
  color:var(--enm-ink);
  font-family:"Bellota Text",Tahoma,Geneva,sans-serif;
  font-size:17px;
  line-height:1.66;
  -webkit-text-size-adjust:100%;
}

.enm-wrap{max-width:940px;margin:0 auto;padding:0 20px}

h1,h2,h3,.enm-num,.enm-cap{font-family:"Rubik Wet Paint","Bellota Text",Tahoma,sans-serif;font-weight:400}

a{color:var(--enm-gold)}

/* ---------- шапка в оправе ---------- */

.enm-bar{border-bottom:2px solid var(--enm-gold);background:linear-gradient(90deg,var(--enm-deep),#241f33 60%,var(--enm-deep))}
.enm-bar-in{max-width:940px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.enm-logo{font-family:"Rubik Wet Paint","Bellota Text",Tahoma,sans-serif;font-size:23px;color:var(--enm-gold);letter-spacing:.04em}
.enm-logo em{font-style:normal;color:var(--enm-glaze)}
.enm-bar-note{font-size:13px;color:var(--enm-dim);margin-left:auto}

/* ---------- hero ---------- */

.enm-hero{padding:44px 0 12px;text-align:center}
h1{
  font-size:36px;
  line-height:1.2;
  max-width:19em;
  margin:0 auto 16px;
  color:#fff;
}
.enm-hero h1::after{
  content:"";
  display:block;
  width:210px;height:3px;
  margin:15px auto 0;
  background:linear-gradient(90deg,transparent,var(--enm-gold),transparent);
}
.enm-lead{max-width:42em;margin:0 auto 11px;color:var(--enm-ink)}
.enm-lead:last-of-type{margin-bottom:20px}

/* ---------- KPI: пять залитых ячеек ---------- */

.enm-kpi{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:2px;
  background:var(--enm-gold);
  border:2px solid var(--enm-gold);
  margin:26px 0 8px;
}
.enm-kpi div{background:var(--enm-cell);padding:16px 10px;text-align:center}
.enm-kpi div:nth-child(odd){background:#1c2a44}
.enm-num{display:block;font-size:22px;color:var(--enm-gold);line-height:1.15}
.enm-kpi small{display:block;font-size:12.5px;color:var(--enm-dim);margin-top:6px;letter-spacing:.02em}

/* ---------- кнопка ---------- */

.enm-btn{
  display:inline-block;
  padding:14px 34px;
  background:var(--enm-azure);
  color:#fff;
  text-decoration:none;
  font-family:"Rubik Wet Paint","Bellota Text",Tahoma,sans-serif;
  font-size:17px;
  border:2px solid var(--enm-gold);
  border-radius:2px;
  letter-spacing:.02em;
}
.enm-btn:hover{background:var(--enm-glaze)}
.enm-btnrow{text-align:center;padding:26px 0 10px}

/* ---------- секция в оправе ---------- */

.enm-cellsec{
  margin:24px 0;
  background:var(--enm-deep);
  border:1px solid var(--enm-gold);
  outline:1px solid rgba(201,162,39,.35);
  outline-offset:4px;
  padding:24px 26px 22px;
}
h2{
  font-size:24px;
  line-height:1.28;
  color:#fff;
  margin-bottom:14px;
  padding-left:16px;
  border-left:6px solid var(--enm-azure);
}
h3{font-size:17px;color:var(--enm-gold);margin:18px 0 6px}
.enm-cellsec p{margin-bottom:11px}
.enm-cellsec p:last-child{margin-bottom:0}

.enm-side{
  font-size:14.5px;
  color:var(--enm-dim);
  border-left:2px solid var(--enm-gold);
  padding-left:13px;
  margin-top:14px;
}
.enm-cap{font-size:15px;color:var(--enm-gold);letter-spacing:.03em;margin-bottom:8px;display:block}

/* ---------- двухколоночная разбивка ---------- */

.enm-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--enm-gold);border:2px solid var(--enm-gold);margin:16px 0 6px}
.enm-pair div{background:var(--enm-cell);padding:15px 16px;font-size:15px}
.enm-pair span{display:block;color:var(--enm-gold);font-family:"Rubik Wet Paint","Bellota Text",Tahoma,sans-serif;font-size:15px;margin-bottom:5px}

/* ---------- клуб: семь ячеек ---------- */

.enm-club{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:var(--enm-gold);border:2px solid var(--enm-gold);margin:16px 0 8px}
.enm-club div{background:linear-gradient(180deg,#1c2a44,#232130);padding:13px 6px;text-align:center;font-size:13px;color:var(--enm-dim)}
.enm-club i{display:block;font-style:normal;font-family:"Rubik Wet Paint","Bellota Text",Tahoma,sans-serif;font-size:19px;color:var(--enm-gold);margin-bottom:4px}

/* ---------- таблицы ---------- */

.enm-tablewrap{overflow-x:auto;margin:15px 0 6px;border:1px solid var(--enm-gold)}
table{border-collapse:collapse;width:100%;min-width:580px;font-size:15px}
caption{caption-side:top;text-align:left;padding:10px 13px;background:#1c2a44;color:var(--enm-gold);font-size:13.5px;letter-spacing:.03em}
th,td{padding:9px 13px;text-align:left;border-bottom:1px solid rgba(201,162,39,.3)}
th{background:var(--enm-cell);color:var(--enm-gold);font-weight:400;font-size:13.5px;font-family:"Rubik Wet Paint","Bellota Text",Tahoma,sans-serif}
td{color:var(--enm-ink)}
tbody tr:nth-child(even) td{background:rgba(47,95,176,.12)}
td:first-child{color:var(--enm-gold)}

/* ---------- отзыв ---------- */

.enm-voice{margin:18px 0 4px;padding:16px 18px;background:#1c2a44;border:1px solid var(--enm-gold)}
.enm-voice p{margin-bottom:8px}
.enm-voice cite{font-style:normal;font-size:13.5px;color:var(--enm-gold)}

/* ---------- FAQ ---------- */

details{border:1px solid rgba(201,162,39,.55);background:var(--enm-cell);margin-bottom:8px;padding:11px 15px}
details[open]{background:#1c2a44;border-color:var(--enm-gold)}
summary{cursor:pointer;font-family:"Rubik Wet Paint","Bellota Text",Tahoma,sans-serif;font-size:15.5px;color:#fff;list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{content:"▪ ";color:var(--enm-gold)}
details p{margin-top:9px;font-size:15.5px;color:var(--enm-ink)}

/* ---------- блок источников ---------- */

.enm-source{
  margin:24px 0;
  padding:20px 22px;
  background:var(--enm-cell);
  border-top:3px solid var(--enm-gold);
  border-bottom:3px solid var(--enm-gold);
  font-size:15.5px;
}
.enm-source p{margin-bottom:10px}
.enm-source p:last-child{margin-bottom:0}

/* ---------- подвал ---------- */

.enm-foot{margin-top:30px;background:var(--enm-deep);border-top:2px solid var(--enm-gold);padding:24px 0 28px;font-size:14.5px;color:var(--enm-dim)}
.enm-foot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.enm-foot ul{list-style:none}
.enm-foot li{padding:3px 0}
.enm-age{margin-top:18px;padding-top:13px;border-top:1px solid #34304a;color:var(--enm-gold)}

/* ---------- мобильные ---------- */

@media (max-width:640px){
  body{font-size:16px}
  .enm-wrap{padding:0 14px}
  h1{font-size:25px}
  h2{font-size:20px;padding-left:11px;border-left-width:4px}
  .enm-hero{padding:28px 0 8px}
  .enm-kpi{grid-template-columns:1fr 1fr}
  .enm-kpi div:nth-child(5){grid-column:1 / -1}
  .enm-pair{grid-template-columns:1fr}
  .enm-club{grid-template-columns:1fr 1fr}
  .enm-cellsec{padding:17px 15px;outline-offset:2px}
  .enm-foot-grid{grid-template-columns:1fr}
  .enm-btn{padding:13px 22px;font-size:16px}
  .enm-bar-note{margin-left:0;width:100%}
}