/* Индекс GEO-видимости брендов — стили на основе реального дизайн-стандарта
   Rookee (экспорт из Figma: Colors.pdf, Typography (Gotham).pdf, Interval.pdf, Header.pdf).

   Цвета — точные токены палитры (Main colors).
   Типографика — шкала Gotham (Heading H2–H8, Subtitle S1–S4, Label L1–L6, Text T1–T8),
   значения ниже — desktop-вариант шкалы, названия токенов в комментариях у каждого правила.
   Отступы — шкала Interval: 4 8 16 24 32 40 48 56 64 72 80 120 200 (px).
   Шапка — структура повторяет публичное (разлогиненное) состояние реальной шапки rookee.ru:
   лого + телефон слева, Продукты/О нас/Кейсы/Помощь по центру, Хочу демо + Вход справа. */
:root{
  /* --- Colors (Main colors, Figma) --- */
  --white:#FFFFFF;
  --grey-50:#F9FAFB;
  --grey-100:#F2F4F7;
  --grey-200:#E9EBEF;
  --grey-300:#E7E7E7;
  --grey-400:#DCDCDC;
  --grey-500:#808080;
  --grey-600:#474747;
  --black-50:#333333;
  --black-100:#242424;
  --blue-50:#DDE2FD;
  --blue-100:#BCC7E5;
  --blue-200:#866FF6;
  --blue-300:#6547F4;
  --blue-400:#4A90E2;
  --blue-800:#C5DBF6;
  --green-50:#EFF8E8;
  --green-500:#27AE60;
  --yellow-200:#FFED4F;
  --yellow-300:#FCE300;
  --orange-50:#FFE0C9;
  --orange-100:#FFD4A9;
  --orange-400:#F07800;
  --red-500:#CE4120;

  /* --- Semantic aliases used throughout this file --- */
  --bg:var(--grey-50);
  --paper:var(--grey-50);
  --card:var(--white);
  --ink:var(--black-100);
  --ink-soft:var(--grey-600);
  --ink-faint:var(--grey-500);
  --line:var(--grey-200);
  --brand:var(--blue-300);
  --brand-hover:#5238D9;
  --brand-soft:var(--blue-50);
  --yellow:var(--yellow-300);
  --yellow-hover:var(--yellow-200);
  --success:var(--green-500);
  --error:var(--red-500);
  --banner-bg:var(--blue-800);
  --banner-ink:var(--ink);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--ink);
  /* Gotham — лицензионный шрифт, файлов пока нет: Montserrat как временная замена по начертанию */
  font-family:'Gotham','Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{ font-weight:700; letter-spacing:-0.01em; }
a{ color:inherit; }
button{ font-family:inherit; }
svg{ display:block; }
.wrap{ max-width:1160px; margin:0 auto; padding:0 32px; }
.mono{ font-variant-numeric:tabular-nums; }

/* ---------- HEADER ---------- */
header{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.nav{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:16px 32px; max-width:1160px; margin:0 auto;
}
.nav-left{ display:flex; align-items:center; gap:24px; }
.logo{ font-weight:700; font-size:20px; letter-spacing:-0.02em; text-decoration:none; }
.nav-phone{
  font-size:14px; font-weight:700; line-height:20px; /* L4 Bold */
  color:var(--ink); text-decoration:none; white-space:nowrap;
}
.nav-links{ display:flex; align-items:center; gap:24px; }
.nav-dropdown{ position:relative; }
.nav-link{
  font-family:inherit; font-size:14px; font-weight:400; line-height:20px; /* L3 Book */
  color:var(--ink); background:none; border:none; cursor:pointer; padding:8px 0;
  text-decoration:none; display:inline-block;
}
.nav-link:hover{ color:var(--brand); }
.nav-dropdown-menu{
  display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%);
  background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:8px; min-width:220px; box-shadow:0 16px 32px -16px rgba(36,36,36,0.25);
}
.nav-dropdown:hover .nav-dropdown-menu{ display:block; }
.nav-dropdown-menu a{
  display:block; padding:8px 16px; border-radius:8px;
  font-size:14px; line-height:20px; color:var(--ink); text-decoration:none; white-space:nowrap;
}
.nav-dropdown-menu a:hover{ background:var(--bg); color:var(--brand); }
.nav-right{ display:flex; align-items:center; gap:16px; }
.btn-outline{
  font-family:inherit; font-size:14px; font-weight:700; line-height:20px; /* L4 Bold */
  color:var(--brand); background:none; border:1px solid var(--brand);
  padding:8px 16px; border-radius:100px; cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.btn-outline:hover{ background:var(--brand); color:#fff; }
.nav-login{
  font-size:14px; font-weight:700; line-height:20px; color:var(--ink); text-decoration:none;
}
.nav-login:hover{ color:var(--brand); }
@media (max-width:960px){
  .nav-phone, .nav-links{ display:none; }
}

/* ---------- BREADCRUMB ---------- */
.breadcrumb-bar.breadcrumb-bar{
  font-size:14px; line-height:20px; color:var(--ink-soft); /* L3 Book */
  padding-top:16px;
}
.breadcrumb-bar a{ color:var(--ink-soft); text-decoration:none; }
.breadcrumb-bar a:hover{ color:var(--brand); }

.btn-yellow{
  display:inline-block; background:var(--yellow); color:#20180A;
  font-weight:700; font-size:14px; line-height:20px; /* L4 Bold */
  padding:12px 24px; border-radius:8px; text-decoration:none; border:none; cursor:pointer;
  transition:background .15s ease, transform .15s ease;
}
.btn-yellow:hover{ background:var(--yellow-hover); transform:translateY(-1px); }

/* ---------- HERO BANNER (каталог) ---------- */
.hero-banner{
  position:relative; overflow:hidden;
  background:var(--brand); color:#fff;
  border-radius:24px; padding:48px; margin:24px 0 80px;
}
.hero-content{ position:relative; z-index:1; max-width:640px; }
.hero-h1{ font-size:36px; line-height:50px; font-weight:700; color:#fff; margin-bottom:16px; } /* H2 Bold */
.hero-lead{ font-size:16px; line-height:24px; color:var(--blue-50); margin-bottom:24px; max-width:560px; } /* T3 Book */
.hero-deco{ position:absolute; right:-40px; top:50%; transform:translateY(-50%); width:380px; height:380px; pointer-events:none; }
.hero-stats{ position:relative; z-index:1; display:flex; gap:16px; flex-wrap:wrap; margin-top:32px; }
.hero-stat-chip{ background:rgba(255,255,255,0.14); border-radius:14px; padding:16px 24px; min-width:140px; text-align:center; }
.hero-stat-chip .value{ font-size:24px; line-height:34px; font-weight:700; color:#fff; } /* H7 Bold */
.hero-stat-chip .label{ font-size:12px; line-height:17px; color:var(--blue-50); margin-top:4px; } /* L5 Book */

/* ---------- CALLOUT ROW (методология, вынесена из сайдбара) ---------- */
.callout-row{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:80px; }
.callout-row-label{
  font-size:12px; line-height:17px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; /* L6 Bold */
  color:var(--ink-soft); white-space:nowrap;
}
.callout-row .callout-box{ flex:1; min-width:240px; }

/* ---------- TOOLBAR (теги + поиск) ---------- */
.toolbar-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.toolbar-row .pill-row{ margin-bottom:0; flex:1; }
.toolbar-row .search-box{ width:260px; max-width:100%; }

/* ---------- USEFUL LINKS ROW (свежие исследования, вынесены из сайдбара) ---------- */
.useful-links-row{ display:flex; gap:8px; flex-wrap:wrap; }
.useful-links-row a{
  font-size:14px; line-height:20px; color:var(--ink); text-decoration:none; /* L3 Book */
  background:var(--card); border:1px solid var(--line); border-radius:100px; padding:8px 16px;
}
.useful-links-row a:hover{ border-color:var(--brand); color:var(--brand); }

/* ---------- PROPOSE SECTION (своя отрасль, вынесена из сайдбара) ---------- */
.propose-section{
  background:var(--card); border-radius:18px; padding:32px; margin:24px 0;
  display:flex; align-items:center; justify-content:space-between; gap:32px;
}
.propose-content{ flex:1; max-width:480px; }
.propose-content h2{ font-size:24px; line-height:34px; font-weight:700; margin-bottom:8px; } /* H7 Bold */
.propose-content > p{ font-size:14px; line-height:20px; color:var(--ink-soft); margin-bottom:16px; } /* L3 Book */
.propose-section .btn-yellow{ align-self:flex-start; }
.propose-illustration-wrap{
  flex:1; display:flex; align-items:center; justify-content:center; min-width:220px;
}
.propose-illustration{ width:240px; height:240px; }
@media (max-width:840px){
  .propose-illustration-wrap{ display:none; }
}

/* ---------- TOAST (всплывающее уведомление) ---------- */
.toast{
  position:fixed; top:24px; right:24px; z-index:200;
  display:flex; align-items:center; gap:8px;
  background:var(--card); color:var(--success);
  border-left:4px solid var(--success); border-radius:10px;
  padding:16px 20px; max-width:360px;
  font-size:14px; line-height:20px; font-weight:700; /* L4 Bold */
  box-shadow:0 20px 40px -16px rgba(36,36,36,0.35);
  transform:translateY(-16px); opacity:0; pointer-events:none;
  transition:transform .2s ease, opacity .2s ease;
}
.toast.is-visible{ transform:translateY(0); opacity:1; pointer-events:auto; }
.toast svg{ flex-shrink:0; }
.toast span{ flex:1; }
.toast-close{
  background:none; border:none; color:var(--ink-soft); cursor:pointer;
  font-size:14px; line-height:1; padding:4px; flex-shrink:0;
}
.toast-close:hover{ color:var(--ink); }
@media (max-width:640px){
  .toast{ left:16px; right:16px; top:16px; max-width:none; }
}

/* ---------- TAG PILLS ---------- */
.pill-row{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.pill{
  background:var(--card); border:1px solid var(--line); color:var(--ink-soft);
  font-size:14px; line-height:20px; padding:8px 16px; border-radius:100px; cursor:pointer; /* L3 Book */
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.pill:hover{ border-color:var(--brand); color:var(--ink); }
.pill.active{ background:var(--brand); color:#fff; border-color:var(--brand); font-weight:700; }

/* ---------- SORT ---------- */
.sort-row{
  display:flex; gap:24px; margin-bottom:16px; padding-bottom:16px;
  border-bottom:1px solid var(--line);
}
.sort-link{
  font-size:14px; line-height:20px; color:var(--ink-soft); cursor:pointer; background:none; border:none; /* L3 Book */
  padding-bottom:4px; border-bottom:2px solid transparent;
}
.sort-link.active{ color:var(--ink); font-weight:700; border-bottom-color:var(--ink); } /* L4 Bold */

/* ---------- SEARCH (sidebar, also usable standalone) ---------- */
.search-box{
  display:flex; align-items:center; gap:8px;
  background:var(--card); border:1px solid var(--line); border-radius:100px;
  padding:4px 8px 4px 16px;
}
.search-box input{
  flex:1; border:none; outline:none; font-size:14px; line-height:20px; padding:8px 0; background:none; color:var(--ink); /* L3 Book */
}
.search-box .icon-btn{ background:none; border:none; color:var(--ink-soft); padding:8px; cursor:default; }

/* ---------- ARTICLE (report) ROW ---------- */
.article-list{ display:flex; flex-direction:column; gap:16px; }
.article-row{
  display:flex; gap:24px;
  background:var(--card); border-radius:14px; padding:16px;
  text-decoration:none; color:inherit;
  transition:box-shadow .15s ease, transform .15s ease;
}
.article-row:hover{ box-shadow:0 12px 28px -18px rgba(36,36,36,0.35); transform:translateY(-1px); }
.article-thumb{
  position:relative; overflow:hidden;
  width:220px; min-width:220px; height:132px; border-radius:10px;
  display:flex; align-items:center; justify-content:center; text-align:center;
  padding:16px; color:#fff; font-weight:700; font-size:16px; line-height:24px; /* T4 Bold */
}
.article-thumb .thumb-icon{
  position:absolute; right:-10px; bottom:-10px; width:96px; height:96px; opacity:0.3;
  pointer-events:none;
}
.article-thumb .thumb-icon svg{ width:100%; height:100%; }
.article-thumb .thumb-text{ position:relative; z-index:1; }
.article-thumb .thumb-kicker{
  display:block; font-size:12px; line-height:17px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; /* L6 Bold */
  opacity:0.8; margin-bottom:8px;
}
.article-body{ flex:1; display:flex; flex-direction:column; min-width:0; }
.article-meta-top{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;
  font-size:14px; line-height:20px; color:var(--ink-soft); margin-bottom:8px; /* L3 Book */
}
.article-stats{ display:flex; gap:16px; align-items:center; }
.article-stats span{ display:flex; align-items:center; gap:5px; }
.article-title{ font-size:16px; line-height:24px; font-weight:700; margin-bottom:8px; } /* T4 Bold */
.article-tags{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.tag{
  font-size:12px; line-height:17px; color:var(--brand); background:var(--brand-soft); /* L5 Book */
  padding:4px 8px; border-radius:100px; display:inline-block;
}
.article-byline{ display:flex; align-items:center; gap:8px; font-size:14px; line-height:20px; color:var(--ink-soft); margin-top:auto; } /* L3 Book */
.byline-badge{
  width:26px; height:26px; border-radius:50%; background:var(--brand-soft); color:var(--brand);
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px; flex-shrink:0;
}
.empty-state{ font-size:16px; line-height:24px; color:var(--ink-soft); padding:32px 0; text-align:center; }

/* ---------- PAGINATION ---------- */
.pagination{ display:flex; align-items:center; gap:8px; margin:24px 0 8px; flex-wrap:wrap; }
.page-btn{
  min-width:32px; height:32px; padding:0 4px; display:flex; align-items:center; justify-content:center;
  border-radius:8px; font-size:14px; color:var(--ink-soft); cursor:pointer; background:none; border:none;
}
.page-btn.active{ background:var(--brand); color:#fff; font-weight:700; }
.page-nav{ font-size:14px; color:var(--ink-soft); cursor:pointer; background:none; border:none; padding:0 8px; }
.page-nav:disabled{ opacity:0.4; cursor:default; }

/* ---------- SIDEBAR ---------- */
.sidebar-block{ background:var(--card); border-radius:14px; padding:16px; margin-bottom:16px; }
.sidebar-block h4{
  font-size:12px; line-height:17px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; /* L6 Bold */
  color:var(--ink-soft); margin-bottom:16px;
}
.social-row{ display:flex; gap:8px; margin-top:24px; }
.social-icon{
  width:36px; height:36px; border-radius:50%; background:var(--bg);
  display:flex; align-items:center; justify-content:center; color:var(--ink-soft);
  transition:background .15s ease, color .15s ease;
}
.social-icon:hover{ background:var(--brand); color:#fff; }
.callout-box{ background:var(--brand-soft); border-radius:12px; padding:16px; font-size:14px; line-height:20px; color:var(--ink); } /* L3 Book */
.callout-box a{ color:var(--brand); font-weight:700; text-decoration:none; }
.callout-box a:hover{ text-decoration:underline; }

.propose-form{ display:flex; flex-direction:column; gap:8px; }
.propose-form textarea, .propose-form input{
  width:100%; border:1px solid var(--line); border-radius:10px;
  padding:8px 16px; font-family:inherit; font-size:14px; line-height:20px; color:var(--ink);
  background:var(--bg); resize:vertical;
}
.propose-form textarea:focus, .propose-form input:focus{ outline:2px solid var(--brand); outline-offset:1px; border-color:var(--brand); }
.propose-form button{ margin-top:2px; }

/* ---------- FOOTER PANEL ---------- */
.footer-panel{ display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:24px; margin:40px 0 64px; }
.footer-cta{
  background:linear-gradient(135deg,var(--brand-soft) 0%, var(--blue-800) 100%);
  border-radius:18px; padding:32px;
}
.footer-cta h2{ font-size:24px; line-height:34px; margin-bottom:8px; } /* H7 Bold */
.footer-cta p{ font-size:14px; line-height:20px; color:var(--ink-soft); margin-bottom:24px; max-width:360px; }
.footer-feature{ background:var(--card); border-radius:18px; padding:24px; }
.footer-feature .icon{
  width:40px; height:40px; border-radius:10px; background:var(--brand-soft); color:var(--brand);
  display:flex; align-items:center; justify-content:center; margin-bottom:16px;
}
.footer-feature h3{ font-size:16px; line-height:24px; margin-bottom:8px; } /* T4 Bold */
.footer-feature p{ font-size:14px; line-height:20px; color:var(--ink-soft); }

/* ================= REPORT (DETAIL) PAGE ================= */
.page-head{ padding:32px 0 40px; }
.hero-icon-chip{
  width:56px; height:56px; border-radius:14px; padding:12px;
  margin-bottom:16px;
}
.hero-icon-chip svg{ width:100%; height:100%; }
.kicker{ font-size:12px; line-height:17px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brand); font-weight:700; margin-bottom:8px; } /* L6 Bold */
.page-head h1{ font-size:36px; line-height:50px; font-weight:700; margin-bottom:16px; max-width:760px; } /* H2 Bold */
.page-head p.lead{ font-size:16px; line-height:24px; color:var(--ink-soft); max-width:680px; } /* T3 Book */
.badge-date{
  display:inline-flex; align-items:center; gap:8px;
  font-size:14px; line-height:20px; color:var(--ink-soft);
  background:var(--card); border:1px solid var(--line);
  padding:8px 16px; border-radius:100px; margin-top:16px;
}
.badge-date::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--brand); }
.badge-example{
  display:inline-flex; align-items:center; gap:6px;
  font-size:12px; line-height:17px; font-weight:700; color:var(--orange-400);
  background:var(--orange-50); border:1px solid var(--orange-100);
  padding:4px 16px; border-radius:100px; margin-top:16px; margin-left:8px;
}
.author-line{
  display:flex; align-items:center; gap:8px;
  font-size:14px; line-height:20px; color:var(--ink-soft); margin-top:24px;
}
.author-line .byline-badge{ width:32px; height:32px; font-size:12.5px; }
section{ padding:0 0 56px; }
.section-head{ max-width:640px; margin-bottom:24px; }
.section-head h2{ font-size:28px; line-height:36px; font-weight:700; } /* H4 Bold */
.section-head p{ margin-top:8px; font-size:14px; line-height:20px; color:var(--ink-soft); } /* L3 Book */

.metrics-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.metric-tile{ background:var(--card); border-radius:14px; padding:24px; }
.metric-tile .value{ font-size:24px; line-height:34px; font-weight:700; color:var(--ink); } /* H7 Bold */
.metric-tile .label{ font-size:12px; line-height:17px; color:var(--ink-soft); margin-top:4px; } /* L5 Book */
.metric-tile.highlight .value{ color:var(--brand); }

.rating-table-scroll{ overflow-x:auto; }
.rating-table{ background:var(--card); border-radius:18px; padding:8px 24px; min-width:520px; }
.rating-row{
  display:grid; grid-template-columns:32px 1.6fr 110px 130px;
  gap:16px; align-items:center; padding:16px 0; border-top:1px solid var(--line);
}
.rating-row:first-child{ border-top:none; }
.rating-row.head{ font-size:12px; line-height:17px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-soft); font-weight:700; } /* L6 Bold */
.rating-row .name{ font-size:16px; line-height:24px; font-weight:700; } /* T4 Bold */
.rating-row .score-cell{ display:flex; align-items:center; gap:8px; }
.rank-bar-track{ width:56px; height:5px; background:var(--line); border-radius:3px; overflow:hidden; flex-shrink:0; }
.rank-bar-fill{ height:100%; background:var(--yellow); border-radius:3px; }
.rank-score{ font-size:16px; line-height:24px; font-weight:700; color:var(--ink); } /* L2 Bold */
.mentions-pct{ font-size:14px; line-height:20px; color:var(--ink-soft); } /* L3 Book */
.rank-disclaimer{ margin-top:16px; font-size:12px; line-height:17px; color:var(--ink-soft); } /* L5 Book */

.query-list{ display:flex; flex-wrap:wrap; gap:8px; }
.query-chip{ font-size:14px; line-height:20px; color:var(--ink); background:var(--card); border-radius:10px; padding:8px 16px; } /* L3 Book */
.query-list .query-chip.is-hidden{ display:none; }
.query-list .query-chip.is-hidden.is-open{ display:block; }
.query-toggle{
  margin-top:16px; background:var(--card); border:1px solid var(--line); color:var(--ink);
  font-size:14px; line-height:20px; font-weight:700; padding:8px 16px; border-radius:100px; /* L4 Bold */
  cursor:pointer; transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.query-toggle:hover{ background:var(--brand); color:#fff; border-color:var(--brand); }

.observations-list{ list-style:none; }
.observations-list li{ font-size:16px; line-height:24px; color:var(--ink-soft); padding:16px 0 16px 24px; position:relative; border-top:1px solid var(--line); } /* T3 Book */
.observations-list li:first-child{ border-top:none; }
.observations-list li::before{ content:"→"; position:absolute; left:0; color:var(--brand); font-weight:700; }

.formula-box{ background:var(--card); border-radius:16px; padding:24px; }
.formula-box .formula{
  font-size:16px; line-height:24px; font-weight:700; /* T4 Bold */
  background:var(--brand-soft); color:var(--brand); display:inline-block; padding:8px 16px; border-radius:10px; margin-bottom:16px;
}
.formula-box p{ font-size:14px; line-height:20px; color:var(--ink-soft); margin-bottom:8px; } /* L3 Book */
.formula-box p:last-child{ margin-bottom:0; }

.cta-banner{ background:var(--ink); color:var(--bg); border-radius:24px; padding:48px; text-align:center; }
.cta-banner h2{ color:#fff; font-size:24px; line-height:34px; margin-bottom:8px; } /* H7 Bold */
.cta-banner p{ color:var(--grey-400); font-size:14px; line-height:20px; margin-bottom:24px; max-width:520px; margin-left:auto; margin-right:auto; }
.btn-primary{
  background:var(--brand); color:#fff; padding:16px 24px; border-radius:100px;
  font-weight:700; font-size:14px; line-height:20px; text-decoration:none; /* L4 Bold */
  display:inline-flex; align-items:center; gap:10px;
  transition:transform .15s ease, background .15s ease; border:none; cursor:pointer;
}
.btn-primary:hover{ background:var(--brand-hover); transform:translateY(-2px); }

@media (max-width:960px){
  .hero-deco{ display:none; }
  .footer-panel{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .wrap{ padding:0 16px; }
  .hero-banner{ padding:32px 24px; }
  .article-row{ flex-direction:column; }
  .article-thumb{ width:100%; }
  .metrics-row{ grid-template-columns:1fr 1fr; }
  .rating-row{ grid-template-columns:24px 1.4fr 90px 100px; gap:8px; }
  .page-head h1{ font-size:32px; line-height:45px; } /* H3 Bold, ближайшая ступень под мобильный экран */
  .page-h1{ font-size:24px; line-height:34px; }
  .cta-banner{ padding:32px 24px; }
}
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}