/* ВАРИАНТ H — минимализм варианта F с типографикой варианта E.
   От F: ни рамок, ни теней, ни стекла. Блок отделяется только сменой фона на полтона и воздухом.
   От E: узкий капс Barlow Condensed в заголовках — и главный заголовок тем же шрифтом,
   что и «We froze the prediction model in June», отличается только размером.
   Цвет один и редкий: голубой на фактах. Кнопки белые. */
:root{
  /* ТЕМПЕРАТУРА ПО СВЕТЛОТЕ: низ уходит в фиолетовый (а не в сине-зелёный), верх — в тёплый.
     Подтон едва различим: насыщенность у тёмных ступеней 15-25%, у светлых меньше 10%.
     Самая нижняя ступень — чистый чёрный, без всякого оттенка. */
  --k0:#000000;   /* страница — настоящий чёрный */
  --k1:#0a0a09;   /* чётные разделы */
  --k2:#141413;   /* карточки */
  --k3:#1e1d1b;
  --k4:#2a2926;
  --w4:#6b6862;
  --w3:#8e8a83;
  --w2:#b4b0a8;   /* отсюда тепло */
  --w1:#e8e4dc;
  --w0:#ffffff;
  --green:#7cc79f;   /* единственный цвет на странице: «что вы получаете» */   /* ТОЛЬКО абсолютные хайлайты */

  --bg:var(--k0); --panel:var(--k2); --panel-2:var(--k3);
  --line:rgba(236,232,225,.07); --line-2:rgba(236,232,225,.14);
  --ink:var(--w1); --ink-2:var(--w2); --muted:var(--w3);
  --good:var(--w0); --good-dim:rgba(255,255,255,.06); --bad:#ff8a70;
  --hit:var(--w0); --miss:var(--k4);
  --r:0px; --r-s:0px;
}
html,body{background:var(--k0)}

/* ТИПОГРАФИКА ВАРИАНТА E */
h1,h2,h3{font-family:"Barlow Condensed",Barlow,Inter,sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.02em;line-height:1.03}
h1{font-size:78px;letter-spacing:.012em}
h2.mid{font-size:46px}
body,.lead,.promise,.stat-line,.note,p{font-family:Barlow,Inter,sans-serif}
.eyebrow,.chapter,.step-head,.dnear-h,.oc-top,.plan-t,.demo-head{
  font-family:Barlow,Inter,sans-serif;letter-spacing:.26em;font-weight:500;font-size:11px;
  text-transform:uppercase;color:var(--muted)}
.strip-axis,.mini-labels{font-family:Barlow,Inter,sans-serif;letter-spacing:.1em;font-size:11.5px}
.plan-n,.fl-step b,.v-big b,.odds-card b,.blunt-num,.dpct b,.dgot b{
  font-family:"Barlow Condensed",Barlow,sans-serif;font-weight:600}
.lead,.stat-line{color:var(--w2);font-size:17px}
h1,h2{color:var(--w1)}
.eyebrow,.chapter,.step-head,.strip-axis,.mini-labels,.mini-note{color:var(--w3)}
.note,.micro-note,.foot .small{color:var(--w4)}

/* МИНИМАЛИЗМ ВАРИАНТА F: блок = другой фон, и всё */
.hero-stat,.run-step,.plan,.odds-card,.demo-frame,.sc-col,.blunt,.offer-item,.proof-card{
  border:0;box-shadow:none;background:var(--k2);border-radius:0;backdrop-filter:none}
.stage + .stage{border-top:0}
.stage:nth-child(even){background:var(--k1)}
.nav{background:rgba(0,0,0,.86);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.car-arrow{background:var(--k3);border-color:rgba(255,255,255,.14)}
.dsum:hover{background:var(--k3)}
.hero-bg{opacity:.82}
.hero-bg .bg-track img{filter:saturate(.9) contrast(1.02) brightness(1.05)}

/* КНОПКИ — белые, без капса: в минимализме разрядка выглядит лишним шумом */
.btn{border-radius:0;border:1px solid rgba(236,232,226,.22);background:transparent;color:var(--w1);
  font-family:Barlow,Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em;padding:14px 28px}
.btn:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.4)}
.btn.primary{background:var(--w0);color:var(--k0);border:0}
.btn.primary:hover{background:#fff}

/* ЦВЕТА НЕТ ВООБЩЕ: различает яркость. Факт — белый и полновесный, фон — приглушённый серый.
   Так же, как в варианте F: контраста хватает, а страница остаётся монохромной. */
/* ЧИСТЫЙ БЕЛЫЙ — ТОЛЬКО АБСОЛЮТНЫЕ ХАЙЛАЙТЫ: сколько отзывов собрала игра, взявшая порог,
   и одна акцентная фраза. Всё прочее, включая нашу оценку и заголовки, — молочное. */
.drow.hit .dgot b,.sc-row.hit .rv,.v-big b.good,.proof-n.good,.accent{color:var(--w0);font-weight:700}
.dpct b{color:var(--w2)}                       /* наша оценка — тем же молочным серым, что и отзывы */
.dgot b{color:var(--w2)}                       /* отзывы у игр без порога — приглушённые */
.sc-col.win .sc-score{color:var(--w1)}
.sc-row .rv{color:var(--w3)}
.dot{background:var(--k4)}
.dot.hit{background:var(--w0)}
.lad-bar{background:var(--k3)}
.lad-bar i.good-bg,.grid100 .cell.on{background:var(--w0)}
.lad-bar i{background:var(--k4)}
.sc-col.win{background:var(--k3)}
.sc-row .rv{color:var(--muted)}
.sc-row.hit .nm{color:var(--w0)}
.nav-story a.on{color:#fff;border-bottom-color:#fff}
.v-arrow{color:var(--muted)}

/* всё прямоугольное: ни одного скругления на странице */
.sc-row img,.dsum img,.dshots img,.bg-track img,.gal-track img,.demo-frame,.hero-stat,.run-step,
.plan,.odds-card,.sc-col,.blunt,.offer-item,.proof-card,.dot,.lad-bar,.lad-bar i,.grid100 .cell,
.car-arrow,.btn,.tip,.car-dots i,.strip .dot{border-radius:0}
.car-arrow{width:34px;height:34px}
.car-dots i,.car-dots button{border-radius:0}


/* цифра нижней десятки — приглушённая: это не достижение, а его отсутствие */
#vBot{color:var(--w3)}

/* мягкий зелёный: обводка «глубокого прогона», сотня наших кубиков и число 26.
   Больше нигде на странице цвета нет. */
.plan:nth-child(2) .btn{border-color:rgba(124,199,159,.55);color:var(--green)}
.plan:nth-child(2) .btn:hover{background:rgba(124,199,159,.10);border-color:var(--green)}
#gridUs .cell.on{background:var(--green)}
.odds-card.win b{color:var(--green)}