/* Вариант А «Ночной лаунж»: тёплый почти чёрный, один акцент — свет углей, медленный дым. */
:root {
  --bg: #100d0b;
  --text: #ede3d3;
  --muted: #9a8f82;
  --muted-hi: #c9bdac;
  --accent: #e08a3c;
  --accent-hi: #f0a058;
  --on-accent: #170f09;
  --price: #f2c58f;
  --line: rgba(237, 227, 211, .10);
  --line-strong: rgba(237, 227, 211, .24);
  --row-hover: rgba(224, 138, 60, .06);
  --ghost-hover: rgba(224, 138, 60, .10);
  --bar-bg: rgba(16, 13, 11, .86);
  --callbar-bg: #17120f;
  --field-bg: #18130f;
  --focus-ring: rgba(224, 138, 60, .28);
  --overlay: rgba(8, 6, 5, .88);
  --danger: #d0533c;
  --danger-bg: rgba(208, 83, 60, .12);
  --radius: 2px;
  --font-head: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  --font-body: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  --font-mono: Consolas, "SF Mono", ui-monospace, "Cascadia Mono", monospace;
  --head-tracking: -.02em;
}

.hero { min-height: min(92vh, 860px); display: flex; align-items: flex-end; }
.hero::after {
  /* свет углей у нижнего края: горизонт, а не «шар» */
  content: ""; position: absolute; left: -10%; right: -10%; bottom: -40%; height: 70%; z-index: 0;
  background: radial-gradient(60% 55% at 30% 100%, rgba(224, 120, 40, .34), rgba(224, 120, 40, 0) 70%);
  pointer-events: none;
}
.hero h1 { font-style: italic; }
.hero h1::first-line { font-style: normal; }
.smoke { display: block; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; opacity: .9; }
.hero-in { width: 100%; }

.mi-title { font-style: italic; }
.tf-groups li { font-style: italic; }
.steps h3 { font-style: italic; }
.mgroup h2 { font-style: italic; color: var(--price); }
.final { background: linear-gradient(180deg, rgba(224, 138, 60, .07), rgba(224, 138, 60, 0) 70%); }