/* belljar — стеклянный колпак: купола над секциями, вакуумная шкала слева, блики на стекле */
:root{
  --bjr-dusk:#161a20;
  --bjr-glass:#9fc6d4;
  --bjr-brass:#b08b3e;
  --bjr-deep:#1d232b;
  --bjr-pale:#e6eef1;
  --bjr-mute:#7f909b;
  --bjr-edge:rgba(159,198,212,.26);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bjr-dusk);
  color:var(--bjr-pale);
  font-family:"Bellota Text",system-ui,Segoe UI,sans-serif;
  font-size:17.5px;
  line-height:1.7;
  overflow-x:hidden;
}
.bjr-bench{
  max-width:980px;
  margin:0 auto;
  padding:0 26px 60px 62px;
  position:relative;
}
/* вакуумная шкала вдоль левого края */
.bjr-bench::before{
  content:"";
  position:absolute;
  left:22px;top:0;bottom:0;
  width:14px;
  background:
    linear-gradient(to bottom,var(--bjr-brass),rgba(176,139,62,.15)),
    repeating-linear-gradient(to bottom,var(--bjr-edge) 0 1px,transparent 1px 18px);
  border-radius:7px;
  opacity:.55;
}
.bjr-bench::after{
  content:"";
  position:absolute;
  left:18px;top:0;bottom:0;
  width:22px;
  background:repeating-linear-gradient(to bottom,transparent 0 89px,var(--bjr-glass) 89px 91px);
  opacity:.35;
}

.bjr-plate{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:14px;
  padding:24px 0 14px;
  border-bottom:1px solid var(--bjr-edge);
}
.bjr-etch{
  font-family:"Rubik Broken Fax",Bellota Text,cursive;
  font-size:26px;
  color:var(--bjr-glass);
  letter-spacing:.06em;
}
.bjr-sub{font-size:13px;color:var(--bjr-brass);letter-spacing:.14em;text-transform:uppercase}
.bjr-date{margin-left:auto;font-size:13px;color:var(--bjr-mute)}

/* купол */
.bjr-dome{
  position:relative;
  margin:30px 0 0;
  padding:34px 32px 30px;
  background:linear-gradient(160deg,rgba(159,198,212,.10),rgba(29,35,43,.9) 46%);
  border:1px solid var(--bjr-edge);
  border-radius:180px 180px 10px 10px/72px 72px 10px 10px;
  overflow:hidden;
}
.bjr-dome::before{
  content:"";
  position:absolute;
  top:-40px;left:14%;
  width:64px;height:280px;
  background:linear-gradient(to bottom,rgba(230,238,241,.20),transparent);
  transform:rotate(15deg);
  pointer-events:none;
}
.bjr-dome::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:7px;
  background:linear-gradient(to right,var(--bjr-brass),rgba(176,139,62,.35));
}
h1{
  font-family:"Rubik Broken Fax",Bellota Text,cursive;
  font-weight:400;
  font-size:clamp(27px,4.4vw,42px);
  line-height:1.2;
  margin:0 0 16px;
  color:var(--bjr-pale);
  text-align:center;
}
.bjr-lede{font-size:18px;margin:0 auto 26px;max-width:60ch;text-align:center;color:#cfdde3}
.bjr-glow{color:var(--bjr-brass)}

.bjr-gauges{
  list-style:none;
  margin:0 0 26px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}
.bjr-gauges li{
  background:rgba(22,26,32,.7);
  border:1px solid var(--bjr-edge);
  border-radius:60px 60px 6px 6px/26px 26px 6px 6px;
  padding:18px 10px 14px;
  text-align:center;
}
.bjr-read{display:block;font-family:"Rubik Broken Fax",Bellota Text,cursive;font-size:21px;color:var(--bjr-glass);line-height:1.25}
.bjr-tag{display:block;font-size:12px;color:var(--bjr-mute);margin-top:5px}

.bjr-tap{
  display:inline-block;
  background:var(--bjr-brass);
  color:#12161b;
  text-decoration:none;
  padding:14px 32px;
  border-radius:8px 8px 26px 26px/8px 8px 20px 20px;
  font-size:17px;
  border:1px solid #d9b463;
}
.bjr-tap:hover{background:var(--bjr-glass);border-color:var(--bjr-glass)}
.bjr-hint{font-size:13px;color:var(--bjr-mute);margin:12px 0 0}
.bjr-center{text-align:center}

/* секции под колпаком */
.bjr-jar{
  position:relative;
  margin:38px 0 0;
  padding:30px 28px 26px;
  background:var(--bjr-deep);
  border:1px solid var(--bjr-edge);
  border-radius:120px 120px 8px 8px/54px 54px 8px 8px;
}
.bjr-jar::before{
  content:"";
  position:absolute;
  top:10px;right:16%;
  width:34px;height:150px;
  background:linear-gradient(to bottom,rgba(230,238,241,.16),transparent);
  transform:rotate(-12deg);
  border-radius:20px;
  pointer-events:none;
}
.bjr-jar::after{
  content:"";
  position:absolute;
  left:18px;right:18px;bottom:-5px;
  height:9px;
  background:var(--bjr-brass);
  border-radius:3px;
  opacity:.75;
}
h2{
  font-family:"Rubik Broken Fax",Bellota Text,cursive;
  font-weight:400;
  font-size:clamp(21px,2.9vw,29px);
  line-height:1.3;
  margin:0 0 15px;
  color:var(--bjr-glass);
  text-align:center;
}
h3{
  font-size:18px;
  font-weight:700;
  color:var(--bjr-brass);
  margin:24px 0 8px;
  letter-spacing:.02em;
}
p{margin:0 0 14px}
.bjr-jar ul{margin:0 0 15px;padding-left:22px}
.bjr-jar li{margin-bottom:7px}

.bjr-flow{overflow-x:auto;margin:0 0 18px;padding-bottom:4px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
caption{caption-side:bottom;text-align:center;font-size:12.5px;color:var(--bjr-mute);padding-top:10px}
th,td{padding:10px 11px;text-align:center;border-bottom:1px solid var(--bjr-edge)}
thead th{
  color:var(--bjr-brass);
  font-weight:400;
  font-size:13px;
  letter-spacing:.07em;
  text-transform:uppercase;
  border-bottom:1px solid var(--bjr-brass);
}
tbody tr:hover{background:rgba(159,198,212,.07)}
td.bjr-peak{color:var(--bjr-glass)}

.bjr-steps{
  list-style:none;
  margin:0 0 18px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  gap:11px;
}
.bjr-steps li{
  background:rgba(22,26,32,.65);
  border:1px solid var(--bjr-edge);
  border-radius:40px 40px 6px 6px/20px 20px 6px 6px;
  padding:15px 13px;
  text-align:center;
  font-size:14.5px;
}
.bjr-steps li span{display:block;font-family:"Rubik Broken Fax",Bellota Text,cursive;font-size:22px;color:var(--bjr-brass)}

.bjr-note{
  margin:24px 0 0;
  padding:18px 22px;
  border:1px dashed var(--bjr-glass);
  border-radius:60px 60px 8px 8px/26px 26px 8px 8px;
  font-size:16px;
  background:rgba(159,198,212,.05);
}
.bjr-note cite{display:block;margin-top:10px;font-style:normal;font-size:13px;color:var(--bjr-brass)}

details{
  border-bottom:1px solid var(--bjr-edge);
  padding:2px 4px;
}
summary{
  cursor:pointer;
  padding:13px 0;
  font-size:16.5px;
  color:var(--bjr-glass);
  list-style:none;
}
summary::-webkit-details-marker{display:none}
summary::after{content:" ⌄";color:var(--bjr-brass)}
details[open] summary::after{content:" ⌃"}
details p{margin:8px 0 16px;font-size:15.5px;color:#c8d6dc}

.bjr-ledger{
  margin:38px 0 0;
  padding:24px 26px;
  background:rgba(159,198,212,.06);
  border-left:4px solid var(--bjr-brass);
  border-radius:0 14px 14px 0;
  font-size:15px;
}
.bjr-ledger h3{margin-top:0;font-family:"Rubik Broken Fax",Bellota Text,cursive;font-weight:400;font-size:22px;color:var(--bjr-glass)}
.bjr-ledger ul{padding-left:20px;margin:0 0 13px}

.bjr-exit{
  margin:34px 0 0;
  padding:30px 26px;
  text-align:center;
  border:1px solid var(--bjr-brass);
  border-radius:150px 150px 10px 10px/64px 64px 10px 10px;
  background:linear-gradient(180deg,rgba(176,139,62,.14),transparent 60%);
}
.bjr-exit p{max-width:56ch;margin:0 auto 18px}

footer{
  margin:44px 0 0;
  padding:22px 0 0;
  border-top:1px solid var(--bjr-edge);
  font-size:13.5px;
  color:var(--bjr-mute);
}
footer p{margin:0 0 8px}
.bjr-warn{
  display:inline-block;
  margin-top:10px;
  padding:9px 16px;
  border:1px solid var(--bjr-brass);
  border-radius:24px;
  color:var(--bjr-brass);
  font-size:13px;
}

@media (max-width:640px){
  body{font-size:16.5px}
  .bjr-bench{padding:0 14px 40px 38px}
  .bjr-bench::before{left:10px;width:10px}
  .bjr-bench::after{left:6px;width:18px}
  .bjr-dome{padding:24px 16px 22px;border-radius:90px 90px 10px 10px/40px 40px 10px 10px}
  .bjr-jar{padding:22px 15px 20px;border-radius:70px 70px 8px 8px/32px 32px 8px 8px}
  .bjr-gauges{grid-template-columns:repeat(2,1fr)}
  .bjr-gauges li:last-child{grid-column:1/-1}
  .bjr-tap{display:block;padding:14px 10px}
  table{min-width:450px;font-size:14px}
  th,td{padding:8px 7px}
  .bjr-ledger,.bjr-exit{padding:20px 15px}
}