:root {
  --u: min(calc(100vw / 1920), 1px);
  --ik-font-family: "Golos Text", sans-serif;
  --ik-weight-regular: 400;
  --ik-weight-medium: 500;
  --ik-weight-semibold: 600;
  --ik-weight-bold: 700;
  --ik-tracking-display: calc(-3.36 * var(--u));
  --ik-tracking-label: calc(0.39 * var(--u));
  --ik-tracking-heading: calc(-0.28 * var(--u));
  --ik-tracking-mobile-display: -0.035em;
  --ik-font-small-size: calc(14 * var(--u));
  --ik-font-small-line: calc(20 * var(--u));
  --ik-font-display-size: calc(96 * var(--u));
  --ik-font-display-line: calc(96 * var(--u));
  --ik-font-lead-size: calc(21 * var(--u));
  --ik-font-lead-line: calc(32 * var(--u));
  --ik-font-button-size: calc(16 * var(--u));
  --ik-font-button-line: calc(16 * var(--u));
  --ik-font-label-size: calc(13 * var(--u));
  --ik-font-label-line: calc(17 * var(--u));
  --ik-font-hotspot-size: calc(15 * var(--u));
  --ik-font-hotspot-line: calc(15 * var(--u));
  --ik-font-heading-size: calc(28 * var(--u));
  --ik-font-heading-line: calc(34 * var(--u));
  --ik-font-body-size: calc(17 * var(--u));
  --ik-font-body-line: calc(26 * var(--u));
  --ik-color-hero: #efefed;
  --ik-color-accent: #e8c511;
  --ik-color-ink: #111;
  --ik-color-secondary: #5c5c5c;
  --ik-color-white: #fff;
  --ik-color-card-divider: #e4e4e0;
  --ik-color-footer-divider: #deded9;
  --ik-color-transparent: transparent;
  /* Figma 45:479 / 45:480: круги 110 и 76, заливка #E8C511 с прозрачностью 0,15 и 0,35 */
  --ik-pulse-outer: rgba(232, 197, 17, 0.15);
  --ik-pulse-inner: rgba(232, 197, 17, 0.35);
  --ik-shadow-color-header: rgba(0, 0, 0, 0.06);
  --ik-shadow-color-pill: rgba(0, 0, 0, 0.08);
  --ik-shadow-color-card: rgba(0, 0, 0, 0.1);
  --ik-radius-header: calc(4 * var(--u));
  --ik-radius-request: calc(4 * var(--u));
  --ik-radius-promo: calc(20 * var(--u));
  --ik-radius-bubble: calc(20 * var(--u));
  --ik-radius-pill: calc(22 * var(--u));
  --ik-radius-card: calc(24 * var(--u));
  --ik-radius-button: calc(30 * var(--u));
  --ik-radius-facts: calc(36 * var(--u));
  --ik-radius-round: 50%;
  --ik-shadow-header: drop-shadow(0 calc(12 * var(--u)) calc(20 * var(--u)) var(--ik-shadow-color-header));
  --ik-shadow-pill: drop-shadow(0 calc(8 * var(--u)) calc(12 * var(--u)) var(--ik-shadow-color-pill));
  --ik-shadow-card: drop-shadow(0 calc(24 * var(--u)) calc(30 * var(--u)) var(--ik-shadow-color-card));
  --ik-shadow-facts: drop-shadow(0 calc(12 * var(--u)) calc(16 * var(--u)) var(--ik-shadow-color-pill));
}

*, *::before, *::after { box-sizing: border-box; }

html {
  background: var(--ik-color-hero);
  color: var(--ik-color-ink);
  font-family: var(--ik-font-family);
  scroll-behavior: smooth;
}

body {
  min-width: 0;
  margin: 0;
  overflow-x: hidden;
  background: var(--ik-color-hero);
  color: var(--ik-color-ink);
}

a { color: inherit; text-decoration: none; }
a:focus-visible { outline: calc(2 * var(--u)) solid var(--ik-color-ink); outline-offset: calc(3 * var(--u)); }

.topbar {
  position: absolute;
  z-index: 20;
  top: calc(24 * var(--u));
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(1680 * var(--u));
  height: calc(76 * var(--u));
  padding: 0 calc(10 * var(--u)) 0 calc(28 * var(--u));
  border-radius: var(--ik-radius-header);
  background: var(--ik-color-white);
  filter: var(--ik-shadow-header);
  transform: translateX(-50%);
}

.topbar__brand, .topbar__logo { display: block; width: calc(148.8 * var(--u)); height: calc(43.4 * var(--u)); }
.topbar__nav { display: flex; align-items: center; gap: calc(36 * var(--u)); width: calc(809 * var(--u)); }
.topbar__link, .topbar__phone, .topbar__request {
  font-size: var(--ik-font-button-size);
  font-weight: var(--ik-weight-medium);
  line-height: var(--ik-font-button-line);
  white-space: nowrap;
  transition: opacity 160ms ease;
}
.topbar__link:nth-child(1) { width: calc(71 * var(--u)); }
.topbar__link:nth-child(2) { width: calc(93 * var(--u)); }
.topbar__link:nth-child(3) { width: calc(68 * var(--u)); }
.topbar__link:nth-child(4) { width: calc(51 * var(--u)); }
.topbar__link:nth-child(5) { width: calc(116 * var(--u)); }
.topbar__link:nth-child(6) { width: calc(37 * var(--u)); }
.topbar__link:nth-child(7) { width: calc(77 * var(--u)); }
.topbar__link:nth-child(8) { width: calc(44 * var(--u)); }
.topbar__contacts { display: flex; align-items: center; gap: calc(28 * var(--u)); width: calc(361 * var(--u)); }
.topbar__phone { width: calc(145 * var(--u)); }
.topbar__request {
  display: flex; align-items: center; justify-content: center;
  width: calc(188 * var(--u)); height: calc(56 * var(--u));
  border-radius: var(--ik-radius-request); background: var(--ik-color-ink); color: var(--ik-color-white);
}

.topbar__link:hover, .topbar__phone:hover, .topbar__request:hover,
.hero__promo:hover, .hero__button:hover, .zone:hover .zone__dot,
.zone:hover .zone__pill { opacity: 0.92; }

.hero {
  position: relative;
  width: calc(1920 * var(--u));
  max-width: 1920px;
  height: calc(1608 * var(--u));
  margin: 0 auto;
  padding-top: calc(568 * var(--u));
  overflow: clip;
  background: var(--ik-color-hero);
}

.hero__promo, .hero__title, .hero__intro, .hero__facts { position: absolute; z-index: 5; }
.hero__promo {
  top: calc(148 * var(--u)); left: calc(120 * var(--u));
  display: flex; align-items: center; justify-content: center;
  width: calc(288 * var(--u)); height: calc(40 * var(--u));
  border-radius: var(--ik-radius-promo); background: var(--ik-color-accent);
  font-size: var(--ik-font-small-size); font-weight: var(--ik-weight-regular); line-height: var(--ik-font-small-line);
  transition: opacity 160ms ease;
}
.hero__title {
  top: calc(204 * var(--u)); left: calc(120 * var(--u));
  width: calc(1100 * var(--u)); margin: 0;
  font-size: var(--ik-font-display-size); font-weight: var(--ik-weight-bold);
  letter-spacing: var(--ik-tracking-display); line-height: var(--ik-font-display-line);
}
.hero__intro { top: calc(364 * var(--u)); left: calc(1300 * var(--u)); width: calc(500 * var(--u)); }
.hero__lead {
  width: calc(500 * var(--u)); height: calc(128 * var(--u)); margin: 0;
  color: var(--ik-color-secondary); font-size: var(--ik-font-lead-size);
  font-weight: var(--ik-weight-regular); line-height: var(--ik-font-lead-line);
}
.hero__actions { display: flex; gap: calc(12 * var(--u)); width: fit-content; margin-top: calc(36 * var(--u)); }
.hero__button {
  display: flex; align-items: center; justify-content: center;
  height: calc(60 * var(--u)); border-radius: var(--ik-radius-button);
  font-size: var(--ik-font-button-size); font-weight: var(--ik-weight-medium); line-height: var(--ik-font-button-line);
  white-space: nowrap; transition: opacity 160ms ease;
}
.hero__button--primary { width: calc(262 * var(--u)); background: var(--ik-color-ink); color: var(--ik-color-white); }
.hero__button--secondary { width: calc(181 * var(--u)); background: var(--ik-color-white); }

.hero__stage {
  position: relative; z-index: 1;
  width: 100%; aspect-ratio: 16 / 9; overflow: visible; background: var(--ik-color-transparent);
}
.hero__poster, .hero__canvas, .hero__zones { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero__poster { z-index: 1; display: block; object-fit: cover; opacity: 1; transition: opacity 400ms ease; }
.hero__canvas { z-index: 2; display: block; background: var(--ik-color-transparent); opacity: 0; }
.hero__zones { z-index: 3; pointer-events: none; }
.js .hero__stage:not(.is-live):not(.is-fallback) .hero__poster,
.hero__stage.is-live .hero__poster { opacity: 0; }
.hero__stage.is-live .hero__canvas { opacity: 1; }
.hero__stage.is-fallback .hero__poster, .no-js .hero__poster { opacity: 1; }
.hero__stage.is-fallback .hero__canvas, .no-js .hero__canvas { opacity: 0; }

.zone {
  position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%);
  width: 0; height: 0; pointer-events: auto;
}
.zone__pulse, .zone__pulse::after, .zone__dot, .zone__line, .zone__pill, .zone__card { position: absolute; }
/* Figma 45:479/45:480: sizes are verified. Fill opacity is available only in
   the source SVGs; --ik-pulse-outer/inner intentionally await those values. */
.zone__pulse {
  z-index: 1; top: calc(-55 * var(--u)); left: calc(-55 * var(--u));
  width: calc(110 * var(--u)); height: calc(110 * var(--u)); border-radius: var(--ik-radius-round);
  background: var(--ik-pulse-outer, var(--ik-color-transparent)); animation: ik-zone-pulse 2.4s ease-out infinite; pointer-events: none;
}
.zone__pulse::after {
  top: calc(17 * var(--u)); left: calc(17 * var(--u));
  width: calc(76 * var(--u)); height: calc(76 * var(--u)); border-radius: var(--ik-radius-round);
  background: var(--ik-pulse-inner, var(--ik-color-transparent)); content: "";
}
.zone:nth-child(2) .zone__pulse { animation-delay: -0.4s; }
.zone:nth-child(3) .zone__pulse { animation-delay: -0.8s; }
.zone:nth-child(4) .zone__pulse { animation-delay: -1.2s; }
.zone:nth-child(5) .zone__pulse { animation-delay: -1.6s; }
.zone:nth-child(6) .zone__pulse { animation-delay: -2s; }
@keyframes ik-zone-pulse {
  0% { opacity: 0.9; transform: scale(0.72); }
  70%, 100% { opacity: 0; transform: scale(1); }
}

.zone__dot {
  z-index: 4; top: calc(-22 * var(--u)); left: calc(-22 * var(--u));
  display: flex; align-items: center; justify-content: center;
  width: calc(44 * var(--u)); height: calc(44 * var(--u));
  border-radius: var(--ik-radius-pill); background: var(--ik-color-accent); color: var(--ik-color-ink);
  font-size: var(--ik-font-hotspot-size); font-weight: var(--ik-weight-bold); line-height: var(--ik-font-hotspot-line);
  transition: opacity 160ms ease;
}
.zone.is-active .zone__dot { background: var(--ik-color-ink); color: var(--ik-color-accent); }
.zone:focus-visible { outline: 0; }
.zone:focus-visible .zone__dot {
  outline: calc(2 * var(--u)) solid var(--ik-color-ink);
  outline-offset: calc(4 * var(--u));
}
.zone__line {
  z-index: 2; left: calc(-0.75 * var(--u));
  width: calc(1.5 * var(--u)); height: calc(var(--line) * var(--u));
  background: var(--ik-color-ink);
}
.zone--up .zone__line { bottom: calc(22 * var(--u)); }
.zone--down .zone__line { top: calc(22 * var(--u)); }
.zone__pill {
  z-index: 3; left: calc(var(--pill-dx) * var(--u));
  display: flex; align-items: center; gap: calc(10 * var(--u));
  height: calc(44 * var(--u)); padding: 0 calc(20 * var(--u)) 0 calc(18 * var(--u));
  border-radius: var(--ik-radius-pill); background: var(--ik-color-white); filter: var(--ik-shadow-pill);
  white-space: nowrap; transition: opacity 160ms ease, visibility 0s linear;
}
.zone--up .zone__pill { bottom: calc((22 + var(--line)) * var(--u)); }
.zone--down .zone__pill { top: calc((22 + var(--line)) * var(--u)); }
.zone[data-zone="01"] .zone__pill,
.zone[data-zone="06"] .zone__pill { width: calc(202 * var(--u)); }
/* Figma shows only the active card for 02; its inactive pill reuses the component. */
.zone[data-zone="02"] .zone__pill { width: max-content; }
.zone[data-zone="03"] .zone__pill { width: calc(160 * var(--u)); }
.zone[data-zone="04"] .zone__pill { width: calc(197 * var(--u)); }
.zone[data-zone="05"] .zone__pill { width: calc(155 * var(--u)); }
.zone__area, .zone__eyebrow {
  color: var(--ik-color-secondary); font-size: var(--ik-font-label-size); font-weight: var(--ik-weight-medium);
  letter-spacing: var(--ik-tracking-label); line-height: var(--ik-font-label-line); text-transform: uppercase;
}
.zone__product, .zone__more {
  color: var(--ik-color-ink); font-size: var(--ik-font-button-size); font-weight: var(--ik-weight-medium);
  line-height: var(--ik-font-button-line);
}
.zone__card {
  z-index: 3; left: calc(var(--card-dx) * var(--u));
  display: flex; flex-direction: column; width: calc(380 * var(--u));
  padding: calc(28 * var(--u)); border-radius: var(--ik-radius-card);
  background: var(--ik-color-white); filter: var(--ik-shadow-card);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 220ms;
}
.zone--up .zone__card {
  bottom: calc((22 + var(--line)) * var(--u));
  transform: translateY(calc(8 * var(--u)));
}
.zone--down .zone__card {
  top: calc((22 + var(--line)) * var(--u));
  transform: translateY(calc(-8 * var(--u)));
}
.zone.is-active .zone__pill { opacity: 0; visibility: hidden; pointer-events: none; }
.zone.is-active .zone__card {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition-delay: 0s;
}
.zone__title, .zone__value {
  color: var(--ik-color-ink); font-size: var(--ik-font-heading-size); font-weight: var(--ik-weight-semibold);
  letter-spacing: var(--ik-tracking-heading); line-height: var(--ik-font-heading-line);
}
.zone__title { margin-top: calc(14 * var(--u)); }
.zone__description {
  margin-top: calc(4 * var(--u)); color: var(--ik-color-secondary);
  font-size: var(--ik-font-body-size); font-weight: var(--ik-weight-regular); line-height: var(--ik-font-body-line);
}
.zone__facts {
  display: flex; gap: calc(40 * var(--u)); margin-top: calc(20 * var(--u));
  padding-top: calc(18 * var(--u)); border-top: calc(1 * var(--u)) solid var(--ik-color-card-divider);
}
.zone__fact {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--u));
  height: calc(56 * var(--u));
}
.zone__fact:first-child { width: calc(121 * var(--u)); }
.zone__fact:last-child { width: calc(118 * var(--u)); }
.zone__caption {
  color: var(--ik-color-secondary); font-size: var(--ik-font-small-size);
  font-weight: var(--ik-weight-regular); line-height: var(--ik-font-small-line);
}
.zone__more { margin-top: calc(22 * var(--u)); }

.hero__facts {
  top: calc(1448 * var(--u)); left: calc(120 * var(--u));
  display: flex; align-items: center; gap: calc(28 * var(--u));
  width: calc(837 * var(--u)); height: calc(72 * var(--u)); padding: 0 calc(36 * var(--u));
  border-radius: var(--ik-radius-facts); background: var(--ik-color-white); filter: var(--ik-shadow-facts);
}
.hero__fact {
  display: flex; align-items: center; gap: calc(10 * var(--u));
  height: calc(34 * var(--u)); margin: 0; white-space: nowrap;
}
.hero__fact:nth-of-type(1) { width: calc(143 * var(--u)); }
.hero__fact:nth-of-type(2) { width: calc(197 * var(--u)); }
.hero__fact:nth-of-type(3) { width: calc(311 * var(--u)); }
.hero__value {
  color: var(--ik-color-ink); font-size: var(--ik-font-heading-size); font-weight: var(--ik-weight-semibold);
  letter-spacing: var(--ik-tracking-heading); line-height: var(--ik-font-heading-line);
}
.hero__caption {
  color: var(--ik-color-secondary); font-size: var(--ik-font-small-size);
  font-weight: var(--ik-weight-regular); line-height: var(--ik-font-small-line);
}
.hero__divider {
  flex: 0 0 calc(1 * var(--u)); width: calc(1 * var(--u)); height: calc(28 * var(--u));
  background: var(--ik-color-footer-divider);
}

/* Облачко ИИ-оператора над отборщиком — Figma 92:146 «E1/ИИ-оператор · облачко».
   Якорь (--x, --y, проценты слота) — кончик хвостика; его каждый кадр ставит скрипт сцены. */
.ai-bubble {
  position: absolute; z-index: 3;
  left: calc(var(--x, 50) * 1%); top: calc(var(--y, 50) * 1%);
  display: flex; align-items: center; gap: calc(12 * var(--u));
  padding: calc(12 * var(--u)) calc(20 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u));
  border-radius: var(--ik-radius-bubble); background: var(--ik-color-white); filter: var(--ik-shadow-pill);
  white-space: nowrap; pointer-events: none;
  opacity: 0; visibility: hidden;
  transform: translate(calc(-32 * var(--u)), calc(-100% - 3 * var(--u)));
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 220ms;
}
.ai-bubble.is-visible {
  opacity: 1; visibility: visible;
  transform: translate(calc(-32 * var(--u)), calc(-100% - 11 * var(--u)));
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s;
}
.ai-bubble::after {
  position: absolute; top: calc(100% - 1 * var(--u)); left: calc(23 * var(--u));
  width: calc(18 * var(--u)); height: calc(10 * var(--u));
  background: var(--ik-color-white); clip-path: polygon(0 0, 100% 0, 50% 100%); content: "";
}
/* Вариант на выносной линии: облачко поднято на --lift и раскрыто влево — там, где справа от адресата
   стоит открытая карточка зоны. Якорь тот же — точка над головой. */
.ai-bubble--lifted {
  transform: translate(calc(-100% + 32 * var(--u)), calc(-100% - (var(--lift) + 3) * var(--u)));
}
.ai-bubble--lifted.is-visible {
  transform: translate(calc(-100% + 32 * var(--u)), calc(-100% - (var(--lift) + 11) * var(--u)));
}
.ai-bubble--lifted::after { right: calc(23 * var(--u)); left: auto; }
.ai-bubble--lifted::before {
  position: absolute; top: calc(100% + 8 * var(--u)); right: calc(31.25 * var(--u));
  width: calc(1.5 * var(--u)); height: calc((var(--lift) + 3) * var(--u));
  background: var(--ik-color-ink); content: "";
}
.ai-bubble__mark {
  display: flex; flex: none; align-items: center; justify-content: center;
  width: calc(40 * var(--u)); height: calc(40 * var(--u));
  border-radius: var(--ik-radius-round); background: var(--ik-color-ink); color: var(--ik-color-accent);
  font-size: var(--ik-font-hotspot-size); font-weight: var(--ik-weight-bold); line-height: var(--ik-font-hotspot-line);
}
.ai-bubble__check { display: none; width: calc(16.4 * var(--u)); height: calc(13.4 * var(--u)); }
.ai-bubble[data-state="done"] .ai-bubble__mark-text { display: none; }
.ai-bubble[data-state="done"] .ai-bubble__check { display: block; }
.ai-bubble__text { display: flex; flex-direction: column; gap: calc(4 * var(--u)); }
.ai-bubble__label {
  color: var(--ik-color-secondary); font-size: var(--ik-font-label-size); font-weight: var(--ik-weight-medium);
  letter-spacing: var(--ik-tracking-label); line-height: var(--ik-font-label-line); text-transform: uppercase;
}
.ai-bubble__main {
  color: var(--ik-color-ink); font-size: var(--ik-font-button-size); font-weight: var(--ik-weight-medium);
  line-height: var(--ik-font-button-line);
}
.ai-bubble__sub {
  color: var(--ik-color-secondary); font-size: var(--ik-font-small-size); font-weight: var(--ik-weight-regular);
  line-height: var(--ik-font-small-line);
}

@media (max-width: 1279.98px) {
  /* временная раскладка без макета */
  :root {
    --u: 1px;
    --ik-font-contact-mobile-size: clamp(11px, 2.9vw, 14px);
    --ik-font-contact-mobile-line: 1;
    --ik-font-display-size: clamp(42px, 9vw, 72px);
    --ik-font-display-line: 1;
    --ik-font-lead-size: clamp(17px, 3vw, 21px);
    --ik-font-lead-line: 1.5;
    --ik-font-heading-size: 24px;
    --ik-font-heading-line: 30px;
    --ik-font-caption-mobile-size: 13px;
    --ik-font-caption-mobile-line: 18px;
    --ik-radius-facts: 24px;
  }
  .topbar {
    top: 12px; width: calc(100% - 24px); height: 60px;
    padding: 0 8px 0 12px; gap: 6px;
  }
  .topbar__brand, .topbar__logo { width: clamp(92px, 25vw, 120px); height: auto; }
  .topbar__nav { display: none; }
  .topbar__contacts { justify-content: flex-end; gap: clamp(6px, 2vw, 16px); width: auto; }
  .topbar__phone {
    width: auto;
    font-size: var(--ik-font-contact-mobile-size);
    line-height: var(--ik-font-contact-mobile-line);
  }
  .topbar__request {
    width: clamp(86px, 25vw, 132px); height: 44px;
    font-size: var(--ik-font-contact-mobile-size);
    line-height: var(--ik-font-contact-mobile-line);
  }
  .hero {
    display: flex; flex-direction: column; width: 100%; max-width: none;
    height: auto; padding-top: 104px; overflow: hidden;
  }
  .hero__promo, .hero__title, .hero__intro, .hero__facts, .hero__stage {
    position: relative; top: auto; left: auto;
  }
  .hero__promo {
    width: fit-content; max-width: calc(100% - 32px); height: 40px;
    margin: 0 16px; padding: 0 18px;
    font-size: var(--ik-font-small-size); line-height: var(--ik-font-small-line);
  }
  .hero__title {
    width: auto; margin: 20px 16px 0;
    font-size: var(--ik-font-display-size);
    letter-spacing: var(--ik-tracking-mobile-display);
    line-height: var(--ik-font-display-line);
  }
  .hero__intro { width: auto; margin: 28px 16px 0; }
  .hero__lead {
    width: auto; height: auto;
    font-size: var(--ik-font-lead-size); line-height: var(--ik-font-lead-line);
  }
  .hero__actions { flex-wrap: wrap; gap: 12px; margin-top: 24px; }
  .hero__button {
    width: auto; min-width: min(100%, 181px); height: 52px;
    padding: 0 22px;
    font-size: var(--ik-font-button-size); line-height: var(--ik-font-button-line);
  }
  .hero__stage {
    order: 4; width: 100%; margin-top: 40px; aspect-ratio: 16 / 9; overflow: hidden;
  }
  .zone__pulse, .zone__line, .zone__pill, .zone__card { display: none; }
  .ai-bubble { display: none; }
  .zone__dot {
    top: -22px; left: -22px; width: 44px; height: 44px;
    border-radius: var(--ik-radius-pill);
    font-size: var(--ik-font-hotspot-size); line-height: var(--ik-font-hotspot-line);
  }
  .hero__facts {
    order: 5; flex-wrap: wrap; gap: 16px 20px;
    width: calc(100% - 32px); height: auto; margin: 24px 16px 32px;
    padding: 22px 24px; border-radius: var(--ik-radius-facts);
  }
  .hero__fact,
  .hero__fact:nth-of-type(1),
  .hero__fact:nth-of-type(2),
  .hero__fact:nth-of-type(3) { width: auto; height: auto; }
  .hero__divider { display: none; }
  .hero__value { font-size: var(--ik-font-heading-size); line-height: var(--ik-font-heading-line); }
  .hero__caption {
    font-size: var(--ik-font-caption-mobile-size);
    line-height: var(--ik-font-caption-mobile-line);
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}