/* Светлая тема smartess.by — собрано tools/make-theme.py из legacy/style.css.
   Правки вносить в скрипт или в theme/extra.css, не здесь. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-cyrillic-800-normal.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Шрифты self-hosted (Outfit 400–800; латиница — кириллица системная). Space Mono убран 15.09.2026: цифры — Outfit tabular-nums */

/* =========================================================================
   SmartESS.by — Общая дизайн-система
   Подключается через <link rel="stylesheet" href="/style.css">
   ========================================================================= */

/* === ОСНОВНЫЕ ПЕРЕМЕННЫЕ (тёмная тема — по умолчанию) === */
:root{
  /* Цвета фона */
  --bg-deep: #FAF7F0;
  --bg-primary: #FFFFFF;
  --bg-secondary: #F3EEE3;
  --bg-card: #FFFFFF;

  /* Акценты */
  --accent-purple: #1F5B41;
  --accent-purple-light: #2A7152;
  --accent-red: #C0392B;
  --accent-yellow: #A06800;
  --accent-yellow-dim: #B8860B;
  --accent-green: #16803C;
  --accent-orange: #A06800;
  --accent-cyan: #0E7490;

  /* Текст */
  --text-primary: #20261F;
  --text-secondary: #5B6358;
  --text-muted: #8B9184;

  /* Бордеры */
  --border-subtle: rgba(32,38,31,0.10);
  --border-active: rgba(31,91,65,0.35);

  /* Тени */
  --glow-purple: 0 10px 28px rgba(32,38,31,0.08);

  /* Метрики */
  --radius: 12px;
  --radius-lg: 20px;

  /* Шрифты */
  --font-display: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Manrope', 'Segoe UI', system-ui, sans-serif;

  /* Анимации */
  --transition: 0.35s cubic-bezier(0.25,0.46,0.45,0.94);

  /* === АЛИАСЫ для обратной совместимости === */
  /* «Сокращённая» система (старые кейсы и статья окупаемости) */
  --bg: var(--bg-deep);
  --card: var(--bg-card);
  --p: var(--accent-purple);
  --pl: var(--accent-purple-light);
  --r: var(--accent-red);
  --y: var(--accent-yellow);
  --g: var(--accent-green);
  --o: var(--accent-orange);
  --t1: var(--text-primary);
  --t2: var(--text-secondary);
  --t3: var(--text-muted);
  --bs: var(--border-subtle);
  --ba: var(--border-active);
  --fd: var(--font-display);
  --fm: var(--font-mono);
  --rl: var(--radius-lg);

  /* «Кейсовая» система (Могилёв, частный 5 кВт) */
  --violet: var(--accent-purple);
  --violet-soft: var(--accent-purple-light);
  --red: var(--accent-red);
  --yellow: var(--accent-yellow);
  --text: var(--text-primary);
  --text-mute: var(--text-secondary);
  --border: rgba(32,38,31,0.10);
  --border-strong: rgba(32,38,31,0.18);
  --bg-elev: #FFFFFF;
  --bg-panel: #F3EEE3;
  --glow: var(--glow-purple);
}

/* === СВЕТЛАЯ ТЕМА === */
/* :root[...] поднимает специфичность до (0,2,0), чтобы переопределять inline :root-токены
   страниц (0,1,0) НЕЗАВИСИМО от порядка загрузки (inline <style> грузится после style.css).
   Без этого страницы со своим :root{--bg-card:#1E1E42…} оставались тёмными в светлой теме. */
/* === БАЗА === */
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior: smooth; }
body{
  font-family: var(--font-display);
  background: var(--bg-deep);
  color: var(--text-primary);
  line-height: 1.6;
  overflow-x: hidden;
  transition: background .25s, color .25s;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  background-image: linear-gradient(rgba(94,23,235,0.04) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(94,23,235,0.04) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
  z-index: 0;
}
a{ color: var(--accent-yellow); text-decoration: none; transition: var(--transition); }
a:hover{ color: var(--accent-orange); }

.container{ max-width: 1280px; margin: 0 auto; padding: 0 24px; }


/* =========================================================================
   ШАПКА ТИП 1 — Расширенная (для главной, кейсов, калькуляторов)
   ========================================================================= */
#nav{ display: flex; gap: 6px; align-items: center; }
#nav a{
  padding: 8px 14px;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-secondary);
  border-radius: 8px;
  text-decoration: none;
  transition: var(--transition);
}
#nav a:hover{ color: var(--text-primary); background: var(--border-subtle); }
.header-actions{ display: flex; align-items: center; gap: 8px; }
/* =========================================================================
   ШАПКА ТИП 2 — Компактная top-bar (для каталога, новостей, инверторов)
   ========================================================================= */
.top-bar{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(14,14,32,0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-subtle);
}
.top-inner{
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.top-nav{
  display: flex;
  gap: 4px;
  align-items: center;
  flex: 1;
  justify-content: center;
  flex-wrap: wrap;
}
.top-nav a{
  padding: 7px 12px;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--text-secondary);
  border-radius: 8px;
  text-decoration: none;
  transition: var(--transition);
  white-space: nowrap;
}
.top-nav a:hover{ color: var(--text-primary); background: var(--border-subtle); }
.top-nav a.active{
  color: var(--accent-yellow);
  background: rgba(245,222,89,0.08);
}
.top-nav a.top-cta{
  background: linear-gradient(135deg, var(--accent-purple), var(--accent-red));
  color: #fff;
  font-weight: 600;
}
.top-nav a.top-cta:hover{ transform: translateY(-1px); box-shadow: 0 4px 16px rgba(94,23,235,0.4); }
.top-phone{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: rgba(245,222,89,.08);
  border: 1px solid rgba(245,222,89,.25);
  border-radius: 10px;
  color: var(--accent-yellow);
  font-family: var(--font-mono);font-variant-numeric:tabular-nums;
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
  transition: var(--transition);
  white-space: nowrap;
  flex-shrink: 0;
}
.top-phone:hover{
  background: rgba(245,222,89,.18);
  border-color: var(--accent-yellow);
  transform: translateY(-1px);
  color: var(--accent-yellow);
}
/* =========================================================================
   ПЕРЕКЛЮЧАТЕЛЬ ТЕМЫ
   ========================================================================= */
/* =========================================================================
   ЕДИНЫЙ ФУТЕР (для всех страниц сайта)
   ========================================================================= */
.site-footer{
  background: var(--bg-primary);
  border-top: 1px solid var(--border-subtle);
  padding: 60px 0 24px;
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.site-footer .footer-grid{
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 48px;
  margin-bottom: 48px;
}
.site-footer .footer-brand p{
  font-size: 0.88rem;
  color: var(--text-secondary);
  line-height: 1.7;
  max-width: 320px;
  margin-bottom: 18px;
}
.site-footer .footer-brand p a{ color: var(--accent-yellow); }
.site-footer .footer-cta{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.site-footer .footer-cta a{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition);
}
.site-footer .footer-cta .footer-btn-primary{
  background: linear-gradient(135deg, var(--accent-yellow), var(--accent-yellow-dim));
  color: #0E0E20;
  border: 1px solid transparent;
}
.site-footer .footer-cta .footer-btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 6px 18px rgba(245,222,89,.35); }
.site-footer .footer-cta .footer-btn-outline{
  background: transparent;
  border: 1px solid var(--border-active);
  color: var(--text-primary);
}
.site-footer .footer-cta .footer-btn-outline:hover{ background: var(--accent-purple); color: #fff; border-color: var(--accent-purple); }

.site-footer .footer-col h4{
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--accent-purple-light);
  margin-bottom: 16px;
}
.site-footer .footer-col a{
  display: block;
  font-size: 0.88rem;
  color: var(--text-secondary);
  text-decoration: none;
  margin-bottom: 8px;
  transition: var(--transition);
}
.site-footer .footer-col a:hover{ color: var(--accent-yellow); padding-left: 4px; }

.site-footer .footer-bottom{
  border-top: 1px solid var(--border-subtle);
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.site-footer .footer-bottom a{ color: var(--text-secondary); }
.site-footer .footer-bottom a:hover{ color: var(--accent-yellow); }
.site-footer .footer-legal{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-subtle);
  margin-bottom: 20px;
}
.site-footer .footer-legal a{
  font-size: 0.75rem;
  color: var(--text-muted) !important;
  text-decoration: none !important;
}
.site-footer .footer-legal a:hover{ color: var(--accent-yellow); }
.site-footer .footer-certs{ display: flex; gap: 8px; flex-wrap: wrap; }
.site-footer .cert-badge{
  padding: 4px 10px;
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
  font-family: var(--font-mono);font-variant-numeric:tabular-nums;
  font-size: 0.7rem;
  color: var(--text-secondary);
}


/* =========================================================================
   FLOATING TELEGRAM BUTTON (на всех страницах)
   ========================================================================= */
.se-tg-fab{
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 99;
  background: linear-gradient(135deg, #0088cc, #0066aa);
  padding: 13px 22px;
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  font-size: 0.88rem;
  box-shadow: 0 6px 24px rgba(0,136,204,.5);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: var(--transition);
}
.se-tg-fab:hover{ transform: translateY(-3px); color: #fff; box-shadow: 0 10px 32px rgba(0,136,204,.6); }
.se-tg-fab.hidden{ opacity: 0; pointer-events: none; transform: translateY(20px); }


/* =========================================================================
   АДАПТИВ ШАПКИ И ФУТЕРА
   ========================================================================= */
/* === МОБИЛЬНОЕ МЕНЮ (гамбургер) === */
/* Выпадающее меню на мобиле */
@media (max-width: 600px){
.mobile-menu .mm-section, .mobile-menu .mm-divider{ grid-column:1/-1; }
.mobile-menu a .dd-i{ flex-shrink:0; }
}
@media (max-width: 1100px){
  .site-footer .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; }
  .site-footer .footer-brand{ grid-column: 1 / -1; }
}
@media (max-width: 860px){
  /* Шапка: скрываем текстовый телефон, показываем кружок */
.header-phone-mobile{ display: inline-flex; }
  /* Навигация: скрываем десктопную, показываем гамбургер */
  #nav, .top-nav{ display: none; }
/* Логотип уменьшаем */
/* Футер */
  .site-footer{ padding: 40px 0 20px; }
  .site-footer .footer-grid{ grid-template-columns: 1fr; gap: 24px; }
  .site-footer .footer-bottom{ flex-direction: column; text-align: center; gap: 12px; }
  /* Float-кнопка меньше */
  .se-tg-fab{ bottom: 18px; right: 18px; padding: 10px 16px; font-size: 0.78rem; }
}
@media (max-width: 520px){
  .header-actions{ gap: 4px; }
}


/* =========================================================================
   СВЕТЛАЯ ТЕМА — статьи /knowledge/
   Локальные CSS-переменные (--bg, --card, --t1 и т.д.) шадоятся inline
   <style> блоком статьи, поэтому переопределяем их через /* TLDR (вступление) */
/* Цитаты-врезки */
/* Карточки заблуждений */
/* Карточки-контейнеры */
/* Закон-блок */
/* Сравнительные таблицы */
/* Pills и breadcrumb */
/* Чекбоксы (после правки 2) */
/* Прогресс-бар и кнопки чек-листа */
/* CTA-final остаётся фиолетово-красным с белым текстом — работает в обеих темах */

/* =========================================================================
   МОБИЛЬНАЯ ПОЛОСА «ПОЗВОНИТЬ · TELEGRAM» (вместо двух плавающих кнопок)
   ========================================================================= */
.se-mbar{ display:none; }
@media (max-width: 860px){
  .se-tg-fab{ display:none !important; }
  body{ padding-bottom: 66px; }
  .se-mbar{ display:grid; grid-template-columns:1fr 1fr; gap:8px; position:fixed; left:0; right:0; bottom:0; z-index:99;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom)); background:rgba(14,14,32,.94); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    border-top:1px solid var(--border-subtle); transition:transform .3s ease; }
  .se-mbar.hidden{ transform:translateY(120%); }
  .se-mbar a{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px; border-radius:12px; font-weight:700; font-size:.9rem; text-decoration:none; color:#fff; }
  .se-mbar a svg{ flex-shrink:0; }
  .se-mbar-call{ background:#FFDE59; color:#13132E !important; }
  .se-mbar-tg{ background:linear-gradient(135deg,#0088cc,#0066aa); }
  }

/* =========================================================================
   COOKIE-БАННЕР
   ========================================================================= */
.se-cookie{ position:fixed; left:12px; right:12px; bottom:14px; z-index:100; max-width:600px; margin:0 auto;
  background:var(--bg-card); border:1px solid var(--border-active); border-radius:14px; padding:12px 14px;
  display:flex; gap:12px; align-items:center; box-shadow:0 12px 40px rgba(0,0,0,.35); font-size:.82rem; color:var(--text-secondary); line-height:1.45; }
.se-cookie[hidden]{ display:none; }
.se-cookie p{ margin:0; flex:1; }
.se-cookie a{ color:var(--accent-purple-light); text-decoration:underline; }
.se-cookie button{ flex-shrink:0; background:#FFDE59; color:#13132E; border:0; border-radius:10px; padding:9px 16px; font-weight:700; font-family:inherit; font-size:.85rem; cursor:pointer; }
.se-cookie button:focus-visible{ outline:2px solid var(--accent-purple-light); outline-offset:2px; }
@media (max-width: 860px){ .se-cookie{ bottom:72px; padding:10px 12px; font-size:.78rem; gap:10px; } }

/* =========================================================================
   ДОСТУПНОСТЬ: видимый фокус с клавиатуры, скрытые подписи, ссылка «к содержимому»
   ========================================================================= */
:focus-visible{ outline: 3px solid var(--accent-yellow); outline-offset: 2px; border-radius: 4px; }
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link{ position:absolute; left:12px; top:-60px; z-index:2000; background:var(--accent-yellow); color:#13132E;
  padding:10px 18px; border-radius:0 0 10px 10px; font-weight:700; text-decoration:none; transition:top .2s; }
.skip-link:focus{ top:0; color:#13132E; }
@media (max-width:860px){ body:has(#mobileMenu.open) .se-mbar{ transform:translateY(120%); } }

/* Иконки lucide вместо эмодзи (15.09.2026): размер берут от font-size контейнера, цвет — currentColor */
.ico{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex-shrink:0}
.adv-icon,.contact-icon,.why-ico,.wiz-icon,.scale-emoji,.ls-tile .ic,.ls-nic,.faq-item-icon{color:var(--accent-purple-light)}
.adv-icon .ico,.contact-icon .ico,.why-ico .ico,.wiz-icon .ico,.scale-emoji .ico,.ls-nic .ico{vertical-align:middle}
.lc-t .ico{color:var(--accent-purple-light);margin-right:2px}
.st-sun{color:var(--accent-yellow)}
.p-btn .ico{font-size:1.05rem;vertical-align:-.2em}

/* ── Светлая тема: добавочные токены (24.09.2026) ─────────────────────────── */
:root{
  --surface: #FFFFFF;
  --bg-warm: #F3EEE3;
  --line: #E9E2D4;
  --brand: #1F5B41;
  --brand-600: #2A7152;
  --leaf: #3F9C6D;
  --amber: #E6A23C;        /* заливка акцента */
  --amber-ink: #A06800;    /* акцент текстом */
  --sun: #F4B740;
  --ok-bg: #DCF3E4;
  --warn-bg: #FDEBC8;
  --err-bg: #F9E4E1;
  --shadow-soft: 0 1px 2px rgba(32,38,31,.04), 0 10px 28px rgba(32,38,31,.07);
  /* имена, которые страницы используют, но нигде не объявляют — иначе цвет случайный */
  --c: #0E7490;
  --cyan: #0E7490;
  --bg-card2: #F3EEE3;
  --pct: 0%;
}
body{ background: var(--bg-deep); color: var(--text-primary); padding-top: 83px; }
@media(max-width:900px){ body{ padding-top: 68px; } }
/* сетка-подложка из тёмной версии на светлом фоне выглядит грязно */
body::before{ display: none !important; }
a{ color: var(--brand); }
a:hover{ color: var(--brand-600); }
::selection{ background: rgba(230,162,60,.28); }
img{ max-width: 100%; }
/* кнопка-призыв: янтарь с тёмным текстом читается лучше зелёного на светлом */
.btn-primary, .cta-primary{ background: var(--amber); color: #20261F; border-color: transparent; }
.btn-primary:hover, .cta-primary:hover{ filter: brightness(.96); }
/* ── Логотип: один и тот же знак в шапке и в подвале ────────────────────────
   Стили лежат здесь, а не в компоненте шапки: подвал — отдельный компонент,
   и без общего правила его логотип оставался без цвета (тёмный текст на тёмной
   плашке) и без спутников. */
.logo{ display:inline-flex; align-items:center; gap:10px; flex-shrink:0; width:max-content;
  min-height:54px; padding:6px 16px 6px 6px; background:#161A16; border-radius:24px;
  text-decoration:none; transition:transform .2s; }
.logo:hover{ transform:translateY(-1px); text-decoration:none; }
.logo-icon{ position:relative; width:40px; height:40px; flex-shrink:0; }
.logo-icon img{ width:40px; height:40px; border-radius:50%; object-fit:contain; background:#161A16; display:block; }
.logo-sat{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.logo-name{ display:block; font-size:18px; font-weight:800; letter-spacing:-.45px; color:#fff;
  line-height:24px; white-space:nowrap; }
.logo-name span{ color:#F4B740; }
.logo-name i{ font-style:normal; font-weight:600; color:rgba(255,255,255,.55); }
.logo-sub{ display:block; font-size:10px; font-weight:600; letter-spacing:2.2px;
  text-transform:uppercase; color:#E6A23C; line-height:1; margin-top:1px; }
@media(prefers-reduced-motion:reduce){ .logo-sat{ display:none; } }
@media(max-width:520px){
  .logo{ padding:5px 14px 5px 5px; gap:8px; }
  .logo-icon, .logo-icon img{ width:34px; height:34px; }
  .logo-name{ font-size:16px; }
  .logo-sub{ font-size:9px; letter-spacing:1.8px; }
}

/* заголовки больше не заливаются градиентом — на светлом это читалось как пестрота.
   Страховка на случай, если где-то в вёрстке остался градиент или прозрачная заливка. */
h1, h2, h3, .hero h1, .section-title,
.gradient-text, .grad, .text-gradient{
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
}
h1, h2, h3, .section-title{ color: var(--text-primary); }
.gradient-text, .grad, .text-gradient, h1 span, .hero h1 span{ color: var(--amber-ink) !important; }