/* Карьерный навигатор: белый, яркий оранжевый, жёлтый маркер и тёплый кофейный вместо чёрного. Характер — энергичный и понятный подростку и родителю. */
:root{
  --font-display:"Geologica", "Segoe UI", Arial, sans-serif;
  --font-body:"Geologica", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --display-weight:700; --display-tracking:-.03em; --logo-weight:700; --num-weight:800;
  --bg:#ffffff; --paper:#fff6ea; --card-bg:#ffffff;
  --text:#2a1c12; --text-2:#5a4638; --muted:#8a7566; --heading:#26160c;
  --line:#f1e6da; --line-strong:#e2d1bf;
  --accent:#ffd23f; --accent-ink:#d9480f; --on-accent:#26160c; --link:#c2410c;
  --ink:#2a180d; --ink-2:#3a2314; --ink-deep:#1c0f07;
  --on-ink:#ffffff; --on-ink-2:#ecdccb; --on-ink-muted:#b89d86; --line-on-ink:rgba(255,255,255,.16); --accent-on-ink:#ffd23f;
  --danger:#c2410c; --hl-bg:#fff4c7; --glow:rgba(242,106,27,.10);
  --hero-bg:#ffffff;
  --btn-bg:#f26a1b; --btn-fg:#ffffff; --btn-hover:#ffd23f; --btn-hover-fg:#26160c; --btn-radius:12px;
  --radius:18px; --frame-radius:24px; --tag-radius:999px; --field-radius:10px; --badge-radius:16px;
  --em-color:#26160c;
  --bg-word:"ВЫБОР";
}
/* маркер вместо курсива: выделенная часть заголовка подчёркнута жёлтой полосой */
.hero__title em,.sec__title em{background:linear-gradient(transparent 60%, var(--accent) 60%, var(--accent) 92%, transparent 92%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sec--dark .sec__title em{color:var(--on-ink);background:linear-gradient(transparent 60%, rgba(255,210,63,.45) 60%, rgba(255,210,63,.45) 92%, transparent 92%)}
.hero__title{font-size:clamp(32px,4.4vw,62px);line-height:1.04}
.sec__title{font-size:clamp(28px,3.2vw,46px);line-height:1.08}
.hero--compact .hero__title{font-size:clamp(30px,3.6vw,50px)}
.logo__txt b{font-size:18px}
.chain b{font-size:22px}
.quote p{font-weight:600;font-size:clamp(20px,1.9vw,26px);line-height:1.45}
.hero__media::before{border-radius:24px}
.split__media::before{border-radius:24px}
.card,.price{border-radius:var(--radius)}
.ticker span::after{border-radius:50%;transform:none}
@media (max-width:480px){.hero__title,.hero--compact .hero__title{font-size:28px}.sec__title{font-size:25px}}
/* фактура «карта»: точечная сетка, как на навигаторе */
:root{
  --paper:#fff3e3;
  --soft-pattern:radial-gradient(rgba(242,106,27,.22) 1.2px, transparent 1.7px) 0 0/22px 22px;
  --dark-pattern:radial-gradient(rgba(255,210,63,.16) 1.2px, transparent 1.7px) 0 0/22px 22px;
  --hero-panel:#ffd23f;
  --hero-panel-pattern:radial-gradient(rgba(217,72,15,.22) 1.3px, transparent 1.8px) 0 0/22px 22px;
  --hero-panel-fg:#26160c; --hero-panel-muted:rgba(38,22,12,.7);
  --dark-glow:rgba(255,210,63,.12);
}

/* кнопка на оранжевом: при наведении жёлтая с тёмным текстом; плашка на фото оранжевая */
:root{--btn-hover:#ffd23f;--btn-hover-fg:#26160c}
.hero__badge{background:#f26a1b}
.hero__badge b{color:#fff}
.hero__badge span{color:#fff3e3}
.btn--ghost{border-color:#26160c}