/* Alanya Training — секції нових сторінок.
 *
 * Живе в mu-plugin, а не в контенті сторінок і не в темі. Причина проста:
 * сторінок буде 20+, і зміна одного відступу інакше означала б перегенерацію
 * їх усіх; а стилі, вбудовані в тему, помирають разом із нею.
 *
 * Палітра й типографіка зняті з живої головної 2026-08-12 (CDP, ширина 1280),
 * щоб нові сторінки не виглядали приблудами поруч зі старою:
 *   hero/акцент  rgb(255,51,51)    персик rgb(255,222,177)
 *   blush        rgb(255,226,226)  текст  rgb(37,37,37)
 *   заголовки    Ubuntu 700        текст  Rubik
 *
 * Рух: тільки transform і opacity — це єдині дві властивості, які браузер
 * анімує на композиторі, не перераховуючи розкладку. Усе під
 * prefers-reduced-motion вимикається до статики, а не сповільнюється.
 */

.at-page {
  --at-red: #ff3333;
  --at-red-d: #e02020;
  --at-ink: #111111;
  --at-body: #252525;
  --at-muted: #5b5b5b;
  --at-peach: #ffdeb1;
  --at-blush: #ffe2e2;
  --at-line: rgba(17, 17, 17, .12);
  --at-head: Ubuntu, Rubik, system-ui, -apple-system, "Segoe UI", sans-serif;
  --at-text: Rubik, system-ui, -apple-system, "Segoe UI", sans-serif;
  --at-r: 14px;
  --at-pad: clamp(48px, 7vw, 104px);
  --at-shadow: 0 18px 40px -22px rgba(17, 17, 17, .45);
}

/* Тема лишає власні відступи на .entry-content; секції alignfull мають їх
 * перекрити, інакше кожна кольорова смуга матиме білі поля з боків. */
.at-page {
  font-family: var(--at-text);
  color: var(--at-body);
}

.at-sec {
  padding-block: var(--at-pad);
  position: relative;
  overflow: hidden;
}

/* Секції стикуються впритул. Без цього між кольоровими смугами лишається
 * світла щілина від типових вертикальних відступів блоків. */
.at-page > *,
.at-page > .at-sec { margin-block: 0; }

.at-in {
  max-width: 1180px;
  margin-inline: auto;
  padding-inline: clamp(20px, 5vw, 40px);
}

/* Сітка секції — 1180 px, але рядок тексту стільки бути не може: на такій
 * ширині око губить початок наступного рядка. Тому колонка тексту вужча за
 * сітку, а картки й колонки використовують її всю. */
.at-in > p,
.at-in > h2,
.at-in > h3,
.at-in > .wp-block-details { max-width: 760px; }
.at-in > h2 { max-width: 880px; }

.at-sec--peach { background: var(--at-peach); }
.at-sec--blush { background: var(--at-blush); }
.at-sec--ink   { background: var(--at-ink); color: #fff; }
.at-sec--red   { background: var(--at-red); color: #fff; }
.at-sec--ink h2, .at-sec--ink h3, .at-sec--red h2, .at-sec--red h3 { color: #fff; }

/* ---------------------------------------------------------------- типографіка */

.at-page h1, .at-page h2, .at-page h3, .at-page h4 {
  font-family: var(--at-head);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--at-ink);
  margin: 0 0 .5em;
}

.at-page h1 { font-size: clamp(38px, 6vw, 68px); }
.at-page h2 { font-size: clamp(30px, 4vw, 46px); }
.at-page h3 { font-size: clamp(20px, 2.2vw, 26px); }

.at-page p { font-size: clamp(16px, 1.25vw, 19px); line-height: 1.62; margin: 0 0 1em; }
.at-lead { font-size: clamp(18px, 1.6vw, 22px) !important; line-height: 1.55; }

.at-kicker {
  display: inline-block;
  font-family: var(--at-head);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--at-red);
  margin-bottom: 14px;
}
.at-sec--ink .at-kicker, .at-sec--red .at-kicker { color: #fff; opacity: .8; }

/* --------------------------------------------------------------------- hero */

.at-hero {
  background: var(--at-red);
  color: #fff;
  padding-block: clamp(56px, 8vw, 110px);
}
.at-hero h1, .at-hero p { color: #fff; }
.at-hero .wp-block-columns { align-items: center; gap: clamp(24px, 4vw, 56px); }

.at-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}
.at-hero__badges li {
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 100px;
  backdrop-filter: blur(2px);
}

.at-hero .wp-block-image img {
  border-radius: var(--at-r);
  display: block;
  width: 100%;
  height: auto;
}
/* Вирізані PNG тренера — без рамки й тіні, вони вже на прозорому тлі.
 * Висота обмежена: оригінали вертикальні й на широкому екрані розтягували
 * перший екран так, що кнопки виїжджали за межі вікна. */
.at-hero .at-cutout img {
  border-radius: 0;
  filter: drop-shadow(0 24px 34px rgba(0, 0, 0, .28));
  max-height: 560px;
  width: auto;
  margin-inline: auto;
}

/* ------------------------------------------------------------------ кнопки */

.at-page .wp-block-buttons { gap: 12px; margin-top: 26px; }

.at-page .wp-block-button__link {
  font-family: var(--at-head);
  font-weight: 600;
  font-size: 16px;
  border-radius: 6px;
  padding: 16px 32px;
  background: var(--at-ink);
  color: #fff;
  border: 2px solid var(--at-ink);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.at-page .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 22px -12px rgba(0, 0, 0, .6);
}
.at-page .at-btn--wa .wp-block-button__link {
  background: #25d366;
  border-color: #25d366;
  color: #06301a;
}
.at-page .at-btn--ghost .wp-block-button__link {
  background: transparent;
  color: currentColor;
  border-color: currentColor;
}
.at-hero .wp-block-button__link { background: #fff; color: var(--at-red); border-color: #fff; }
.at-hero .at-btn--wa .wp-block-button__link { background: #25d366; border-color: #25d366; color: #06301a; }
.at-hero .at-btn--ghost .wp-block-button__link { background: transparent; color: #fff; }

/* ------------------------------------------------------- поява при скролі */

.at-rv {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .6s cubic-bezier(.22, .61, .36, 1), transform .6s cubic-bezier(.22, .61, .36, 1);
  transition-delay: calc(var(--i, 0) * 80ms);
  will-change: opacity, transform;
}
.at-rv.is-in { opacity: 1; transform: none; }
/* Якщо JS не виконався — контент має бути видимим, а не невидимим назавжди.
 * Клас ставить сам скрипт; без нього правило нижче лишає все на місці. */
html:not(.at-js) .at-rv { opacity: 1; transform: none; }

/* ------------------------------------------------------------------ картки */

.at-grid {
  display: grid;
  gap: clamp(16px, 2vw, 24px);
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
  margin-top: 42px;
}
.at-grid--2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }

.at-card {
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: var(--at-r);
  padding: clamp(22px, 2.4vw, 32px);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  position: relative;
}
.at-card:hover { transform: translateY(-5px); box-shadow: var(--at-shadow); border-color: var(--at-red); }
.at-card h3 { margin-bottom: .35em; }
.at-card p:last-child { margin-bottom: 0; }
.at-card__n {
  font-family: var(--at-head);
  font-size: 13px;
  font-weight: 700;
  color: var(--at-red);
  letter-spacing: .12em;
  display: block;
  margin-bottom: 10px;
}
.at-sec--ink .at-card { background: #1b1b1b; border-color: rgba(255, 255, 255, .14); color: #d9d9d9; }
.at-sec--ink .at-card h3 { color: #fff; }

/* Картка-посилання цілком клікабельна, але фокус лишається на самому <a>. */
.at-card--link a::after { content: ""; position: absolute; inset: 0; border-radius: var(--at-r); }
.at-card--link a { text-decoration: none; color: var(--at-red); font-weight: 600; }

/* --------------------------------------------------------------- лічильники */

.at-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.at-stat { text-align: center; padding: 26px 14px; border-radius: var(--at-r); background: rgba(255, 255, 255, .08); }
.at-sec--peach .at-stat, .at-sec--blush .at-stat { background: rgba(255, 255, 255, .55); }
.at-stat b {
  display: block;
  font-family: var(--at-head);
  font-size: clamp(34px, 4.4vw, 54px);
  font-weight: 700;
  line-height: 1;
  color: var(--at-red);
  font-variant-numeric: tabular-nums;
}
.at-sec--ink .at-stat b, .at-sec--red .at-stat b { color: #fff; }
.at-stat span { display: block; margin-top: 8px; font-size: 15px; opacity: .82; }

/* ------------------------------------------------------------------ таймлайн */

.at-tl { list-style: none; margin: 42px 0 0; padding: 0; position: relative; }
.at-tl::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: var(--at-line);
}
/* Друга лінія поверх першої заповнюється в міру прокрутки — висоту ставить JS
 * через --p, тож без скрипта видно просто статичну шкалу. */
.at-tl::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 8px;
  width: 2px;
  height: calc(var(--p, 0) * (100% - 16px));
  background: var(--at-red);
  transition: height .18s linear;
}
.at-tl li { position: relative; padding: 0 0 30px 62px; }
.at-tl li:last-child { padding-bottom: 0; }
.at-tl li::before {
  content: counter(at-step);
  counter-increment: at-step;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  border: 2px solid var(--at-line);
  font-family: var(--at-head);
  font-weight: 700;
  color: var(--at-muted);
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
  z-index: 1;
}
.at-tl { counter-reset: at-step; }
.at-tl li.is-on::before { background: var(--at-red); border-color: var(--at-red); color: #fff; transform: scale(1.08); }
.at-tl h3 { font-size: clamp(18px, 1.8vw, 22px); margin-bottom: .3em; }
.at-tl p { margin: 0; color: var(--at-muted); }
.at-sec--ink .at-tl p { color: #b9b9b9; }
.at-sec--ink .at-tl li::before { background: #1b1b1b; }

/* --------------------------------------------------------------------- таби */

.at-tabs { margin-top: 36px; }
.at-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid var(--at-line);
  padding: 0 0 2px;
  margin: 0 0 26px;
}
.at-tabs__btn {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 3px solid transparent;
  font-family: var(--at-head);
  font-size: 16px;
  font-weight: 600;
  color: var(--at-muted);
  padding: 12px 16px;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease;
}
.at-tabs__btn:hover { color: var(--at-ink); }
.at-tabs__btn[aria-selected="true"] { color: var(--at-red); border-bottom-color: var(--at-red); }
.at-tabs__btn:focus-visible { outline: 2px solid var(--at-red); outline-offset: 3px; }
.at-tabs__panel[hidden] { display: none; }
.at-tabs__panel { animation: at-fade .35s ease both; }
@keyframes at-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Без JS панелі просто йдуть одна за одною — контент лишається читабельним. */
html:not(.at-js) .at-tabs__list { display: none; }
html:not(.at-js) .at-tabs__panel[hidden] { display: block; }

/* ------------------------------------------------------------------- FAQ */

.at-page .wp-block-details {
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: var(--at-r);
  padding: 0;
  margin: 0 0 12px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.at-page .wp-block-details[open] { border-color: var(--at-red); box-shadow: var(--at-shadow); }
.at-page .wp-block-details summary {
  cursor: pointer;
  list-style: none;
  padding: 20px 56px 20px 22px;
  font-family: var(--at-head);
  font-weight: 600;
  font-size: clamp(16px, 1.4vw, 19px);
  color: var(--at-ink);
  position: relative;
}
.at-page .wp-block-details summary::-webkit-details-marker { display: none; }
.at-page .wp-block-details summary::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -7px;
  border-right: 2.5px solid var(--at-red);
  border-bottom: 2.5px solid var(--at-red);
  transform: rotate(45deg);
  transition: transform .25s ease;
}
.at-page .wp-block-details[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.at-page .wp-block-details summary:focus-visible { outline: 2px solid var(--at-red); outline-offset: -2px; }
.at-page .wp-block-details > :not(summary) { padding: 0 22px; }
.at-page .wp-block-details > :not(summary):last-child { padding-bottom: 20px; }

/* ------------------------------------------------------- факти для машин */

.at-facts {
  margin: 34px 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0 34px;
  background: #fff;
  border: 1px solid var(--at-line);
  border-radius: var(--at-r);
  padding: 26px 30px;
}
.at-facts > div { display: flex; gap: 10px; padding: 9px 0; border-bottom: 1px dashed var(--at-line); }
.at-facts dt { font-weight: 600; color: var(--at-muted); min-width: 132px; font-size: 15px; }
.at-facts dd { margin: 0; font-weight: 500; color: var(--at-ink); font-size: 15px; }

/* ------------------------------------------------------------------ ціни */

.at-plan { display: flex; flex-direction: column; }
/* Селектор із `.at-page` навмисно: правило `.at-page p` вище має вищу
 * специфічність за одинарний клас і інакше збиває ціну до розміру абзацу. */
.at-page .at-plan__price {
  font-family: var(--at-head);
  font-size: clamp(38px, 4.6vw, 54px);
  font-weight: 700;
  color: var(--at-ink);
  line-height: 1;
  margin: 6px 0 2px;
}
.at-page .at-plan__price small { font-size: 16px; font-weight: 500; color: var(--at-muted); }
.at-plan ul { list-style: none; margin: 18px 0 24px; padding: 0; }
.at-plan li { padding: 8px 0 8px 28px; position: relative; font-size: 16px; border-bottom: 1px solid var(--at-line); }
.at-plan li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 15px;
  width: 12px;
  height: 7px;
  border-left: 2.5px solid var(--at-red);
  border-bottom: 2.5px solid var(--at-red);
  transform: rotate(-45deg);
}
.at-plan .wp-block-buttons { margin-top: auto; }
.at-plan--hi { border-color: var(--at-red); border-width: 2px; }
.at-plan--hi::before {
  content: attr(data-tag);
  position: absolute;
  top: -13px;
  left: 28px;
  background: var(--at-red);
  color: #fff;
  font-family: var(--at-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 100px;
}

/* ----------------------------------------------------- коротка відповідь */

.at-answer {
  border-left: 5px solid var(--at-red);
  background: #fff;
  border-radius: 0 var(--at-r) var(--at-r) 0;
  padding: 26px 30px;
  box-shadow: var(--at-shadow);
  max-width: 860px;
}
.at-answer__l {
  display: block;
  font-family: var(--at-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--at-red);
  margin-bottom: 10px;
}
.at-page .at-answer p {
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.55;
  margin: 0;
  color: var(--at-ink);
}

/* --------------------------------------------------------------- відгуки */

.at-quotes { grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
.at-quote { margin: 0; display: flex; flex-direction: column; }
.at-quote blockquote { margin: 0; border: 0; padding: 0; }
.at-page .at-quote p { font-size: 17px; line-height: 1.6; margin: 0 0 18px; }
.at-quote::before {
  content: "”";
  font-family: var(--at-head);
  font-size: 62px;
  line-height: .6;
  color: var(--at-red);
  display: block;
  margin-bottom: 6px;
}
.at-quote figcaption {
  margin-top: auto;
  font-family: var(--at-head);
  font-weight: 700;
  font-size: 15px;
  color: var(--at-red);
}

/* --------------------------------------------------------------- галерея */

.at-gal {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 38px;
}
.at-gal button {
  padding: 0;
  border: 0;
  background: none;
  cursor: zoom-in;
  border-radius: var(--at-r);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  display: block;
}
.at-gal img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.at-gal button:hover img { transform: scale(1.06); }
.at-gal button:focus-visible { outline: 3px solid var(--at-red); outline-offset: 3px; }

.at-lb {
  position: fixed;
  inset: 0;
  background: rgba(10, 10, 10, .93);
  display: grid;
  place-items: center;
  z-index: 99999;
  padding: 20px;
  animation: at-fade .2s ease both;
}
.at-lb img { max-width: min(1100px, 94vw); max-height: 88vh; border-radius: 8px; }
.at-lb__x {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
}

/* ---------------------------------------------------------------- бігунок */

.at-marquee {
  overflow: hidden;
  background: var(--at-ink);
  padding: 16px 0;
  white-space: nowrap;
}
.at-marquee__t {
  display: inline-block;
  animation: at-slide 26s linear infinite;
  font-family: var(--at-head);
  font-weight: 700;
  font-size: clamp(20px, 2.4vw, 30px);
  color: #fff;
  letter-spacing: -.01em;
}
.at-marquee__t span { color: var(--at-red); margin: 0 10px; }
@keyframes at-slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ------------------------------------------------ липкий CTA на телефоні */

.at-cta-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9990;
  display: none;
  gap: 8px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, .97);
  border-top: 1px solid var(--at-line);
  box-shadow: 0 -8px 24px -18px rgba(0, 0, 0, .7);
}
.at-cta-bar a {
  flex: 1;
  text-align: center;
  padding: 14px 10px;
  border-radius: 8px;
  font-family: var(--at-head);
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
}
/* Кольори тут літералами, а не через `--at-*`: смуга друкується в підвал
 * документа, поза `.at-page`, тож змінні звідти не резолвляться — кнопка
 * «Call» лишалася без фону й зникала на світлій смузі. */
.at-cta-bar .at-wa { background: #25d366; color: #06301a; }
.at-cta-bar .at-tel { background: #111111; color: #fff; }
@media (max-width: 781px) {
  .at-cta-bar { display: flex; }
  body { padding-bottom: 74px; }
}

/* --------------------------------------------------- індикатор прочитання */

.at-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  transform: scaleX(var(--p, 0));
  transform-origin: 0 50%;
  background: var(--at-red);
  z-index: 9991;
  pointer-events: none;
}

/* ------------------------------------------------------------- дрібниці */

.at-page .wp-block-columns { gap: clamp(20px, 3vw, 40px); }
.at-note {
  font-size: 14px !important;
  color: var(--at-muted);
  border-left: 3px solid var(--at-red);
  padding-left: 14px;
  margin-top: 22px !important;
}
.at-sec--ink .at-note { color: #a9a9a9; }

.at-page a { color: var(--at-red); }
.at-page .at-sec--ink a, .at-page .at-sec--red a { color: #fff; }

@media (max-width: 781px) {
  .at-hero .wp-block-columns { flex-wrap: wrap !important; }
  .at-facts { padding: 20px; }
  .at-facts dt { min-width: 110px; }
}

/* ------------------------------------------------- хедер і футер теми ----
 *
 * Ці дві частини лежать поза `.at-page`, тож змінні звідти на них не діють —
 * значення тут продубльовані свідомо. Вантажаться вони тільки на наших
 * сторінках (mu-plugin вмикає CSS за маркером `at-page`), а стара головна
 * малює власний хедер і сюди не заглядає.
 */

/* Шапка внутрішніх сторінок повторює шапку головної. Головна стоїть на шаблоні
   `templately_header_footer` і несе власну шапку всередині контенту — звести їх
   в один темплейт-парт означало б переробляти сторінку 34, тож тут відтворені
   її заміри: фон rgb(255,51,51), меню Rubik 18px/500 білим, кнопка біла з
   червоним текстом, uppercase, радіус 5px, паддінг 15px 30px.

   Логотип на головній рендериться 486px завширшки, але там у меню лише чотири
   пункти. Тут їх шість плюс підменю, тому логотип обмежений 300px — інакше
   меню не влазить у контентну колонку. Це єдине навмисне відхилення. */
.at-head { position: relative; z-index: 10; }
.at-head .wp-block-site-logo img { max-width: 300px; height: auto; }
.at-head .wp-block-navigation { font-family: Rubik, Ubuntu, system-ui, sans-serif; }
.at-head .wp-block-navigation a {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  text-decoration: none;
}
.at-head .wp-block-navigation a:hover { color: #111; }
.at-head .wp-block-navigation__submenu-container {
  background: #111;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 10px;
  padding: 6px 0;
  min-width: 250px;
}
.at-head .wp-block-navigation__submenu-container a { padding: 9px 16px; font-size: 16px; }
.at-head .wp-block-navigation__submenu-container a:hover { color: #ff3333; }
.at-head__right { gap: 18px; align-items: center; }
.at-head .wp-block-button__link {
  background: #fff;
  color: #ff3333;
  border: 0;
  border-radius: 5px;
  padding: 15px 30px;
  font-family: Rubik, Ubuntu, system-ui, sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.at-head .wp-block-button__link:hover { background: #111; color: #fff; }

/* На вузькому екрані меню згортається в бургер, логотип лишається сам у рядку
   і 300px із 390 з'їдають майже всю ширину. На головній він там ~200px. */
@media (max-width: 600px) {
  .at-head .wp-block-site-logo img { max-width: 200px; }
  .at-head .wp-block-button__link { padding: 12px 22px; font-size: 15px; }
}

.at-foot { color: #c9c9c9; }
.at-foot__h {
  color: #fff !important;
  font-family: Ubuntu, Rubik, system-ui, sans-serif;
  font-size: 15px !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 16px !important;
}
.at-foot__l { margin: 0 0 9px !important; font-size: 15px !important; }
.at-foot__l a { color: #c9c9c9; text-decoration: none; }
.at-foot__l a:hover { color: #ff3333; }
.at-foot__c {
  margin-top: 38px !important;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  font-size: 14px !important;
  color: #8f8f8f;
  max-width: 760px;
}

@media (prefers-reduced-motion: reduce) {
  .at-page *,
  .at-marquee__t,
  .at-tabs__panel {
    animation: none !important;
    transition: none !important;
  }
  .at-rv { opacity: 1 !important; transform: none !important; }
}