@charset "UTF-8";
:root {
  --color-ink: #303246;
  --color-muted: #7c80ac;
  --color-brand: #869af5;
  --color-brand-deep: #35345f;
  --color-panel: #dfe5f8;
  --color-surface: #f3f6ff;
  --color-white: #fff;
  --color-shade: #16145f;
  --color-violet: #8072c8;
  --color-link: #596dcc;
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-s: 16px;
  --space-m: 20px;
  --space-l: 28px;
  --space-xl: 40px;
  --radius-s: 10px;
  --radius-m: 20px;
  --radius-l: 24px;
  --radius-xl: 30px;
  --radius-2xl: 60px;
  --radius-pill: 999px;
  --font-display: Bounded, Montserrat, sans-serif;
  --font-size-small: 12px;
  --font-size-body: 14px;
  --font-size-lead: 16px;
  --font-size-h4: 18px;
  --font-size-h3: 20px;
  --font-size-h2: 30px;
  --font-size-h1: 40px;
  --line-tight: 1.15;
  --line-body: 1.2;
  --shadow-card: 0 0 40px #2c347033;
  --gradient-brand-primary: linear-gradient(270.969deg, var(--color-brand) 3.055%, var(--color-brand-deep) 119.1%);
  --gradient-rating-card: linear-gradient(-85.055deg, var(--color-brand) 3.055%, var(--color-brand-deep) 119.1%);
  --gradient-brand-text: linear-gradient(-48.74deg, var(--color-brand) 3.055%, var(--color-brand-deep) 119.1%);
  --gradient-soft-card: linear-gradient(164.74deg, var(--color-panel) 44.38%, var(--color-white) 114.83%);
  --gradient-violet: linear-gradient(95deg, var(--color-violet), var(--color-brand-deep));
  --z-menu: 1000;
  --z-scroll-top: 1200;
  --z-modal: 2000;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

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

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd, ul, ol {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
}

img, picture, svg, video {
  display: block;
  max-width: 100%;
}

button, input, select, textarea {
  font: inherit;
  color: inherit;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

[hidden] {
  display: none !important;
}

@font-face {
  font-family: Montserrat;
  src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url("/fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url("/fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url("/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url("/fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Bounded;
  src: url("/fonts/Bounded-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
body {
  color: var(--color-ink);
  background: var(--color-white);
  font-family: Montserrat, Arial, sans-serif;
  font-size: var(--font-size-body);
  line-height: var(--line-body);
  font-synthesis: none;
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  padding: var(--space-s) var(--space-l);
  border-radius: var(--radius-pill);
  font-weight: 600;
  transition: background-color 0.2s var(--ease-out), color 0.2s var(--ease-out);
}

.btn--primary {
  color: var(--color-white);
  background: var(--gradient-brand-primary);
}

.btn--ghost {
  color: var(--color-brand-deep);
  background: var(--color-panel);
}

.btn--outline {
  color: var(--color-brand);
  background: transparent;
  border: 1px solid var(--color-brand);
}

.btn--solid {
  border-radius: var(--radius-s);
  color: var(--color-white);
  background: var(--color-brand);
}
.btn--solid:hover {
  background: color-mix(in srgb, var(--color-brand) 90%, var(--color-brand-deep));
}

.btn--s {
  padding: var(--space-2xs) var(--space-m);
}

.btn--l {
  padding: var(--space-m) var(--space-xl);
}

.btn:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.field {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
}

.field__label {
  font-size: var(--font-size-small);
  color: var(--color-muted);
}

.field__control {
  padding: var(--space-xs) var(--space-m);
  border: 0;
  border-radius: var(--radius-s);
  background: var(--color-panel);
  color: var(--color-ink);
}

.field__control:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.field--invalid .field__control {
  outline: 2px solid var(--color-brand-deep);
  outline-offset: 2px;
}

.qub2b-form-honeypot {
  position: absolute;
  clip-path: inset(50%);
  pointer-events: none;
}

.qub2b-form-status {
  font-size: var(--font-size-body);
  text-align: center;
}

.qub2b-form-status.is-success {
  color: #2f7d50;
}

.qub2b-form-status.is-error {
  color: #b42318;
}

.consent {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2xs);
  color: var(--color-muted);
  font-size: var(--font-size-small);
  cursor: pointer;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .consent {
    font-size: var(--font-size-body);
  }
}

.checkbox {
  flex: none;
  width: var(--space-m);
  aspect-ratio: 1;
  margin: 0;
  padding: var(--space-3xs);
  border: 1px solid currentColor;
  border-radius: 2px;
  background: var(--color-white) content-box;
  cursor: pointer;
  appearance: none;
}
.checkbox:checked {
  background-color: var(--color-brand);
}
.checkbox:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.checkbox--on-dark {
  background-color: transparent;
}
.checkbox--on-dark:focus-visible {
  outline-color: currentColor;
}

.checkbox--violet:checked {
  border-color: var(--color-brand-deep);
  background: var(--gradient-violet) content-box;
}

.icon-tile {
  --icon-tile-size: calc(var(--space-xl) - 2px);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--icon-tile-size);
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: var(--radius-s);
  background: var(--color-brand);
}

.icon-tile--l {
  --icon-tile-size: calc(var(--space-xl) + var(--space-2xs));
}

.icon-tile--panel {
  background: var(--color-panel);
}

.icon-tile--toggle {
  cursor: pointer;
  transition: background-color 0.22s var(--ease-out);
}
.is-open .icon-tile--toggle {
  background: var(--color-ink);
}
.icon-tile--toggle:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.search {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-m) var(--space-l) var(--space-m) calc(var(--space-xl) + var(--space-3xs));
  border: 1px solid var(--color-panel);
  border-radius: var(--radius-pill);
  background: var(--color-white);
}
@media (max-width: 620px) {
  .search {
    padding: var(--space-s) var(--space-m);
  }
}
.search:focus-within {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.search__input {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: var(--color-ink);
  background: transparent;
  font: 500 var(--font-size-lead)/var(--line-body) Montserrat, sans-serif;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .search__input {
    font-size: var(--font-size-body);
  }
}
.search__input::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.search__icon {
  flex: none;
  pointer-events: none;
}

.more-button {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  color: var(--color-brand);
  font-size: var(--font-size-h4);
  font-weight: 600;
}
.more-button[hidden] {
  display: none;
}
@media (max-width: 620px) {
  .more-button {
    font-size: var(--font-size-body);
  }
}

.more-button__icon {
  transition: rotate 0.3s var(--ease-out);
}
.is-expanded .more-button__icon {
  rotate: 180deg;
}

.more-panel {
  opacity: 0;
  visibility: hidden;
  translate: 0 calc(-1 * var(--space-xs));
  transition: max-height 0.45s var(--ease-out), opacity 0.3s var(--ease-out), translate 0.35s var(--ease-out), visibility 0s linear 0.35s;
}
.is-expanded .more-panel {
  opacity: 1;
  visibility: visible;
  translate: none;
  transition-delay: 0s;
}
.more-panel[hidden] {
  display: none;
}

.card {
  padding: var(--space-l);
  border-radius: var(--radius-xl);
  background: var(--color-white);
  box-shadow: var(--shadow-card);
}

.card__title {
  font-size: var(--font-size-h4);
  color: var(--color-ink);
}

.card__body {
  margin-top: var(--space-2xs);
  color: var(--color-muted);
}

.section-title {
  font-family: var(--font-display);
  font-size: var(--font-size-h1);
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .section-title {
    font-size: clamp(var(--font-size-h2), 4.5vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .section-title {
    font-size: var(--font-size-lead);
  }
}

.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xs) var(--space-m);
  border: 1px solid var(--color-panel);
  border-radius: var(--radius-pill);
  color: var(--color-muted);
  font-weight: 500;
  letter-spacing: -0.022em;
}

.accordion__item {
  border-bottom: 1px solid var(--color-panel);
}

.accordion__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: var(--space-s);
  padding: var(--space-m) 0;
  text-align: left;
  font-weight: 600;
}

.accordion__head[data-state=open] {
  color: var(--color-brand-deep);
}

.accordion__head:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.accordion__icon {
  flex: none;
  transition: rotate 0.3s var(--ease-out);
}

.accordion__head[data-state=open] > .accordion__icon {
  rotate: 45deg;
}

.accordion__body {
  padding: 0 0 var(--space-m);
  color: var(--color-muted);
}

.modal {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
}

.modal__layer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--space-l);
  background: color-mix(in srgb, var(--color-brand-deep) 55%, transparent);
}

.modal__box {
  position: relative;
  width: 100%;
  max-width: 30rem;
  padding: var(--space-xl);
  border-radius: var(--radius-xl);
  background: var(--color-white);
  box-shadow: var(--shadow-card);
}

.modal__close {
  position: absolute;
  top: var(--space-m);
  right: var(--space-m);
  padding: var(--space-3xs);
  border-radius: var(--radius-pill);
  color: var(--color-muted);
}

.modal__close:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.skip-link {
  position: absolute;
  top: var(--space-2xs);
  left: var(--space-2xs);
  z-index: var(--z-modal);
  padding: var(--space-2xs) var(--space-s);
  border-radius: var(--radius-s);
  background: var(--color-white);
  color: var(--color-ink);
  font-weight: 700;
  transform: scale(0);
}
.skip-link:focus {
  transform: none;
}

.page__header {
  padding-top: var(--space-m);
}
@media (max-width: 620px) {
  .page__header {
    padding-top: var(--space-xs);
  }
}

.page__main {
  margin-bottom: calc(2 * var(--space-xl) + var(--space-l));
}
@media (max-width: 620px) {
  .page__main {
    margin-bottom: calc(var(--space-xl) + var(--space-m));
  }
}
.page__main:focus {
  outline: none;
}

@media (min-width: 621px) {
  .special-page-legal.page__main {
    margin-bottom: calc(2 * var(--space-xl) + var(--space-m));
  }
}

.shell {
  width: 100%;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding-inline: var(--shell-gutter);
}

.shell-box {
  width: min(100% - 2 * var(--shell-gutter), var(--shell-max) - 2 * var(--shell-gutter));
  margin-inline: auto;
}

:root {
  --shell-max: 1280px;
  --shell-gutter: var(--space-xl);
}

@media (max-width: 620px) {
  :root {
    --shell-gutter: var(--space-s);
  }
}
.header {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: var(--space-m);
  width: 100%;
  padding: var(--space-2xs) var(--space-m);
  border-radius: var(--radius-m);
  background: linear-gradient(91deg, var(--color-white) -13%, var(--color-panel) 46%);
  font-size: var(--font-size-body);
}
@media (max-width: 620px) {
  .header {
    justify-content: space-between;
    padding: var(--space-3xs) var(--space-2xs);
    border-radius: var(--radius-s);
    background: linear-gradient(90deg, var(--color-white) -13%, var(--color-panel) 54%);
  }
}

.header__brand {
  flex: none;
}
@media (max-width: 620px) {
  .header__brand {
    order: 2;
  }
}

@media (max-width: 620px) {
  .header__logo {
    width: auto;
    height: var(--space-xl);
  }
}

.header__call {
  display: none;
}
@media (max-width: 620px) {
  .header__call {
    order: 3;
    display: flex;
    padding: var(--space-2xs);
    border-radius: var(--radius-s);
    background: var(--gradient-brand-primary);
  }
}

.header__call-icon {
  filter: brightness(0) invert(1);
}

.header__nav {
  display: flex;
  flex: none;
  gap: var(--space-l);
  margin-left: var(--space-l);
  font-weight: 500;
  white-space: nowrap;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .header__nav {
    display: none;
  }
}
@media (max-width: 620px) {
  .header__nav {
    display: none;
  }
}

.header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-m);
  margin-left: auto;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .header__actions {
    display: none;
  }
}

.header__city,
.header__phone {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.header__city {
  min-width: 0;
  padding: 0;
  max-width: 9em;
}

.header__city-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header__icon,
.header__city-arrow {
  flex: none;
}

.header__city-arrow {
  transition: transform 0.16s var(--ease-out);
}

.header__city:hover .header__city-arrow,
.header__city[aria-expanded=true] .header__city-arrow {
  transform: rotate(180deg);
}

.header__phone {
  font-weight: 600;
}

.header__office {
  border-radius: var(--radius-s);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .header__office {
    display: none;
  }
}

.header__burger {
  flex: none;
  display: flex;
  padding: 0;
}
@media (max-width: 620px) {
  .header__burger {
    order: 1;
  }
}

@media (max-width: 620px) {
  .header__burger-icon {
    width: var(--space-l);
    height: auto;
  }
}

.footer {
  padding-bottom: var(--space-xl);
  color: var(--color-ink);
}

.footer__main,
.footer__bottom {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.35fr 1.45fr;
  column-gap: var(--space-xl);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .footer__main,
  .footer__bottom {
    grid-template-columns: 1fr 1fr;
    row-gap: var(--space-xl);
  }
}
@media (max-width: 620px) {
  .footer__main,
  .footer__bottom {
    display: none;
  }
}

.footer__bottom {
  margin-top: var(--space-xl);
  padding-top: var(--space-xl);
  border-top: 1px dashed var(--color-panel);
}

.footer__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-l);
}

.footer__company {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  color: var(--color-muted);
  font-size: var(--font-size-lead);
  font-weight: 500;
}
@media (max-width: 620px) {
  .footer__company {
    gap: var(--space-xs);
    font-size: var(--font-size-small);
  }
}

.footer__socials {
  display: flex;
  gap: var(--space-m);
}

.footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2xs);
  border-radius: var(--radius-pill);
  background: var(--color-brand);
}

.footer__social--telegram {
  padding: 0;
  background: none;
}
.footer__social--telegram .footer__social-icon {
  width: calc(var(--space-l) + 2 * var(--space-2xs));
}

.footer__social--vk {
  background: #2b6dc6;
}

.footer__social-icon {
  width: var(--space-l);
  aspect-ratio: 1;
  object-fit: contain;
}

.footer__phones {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}
@media (max-width: 620px) {
  .footer__phones {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.footer__phone {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  font-size: var(--font-size-lead);
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .footer__phone {
    font-size: var(--font-size-body);
  }
}

.footer__column {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.footer__bottom .footer__column {
  gap: var(--space-m);
}

.footer__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}

.footer__group-title {
  font-size: var(--font-size-lead);
  font-weight: 700;
}

.footer__link {
  color: var(--color-muted);
  font-weight: 500;
}
@media (max-width: 620px) {
  .footer__link {
    font-size: var(--font-size-small);
  }
}

.footer__apps {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .footer__apps {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
}

.footer__apps-title {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .footer__apps-title {
    font-size: var(--font-size-body);
  }
}

.footer__apps-list {
  display: flex;
  align-items: center;
  gap: var(--space-m);
}

.footer__app-image {
  object-fit: contain;
}

.footer__mobile {
  display: none;
}
@media (max-width: 620px) {
  .footer__mobile {
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
  }
}

.footer__sections {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.footer__section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-s);
}

.footer__section-title {
  font-weight: 700;
}

.footer__section-toggle {
  display: flex;
  flex: none;
  justify-content: flex-end;
  padding: var(--space-xs) 0 var(--space-xs) var(--space-s);
}

.footer__chevron {
  transition: transform 0.2s var(--ease-out);
}

.footer__section-toggle[aria-expanded=true] .footer__chevron {
  transform: rotate(180deg);
}

.footer__section-links {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: var(--space-2xs) 0 0 var(--space-xs);
}

.footer__row {
  padding-top: var(--space-m);
  border-top: 2px dashed var(--color-panel);
}

.footer__ids {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-2xs);
}

.scroll-top {
  --scroll-top-size: 52px;
  --scroll-top-inset: 24px;
  --scroll-top-radius: 14px;
  --scroll-top-shadow: 0 14px 34px color-mix(in srgb, var(--color-brand-deep) 24%, transparent);
  position: fixed;
  right: var(--scroll-top-inset);
  bottom: var(--scroll-top-inset);
  z-index: var(--z-scroll-top);
  display: grid;
  place-items: center;
  width: var(--scroll-top-size);
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: var(--scroll-top-radius);
  background: linear-gradient(157.969deg, var(--color-brand) 3.055%, var(--color-brand-deep) 119.1%);
  box-shadow: var(--scroll-top-shadow);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(var(--space-s));
  transition: opacity 0.24s ease, transform 0.24s ease, visibility 0s linear 0.24s;
}
@media (max-width: 620px) {
  .scroll-top {
    --scroll-top-size: 46px;
    --scroll-top-inset: var(--space-s);
    --scroll-top-radius: 12px;
  }
}

.scroll-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: opacity 0.24s ease, transform 0.24s ease, visibility 0s linear 0s;
}

.scroll-top:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.scroll-top__arrow {
  width: var(--space-s);
  aspect-ratio: 1;
  border-top: 2px solid var(--color-white);
  border-left: 2px solid var(--color-white);
  transform: translateY(15%) rotate(45deg);
}

.breadcrumbs {
  color: var(--color-muted);
  font-size: var(--font-size-body);
}
@media (max-width: 620px) {
  .breadcrumbs {
    font-size: var(--font-size-small);
  }
}

.breadcrumbs__item {
  display: inline;
}

.breadcrumbs__link {
  transition: color 0.2s ease;
}

.breadcrumbs__link:hover,
.breadcrumbs__link:focus-visible {
  color: var(--color-ink);
}

.answer-cta {
  --answer-cta-person-width: 691px;
  --answer-cta-arrow-width: 102px;
  position: relative;
  overflow: hidden;
  padding: calc(var(--space-xl) + var(--space-m)) calc(var(--space-xl) + var(--space-l)) var(--space-xl);
  border-radius: var(--radius-xl);
  color: var(--color-white);
  background: linear-gradient(115deg, var(--color-brand-deep) 12%, var(--color-brand) 96%);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .answer-cta {
    --answer-cta-person-width: 58%;
  }
}
@media (max-width: 620px) {
  .answer-cta {
    --answer-cta-person-width: 376px;
    --answer-cta-arrow-width: 74px;
    display: flex;
    flex-direction: column;
    padding: var(--space-xl) var(--space-m) 0;
  }
}

.answer-cta__copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .answer-cta__copy {
    align-items: stretch;
    text-align: center;
  }
}

.answer-cta__title {
  font-family: var(--font-display);
  font-size: var(--font-size-h1);
  font-weight: 800;
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .answer-cta__title {
    font-size: var(--font-size-h3);
  }
}

.answer-cta__text {
  max-width: 33em;
  font-size: var(--font-size-h4);
  letter-spacing: -0.022em;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .answer-cta__text {
    max-width: 60%;
  }
}
@media (max-width: 620px) {
  .answer-cta__text {
    font-size: var(--font-size-body);
  }
}

.answer-cta__action {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-s) calc(3 * var(--space-xl));
  margin-top: var(--space-2xs);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .answer-cta__action {
    column-gap: var(--space-m);
  }
}

.answer-cta__button {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .answer-cta__button {
    flex: 1 0 100%;
    font-size: var(--font-size-body);
  }
}

.answer-cta__arrow {
  width: var(--answer-cta-arrow-width);
  height: auto;
  transform: rotate(-143.92deg);
}
@media (max-width: 620px) {
  .answer-cta__arrow {
    margin-left: var(--space-m);
    transform: rotate(-89deg);
  }
}

.answer-cta__person {
  position: absolute;
  top: var(--space-xs);
  right: calc(-2 * var(--space-xl));
  width: var(--answer-cta-person-width);
  max-width: none;
  height: auto;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .answer-cta__person {
    top: auto;
    bottom: 0;
  }
}
@media (max-width: 620px) {
  .answer-cta__person {
    position: static;
    align-self: flex-end;
    margin: calc(-2 * var(--space-xl)) calc(-1 * var(--space-s)) 0 0;
  }
}

.plan-card {
  display: flex;
  flex-direction: column;
  padding: var(--space-l) var(--space-m);
  border-radius: var(--radius-xl);
  color: var(--color-ink);
  text-align: center;
  background: var(--gradient-soft-card);
  box-shadow: var(--shadow-card);
}
@media (max-width: 620px) {
  .plan-card {
    padding: var(--space-m);
    border-radius: var(--radius-l);
  }
}

.plan-card--featured {
  color: var(--color-white);
  background: linear-gradient(237deg, var(--color-brand) 24%, var(--color-brand-deep) 99%);
}

.plan-card--result {
  padding: var(--space-l);
  border: 1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);
  color: var(--color-ink);
  background: var(--gradient-soft-card);
}
@media (max-width: 620px) {
  .plan-card--result {
    padding: var(--space-xs) var(--space-2xs);
    border-radius: var(--radius-m);
  }
}

.plan-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
}

.plan-card__icon {
  padding: var(--space-2xs);
  border-radius: var(--radius-s);
  background: var(--color-brand);
}

.plan-card--featured .plan-card__icon {
  background: var(--color-white);
}

.plan-card__icon-image {
  width: calc(var(--space-s) + var(--space-2xs));
  height: auto;
}
@media (max-width: 620px) {
  .plan-card__icon-image {
    width: var(--space-m);
  }
}

.plan-card__kicker {
  padding: var(--space-2xs) var(--space-s);
  border: 1px solid color-mix(in srgb, var(--color-muted) 24%, transparent);
  border-radius: var(--radius-pill);
  color: var(--color-muted);
  background: color-mix(in srgb, var(--color-white) 70%, transparent);
  font-size: var(--font-size-body);
  font-weight: 500;
}
@media (max-width: 620px) {
  .plan-card__kicker {
    padding: var(--space-2xs) var(--space-xs);
    font-size: var(--font-size-small);
  }
}

.plan-card__title {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-height: calc(2em * var(--line-body));
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .plan-card__title {
    font-size: var(--font-size-lead);
  }
}

.plan-card--result .plan-card__title {
  font-size: var(--font-size-h3);
}
@media (max-width: 620px) {
  .plan-card--result .plan-card__title {
    font-size: var(--font-size-body);
  }
}

@media (max-width: 620px) {
  .plan-card__title-desktop {
    display: none;
  }
}

.plan-card__title-mobile {
  display: none;
}
@media (max-width: 620px) {
  .plan-card__title-mobile {
    display: inline;
  }
}

.plan-card__features {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--space-3xs);
  padding-left: var(--space-m);
  color: var(--color-muted);
  font-size: var(--font-size-body);
  letter-spacing: -0.022em;
  text-align: left;
  list-style: disc;
}
@media (max-width: 620px) {
  .plan-card__features {
    font-size: var(--font-size-small);
  }
}

.plan-card__text {
  align-self: stretch;
  color: var(--color-muted);
  font-size: var(--font-size-body);
  letter-spacing: -0.022em;
  text-align: left;
}
@media (max-width: 620px) {
  .plan-card__text {
    font-size: var(--font-size-small);
  }
}

.plan-card--featured .plan-card__text {
  color: inherit;
  white-space: pre-line;
}

.plan-card--result .plan-card__text {
  color: var(--color-muted);
  text-align: center;
}

.plan-card__text-mobile {
  display: none;
}

@media (max-width: 620px) {
  .plan-card__text--mobile-copy .plan-card__text-desktop {
    display: none;
  }
  .plan-card__text--mobile-copy .plan-card__text-mobile {
    display: inline;
  }
}
.plan-card__footer {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--space-xs);
  margin-top: auto;
}
@media (max-width: 620px) {
  .plan-card__footer {
    gap: var(--space-2xs);
  }
}

.plan-card__price {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-xs);
  font-family: var(--font-display);
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .plan-card__price {
    gap: var(--space-2xs);
  }
}

.plan-card__price-prefix,
.plan-card__price-unit {
  font-size: var(--font-size-body);
  font-weight: 300;
}
@media (max-width: 620px) {
  .plan-card__price-prefix,
  .plan-card__price-unit {
    font-size: var(--font-size-small);
  }
}

.plan-card__price-value {
  font-size: var(--font-size-h2);
  font-weight: 700;
}
@media (max-width: 620px) {
  .plan-card__price-value {
    font-size: var(--font-size-h3);
  }
}

.plan-card__price-unit {
  align-self: flex-end;
  font-style: normal;
  text-align: left;
}

.plan-card__prices {
  padding: var(--space-xs) var(--space-2xs);
  border: 1px solid color-mix(in srgb, var(--color-brand) 22%, transparent);
  border-radius: var(--radius-m);
  background: color-mix(in srgb, var(--color-white) 68%, transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--color-white) 75%, transparent);
}
@media (max-width: 620px) {
  .plan-card__prices {
    padding: var(--space-2xs) var(--space-3xs);
    border-radius: var(--radius-s);
  }
}

.plan-card__amount-label {
  margin-bottom: var(--space-2xs);
  color: var(--color-muted);
  font-size: var(--font-size-small);
  font-weight: 500;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .plan-card__amount-label {
    font-size: var(--font-size-body);
  }
}
@media (max-width: 620px) {
  .plan-card__amount-label {
    margin-bottom: var(--space-3xs);
  }
}

.plan-card__amount {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  column-gap: var(--space-3xs);
}

.plan-card__amount-prefix,
.plan-card__amount-unit {
  color: var(--color-muted);
  font-size: var(--font-size-small);
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .plan-card__amount-prefix,
  .plan-card__amount-unit {
    font-size: var(--font-size-body);
  }
}

.plan-card__amount-value {
  font-family: var(--font-display);
  font-size: var(--font-size-h3);
  font-weight: 700;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .plan-card__amount-value {
    font-size: var(--font-size-h4);
  }
}

.is-long .plan-card__amount-value {
  font-size: var(--font-size-h4);
}

.is-extra-long .plan-card__amount-value {
  font-size: var(--font-size-lead);
}

.plan-card__button {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .plan-card__button {
    font-size: var(--font-size-body);
  }
}

@media (max-width: 620px) {
  .plan-card--result .plan-card__button {
    padding-inline: var(--space-2xs);
    font-size: var(--font-size-small);
  }
}

.plan-card__summary {
  display: none;
}

@media (min-width: 621px) {
  .is-calculator-sticky .plan-card__kicker,
  .is-calculator-sticky .plan-card__text,
  .is-calculator-sticky .plan-card__button {
    display: none;
  }
  .is-calculator-sticky .plan-card__title {
    min-height: 0;
    font-size: var(--font-size-lead);
  }
}
@media (max-width: 620px) {
  .is-calculator-sticky .plan-card__content {
    display: none;
  }
  .is-calculator-sticky .plan-card__summary {
    display: grid;
    flex: 1;
    grid-template-rows: 1fr auto;
    align-items: center;
    gap: var(--space-3xs);
  }
}
.plan-card__summary-title {
  font-size: var(--font-size-small);
  font-weight: 700;
}

.plan-card__summary-prices {
  padding: var(--space-3xs);
  border-radius: var(--radius-s);
  background: color-mix(in srgb, var(--color-white) 90%, transparent);
}

@keyframes city-modal-fade-in {
  from {
    opacity: 0;
  }
}
@keyframes city-modal-card-in {
  from {
    opacity: 0;
    transform: translateY(var(--space-xs)) scale(0.985);
  }
}
@keyframes city-modal-sheet-in {
  from {
    opacity: 0;
    transform: translateY(var(--space-l));
  }
}
.city-modal {
  --city-modal-width: 920px;
  --city-modal-blur: 10px;
  --city-modal-gap: var(--space-xs);
  --city-modal-mark: calc(var(--space-xl) + var(--space-s));
  --city-modal-close: calc(var(--space-xl) + var(--space-3xs));
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-modal) + 1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-l);
  background: color-mix(in srgb, var(--color-brand-deep) 55%, transparent);
  backdrop-filter: blur(var(--city-modal-blur));
  animation: city-modal-fade-in 0.18s ease-out both;
}
@media (max-width: 620px) {
  .city-modal {
    --city-modal-gap: var(--space-2xs);
    --city-modal-mark: calc(var(--space-xl) + var(--space-3xs));
    --city-modal-close: var(--space-xl);
    align-items: flex-end;
    padding: 0;
  }
}

.city-modal__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--city-modal-width);
  max-height: calc(100dvh - 2 * var(--space-l));
  overflow: hidden;
  padding: var(--space-xl);
  border: 1px solid color-mix(in srgb, var(--color-brand) 25%, transparent);
  border-radius: var(--radius-xl);
  color: var(--color-ink);
  background: radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--color-brand) 20%, transparent), transparent 34%), var(--color-white);
  box-shadow: var(--shadow-card);
  animation: city-modal-card-in 0.24s var(--ease-out) both;
}
@media (max-width: 620px) {
  .city-modal__card {
    max-width: none;
    max-height: calc(100dvh - 2 * var(--space-xl));
    padding: var(--space-l) var(--space-s) max(var(--space-m), env(safe-area-inset-bottom));
    border-width: 1px 0 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    animation-name: city-modal-sheet-in;
  }
}

.city-modal__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--space-m);
  align-items: start;
}
@media (max-width: 620px) {
  .city-modal__header {
    gap: var(--space-xs);
  }
}

.city-modal__mark {
  display: grid;
  place-items: center;
  width: var(--city-modal-mark);
  aspect-ratio: 1;
  border-radius: var(--radius-m);
  color: var(--color-white);
  background: linear-gradient(140deg, var(--color-brand-deep), var(--color-brand));
  box-shadow: var(--shadow-card);
}
@media (max-width: 620px) {
  .city-modal__mark {
    border-radius: var(--radius-s);
  }
}

.city-modal__mark-icon {
  width: var(--space-l);
}
@media (max-width: 620px) {
  .city-modal__mark-icon {
    width: var(--space-m);
  }
}

.city-modal__title {
  font-family: var(--font-display);
  font-size: var(--font-size-h1);
  font-weight: 800;
  line-height: var(--line-tight);
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .city-modal__title {
    font-size: var(--font-size-h3);
  }
}

.city-modal__lead {
  margin-top: var(--space-2xs);
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 500;
}
@media (max-width: 620px) {
  .city-modal__lead {
    font-size: var(--font-size-small);
  }
}

.city-modal__close {
  display: grid;
  place-items: center;
  width: var(--city-modal-close);
  aspect-ratio: 1;
  border-radius: var(--radius-s);
  color: var(--color-ink);
  background: var(--color-panel);
  transition: color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;
}

.city-modal__close:hover {
  color: var(--color-white);
  background: var(--color-brand-deep);
  transform: rotate(4deg);
}

.city-modal__icon {
  width: var(--space-m);
}

.city-modal__search {
  position: relative;
  flex: none;
  margin-top: var(--space-l);
}
@media (max-width: 620px) {
  .city-modal__search {
    margin-top: var(--space-m);
  }
}

.city-modal__search-label {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.city-modal__search-icon {
  position: absolute;
  top: 50%;
  left: var(--space-m);
  color: var(--color-muted);
  pointer-events: none;
  transform: translateY(-50%);
}
@media (max-width: 620px) {
  .city-modal__search-icon {
    left: var(--space-s);
  }
}

.city-modal__search-input {
  width: 100%;
  padding: var(--space-m) calc(var(--space-xl) + var(--space-s));
  border: 1px solid var(--color-panel);
  border-radius: var(--radius-m);
  outline: 0;
  background: var(--color-surface);
  font-size: var(--font-size-lead);
  font-weight: 500;
  appearance: none;
  transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}
@media (max-width: 620px) {
  .city-modal__search-input {
    padding: var(--space-s) calc(var(--space-xl) + var(--space-xs));
    font-size: var(--font-size-body);
  }
}

.city-modal__search-input::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.city-modal__search-input:focus {
  border-color: var(--color-brand);
  background: var(--color-white);
  box-shadow: 0 0 0 var(--space-3xs) color-mix(in srgb, var(--color-brand) 15%, transparent);
}

.city-modal__results {
  flex: 1;
  min-height: 0;
  margin-top: var(--space-m);
  padding-right: var(--space-3xs);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: color-mix(in srgb, var(--color-brand) 50%, var(--color-white)) transparent;
  scrollbar-width: thin;
}

.city-modal__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(12rem, (100% - 2 * var(--city-modal-gap)) / 3), 1fr));
  gap: var(--city-modal-gap);
}

.city-modal__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  min-width: 0;
  padding: var(--space-s);
  border: 1px solid transparent;
  border-radius: var(--radius-m);
  text-align: left;
  background: var(--color-surface);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
@media (max-width: 620px) {
  .city-modal__option {
    padding: var(--space-xs) var(--space-s);
  }
}

.city-modal__option:hover {
  border-color: color-mix(in srgb, var(--color-brand) 60%, var(--color-white));
  box-shadow: var(--shadow-card);
  transform: translateY(-2px);
}

.city-modal__option:focus-visible,
.city-modal__close:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.city-modal__option.is-current {
  color: var(--color-white);
  background: linear-gradient(135deg, var(--color-brand-deep), var(--color-brand));
  box-shadow: var(--shadow-card);
}

.city-modal__option-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  min-width: 0;
}

.city-modal__name {
  font-size: var(--font-size-body);
  font-weight: 650;
}

.city-modal__region {
  color: var(--color-muted);
  font-size: var(--font-size-small);
  font-weight: 500;
}

.is-current .city-modal__region {
  color: color-mix(in srgb, var(--color-white) 75%, transparent);
}

.city-modal__check {
  display: grid;
  flex: none;
  place-items: center;
  width: var(--space-l);
  aspect-ratio: 1;
  border-radius: var(--radius-pill);
  color: transparent;
  background: color-mix(in srgb, var(--color-brand) 14%, transparent);
}

.is-current .city-modal__check {
  color: var(--color-brand-deep);
  background: var(--color-white);
}

.city-modal__check-icon {
  width: var(--space-s);
}

.city-modal__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
  padding: calc(2 * var(--space-xl)) 0;
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 500;
  text-align: center;
}

.city-modal__empty-icon {
  width: var(--space-l);
  color: var(--color-brand);
}

@media (prefers-reduced-motion: reduce) {
  .city-modal,
  .city-modal__card {
    animation: none;
  }
  .city-modal__option,
  .city-modal__close {
    transition: none;
  }
}
.modals {
  --modals-width: 708px;
  --modals-width-narrow: 489px;
  --modals-width-mobile: 320px;
}

.modals__layer {
  overflow-y: auto;
}
@media (max-width: 620px) {
  .modals__layer {
    padding: var(--space-s);
  }
}

.modals__box {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  max-width: var(--modals-width);
  max-height: calc(100dvh - 2 * var(--space-l));
  overflow-y: auto;
  padding: calc(var(--space-xl) + var(--space-2xs));
}
@media (max-width: 620px) {
  .modals__box {
    gap: var(--space-l);
    max-width: var(--modals-width-mobile);
    max-height: calc(100dvh - 2 * var(--space-s));
    padding: var(--space-m) var(--space-m) var(--space-l);
    border-radius: var(--radius-m);
  }
}

.modals__box--narrow {
  align-items: center;
  text-align: center;
}
@media (min-width: 621px) {
  .modals__box--narrow {
    max-width: var(--modals-width-narrow);
  }
}

@media (max-width: 620px) {
  .modals__close {
    top: var(--space-2xs);
    right: var(--space-2xs);
  }
}

.modals__close-icon {
  width: var(--space-l);
}

.modals__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}

.modals__title {
  padding-right: var(--space-l);
  font-family: var(--font-display);
  font-size: var(--font-size-h2);
  font-weight: 800;
  line-height: var(--line-tight);
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .modals__title {
    font-size: var(--font-size-lead);
  }
}

.modals__text {
  color: var(--color-muted);
  font-size: var(--font-size-h4);
  font-weight: 500;
  line-height: var(--line-tight);
}
@media (max-width: 620px) {
  .modals__text {
    font-size: var(--font-size-body);
  }
}

.modals__more {
  color: var(--color-brand);
  font-size: var(--font-size-h4);
  font-weight: 700;
  line-height: var(--line-tight);
  text-decoration: underline;
  text-underline-position: from-font;
}
@media (max-width: 620px) {
  .modals__more {
    font-size: var(--font-size-body);
  }
}

.modals__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .modals__form {
    gap: var(--space-s);
  }
}

.modals__fields {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .modals__fields {
    gap: var(--space-s);
  }
}

.modals__input {
  padding: var(--space-m);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .modals__input {
    padding: var(--space-s) var(--space-m);
    font-size: var(--font-size-body);
  }
}

.modals__input::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.modals__submit,
.modals__action {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .modals__submit,
  .modals__action {
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

@media (max-width: 620px) {
  .modals__submit {
    order: 4;
  }
}

.modals__channel-title {
  font-size: var(--font-size-lead);
  font-weight: 600;
  line-height: var(--line-tight);
}
@media (max-width: 620px) {
  .modals__channel-title {
    order: 2;
    font-size: var(--font-size-body);
  }
}

.modals__channels {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .modals__channels {
    order: 3;
    gap: var(--space-xs);
  }
}

@media (max-width: 620px) {
  .modals__consent {
    order: 5;
  }
}

.modals__check {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  cursor: pointer;
}

.modals__check--consent {
  gap: var(--space-xs);
}
@media (max-width: 620px) {
  .modals__check--consent {
    align-items: flex-start;
  }
}

.modals__check-box {
  flex: none;
  width: var(--space-m);
  aspect-ratio: 1;
  margin: 0;
  border: 1px solid var(--color-muted);
  border-radius: 2px;
  background: var(--color-white);
  cursor: pointer;
  appearance: none;
}

.modals__check-box:checked {
  background: var(--color-brand);
  box-shadow: inset 0 0 0 var(--space-3xs) var(--color-white);
}

.modals__check-box:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.modals__check-label {
  font-size: var(--font-size-h4);
  line-height: 1;
}
@media (max-width: 620px) {
  .modals__check-label {
    font-size: var(--font-size-body);
  }
}

.modals__consent-text {
  color: var(--color-muted);
  font-size: var(--font-size-small);
}

.modals__link {
  color: var(--color-ink);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.modals__stores {
  display: flex;
  gap: var(--space-l);
  justify-content: center;
}

.modals__store-icon {
  width: auto;
  height: calc(var(--space-xl) + var(--space-m));
}

.modals__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .modals__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

.modals__action {
  padding-inline: 0;
  text-align: center;
}

.site-menu {
  --site-menu-column: 285px;
  --site-menu-gap: calc(var(--space-xl) + var(--space-m));
  --site-menu-rule: 2px dashed var(--color-panel);
  position: fixed;
  inset: 0;
  z-index: var(--z-menu);
}

.site-menu__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--color-brand-deep) 55%, transparent);
}
@media (max-width: 620px) {
  .site-menu__backdrop {
    display: none;
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__backdrop {
    display: none;
  }
}

.site-menu__drawer {
  position: relative;
  width: max-content;
  max-width: 100%;
  height: 100dvh;
  overflow: hidden auto;
  padding: var(--space-xs) var(--space-xl) var(--space-xl);
  background: var(--color-white);
}
@media (max-width: 620px) {
  .site-menu__drawer {
    width: 100%;
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__drawer {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .site-menu__drawer {
    padding: var(--space-2xs) var(--space-m) var(--space-xl);
  }
}

.site-menu__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
}

@media (max-width: 620px) {
  .site-menu__logo-image {
    width: auto;
    height: calc(var(--space-xl) + var(--space-m));
  }
}

.site-menu__body {
  display: grid;
  grid-template-columns: var(--site-menu-column) auto;
  column-gap: var(--site-menu-gap);
  margin-top: var(--space-m);
}
@media (max-width: 620px) {
  .site-menu__body {
    display: block;
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__body {
    display: block;
  }
}

.site-menu__primary {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__primary {
    gap: var(--space-xs);
  }
}

@media (max-width: 620px) {
  .is-second-level .site-menu__primary {
    display: none;
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .is-second-level .site-menu__primary {
    display: none;
  }
}

.site-menu__sections {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-xs) var(--space-l);
  }
}

.site-menu__section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__section {
    gap: var(--space-xs);
  }
}

.site-menu__section.is-active {
  color: var(--color-brand);
}
@media (max-width: 620px) {
  .site-menu__section.is-active {
    color: inherit;
  }
}

.site-menu__section-title {
  max-width: 15em;
  padding: 0;
  font-size: var(--font-size-lead);
  font-weight: 700;
  text-align: left;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__section-title {
    max-width: none;
    font-size: var(--font-size-body);
    line-height: var(--line-tight);
  }
}

.site-menu__toggle {
  flex: none;
  padding: 0;
}

.site-menu__chevron {
  transform: rotate(-90deg);
}

.site-menu__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-m);
  padding-top: var(--space-m);
  border-top: var(--site-menu-rule);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__contacts {
    gap: var(--space-xs);
    padding-top: var(--space-xs);
  }
}

@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__phones {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.site-menu__phone,
.site-menu__city {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  font-weight: 600;
  white-space: nowrap;
}

.site-menu__city {
  padding: 0;
}
@media (max-width: 620px) {
  .site-menu__city {
    font-size: var(--font-size-lead);
  }
}

.site-menu__city-name {
  transition: color 0.2s var(--ease-out);
}

.site-menu__city:hover .site-menu__city-name {
  color: var(--color-brand);
}

.site-menu__address {
  color: var(--color-muted);
  font-weight: 500;
}

.site-menu__office {
  display: none;
}
@media (max-width: 620px) {
  .site-menu__office {
    display: flex;
    width: 100%;
    font-size: var(--font-size-lead);
  }
}
@media (min-width: 621px) and (max-width: 1024px) {
  .site-menu__office {
    display: flex;
    width: 100%;
    font-size: var(--font-size-lead);
  }
}

.site-menu__apps {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__apps {
    justify-content: flex-start;
    gap: var(--space-l);
  }
}

.site-menu__apps-title {
  font-weight: 700;
}

.site-menu__apps-list {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.site-menu__app-icon {
  width: calc(var(--space-xl) + var(--space-3xs));
  height: calc(var(--space-xl) + var(--space-3xs));
  object-fit: contain;
}

.site-menu__secondary {
  width: calc(var(--site-menu-column) + var(--site-menu-gap));
  padding-left: var(--site-menu-gap);
  border-left: var(--site-menu-rule);
}
@media (max-width: 620px) {
  .site-menu__secondary {
    display: none;
    width: auto;
    padding-left: 0;
    border-left: 0;
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__secondary {
    display: none;
    width: auto;
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 620px) {
  .is-second-level .site-menu__secondary {
    display: block;
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .is-second-level .site-menu__secondary {
    display: block;
  }
}

.site-menu__back {
  display: none;
}
@media (max-width: 620px) {
  .site-menu__back {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    width: 100%;
    padding: 0;
    font-size: var(--font-size-lead);
    font-weight: 700;
    text-align: left;
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__back {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    width: 100%;
    padding: 0;
    font-size: var(--font-size-lead);
    font-weight: 700;
    text-align: left;
  }
}

.site-menu__back .site-menu__chevron {
  transform: rotate(90deg);
}

.site-menu__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .site-menu__links {
    margin-top: var(--space-m);
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__links {
    margin-top: var(--space-m);
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .site-menu__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-s) var(--space-l);
  }
}

.site-menu__link {
  color: var(--color-muted);
  font-weight: 500;
}
@media (max-width: 620px) {
  .site-menu__link {
    font-size: var(--font-size-lead);
  }
}

@media (max-width: 620px) {
  .special-page > .landing-slot:not(:first-child) {
    margin-top: calc(var(--space-xl) + var(--space-m));
  }
}

.special-page-legal > .landing-slot:not(:first-child) {
  margin-top: var(--space-xl);
}
@media (max-width: 620px) {
  .special-page-legal > .landing-slot:not(:first-child) {
    margin-top: calc(var(--space-l) + var(--space-3xs));
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-connect:not(:first-child) {
    margin-top: calc(3 * var(--space-xl) + var(--space-xs));
  }
}

@media (min-width: 621px) {
  .special-page > :is(.landing-slot-benefits, .landing-slot-expertise):not(:first-child) {
    margin-top: calc(3 * var(--space-xl) + var(--space-s));
  }
}

@media (min-width: 621px) {
  .special-page > :is(.landing-slot-seller-one, .landing-slot-team):not(:first-child) {
    margin-top: calc(2 * var(--space-xl) + var(--space-m));
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-tour:not(:first-child) {
    margin-top: calc(var(--space-xl) + var(--space-l));
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-team + .landing-slot-expertise {
    margin-top: calc(var(--space-xl) - var(--space-3xs));
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-seller-one {
    padding-bottom: calc(var(--space-xl) + var(--space-2xs));
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-expertise {
    padding-bottom: calc(2 * var(--space-xl) + var(--space-m));
  }
}

.special-page > .special-slot-about-information {
  padding-block: calc(2 * var(--space-xl) + var(--space-2xs));
}
@media (max-width: 620px) {
  .special-page > .special-slot-about-information {
    padding-block: calc(var(--space-l) + var(--space-2xs) - 2px);
  }
}

@media (max-width: 620px) {
  .special-page > .special-slot-about-information:not(:first-child) {
    margin-top: 0;
  }
}

.special-page-specialisty > .special-slot-special-hero + .landing-slot,
.special-page-stoimost > .special-slot-special-hero + .landing-slot,
.special-page-kalkulyator > .special-slot-special-hero + .landing-slot,
.special-page-legal > .special-slot-special-hero + .landing-slot,
.special-page-knowledge > .special-slot-special-hero + .landing-slot {
  margin-top: 0;
}

@media (max-width: 620px) {
  .special-page-contact > .special-slot-contact-panel:not(:first-child) {
    margin-top: 0;
  }
}

@media (max-width: 620px) {
  .special-page-blog > .special-slot-blog-grid:not(:first-child) {
    margin-top: 0;
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-consultation:not(:first-child) {
    margin-top: calc(2 * var(--space-xl) + var(--space-l));
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-plans:not(:first-child) {
    margin-top: calc(3 * var(--space-xl));
  }
}

@media (min-width: 621px) {
  .special-page > :is(.special-slot-lead-promo, .landing-slot-lead) {
    padding-bottom: calc(3 * var(--space-xl) + var(--space-l));
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-work:not(:first-child) {
    margin-top: calc(var(--space-xl) + var(--space-l));
  }
}

@media (min-width: 621px) {
  .special-page > .landing-slot-work {
    padding-bottom: calc(3 * var(--space-xl) + var(--space-m));
  }
}

@media (min-width: 621px) {
  .special-page-about > :is(.landing-slot-work, .landing-slot-tour, .landing-slot-team, .landing-slot-expertise, .landing-slot-consultation):not(:first-child) {
    margin-top: 0;
  }
}

@media (min-width: 621px) {
  .special-page-about > .landing-slot-tour {
    padding-bottom: calc(3 * var(--space-xl) + var(--space-s));
  }
}

@media (min-width: 621px) {
  .special-page-about > .landing-slot-consultation {
    padding-bottom: calc(2 * var(--space-xl) + var(--space-m));
  }
}

@media (min-width: 621px) {
  .special-page-stoimost > .landing-slot:not(:first-child):not(.special-slot-special-hero + .landing-slot) {
    margin-top: calc(2 * var(--space-xl) + var(--space-m));
  }
}

.calculator-sticky-scope > .landing-slot-plans {
  margin-top: calc(var(--space-xl) + var(--space-2xs));
}
@media (min-width: 621px) {
  .calculator-sticky-scope > .landing-slot-plans {
    margin-top: calc(3 * var(--space-xl));
  }
}

.calculator-sticky-scope > .special-slot-tariff-calculator {
  margin-top: calc(var(--space-xl) + var(--space-3xs));
}
@media (min-width: 621px) {
  .calculator-sticky-scope > .special-slot-tariff-calculator {
    margin-top: calc(var(--space-xl) + var(--space-m) + var(--space-3xs));
  }
}

@media (min-width: 621px) {
  .special-page-kalkulyator > .landing-slot-connect:not(:first-child) {
    margin-top: calc(2 * var(--space-xl) + var(--space-m));
  }
}

@media (min-width: 621px) and (max-width: 1279px) {
  .special-page > .landing-slot {
    padding-block: 0;
  }
}

@media (min-width: 621px) and (max-width: 1279px) {
  .special-page > .landing-slot:not(:first-child):not(.special-slot-special-hero + *) {
    margin-top: calc(2 * var(--space-xl) + var(--space-m));
  }
}

@media (max-width: 620px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > :is(.landing-slot, .financial-picture):not(:first-child) {
    margin-top: calc(var(--space-xl) + var(--space-m));
  }
}

@media (max-width: 620px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > :is(.financial-picture, .landing-slot-clients):not(:first-child) {
    margin-top: var(--space-xl);
  }
}

@media (min-width: 621px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-unified {
    margin-top: calc(var(--space-l) + var(--space-3xs));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .financial-picture {
    margin-top: calc(3 * var(--space-xl) + var(--space-m));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > :is(.landing-slot-clients, .landing-slot-benefits, .landing-slot-process, .landing-slot-expertise) {
    margin-top: calc(3 * var(--space-xl) + var(--space-s));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-tour {
    margin-top: calc(2 * var(--space-xl) + var(--space-2xs));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-plans {
    margin-top: calc(3 * var(--space-xl));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > :is(.landing-slot-seller-one, .landing-slot-flexible, .landing-slot-team, .landing-slot-faq) {
    margin-top: calc(2 * var(--space-xl) + var(--space-m));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-work {
    margin-top: calc(3 * var(--space-xl) - 2px);
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-connect {
    margin-top: calc(3 * var(--space-xl) + var(--space-m));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-extra-one {
    margin-top: 0;
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-included {
    margin-top: calc(2 * var(--space-xl) + var(--space-s));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-team + .landing-slot-expertise {
    margin-top: var(--space-xl);
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-consultation {
    margin-top: calc(5 * var(--space-xl) + var(--space-xs));
  }
}
@media (max-width: 620px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-services:not(:first-child) {
    margin-top: calc(2 * var(--space-xl) + var(--space-3xs));
  }
}

@media (max-width: 620px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-services + .landing-slot-unified {
    margin-top: calc(2 * var(--space-xl) + var(--space-3xs));
  }
}

@media (max-width: 620px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .home-hero + .financial-picture {
    margin-top: calc(var(--space-xl) + var(--space-m));
  }
}

@media (max-width: 620px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-unified + .landing-slot-clients {
    margin-top: calc(var(--space-xl) + var(--space-m));
  }
}

@media (min-width: 621px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .home-hero + .financial-picture {
    margin-top: calc(2 * var(--space-xl) + var(--space-m) + var(--space-3xs));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .financial-picture + .landing-slot-services {
    margin-top: calc(3 * var(--space-xl) + var(--space-s));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-services + .landing-slot-unified {
    margin-top: calc(2 * var(--space-xl) - var(--space-2xs));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-unified + .landing-slot-clients {
    margin-top: calc(4 * var(--space-xl) + var(--space-3xs));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-work + .landing-slot-included {
    margin-top: calc(2 * var(--space-xl) + var(--space-l));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-lead {
    margin-top: calc(2 * var(--space-xl) - var(--space-2xs));
  }
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > .landing-slot-lead + .landing-slot-extra-one {
    margin-top: calc(6 * var(--space-xl));
  }
}
@media (min-width: 621px) {
  .page__main--marketplaces > .service-detail-hero + .landing-slot-unified {
    margin-top: calc(var(--space-xl) + var(--space-l));
  }
  .page__main--marketplaces > .market-slot-outsource {
    margin-top: calc(2 * var(--space-xl) + var(--space-2xs));
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  :is(.page__main--services, .page__main--home, .page__main--marketplaces) > :is(.landing-slot, .financial-picture):not(:first-child) {
    margin-top: calc(2 * var(--space-xl) + var(--space-m));
  }
}

.special-hero {
  --special-hero-title-size: 76px;
  --special-hero-header-gap: var(--space-xl);
  --special-hero-crumbs-gap: var(--space-l);
  display: flex;
  flex-direction: column;
  padding-top: var(--special-hero-header-gap);
  padding-bottom: var(--space-xl);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .special-hero {
    --special-hero-title-size: clamp(42px, 5.2vw, 76px);
  }
}
@media (max-width: 620px) {
  .special-hero {
    --special-hero-header-gap: var(--space-m);
    --special-hero-crumbs-gap: var(--space-s);
    padding-bottom: var(--space-m);
  }
}

.special-hero__breadcrumbs {
  margin-bottom: var(--special-hero-crumbs-gap);
}

.special-hero__eyebrow {
  margin-bottom: var(--space-xs);
  color: var(--color-brand);
  font-weight: 700;
  text-transform: uppercase;
}

.special-hero__title {
  max-width: 14em;
  font-size: var(--special-hero-title-size);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .special-hero__title {
    max-width: none;
    font-size: var(--font-size-h2);
  }
}

.special-hero__text {
  max-width: 39em;
  margin-top: var(--space-m);
  font-size: var(--font-size-h3);
}
@media (max-width: 620px) {
  .special-hero__text {
    margin-top: var(--space-s);
    font-size: var(--font-size-lead);
  }
}

.special-page-blog .special-hero,
.special-page-contact .special-hero,
.special-page-knowledge .special-hero,
.special-page-specialisty .special-hero,
.special-page-stoimost .special-hero,
.special-page-kalkulyator .special-hero,
.special-page-legal .special-hero {
  padding-bottom: 0;
}

@media (min-width: 621px) {
  .special-page-blog .special-hero,
  .special-page-contact .special-hero {
    --special-hero-header-gap: 0;
  }
}

.special-page-blog .special-hero__breadcrumbs,
.special-page-contact .special-hero__breadcrumbs {
  display: none;
}

@media (max-width: 620px) {
  .special-page-knowledge .special-hero,
  .special-page-specialisty .special-hero,
  .special-page-stoimost .special-hero,
  .special-page-kalkulyator .special-hero,
  .special-page-legal .special-hero {
    --special-hero-crumbs-gap: var(--space-l);
  }
}

.special-page-stoimost .special-hero__title,
.special-page-kalkulyator .special-hero__title,
.special-page-legal .special-hero__title {
  display: none;
}

.sitemap-directory {
  --sitemap-directory-title-size: 58px;
  padding-top: calc(2 * var(--space-xl));
  padding-bottom: calc(2 * var(--space-xl) + var(--space-m));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .sitemap-directory {
    --sitemap-directory-title-size: clamp(34px, 4vw, 58px);
  }
}
@media (max-width: 620px) {
  .sitemap-directory {
    padding-top: var(--space-xl);
    padding-bottom: calc(var(--space-xl) + var(--space-xs));
  }
}

.sitemap-directory__title {
  margin-bottom: calc(var(--space-xl) + var(--space-2xs));
  font-size: var(--sitemap-directory-title-size);
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .sitemap-directory__title {
    margin-bottom: var(--space-l);
    font-size: var(--font-size-h2);
  }
}

.sitemap-directory__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(18rem, (100% - 2 * var(--space-l)) / 3), 1fr));
  gap: var(--space-l);
}
@media (max-width: 620px) {
  .sitemap-directory__grid {
    grid-template-columns: 1fr;
  }
}

.sitemap-directory__section {
  padding: var(--space-l);
  border-radius: var(--radius-l);
  background: var(--color-surface);
}

.sitemap-directory__section-title {
  margin-bottom: var(--space-s);
  font-size: var(--font-size-h3);
  font-weight: 700;
}

.sitemap-directory__list {
  display: grid;
  gap: var(--space-2xs);
  padding-left: var(--space-s);
  font-size: var(--font-size-lead);
  list-style: disc;
}

.sitemap-directory__link {
  color: var(--color-muted);
}

.legal-content {
  --legal-content-overlap: 264px;
}
@media (max-width: 620px) {
  .legal-content {
    --legal-content-overlap: 142px;
  }
}

.legal-content__banner {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--space-xl) + var(--space-2xs));
  padding-bottom: calc(var(--space-xl) + var(--legal-content-overlap));
  border-radius: var(--radius-2xl);
  background: linear-gradient(135deg, var(--color-panel), var(--color-white));
}
@media (max-width: 620px) {
  .legal-content__banner {
    padding-top: calc(var(--space-l) + var(--space-3xs));
    padding-bottom: calc(var(--space-l) + var(--legal-content-overlap));
    border-radius: var(--radius-xl);
  }
}

.legal-content__title {
  position: relative;
  z-index: 2;
  width: min(19em, 100% - 2 * var(--space-xl));
  margin-inline: auto;
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .legal-content__title {
    width: calc(100% - 2 * var(--space-m));
    font-size: clamp(var(--font-size-h3), 4.5vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .legal-content__title {
    width: min(15em, 100% - 2 * var(--space-l));
    line-height: var(--line-tight);
  }
}

@media (max-width: 620px) {
  .legal-content__title--long {
    width: min(20em, 100% - 2 * var(--space-m));
    font-size: var(--font-size-body);
  }
}

.legal-content__art {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}

.legal-content__art-image {
  width: 100%;
  height: auto;
}

.legal-content__art--left {
  top: calc(-1 * var(--space-3xs));
  left: -0.9%;
  width: 26.2%;
}
@media (max-width: 620px) {
  .legal-content__art--left {
    top: var(--space-l);
    left: 3%;
    width: 19.1%;
  }
}

.legal-content__art--shield {
  top: var(--space-xs);
  left: 72.4%;
  width: 27.7%;
}
@media (max-width: 620px) {
  .legal-content__art--shield {
    top: calc(-1 * var(--space-2xs));
    left: 74.3%;
    width: 41.8%;
  }
}

.legal-content__art--pen {
  top: calc(2 * var(--space-xl) + var(--space-2xs));
  left: 74.9%;
  width: 25.2%;
}
@media (max-width: 620px) {
  .legal-content__art--pen {
    top: 0;
    left: 74.3%;
    width: 58.2%;
  }
}

.legal-content__body {
  position: relative;
  z-index: 2;
  margin: calc(-1 * var(--legal-content-overlap)) calc(2 * var(--space-xl) + var(--space-s)) 0;
  min-height: calc(var(--legal-content-overlap) + var(--space-xl));
  padding: calc(var(--space-xl) + var(--space-xs)) calc(2 * var(--space-xl)) calc(var(--space-xl) + var(--space-m));
  border-radius: var(--radius-xl);
  background: var(--color-white);
  box-shadow: var(--shadow-card);
  font-size: var(--font-size-lead);
  font-weight: 500;
  letter-spacing: -0.022em;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .legal-content__body {
    margin-inline: var(--space-l);
    padding: var(--space-xl) var(--space-l);
  }
}
@media (max-width: 620px) {
  .legal-content__body {
    margin-inline: var(--space-s);
    padding: var(--space-l) var(--space-m);
    font-size: var(--font-size-small);
  }
}
.legal-content__body > * + * {
  margin-top: var(--space-s);
}
@media (max-width: 620px) {
  .legal-content__body > * + * {
    margin-top: var(--space-xs);
  }
}
.legal-content__body :is(h2, h3) {
  margin-top: var(--space-l);
  font-size: var(--font-size-h4);
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 620px) {
  .legal-content__body :is(h2, h3) {
    margin-top: var(--space-s);
    font-size: var(--font-size-body);
  }
}
.legal-content__body > :first-child {
  margin-top: 0;
}
.legal-content__body :is(h2, h3) + * {
  margin-top: var(--space-xs);
}
.legal-content__body :is(ul, ol) {
  padding-left: 1.2em;
  list-style: revert;
}
.legal-content__body :is(ul, ol) :is(ul, ol) {
  margin-top: var(--space-xs);
}
.legal-content__body li + li {
  margin-top: var(--space-2xs);
}
.legal-content__body a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.contact-panel {
  --contact-panel-icon: var(--space-xl);
  --contact-panel-social: calc(var(--space-xl) + var(--space-2xs));
  overflow: hidden;
}
@media (max-width: 620px) {
  .contact-panel {
    --contact-panel-icon: var(--space-l);
    --contact-panel-social: var(--space-l);
  }
}

.contact-panel__stage {
  display: grid;
  grid-template-columns: minmax(0, 49fr) minmax(0, 51fr);
  row-gap: calc(var(--space-xl) + var(--space-2xs));
  padding-block: calc(2 * var(--space-xl) + var(--space-2xs));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .contact-panel__stage {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 620px) {
  .contact-panel__stage {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-m);
    padding-block: calc(var(--space-xl) + var(--space-s));
  }
}

@media (max-width: 620px) {
  .contact-panel__title {
    text-align: center;
  }
}

.contact-panel__intro {
  max-width: 26.5em;
  margin-top: var(--space-s);
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .contact-panel__intro {
    max-width: 21.5em;
    margin-inline: auto;
    margin-top: var(--space-m);
    font-size: var(--font-size-body);
    text-align: center;
  }
}

.contact-panel__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-m);
  margin-top: calc(var(--space-xl) + var(--space-xs));
}
@media (max-width: 620px) {
  .contact-panel__cards {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-l);
  }
}

.contact-panel__card {
  display: grid;
  grid-template-columns: var(--contact-panel-icon) minmax(0, 1fr);
  grid-template-rows: var(--contact-panel-icon) auto;
  grid-template-areas: "icon label" "value value";
  align-items: center;
  column-gap: var(--space-xs);
  row-gap: var(--space-xs);
  padding: var(--space-l);
  border-radius: var(--radius-xl);
  background: linear-gradient(141deg, var(--color-panel) 10%, var(--color-surface) 67%);
}
@media (max-width: 620px) {
  .contact-panel__card {
    grid-template-rows: auto;
    grid-template-areas: "icon value";
    padding: var(--space-s);
    border-radius: var(--radius-m);
    background: linear-gradient(166deg, var(--color-panel) 10%, var(--color-surface) 67%);
  }
}

.contact-panel__card--socials {
  grid-template-areas: "label label" "value value";
}
@media (max-width: 620px) {
  .contact-panel__card--socials {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "label value";
  }
}

.contact-panel__icon {
  grid-area: icon;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: var(--radius-s);
  background: var(--color-brand);
}

.contact-panel__label {
  grid-area: label;
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 500;
}
@media (max-width: 620px) {
  .contact-panel__label {
    display: none;
  }
}

@media (max-width: 620px) {
  .contact-panel__card--socials .contact-panel__label {
    display: block;
    color: var(--color-ink);
    font-weight: 600;
  }
}

.contact-panel__value {
  grid-area: value;
  font-size: var(--font-size-h3);
  font-weight: 600;
  letter-spacing: -0.022em;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .contact-panel__value {
    font-size: var(--font-size-lead);
  }
}
@media (max-width: 620px) {
  .contact-panel__value {
    font-size: var(--font-size-body);
  }
}

.contact-panel__phones {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
@media (max-width: 620px) {
  .contact-panel__phones {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.contact-panel__address {
  max-width: 13em;
  font-size: var(--font-size-lead);
  white-space: pre-line;
}
@media (max-width: 620px) {
  .contact-panel__address {
    max-width: none;
    font-size: var(--font-size-body);
  }
}

.contact-panel__socials {
  display: flex;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .contact-panel__socials {
    gap: var(--space-xs);
  }
}

.contact-panel__social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--contact-panel-social);
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--radius-pill);
}

.contact-panel__social--vk {
  background: #2b6dc6;
}

.contact-panel__social-icon {
  width: 100%;
  height: auto;
}

.contact-panel__social--vk .contact-panel__social-icon {
  width: 63%;
}

.contact-panel__manager {
  position: relative;
  display: grid;
  grid-template-columns: 19fr 41fr 14fr 26fr;
  align-items: start;
}
.contact-panel__manager::before {
  content: "";
  position: absolute;
  top: 70%;
  left: 60%;
  width: 78%;
  aspect-ratio: 472/601;
  border-radius: 62% 38% 55% 45%/43% 39% 61% 57%;
  background: radial-gradient(ellipse at 72% 17%, color-mix(in srgb, var(--color-white) 94%, transparent), color-mix(in srgb, var(--color-surface) 76%, transparent) 30%, color-mix(in srgb, var(--color-brand) 42%, transparent) 57%, color-mix(in srgb, var(--color-brand) 20%, transparent) 73%, transparent 88%), linear-gradient(145deg, color-mix(in srgb, var(--color-brand) 42%, transparent), color-mix(in srgb, var(--color-white) 64%, transparent));
  filter: blur(var(--space-m));
  transform: translate(-50%, -50%) rotate(-109deg) scale(0.94);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .contact-panel__manager {
    width: 100%;
    max-width: 30rem;
    margin-inline: auto;
  }
}
@media (max-width: 620px) {
  .contact-panel__manager {
    grid-template-columns: 19fr 36fr 25fr 20fr;
  }
  .contact-panel__manager::before {
    top: 66%;
    left: 63%;
    width: 87%;
    filter: blur(var(--space-s));
  }
}

.contact-panel__photo {
  position: relative;
  grid-row: 1;
  grid-column: 2/4;
  width: 100%;
  height: auto;
  aspect-ratio: 333/518;
  border-radius: var(--radius-pill);
  object-fit: cover;
  object-position: 39% 0;
}
@media (max-width: 620px) {
  .contact-panel__photo {
    aspect-ratio: 206/212;
    object-position: 45% 0;
  }
}

.contact-panel__person {
  position: relative;
  grid-row: 1;
  grid-column: 3/5;
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  margin-top: var(--space-xs);
  padding: calc(var(--space-l) + var(--space-3xs));
  border-radius: var(--radius-m);
  background: color-mix(in srgb, var(--color-panel) 60%, transparent);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(var(--space-s));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .contact-panel__person {
    padding: var(--space-m);
  }
}
@media (max-width: 620px) {
  .contact-panel__person {
    gap: var(--space-3xs);
    margin-top: var(--space-m);
    padding: var(--space-s);
    border-radius: var(--radius-s);
  }
}

.contact-panel__name {
  font-size: var(--font-size-h3);
  font-weight: 700;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .contact-panel__name {
    font-size: var(--font-size-lead);
  }
}
@media (max-width: 620px) {
  .contact-panel__name {
    font-size: var(--font-size-body);
  }
}

.contact-panel__role {
  font-size: var(--font-size-lead);
  font-weight: 500;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .contact-panel__role {
    font-size: var(--font-size-body);
  }
}
@media (max-width: 620px) {
  .contact-panel__role {
    font-size: var(--font-size-small);
  }
}

.contact-panel__form {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  padding: var(--space-l);
  border-radius: var(--radius-xl);
  color: var(--color-white);
  background: linear-gradient(61deg, var(--color-brand) 12%, var(--color-brand-deep) 95%);
}
@media (max-width: 620px) {
  .contact-panel__form {
    gap: var(--space-s);
    border-radius: var(--radius-l);
    background: linear-gradient(94deg, var(--color-brand) 3%, var(--color-brand-deep) 125%);
  }
}

.contact-panel__form-title {
  font-size: var(--font-size-h4);
  font-weight: 700;
}
@media (max-width: 620px) {
  .contact-panel__form-title {
    font-size: var(--font-size-body);
  }
}

.contact-panel__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-m);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .contact-panel__fields {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  }
}
@media (max-width: 620px) {
  .contact-panel__fields {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-s);
  }
}

.contact-panel__input {
  min-width: 0;
  padding: var(--space-m);
  background: var(--color-white);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .contact-panel__input {
    padding: var(--space-s) var(--space-m);
    background: var(--color-panel);
    font-size: var(--font-size-body);
  }
}

.contact-panel__submit {
  padding: var(--space-m);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .contact-panel__submit {
    padding: var(--space-s) var(--space-m);
    font-size: var(--font-size-body);
  }
}

.contact-panel__consent {
  align-items: center;
  gap: var(--space-xs);
  color: inherit;
}

.contact-panel__consent-text {
  min-width: 0;
}
.contact-panel__consent-text a {
  text-decoration: underline;
}

.video-library {
  padding-top: calc(2 * var(--space-xl));
  padding-bottom: calc(2 * var(--space-xl) + var(--space-m));
}
@media (max-width: 620px) {
  .video-library {
    padding-top: var(--space-s);
    padding-bottom: calc(var(--space-xl) + var(--space-s));
  }
}

.video-library__title {
  margin-bottom: calc(var(--space-xl) + var(--space-2xs));
  text-align: center;
}
@media (max-width: 620px) {
  .video-library__title {
    max-width: 16em;
    margin-inline: auto;
    margin-bottom: calc(var(--space-m) + var(--space-3xs));
    font-size: var(--font-size-h4);
  }
}

.video-library__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(26rem, (100% - var(--space-m)) / 2), 1fr));
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .video-library__grid {
    grid-template-columns: 1fr;
  }
}

.video-library__card {
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
  overflow: hidden;
  aspect-ratio: 16/9;
  border-radius: var(--radius-xl);
  color: var(--color-white);
  background: var(--color-ink);
}
@media (max-width: 620px) {
  .video-library__card {
    border-radius: var(--radius-l);
  }
}
.video-library__card::after {
  content: "";
  z-index: 1;
  grid-area: 1/1;
  background: linear-gradient(229deg, color-mix(in srgb, var(--color-brand) 70%, transparent) 27.16%, color-mix(in srgb, var(--color-shade) 70%, transparent) 55.921%);
}

.video-library__cover {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 10%;
}

.video-library__play {
  z-index: 2;
  grid-area: 1/1;
  place-self: center;
  width: 15.2%;
  height: auto;
  padding: 2.54%;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-white) 30%, transparent);
}

.video-library__name {
  z-index: 2;
  grid-area: 1/1;
  align-self: end;
  max-width: 11em;
  margin: 0 var(--space-xl) calc(var(--space-l) + var(--space-3xs));
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .video-library__name {
    margin: 0 var(--space-m) var(--space-s);
    font-size: var(--font-size-body);
  }
}

.knowledge-hub {
  --knowledge-hub-image-width: 41%;
  --knowledge-hub-image-ratio: 159 / 183;
  padding-block: calc(2 * var(--space-xl));
}
@media (max-width: 620px) {
  .knowledge-hub {
    --knowledge-hub-image-width: 32%;
    --knowledge-hub-image-ratio: 103 / 95;
    padding-top: var(--space-s);
    padding-bottom: calc(var(--space-xl) + var(--space-2xs));
  }
}

.knowledge-hub__title {
  max-width: 19em;
  margin: 0 auto calc(var(--space-xl) + var(--space-2xs));
  text-align: center;
}
@media (max-width: 620px) {
  .knowledge-hub__title {
    margin-bottom: var(--space-l);
    font-size: var(--font-size-h4);
  }
}

.knowledge-hub__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(18rem, (100% - 2 * var(--space-m)) / 3), 1fr));
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .knowledge-hub__grid {
    grid-template-columns: 1fr;
  }
}

.knowledge-hub__card {
  display: grid;
  grid-template-columns: var(--knowledge-hub-image-width) minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr;
  column-gap: var(--space-m);
  height: 100%;
  padding: var(--space-xs);
  border-radius: var(--radius-xl);
  color: var(--color-ink);
  background: linear-gradient(145deg, var(--color-panel) 10%, var(--color-surface) 67%);
}
@media (max-width: 620px) {
  .knowledge-hub__card {
    padding: var(--space-2xs);
    border-radius: var(--radius-m);
  }
}

.knowledge-hub__image {
  grid-row: 1/-1;
  width: 100%;
  height: auto;
  aspect-ratio: var(--knowledge-hub-image-ratio);
  border-radius: var(--radius-m);
  background: var(--color-white);
  object-fit: contain;
}
@media (max-width: 620px) {
  .knowledge-hub__image {
    border-radius: var(--radius-s);
  }
}

.knowledge-hub__arrow {
  grid-row: 1;
  grid-column: 3;
  width: var(--space-l);
  height: var(--space-l);
  margin: var(--space-2xs) var(--space-xs) 0 0;
}
@media (max-width: 620px) {
  .knowledge-hub__arrow {
    width: var(--space-m);
    height: var(--space-m);
    margin: var(--space-3xs) var(--space-2xs) 0 0;
  }
}

.knowledge-hub__name {
  grid-row: 2;
  grid-column: 2/-1;
  align-self: end;
  max-width: 10em;
  margin-bottom: var(--space-xs);
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .knowledge-hub__name {
    max-width: 12.5em;
    margin-bottom: var(--space-2xs);
    font-size: var(--font-size-body);
  }
}

.team {
  padding-bottom: calc(2 * var(--space-xl) + var(--space-m));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .team {
    padding-bottom: 0;
  }
}
@media (max-width: 620px) {
  .team {
    padding-bottom: 0;
  }
}

.team__title {
  max-width: 28em;
  margin: 0 auto var(--space-xl);
  text-align: center;
}
@media (max-width: 620px) {
  .team__title {
    margin-bottom: calc(var(--space-m) + var(--space-3xs));
  }
}

.team__avatars {
  display: none;
}
@media (max-width: 620px) {
  .team__avatars {
    display: flex;
    margin-bottom: calc(var(--space-m) + var(--space-3xs));
  }
}

.team__avatar {
  --team-avatar-size: 60px;
  overflow: hidden;
  flex: none;
  width: var(--team-avatar-size);
  height: var(--team-avatar-size);
  border: var(--space-3xs) solid var(--color-white);
  border-radius: var(--radius-pill);
  background: var(--gradient-soft-card);
}
.team__avatar + .team__avatar {
  margin-left: calc(-1 * var(--space-m));
}

.team__avatar--active {
  background: var(--gradient-rating-card);
}

.team__avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
}

.team__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(13rem, (100% - 3 * var(--space-m)) / 4), 1fr));
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .team__grid {
    display: flex;
    overflow-x: auto;
    margin-right: calc(-1 * var(--shell-gutter));
    padding-right: var(--shell-gutter);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
}

@media (max-width: 620px) {
  .team__member {
    flex: none;
    width: min(17.5rem, 85%);
    scroll-snap-align: start;
  }
}

.team__photo {
  display: grid;
  overflow: hidden;
  aspect-ratio: 1;
  margin-bottom: var(--space-m);
  border-radius: var(--radius-xl);
  background: linear-gradient(126.673deg, var(--color-panel) 10%, var(--color-surface) 67%);
}
@media (max-width: 620px) {
  .team__photo {
    aspect-ratio: 280/237;
    margin-bottom: var(--space-s);
  }
}
.team__photo::before {
  content: "";
  z-index: 1;
  grid-area: 1/1;
  margin: var(--space-xs) var(--space-s);
  background: url("/assets/team-monogram-light.svg") center/100% auto no-repeat space;
  opacity: 0.55;
  transition: opacity 0.45s var(--ease-out);
}

@media (hover: hover) {
  .team__member:hover .team__photo {
    background: var(--gradient-rating-card);
  }
  .team__member:hover .team__photo::before {
    opacity: 0.3;
    filter: brightness(0) invert(1);
  }
}
.team__person {
  z-index: 2;
  grid-area: 1/1;
  align-self: start;
  width: var(--team-person-width, 100%);
  max-width: none;
  height: auto;
  margin: var(--team-person-y, 0) 0 0 var(--team-person-x, 0);
}

.team__photo--frame-1 {
  --team-person-width: 82%;
  --team-person-x: 9%;
}
.team__photo--frame-1 .team__person {
  transform: scaleX(-1);
}

.team__photo--frame-2 {
  --team-person-width: 109%;
  --team-person-x: -5.6%;
  --team-person-y: -11%;
}

.team__photo--frame-3 {
  --team-person-width: 119.6%;
  --team-person-x: -12.9%;
  --team-person-y: -12%;
}

.team__photo--frame-4 {
  --team-person-width: 115.2%;
  --team-person-x: -10.3%;
  --team-person-y: -8.8%;
}

.team__photo--frame-5 {
  --team-person-width: 109%;
  --team-person-x: -4.7%;
  --team-person-y: -4.4%;
}

.team__photo--frame-6 {
  --team-person-width: 112.9%;
  --team-person-x: -11%;
  --team-person-y: -9.3%;
}

.team__photo--frame-7 {
  --team-person-width: 115.2%;
  --team-person-x: -10.3%;
  --team-person-y: -13.3%;
}

.team__photo--frame-8 {
  --team-person-width: 103.8%;
  --team-person-x: -4.6%;
  --team-person-y: -8.8%;
}

.team__name {
  margin-bottom: var(--space-2xs);
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .team__name {
    font-size: var(--font-size-lead);
  }
}

.team__role {
  max-width: 15.5em;
  color: var(--color-muted);
  font-size: var(--font-size-body);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .team__role {
    max-width: 18em;
  }
}

.clients {
  --clients-rank-logo: 100px;
  --clients-rating-logo: 36px;
  overflow-x: clip;
}
@media (max-width: 620px) {
  .clients {
    --clients-rank-logo: 56px;
    --clients-rating-logo: 22px;
  }
}

.clients__title {
  max-width: 22em;
  margin: 0 auto calc(var(--space-l) + var(--space-3xs));
  text-align: center;
}
@media (max-width: 620px) {
  .clients__title {
    margin-bottom: var(--space-m);
  }
}

.clients__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: var(--space-xl);
  max-width: 55rem;
  margin-inline: auto;
}
@media (max-width: 620px) {
  .clients__intro {
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: var(--space-m);
    text-align: center;
  }
}
@media (min-width: 621px) and (max-width: 1024px) {
  .clients__intro {
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: var(--space-m);
    text-align: center;
  }
}

.clients__description {
  max-width: 26.5em;
  font-size: var(--font-size-h4);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .clients__description {
    font-size: var(--font-size-body);
  }
  .clients__description br {
    display: none;
  }
}

.clients__download {
  width: 21.5rem;
}
@media (max-width: 620px) {
  .clients__download {
    width: min(100%, 18rem);
  }
}

.clients__stage {
  position: relative;
  isolation: isolate;
  margin-top: var(--space-2xs);
}
@media (max-width: 620px) {
  .clients__stage {
    max-width: 36rem;
    margin: calc(var(--space-xl) + var(--space-m)) auto 0;
  }
}

.clients__phones {
  position: relative;
  z-index: 2;
  display: block;
  width: 39%;
  height: auto;
  aspect-ratio: 468/561;
  margin-inline: auto;
  object-fit: cover;
}
@media (max-width: 620px) {
  .clients__phones {
    width: 81%;
    margin-left: 16%;
  }
}

.clients__texture {
  position: absolute;
  z-index: 0;
  top: 73%;
  left: 59.4%;
  width: 64.2%;
  max-width: none;
  height: auto;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(-109.01deg);
  mask-image: linear-gradient(to right, transparent 28%, #000 50%);
}
@media (max-width: 620px) {
  .clients__texture {
    opacity: 0.8;
  }
}

.clients__rank {
  position: absolute;
  z-index: 4;
  top: 16%;
  left: 14.2%;
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: var(--space-2xs);
  padding: var(--space-m) var(--space-s);
  border-radius: var(--radius-l);
  color: var(--color-white);
  background: linear-gradient(237.771deg, var(--color-ink) 30.6%, var(--color-brand) 108.6%);
  font-size: var(--font-size-small);
  font-weight: 500;
}
@media (max-width: 620px) {
  .clients__rank {
    top: -7%;
    left: 4.2%;
    padding: var(--space-xs);
    border-radius: var(--radius-m);
  }
}
@media (min-width: 621px) and (max-width: 1279px) {
  .clients__rank {
    font-size: var(--font-size-body);
  }
}

.clients__rank-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3xs);
}

.clients__raex {
  display: block;
  width: var(--clients-rank-logo);
  aspect-ratio: 203/73;
  background: var(--color-white);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.clients__klerk {
  width: var(--clients-rank-logo);
  height: auto;
}

.clients__ratings,
.clients__apps {
  position: absolute;
  border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--color-panel) 10%, transparent);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(var(--space-s));
}
@media (max-width: 620px) {
  .clients__ratings,
  .clients__apps {
    border-radius: var(--radius-m);
    backdrop-filter: blur(var(--space-2xs));
  }
}

.clients__ratings {
  z-index: 5;
  top: 57.8%;
  left: 24.1%;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: var(--space-m) var(--space-l);
}
@media (max-width: 620px) {
  .clients__ratings {
    top: 55%;
    left: 2.7%;
    gap: var(--space-2xs);
    padding: var(--space-xs) var(--space-m);
  }
}

.clients__rating {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  color: inherit;
}

.clients__rating-logo {
  flex: none;
  width: var(--clients-rating-logo);
  height: var(--clients-rating-logo);
  object-fit: contain;
}

.clients__rating-logo--2gis {
  object-fit: cover;
  object-position: 0 50%;
}

.clients__rating-score {
  font-family: var(--font-display);
  font-size: var(--font-size-h3);
  font-weight: 800;
  line-height: 1.1;
}
@media (max-width: 620px) {
  .clients__rating-score {
    font-size: var(--font-size-body);
  }
}

.clients__star {
  width: var(--space-m);
  height: auto;
}
@media (max-width: 620px) {
  .clients__star {
    width: var(--space-xs);
  }
}

.clients__apps {
  z-index: 4;
  top: 16.2%;
  left: 56%;
  display: flex;
  gap: var(--space-l);
  padding: var(--space-m) var(--space-l);
}
@media (max-width: 620px) {
  .clients__apps {
    top: 13.8%;
    right: 0;
    left: auto;
    gap: var(--space-2xs);
    padding: var(--space-2xs) var(--space-xs);
  }
}

.clients__app {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2xs);
  color: inherit;
}

.clients__app-logo {
  width: calc(var(--space-xl) + var(--space-3xs));
  height: calc(var(--space-xl) + var(--space-3xs));
  object-fit: contain;
}
@media (max-width: 620px) {
  .clients__app-logo {
    width: var(--space-l);
    height: var(--space-l);
  }
}

.clients__app-score {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  font-family: var(--font-display);
  font-size: var(--font-size-body);
  font-weight: 800;
  line-height: 1.1;
}
@media (max-width: 620px) {
  .clients__app-score {
    font-size: var(--font-size-small);
  }
}

.clients__app-star {
  width: var(--space-s);
  height: auto;
}
@media (max-width: 620px) {
  .clients__app-star {
    width: var(--space-xs);
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .clients__stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 1fr repeat(3, auto) 1fr;
    column-gap: var(--space-l);
    row-gap: var(--space-m);
    max-width: 48rem;
    margin: var(--space-xl) auto 0;
  }
  .clients__phones {
    grid-row: 1/-1;
    width: 100%;
  }
  .clients__rank,
  .clients__ratings,
  .clients__apps {
    position: static;
    grid-column: 2;
    justify-self: start;
  }
  .clients__rank {
    grid-row: 2;
  }
  .clients__ratings {
    grid-row: 3;
  }
  .clients__apps {
    grid-row: 4;
  }
  .clients__ratings {
    display: grid;
    grid-template-columns: repeat(2, auto);
    column-gap: var(--space-l);
  }
  .clients__texture {
    top: 62%;
    left: 30%;
    width: 55%;
  }
}
.blog-grid {
  padding-block: calc(2 * var(--space-xl) - var(--space-2xs));
}
@media (max-width: 620px) {
  .blog-grid {
    padding-top: var(--space-m);
    padding-bottom: calc(var(--space-m) + var(--space-3xs));
  }
}

.blog-grid__title {
  max-width: 19em;
  margin: 0 auto calc(var(--space-l) + var(--space-3xs));
  text-align: center;
}
@media (max-width: 620px) {
  .blog-grid__title {
    margin-bottom: calc(var(--space-m) + var(--space-3xs));
  }
}

.blog-grid__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-xs);
  margin-bottom: calc(var(--space-m) + var(--space-3xs));
  color: var(--color-muted);
  font-size: var(--font-size-body);
}
@media (max-width: 620px) {
  .blog-grid__toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-2xs);
    margin-bottom: var(--space-s);
    font-size: var(--font-size-small);
  }
}

.blog-grid__sort {
  display: grid;
}
.blog-grid__sort::after {
  content: "";
  grid-area: 1/1;
  align-self: center;
  justify-self: end;
  width: var(--space-2xs);
  height: var(--space-2xs);
  margin-right: var(--space-m);
  border-right: 2px solid currentcolor;
  border-bottom: 2px solid currentcolor;
  color: var(--color-ink);
  pointer-events: none;
  transform: translateY(-30%) rotate(45deg);
}

.blog-grid__sort-control {
  grid-area: 1/1;
  min-width: 13rem;
  padding-right: calc(2 * var(--space-l));
  background: var(--color-surface);
  font: inherit;
  font-weight: 600;
  appearance: none;
  cursor: pointer;
}
@media (max-width: 620px) {
  .blog-grid__sort-control {
    min-width: 0;
    font-size: var(--font-size-body);
  }
}

.blog-grid__featured,
.blog-grid__card {
  position: relative;
  display: grid;
  isolation: isolate;
  color: var(--color-white);
  background: var(--color-ink);
}
.blog-grid__featured::before, .blog-grid__featured::after,
.blog-grid__card::before,
.blog-grid__card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.blog-grid__featured::before,
.blog-grid__card::before {
  z-index: -2;
  background: var(--blog-image, none) center/cover;
}
.blog-grid__featured::after,
.blog-grid__card::after {
  z-index: -1;
}

.blog-grid__featured {
  grid-template: auto 1fr auto/1fr auto;
  gap: var(--space-m);
  aspect-ratio: 12/5;
  padding: var(--space-xl) calc(var(--space-l) + var(--space-3xs)) calc(var(--space-xl) + var(--space-2xs)) calc(var(--space-xl) + var(--space-2xs));
  border-radius: var(--radius-2xl);
}
.blog-grid__featured::after {
  background: linear-gradient(188deg, color-mix(in srgb, var(--color-brand) 70%, transparent) 35%, color-mix(in srgb, var(--color-shade) 70%, transparent) 64.5%);
}
@media (max-width: 620px) {
  .blog-grid__featured {
    aspect-ratio: 335/342;
    padding: var(--space-s);
    border-radius: var(--radius-l);
  }
  .blog-grid__featured::after {
    background: linear-gradient(200deg, color-mix(in srgb, var(--color-brand) 70%, transparent) 35%, color-mix(in srgb, var(--color-shade) 70%, transparent) 64.5%);
  }
}

.blog-grid__featured-link {
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
}

.blog-grid__date,
.blog-grid__views {
  z-index: 2;
  align-self: start;
  padding: var(--space-3xs) var(--space-s);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-white) 20%, transparent);
  font-size: var(--font-size-body);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .blog-grid__date,
  .blog-grid__views {
    padding: var(--space-3xs) var(--space-2xs);
    font-size: var(--font-size-small);
  }
}

.blog-grid__date {
  grid-area: 1/1;
  justify-self: start;
}

.blog-grid__views {
  grid-area: 1/2;
  justify-self: end;
}

.blog-grid__featured-content {
  z-index: 2;
  display: flex;
  grid-area: 3/1/4/-1;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-m);
  pointer-events: none;
}
@media (max-width: 620px) {
  .blog-grid__featured-content {
    display: block;
  }
}

.blog-grid__featured-copy {
  max-width: 38rem;
}

.blog-grid__featured-title {
  margin-bottom: var(--space-m);
  font-family: var(--font-display);
  font-size: var(--font-size-h2);
  font-weight: 800;
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .blog-grid__featured-title {
    margin-bottom: var(--space-s);
    font-size: var(--font-size-lead);
  }
}

.blog-grid__featured-text {
  max-width: 30em;
  font-size: var(--font-size-lead);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .blog-grid__featured-text {
    margin-bottom: var(--space-s);
    font-size: var(--font-size-small);
  }
}

.blog-grid__slider {
  display: flex;
  flex: none;
  gap: var(--space-s);
  pointer-events: auto;
}

.blog-grid__step {
  display: block;
  width: var(--space-xl);
  cursor: pointer;
}

.blog-grid__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(16rem, (100% - 2 * var(--space-m)) / 3), 1fr));
  gap: var(--space-m);
  margin-top: calc(var(--space-xl) + var(--space-2xs));
  scroll-margin-top: var(--space-l);
}
@media (max-width: 620px) {
  .blog-grid__grid {
    grid-template-columns: 1fr;
    gap: calc(var(--space-m) + var(--space-3xs));
    margin-top: calc(var(--space-m) + var(--space-3xs));
  }
}

.blog-grid__card {
  grid-template: auto 1fr auto/1fr auto;
  aspect-ratio: 386/330;
  padding: calc(var(--space-m) + var(--space-3xs));
  border-radius: var(--radius-xl);
}
.blog-grid__card::after {
  background: linear-gradient(240deg, color-mix(in srgb, var(--color-brand) 70%, transparent) 27.2%, color-mix(in srgb, var(--color-shade) 70%, transparent) 55.9%);
}
@media (max-width: 620px) {
  .blog-grid__card {
    aspect-ratio: 335/196;
    padding: var(--space-s);
    border-radius: var(--radius-l);
  }
  .blog-grid__card::after {
    background: linear-gradient(192deg, color-mix(in srgb, var(--color-brand) 70%, transparent) 35%, color-mix(in srgb, var(--color-shade) 70%, transparent) 64.5%);
  }
}

.blog-grid__card-title {
  z-index: 2;
  grid-area: 3/1/4/-1;
  margin-right: var(--space-s);
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .blog-grid__card-title {
    font-size: var(--font-size-body);
  }
}

.blog-grid__pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2xs);
  margin-top: calc(var(--space-xl) + var(--space-2xs));
}
.blog-grid__pager[hidden] {
  display: none;
}
@media (max-width: 620px) {
  .blog-grid__pager {
    margin-top: calc(var(--space-m) + var(--space-3xs));
  }
}

.blog-grid__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(var(--space-xl) - 2px);
  height: calc(var(--space-xl) - 2px);
  padding-inline: var(--space-2xs);
  border-radius: var(--radius-s);
  background: var(--color-panel);
  font-weight: 600;
  cursor: pointer;
}
.blog-grid__page[aria-current=page] {
  color: var(--color-white);
  background: var(--color-brand);
}
.blog-grid__page:disabled {
  opacity: 0.4;
  cursor: default;
}
.blog-grid__page:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.blog-grid__page-gap {
  align-self: center;
  color: var(--color-muted);
}

.document-library {
  --document-library-icon-size: 38px;
  --document-library-button-width: 354px;
  padding-top: calc(2 * var(--space-xl));
  padding-bottom: calc(var(--space-xl) + var(--space-s));
}
@media (max-width: 620px) {
  .document-library {
    padding-top: var(--space-s);
    padding-bottom: var(--space-m);
  }
}

.document-library__title {
  margin-bottom: calc(var(--space-xl) + var(--space-2xs));
  text-align: center;
}
@media (max-width: 620px) {
  .document-library__title {
    max-width: 16em;
    margin-inline: auto;
    margin-bottom: var(--space-m);
    font-size: var(--font-size-h4);
  }
}

.document-library__list {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(var(--document-rows), auto);
  gap: var(--space-m);
  margin-top: var(--space-m);
}
@media (max-width: 620px) {
  .document-library__list {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: var(--space-s);
    margin-top: var(--space-m);
  }
}

@media (max-width: 620px) {
  .document-library__list:not(.is-expanded) .document-library__item:nth-child(n+12) {
    display: none;
  }
}

.document-library__card {
  display: flex;
  align-items: center;
  gap: var(--space-m);
  height: 100%;
  padding: var(--space-s) var(--space-m) var(--space-s) var(--space-l);
  border-radius: var(--radius-m);
  color: var(--color-ink);
  background: var(--color-panel);
}
@media (max-width: 620px) {
  .document-library__card {
    padding: var(--space-s);
  }
}

.document-library__icon {
  flex: none;
  width: var(--document-library-icon-size);
  height: var(--document-library-icon-size);
  padding: var(--space-2xs);
  border-radius: var(--radius-s);
  object-fit: contain;
  background: var(--color-brand);
}

.document-library__name {
  min-width: 0;
  font-size: var(--font-size-lead);
  font-weight: 700;
  letter-spacing: -0.022em;
  overflow-wrap: anywhere;
}
@media (max-width: 620px) {
  .document-library__name {
    font-size: var(--font-size-small);
  }
}

.document-library__empty {
  margin-top: var(--space-xl);
  color: var(--color-muted);
  text-align: center;
}

.document-library__more {
  display: none;
  align-items: center;
  gap: var(--space-2xs);
  margin-top: var(--space-s);
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 620px) {
  .document-library__more {
    display: flex;
  }
}

.document-library__more-icon {
  flex: none;
}

.document-library__cta {
  position: relative;
  display: grid;
  margin-top: calc(2 * var(--space-xl) + var(--space-m));
  overflow: hidden;
  border-radius: var(--radius-xl);
  color: var(--color-white);
  background: linear-gradient(154.45deg, var(--color-brand-deep) 12.37%, var(--color-brand) 94.9%);
}
@media (max-width: 620px) {
  .document-library__cta {
    margin-top: calc(var(--space-xl) + var(--space-m));
    background: linear-gradient(174.17deg, var(--color-brand-deep) 12.37%, var(--color-brand) 94.9%);
  }
}

.document-library__copy {
  z-index: 2;
  width: 65%;
  padding: calc(var(--space-xl) + var(--space-l));
  padding-right: 0;
}
@media (max-width: 620px) {
  .document-library__copy {
    width: auto;
    padding: var(--space-xl) var(--space-m) 0;
    text-align: center;
  }
}

.document-library__cta-title {
  margin-bottom: var(--space-l);
  font-family: var(--font-display);
  font-size: var(--font-size-h1);
  font-weight: 800;
  line-height: 1.3;
  text-transform: uppercase;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .document-library__cta-title {
    font-size: clamp(var(--font-size-h3), 3.125vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .document-library__cta-title {
    margin-bottom: var(--space-m);
    font-size: var(--font-size-lead);
  }
}

.document-library__cta-text {
  max-width: 33em;
  font-size: var(--font-size-h4);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .document-library__cta-text {
    max-width: none;
    font-size: var(--font-size-body);
  }
}

.document-library__button {
  width: var(--document-library-button-width);
  max-width: 100%;
  margin-top: var(--space-l);
  padding-block: var(--space-m);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .document-library__button {
    width: 100%;
    margin-top: var(--space-m);
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.document-library__visual {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 49.1%;
  width: 57.6%;
  translate: 0 16.7%;
  pointer-events: none;
}
@media (max-width: 620px) {
  .document-library__visual {
    position: relative;
    left: auto;
    width: 148.4%;
    margin: var(--space-l) 0 -20.6% -12.8%;
    translate: none;
  }
}

.document-library__person {
  width: 100%;
  height: auto;
}

.document-library__arrow {
  position: absolute;
  top: 48.8%;
  left: 0;
  width: 12.6%;
  height: auto;
  rotate: -143.92deg;
}
@media (max-width: 620px) {
  .document-library__arrow {
    top: 9.2%;
    left: 22.1%;
    width: 13.3%;
    rotate: -88.29deg;
  }
}

.faq-directory {
  --faq-directory-badge-size: 38px;
  padding-top: calc(2 * var(--space-xl));
  padding-bottom: calc(2 * var(--space-xl) + var(--space-m));
}
@media (max-width: 620px) {
  .faq-directory {
    padding-top: var(--space-s);
    padding-bottom: calc(var(--space-xl) + var(--space-s));
  }
}

.faq-directory__title {
  margin-bottom: calc(var(--space-xl) + var(--space-2xs));
  text-align: center;
}
@media (max-width: 620px) {
  .faq-directory__title {
    max-width: 16em;
    margin-inline: auto;
    margin-bottom: var(--space-m);
    font-size: var(--font-size-h4);
  }
}

.faq-directory__search {
  margin-bottom: var(--space-m);
}

.faq-directory__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(20rem, (100% - var(--space-m)) / 2), 1fr));
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .faq-directory__grid {
    grid-template-columns: 1fr;
    gap: var(--space-s);
  }
}

.faq-directory__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  height: 100%;
  padding: var(--space-l) var(--space-m) var(--space-l) var(--space-l);
  border-radius: var(--radius-m);
  color: var(--color-ink);
  background: var(--color-panel);
  transition: background-color 0.2s var(--ease-out);
}
@media (max-width: 620px) {
  .faq-directory__card {
    gap: var(--space-s);
    padding: var(--space-s);
  }
}
.faq-directory__card:hover {
  background: color-mix(in srgb, var(--color-panel) 75%, var(--color-white));
}
.faq-directory__card:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.faq-directory__question {
  max-width: 30em;
  font-size: var(--font-size-lead);
  font-weight: 700;
  letter-spacing: -0.022em;
  overflow-wrap: anywhere;
}
@media (max-width: 620px) {
  .faq-directory__question {
    max-width: none;
    font-size: var(--font-size-small);
  }
}

.faq-directory__badge {
  display: grid;
  flex: none;
  place-items: center;
  width: var(--faq-directory-badge-size);
  height: var(--faq-directory-badge-size);
  border-radius: var(--radius-s);
  background: var(--color-brand);
  transition: background-color 0.2s var(--ease-out);
}
.faq-directory__card:hover .faq-directory__badge {
  background: var(--color-ink);
}

.faq-directory__empty {
  margin-top: var(--space-xl);
  color: var(--color-muted);
  text-align: center;
}

.consultation {
  --consultation-badge-size: 48px;
  --consultation-step-shadow: 0 0 33.6px #808fff33;
  --consultation-visual-max: 356px;
  padding: calc(var(--space-xl) + var(--space-xs)) calc(var(--space-xl) + var(--space-l)) calc(var(--space-xl) + var(--space-l));
  border-radius: var(--radius-2xl);
  color: var(--color-ink);
  background: linear-gradient(161.761deg, var(--color-panel) 16.34%, var(--color-brand) 94.577%, var(--color-brand-deep) 117.68%);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .consultation {
    padding-inline: var(--space-xl);
  }
}
@media (max-width: 620px) {
  .consultation {
    --consultation-badge-size: 40px;
    padding: var(--space-xl) var(--space-m) var(--space-l);
    border-radius: var(--radius-xl);
    background: linear-gradient(-86.244deg, var(--color-panel) 16.34%, var(--color-brand) 94.577%, var(--color-brand-deep) 117.68%);
  }
}

.consultation__title {
  text-align: center;
}
@media (max-width: 620px) {
  .consultation__title {
    max-width: 15em;
    margin-inline: auto;
  }
}

.consultation__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-s);
  margin-top: var(--space-xl);
  padding-top: var(--space-s);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .consultation__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .consultation__steps {
    grid-template-columns: 1fr;
    gap: var(--space-xs);
    margin-top: var(--space-m);
    padding-top: 0;
  }
}

.consultation__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 620px) {
  .consultation__step {
    flex-direction: row;
    gap: var(--space-s);
    padding: var(--space-2xs);
    border: 1px solid color-mix(in srgb, var(--color-white) 88%, transparent);
    border-radius: var(--radius-m);
    background: color-mix(in srgb, var(--color-white) 10%, transparent);
    box-shadow: var(--consultation-step-shadow);
  }
}
.consultation__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--space-s));
  left: 50%;
  width: calc(100% + var(--space-s));
  height: var(--space-s);
  border: 2px dashed var(--color-white);
  border-bottom: 0;
  border-radius: var(--radius-s) var(--radius-s) 0 0;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .consultation__step:not(:last-child)::after {
    content: none;
  }
}
@media (max-width: 620px) {
  .consultation__step:not(:last-child)::after {
    content: none;
  }
}

.consultation__number {
  z-index: 1;
  order: -1;
  display: grid;
  flex: none;
  place-items: center;
  width: var(--consultation-badge-size);
  height: var(--consultation-badge-size);
  border-radius: var(--radius-s);
  color: var(--color-white);
  background: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--font-size-h3);
  font-weight: 800;
}
@media (max-width: 620px) {
  .consultation__number {
    font-size: var(--font-size-lead);
  }
}

.consultation__step-text {
  display: grid;
  place-items: center;
  align-self: stretch;
  margin-top: calc(var(--consultation-badge-size) / -2);
  padding: var(--space-l) var(--space-s);
  border-radius: var(--radius-l);
  background: color-mix(in srgb, var(--color-white) 10%, transparent);
  box-shadow: var(--consultation-step-shadow);
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: -0.022em;
  text-align: center;
}
@media (max-width: 620px) {
  .consultation__step-text {
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: var(--font-size-body);
    text-align: left;
  }
}

.consultation__form {
  position: relative;
  margin-top: var(--space-xl);
  overflow: hidden;
  padding: var(--space-l) 33.6% var(--space-l) var(--space-xl);
  border-radius: var(--radius-xl);
  background: var(--color-white);
}
@media (max-width: 620px) {
  .consultation__form {
    margin-top: var(--space-m);
    padding: var(--space-s) var(--space-m) 0;
    border-radius: var(--radius-l);
  }
}

.consultation__form-title {
  font-size: var(--font-size-h3);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .consultation__form-title {
    font-size: var(--font-size-body);
  }
}

.consultation__fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(14rem, (100% - var(--space-m)) / 2), 1fr));
  gap: var(--space-m);
  margin-top: var(--space-m);
}
@media (max-width: 620px) {
  .consultation__fields {
    grid-template-columns: 1fr;
    gap: var(--space-s);
    margin-top: var(--space-s);
  }
}

.consultation__input {
  min-width: 0;
  padding: var(--space-m) var(--space-l);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .consultation__input {
    padding: var(--space-s) var(--space-l);
    font-size: var(--font-size-body);
  }
}
.consultation__input::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.consultation__submit {
  padding: var(--space-m);
  border-radius: var(--radius-s);
  font-size: var(--font-size-lead);
  cursor: pointer;
}
@media (max-width: 620px) {
  .consultation__submit {
    padding: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.consultation__consent {
  gap: var(--space-xs);
  margin-top: var(--space-l);
}
@media (max-width: 620px) {
  .consultation__consent {
    margin-top: var(--space-s);
  }
}

.consultation__consent-text {
  max-width: 47em;
}

.consultation__link {
  color: var(--color-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.consultation__visual {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 33.6%;
  container-type: inline-size;
  pointer-events: none;
}
@media (max-width: 620px) {
  .consultation__visual {
    position: relative;
    width: auto;
    max-width: var(--consultation-visual-max);
    aspect-ratio: 250/220;
    margin: var(--space-s) auto 0;
  }
}

.consultation__person {
  position: absolute;
  z-index: 2;
  top: -14.7cqw;
  left: 7.3%;
  width: 92.7%;
  height: auto;
  scale: -1 1;
}
@media (max-width: 620px) {
  .consultation__person {
    top: -8cqw;
    left: 9%;
    width: 82%;
  }
}

.consultation__float {
  position: absolute;
  z-index: 1;
  display: grid;
  justify-items: center;
  width: 19.7cqw;
  padding: 3.5cqw 0 2.4cqw;
  border-radius: 3.9cqw;
  background: linear-gradient(180deg, var(--color-brand), var(--color-white));
  box-shadow: 0 0 2.6cqw 0.65cqw color-mix(in srgb, var(--color-brand) 40%, transparent);
  transform: skew(5.68deg);
}

.consultation__float--reports {
  top: 7.4cqw;
  left: 18.1%;
}

.consultation__float--finance {
  top: 38.5cqw;
  left: 10.9%;
}

.consultation__float--operations {
  top: 24.3cqw;
  left: 72.5%;
}

.consultation__orb {
  grid-area: 1/1;
  width: 15.6cqw;
  height: auto;
}

.consultation__glyph {
  grid-area: 1/1;
  place-self: center;
  translate: 0 -25%;
}

.consultation__glyph--report,
.consultation__glyph--chart {
  background: var(--color-brand);
  mask: center/contain no-repeat;
}

.consultation__glyph--report {
  width: 7.4cqw;
  aspect-ratio: 26.36/23.87;
  mask-image: url("/assets/consult-report.png");
}

.consultation__glyph--chart {
  width: 7cqw;
  aspect-ratio: 24.9/22.17;
  mask-image: url("/assets/consult-chart.png");
}

.consultation__glyph--operations {
  width: 3.8cqw;
  height: auto;
}

.consultation__float-label {
  grid-area: 1/1;
  align-self: end;
  font-size: 2.06cqw;
  font-weight: 600;
  white-space: nowrap;
}

.service-pricelist {
  --service-pricelist-label-width: 300px;
  --service-pricelist-row-shadow: 0 0 10px 1px #3d416c1a;
}

.service-pricelist__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-l);
  padding: calc(var(--space-xl) + var(--space-s)) calc(2 * var(--space-xl)) calc(var(--space-xl) + var(--space-m));
  border-radius: var(--radius-2xl);
  background: linear-gradient(155deg, var(--color-panel), var(--color-brand) 77%, var(--color-brand-deep));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .service-pricelist__card {
    padding: var(--space-xl) var(--space-l);
  }
}
@media (max-width: 620px) {
  .service-pricelist__card {
    gap: var(--space-m);
    padding: var(--space-l) var(--space-s) var(--space-l);
    border-radius: var(--radius-xl);
  }
}

.service-pricelist__title {
  text-align: center;
}

.service-pricelist__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  width: 100%;
}

.service-pricelist__table {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  width: 100%;
}

.service-pricelist__thead,
.service-pricelist__tbody {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}

.service-pricelist__badge {
  margin-bottom: var(--space-m);
  padding: var(--space-s) var(--space-m);
  border: 1px solid var(--color-white);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-h4);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 620px) {
  .service-pricelist__badge {
    align-self: center;
    width: min(100%, 16rem);
    margin-bottom: var(--space-xs);
    padding: var(--space-xs) var(--space-s);
    font-size: var(--font-size-small);
  }
}

.service-pricelist__head,
.service-pricelist__row {
  display: grid;
  grid-template-columns: var(--service-pricelist-label-width) repeat(var(--cols), minmax(0, 1fr));
  min-height: calc(2 * var(--space-l) + var(--space-2xs));
  border-radius: var(--radius-s);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .service-pricelist__head,
  .service-pricelist__row {
    grid-template-columns: minmax(11.25rem, 0.85fr) repeat(var(--cols), minmax(0, 1fr));
  }
}

.service-pricelist__head {
  align-items: center;
  color: var(--color-white);
  background: var(--gradient-violet);
  font-size: var(--font-size-lead);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 620px) {
  .service-pricelist__head {
    display: none;
  }
}

.service-pricelist__head-cell {
  padding-inline: var(--space-2xs);
}

.service-pricelist__row {
  background: var(--color-white);
  box-shadow: var(--service-pricelist-row-shadow);
}
@media (max-width: 620px) {
  .service-pricelist__row {
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
    padding: var(--space-s);
  }
}

.service-pricelist__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-m) var(--space-xs) var(--space-m) var(--space-m);
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 500;
  text-align: left;
}
@media (max-width: 620px) {
  .service-pricelist__label {
    padding: 0;
  }
}

.service-pricelist__label-title {
  color: var(--color-ink);
  font-weight: 700;
}

.service-pricelist__cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--space-3xs);
}
.service-pricelist__cell::before {
  content: "";
  position: absolute;
  top: var(--space-s);
  bottom: var(--space-xs);
  left: 0;
  width: 1px;
  background: var(--color-panel);
}
@media (max-width: 620px) {
  .service-pricelist__cell {
    justify-content: space-between;
    gap: var(--space-s);
    padding: 0;
    font-size: var(--font-size-small);
    font-weight: 700;
  }
  .service-pricelist__cell::before {
    content: none;
  }
}

.service-pricelist__cell-label {
  display: none;
}
@media (max-width: 620px) {
  .service-pricelist__cell-label {
    display: inline;
  }
}

.service-pricelist__price {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-3xs);
  font-family: var(--font-display);
  white-space: nowrap;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .service-pricelist__price {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}

.service-pricelist__amount {
  font-size: var(--font-size-h4);
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .service-pricelist__amount {
    font-size: var(--font-size-body);
  }
}
@media (max-width: 620px) {
  .service-pricelist__amount {
    font-size: var(--font-size-body);
  }
}

.service-pricelist__unit {
  font-size: var(--font-size-small);
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .service-pricelist__unit {
    font-size: var(--font-size-body);
  }
}

.service-pricelist__note {
  font-size: var(--font-size-lead);
  font-weight: 500;
}
@media (max-width: 620px) {
  .service-pricelist__note {
    margin-top: calc(-1 * var(--space-2xs));
    font-size: var(--font-size-small);
  }
}

.service-pricelist__note-strong {
  font-weight: 700;
}

.flexible-pricing {
  --flexible-pricing-button-width: 317px;
  --flexible-pricing-mobile-max: 320px;
  position: relative;
  overflow: hidden;
  padding: calc(var(--space-xl) + var(--space-2xs)) calc(var(--space-xl) + var(--space-m));
  border-radius: var(--radius-2xl);
  background: linear-gradient(-81.275deg, var(--color-brand) 3.055%, var(--color-white) 119.1%);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .flexible-pricing {
    display: flex;
    flex-direction: column;
    padding: var(--space-xl) var(--space-xl) 0;
  }
}
@media (max-width: 620px) {
  .flexible-pricing {
    width: min(100% - 2 * var(--shell-gutter), var(--flexible-pricing-mobile-max));
    padding: var(--space-l) var(--space-s) 0;
    border-radius: var(--radius-xl);
    background: linear-gradient(-23.01deg, var(--color-brand) 5.608%, var(--color-white) 90.622%);
  }
  .flexible-pricing::before {
    content: "";
    position: absolute;
    top: var(--space-s);
    left: -63%;
    width: 126%;
    aspect-ratio: 808/778;
    background: url("/assets/landing-flexible-mobile-bg.png") center/contain no-repeat;
    transform: scaleX(-1);
  }
}

.flexible-pricing__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-l);
  max-width: 64%;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .flexible-pricing__copy {
    max-width: none;
  }
}
@media (max-width: 620px) {
  .flexible-pricing__copy {
    align-items: center;
    gap: var(--space-m);
    max-width: none;
    text-align: center;
  }
}

@media (min-width: 621px) and (max-width: 1279px) {
  .flexible-pricing__title {
    font-size: clamp(var(--font-size-h3), 4.2vw, var(--font-size-h1));
  }
}

.flexible-pricing__points {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .flexible-pricing__points {
    display: none;
  }
}

.flexible-pricing__text {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .flexible-pricing__text {
    font-size: var(--font-size-small);
  }
}

.flexible-pricing__button {
  width: var(--flexible-pricing-button-width);
  padding-block: var(--space-m);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .flexible-pricing__button {
    width: 100%;
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.flexible-pricing__art {
  position: absolute;
  z-index: 1;
  top: calc(-1 * var(--space-xs));
  left: 61%;
  width: 60.5%;
  max-width: none;
  height: auto;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .flexible-pricing__art {
    position: static;
    align-self: flex-end;
    width: 45%;
    margin-top: calc(-1 * var(--space-xl));
  }
}
@media (max-width: 620px) {
  .flexible-pricing__art {
    position: static;
    width: 108%;
    margin: var(--space-2xs) 0 -53% 28%;
  }
}

.plans {
  --plans-panel-top: calc(var(--space-xl) + var(--space-l));
  --plans-back-one-rise: calc(var(--space-xl) - var(--space-3xs));
  --plans-back-two-rise: var(--space-m);
  --plans-back-one-inset: calc(2 * var(--space-xl) + var(--space-2xs));
  --plans-back-two-inset: calc(var(--space-xl) + var(--space-xs));
  position: relative;
  padding: var(--plans-panel-top) calc(var(--space-l) + var(--space-3xs)) var(--space-l);
  border-radius: var(--radius-2xl);
  background: linear-gradient(192.604deg, var(--color-panel) 13.352%, var(--color-brand) 87.684%, var(--color-brand-deep) 127.21%);
}
@media (max-width: 620px) {
  .plans {
    --plans-panel-top: calc(var(--space-xl) + var(--space-3xs) / 4);
    --plans-back-one-rise: calc(var(--space-l) + var(--space-3xs));
    --plans-back-two-rise: var(--space-s);
    --plans-back-one-inset: calc(var(--space-xl) - var(--space-3xs) / 2);
    --plans-back-two-inset: calc(var(--space-l) + var(--space-3xs) / 2);
    padding: var(--plans-panel-top) calc(var(--space-s) + var(--space-3xs) / 2) var(--space-s);
    border-radius: var(--radius-xl);
    background: linear-gradient(267.681deg, var(--color-panel) 13.352%, var(--color-brand) 87.684%, var(--color-brand-deep) 127.21%);
  }
}
.plans::before, .plans::after {
  content: "";
  position: absolute;
  bottom: 50%;
  border-radius: var(--radius-xl);
  background: var(--color-white);
  pointer-events: none;
}
.plans::before {
  top: calc(var(--plans-panel-top) - var(--plans-back-one-rise));
  inset-inline: var(--plans-back-one-inset);
  opacity: 0.2;
}
.plans::after {
  top: calc(var(--plans-panel-top) - var(--plans-back-two-rise));
  inset-inline: var(--plans-back-two-inset);
  opacity: 0.4;
}

.plans__panel {
  position: relative;
  z-index: 1;
  padding: calc(var(--space-xl) + var(--space-2xs)) var(--space-xl) calc(var(--space-l) + var(--space-3xs));
  border-radius: var(--radius-xl);
  background: linear-gradient(280.325deg, var(--color-white) 70.058%, var(--color-panel) 88.972%);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .plans__panel {
    padding-inline: var(--space-l);
  }
}
@media (max-width: 620px) {
  .plans__panel {
    padding: var(--space-l) var(--space-s) var(--space-xl);
    background: linear-gradient(131.06deg, var(--color-white) 70.058%, var(--color-panel) 88.972%);
  }
}

.plans__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-m);
  text-align: center;
}
@media (max-width: 620px) {
  .plans__heading {
    gap: var(--space-s);
  }
}

.plans__eyebrow {
  padding: var(--space-xs) var(--space-m);
  border: 1px solid var(--color-panel);
  border-radius: var(--radius-pill);
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 500;
}
@media (max-width: 620px) {
  .plans__eyebrow {
    padding-inline: var(--space-s);
    font-size: var(--font-size-small);
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .plans__title {
    font-size: clamp(var(--font-size-h3), 4vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .plans__title {
    max-width: 14em;
  }
}

.plans__description {
  max-width: 42em;
  font-size: var(--font-size-h4);
}
@media (max-width: 620px) {
  .plans__description {
    display: none;
  }
}

.plans__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: var(--space-l);
  max-width: calc(56.25rem + 2 * var(--space-l));
  margin: var(--space-xl) auto 0;
  --plans-fan: 1;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .plans__grid {
    --plans-fan: 0;
  }
}
@media (max-width: 620px) {
  .plans__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-s);
    max-width: 16.5rem;
    margin: var(--space-l) auto 0;
    --plans-fan: 0;
  }
}

.plans__item {
  display: grid;
  translate: 0 calc(var(--plans-lift, 0px) * var(--plans-fan));
  rotate: calc(var(--plans-tilt, 0deg) * var(--plans-fan));
}
.plans__item:first-child {
  --plans-tilt: -3deg;
}
.plans__item:nth-child(2) {
  --plans-lift: calc(-1 * var(--space-xs));
}
.plans__item:last-child:nth-child(3) {
  --plans-tilt: 3deg;
}

.lead-promo {
  --lead-promo-stack-gap: calc(var(--space-m) + var(--space-3xs));
  display: grid;
  grid-template-columns: minmax(0, 592fr) minmax(0, 588fr);
  column-gap: var(--space-m);
}
@media (max-width: 620px) {
  .lead-promo {
    display: flex;
    flex-direction: column;
    gap: var(--lead-promo-stack-gap);
  }
}

.lead-promo__art {
  position: relative;
}
@media (max-width: 620px) {
  .lead-promo__art {
    order: 2;
    overflow-x: clip;
  }
}
.lead-promo__art::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: var(--space-2xs);
  bottom: var(--space-s);
  left: -7%;
  width: 113%;
  border-radius: 45% 55% 50% 50%;
  background: radial-gradient(ellipse at 48% 46%, color-mix(in srgb, var(--color-brand) 42%, transparent), color-mix(in srgb, var(--color-brand) 24%, transparent) 42%, color-mix(in srgb, var(--color-panel) 8%, transparent) 64%, transparent 78%);
  filter: blur(var(--space-l));
  rotate: -9deg;
  pointer-events: none;
}

.lead-promo__visual {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin: calc(-1 * var(--space-2xs)) 0 0 calc(-1 * var(--space-s));
}
@media (max-width: 620px) {
  .lead-promo__visual {
    margin: calc(-1 * var(--space-s)) 0;
  }
}

.lead-promo__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 620px) {
  .lead-promo__copy {
    display: contents;
  }
}

.lead-promo__title {
  margin-bottom: calc(var(--space-l) + var(--space-2xs));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .lead-promo__title {
    font-size: clamp(var(--font-size-h3), 3.4vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .lead-promo__title {
    order: 1;
    margin-bottom: 0;
  }
}

@media (max-width: 620px) {
  .lead-promo__points {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
  }
}

.lead-promo__point {
  display: grid;
  grid-template-columns: calc(var(--space-xl) + var(--space-2xs)) 1fr;
  gap: var(--space-s);
  align-items: start;
  padding-bottom: calc(var(--space-m) + var(--space-3xs));
}
.lead-promo__point + .lead-promo__point {
  padding-top: calc(var(--space-m) + var(--space-3xs));
  border-top: 1px solid var(--color-panel);
}
@media (max-width: 620px) {
  .lead-promo__point {
    padding-bottom: 0;
  }
  .lead-promo__point + .lead-promo__point {
    padding-top: var(--space-s);
  }
}

.lead-promo__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: var(--radius-s);
  background: var(--color-panel);
}

.lead-promo__icon-image {
  width: 65%;
  height: auto;
}
@media (max-width: 620px) {
  .lead-promo__icon-image {
    width: 52%;
  }
}

.lead-promo__text {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .lead-promo__text {
    font-size: var(--font-size-small);
  }
}

.lead-promo__text-mobile {
  display: none;
}
@media (max-width: 620px) {
  .lead-promo__text-mobile {
    display: block;
  }
}

@media (max-width: 620px) {
  .lead-promo__text-desktop {
    display: none;
  }
}

.lead-promo__summary {
  width: 100%;
  padding-top: calc(var(--space-m) + var(--space-3xs));
  border-top: 1px solid var(--color-panel);
  font-size: var(--font-size-lead);
}
@media (min-width: 621px) {
  .lead-promo.is-expanded .lead-promo__summary {
    display: none;
  }
}
@media (max-width: 620px) {
  .lead-promo__summary {
    order: 4;
    padding-top: var(--space-s);
    font-size: var(--font-size-body);
    font-weight: 600;
    line-height: var(--line-tight);
  }
}

.lead-promo__more {
  margin-top: auto;
  padding-top: var(--space-m);
}
@media (max-width: 620px) {
  .lead-promo__more {
    order: 5;
    padding-top: 0;
  }
}

.lead-promo__extra {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  gap: var(--space-l) calc(2 * var(--space-xl));
  border-radius: var(--radius-2xl);
  background: linear-gradient(163.658deg, var(--color-panel) 10.136%, var(--color-surface) 66.714%);
}
.lead-promo.is-expanded .lead-promo__extra {
  margin-top: calc(var(--space-l) + var(--space-3xs));
  padding: calc(var(--space-xl) - var(--space-3xs)) calc(var(--space-xl) + var(--space-xs)) var(--space-l);
}
@media (max-width: 620px) {
  .lead-promo__extra {
    order: 6;
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
    margin-top: calc(-1 * var(--lead-promo-stack-gap));
    border-radius: var(--radius-xl);
    background: linear-gradient(151.409deg, var(--color-panel) 10.136%, var(--color-surface) 66.714%);
  }
  .lead-promo.is-expanded .lead-promo__extra {
    margin-top: 0;
    padding: var(--space-m);
  }
}

.lead-promo__card-title {
  margin-bottom: calc(var(--space-l) + var(--space-3xs));
  font-size: var(--font-size-h4);
  font-weight: 700;
}
@media (max-width: 620px) {
  .lead-promo__card-title {
    margin-bottom: var(--space-m);
    font-size: var(--font-size-body);
  }
}

.lead-promo__card-text {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .lead-promo__card-text {
    font-size: var(--font-size-small);
  }
}

.calculator-results {
  --calculator-results-z: 500;
}
@media (max-width: 620px) {
  .calculator-results {
    padding-top: var(--space-2xs);
  }
  .calculator-results::before, .calculator-results::after {
    display: none;
  }
}
.has-calculator-sticky .calculator-results {
  z-index: var(--calculator-results-z);
}

@media (max-width: 620px) {
  .calculator-results__panel {
    padding: var(--space-m) var(--space-2xs);
    border-radius: var(--radius-l);
  }
}

.calculator-results__title {
  max-width: 25em;
}

@media (max-width: 620px) {
  .calculator-results__description {
    display: block;
    max-width: 26em;
    color: var(--color-muted);
    font-size: var(--font-size-small);
  }
}

.has-calculator-sticky .calculator-results__cards {
  min-height: var(--calculator-grid-height);
}

.calculator-results__grid {
  --plans-fan: 0;
  max-width: 67.5rem;
}
@media (max-width: 620px) {
  .calculator-results__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2xs);
    max-width: none;
  }
}
.calculator-results__grid.is-calculator-sticky {
  position: fixed;
  z-index: var(--calculator-results-z);
  top: var(--space-xs);
  left: var(--calculator-grid-left);
  width: var(--calculator-grid-width);
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 620px) {
  .calculator-results__grid.is-calculator-sticky {
    top: var(--space-2xs);
    padding: var(--space-2xs);
    border: 1px solid color-mix(in srgb, var(--color-brand) 20%, transparent);
    border-radius: var(--radius-m);
    background: color-mix(in srgb, var(--color-white) 97%, transparent);
    box-shadow: var(--shadow-card);
  }
}

.tariff-calculator {
  --tariff-calculator-banner: 312px;
  --tariff-calculator-banner-tail: calc(3 * var(--space-xl) + var(--space-l));
  --tariff-calculator-card-max: 68.25rem;
}

.tariff-calculator__main {
  position: relative;
  padding-bottom: var(--space-3xs);
}
.tariff-calculator__main::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: var(--tariff-calculator-banner);
  border-radius: var(--radius-2xl);
  background: linear-gradient(135deg, var(--color-panel), var(--color-white));
  pointer-events: none;
}
@media (max-width: 620px) {
  .tariff-calculator__main::before {
    bottom: calc(-1 * var(--tariff-calculator-banner-tail));
    height: auto;
    border-radius: var(--radius-xl);
  }
}
@media (max-width: 620px) {
  .tariff-calculator__main {
    padding: var(--space-l) var(--space-s) 0;
  }
}

.tariff-calculator__title {
  position: relative;
  padding-top: calc(var(--space-xl) + var(--space-xs));
  margin-bottom: calc(var(--space-l) + var(--space-2xs));
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .tariff-calculator__title {
    font-size: clamp(var(--font-size-h3), 3.4vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .tariff-calculator__title {
    padding-top: 0;
    margin-bottom: var(--space-m);
  }
}

.tariff-calculator__api-status {
  position: relative;
  max-width: 45rem;
  margin: calc(-1 * var(--space-m)) auto var(--space-l);
  color: var(--color-brand-deep);
  font-size: var(--font-size-body);
  text-align: center;
}

.tariff-calculator__panel,
.tariff-calculator__ask {
  position: relative;
  width: 100%;
  max-width: var(--tariff-calculator-card-max);
  margin-inline: auto;
  border-radius: var(--radius-xl);
  background: var(--color-white);
  box-shadow: var(--shadow-card);
}
@media (max-width: 620px) {
  .tariff-calculator__panel,
  .tariff-calculator__ask {
    border-radius: var(--radius-m);
  }
}

.tariff-calculator__panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "org tax" "stack tax";
  gap: var(--space-s);
  padding: var(--space-s);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .tariff-calculator__panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "org" "stack" "tax";
  }
}
@media (max-width: 620px) {
  .tariff-calculator__panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "org" "tax" "stack";
    padding: var(--space-s);
  }
}

.tariff-calculator__box,
.tariff-calculator__tax {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-m) + var(--space-3xs));
  min-width: 0;
  margin: 0;
  padding: var(--space-m);
  border: 0;
  border-radius: var(--radius-m);
  background: var(--color-panel);
}
@media (max-width: 620px) {
  .tariff-calculator__box,
  .tariff-calculator__tax {
    gap: var(--space-s);
    padding: var(--space-s);
  }
}

.tariff-calculator__box--org {
  grid-area: org;
}

.tariff-calculator__tax {
  grid-area: tax;
}

.tariff-calculator__stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  grid-area: stack;
}

.tariff-calculator__label {
  float: left;
  width: 100%;
  padding: 0;
  font-size: var(--font-size-h3);
  font-weight: 700;
}
@media (max-width: 620px) {
  .tariff-calculator__label {
    font-size: var(--font-size-lead);
    text-align: center;
  }
}

.tariff-calculator__label-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
}
@media (max-width: 620px) {
  .tariff-calculator__label-row {
    flex-direction: column;
    gap: var(--space-3xs);
  }
}

.tariff-calculator__hint {
  color: var(--color-muted);
  font-size: var(--font-size-small);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .tariff-calculator__hint {
    font-size: var(--font-size-body);
  }
}

.tariff-calculator__input {
  width: 100%;
  padding: var(--space-m) calc(var(--space-m) + var(--space-3xs));
  border: 1px solid transparent;
  border-radius: var(--radius-s);
  background: var(--color-white);
  font-size: var(--font-size-lead);
  transition: border-color 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out);
}
.tariff-calculator__input::placeholder {
  color: var(--color-muted);
}
.tariff-calculator__input:focus-visible {
  border-color: var(--color-brand);
  outline: 0;
  box-shadow: 0 0 0 var(--space-3xs) color-mix(in srgb, var(--color-brand) 20%, transparent);
}
.tariff-calculator__input.is-invalid {
  border-color: var(--color-brand-deep);
}
@media (max-width: 620px) {
  .tariff-calculator__input {
    padding: var(--space-s);
  }
}

.tariff-calculator__input-error {
  margin-top: calc(-1 * var(--space-s));
  color: var(--color-brand-deep);
  font-size: var(--font-size-small);
  font-weight: 500;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .tariff-calculator__input-error {
    font-size: var(--font-size-body);
  }
}
@media (max-width: 620px) {
  .tariff-calculator__input-error {
    margin-top: calc(-1 * var(--space-2xs));
    text-align: center;
  }
}

.tariff-calculator__org {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .tariff-calculator__org {
    justify-content: center;
    gap: var(--space-xs);
  }
}

.tariff-calculator__tax-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2xs) var(--space-xl);
  align-items: start;
}
@media (max-width: 620px) {
  .tariff-calculator__tax-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2xs);
  }
}

.tariff-calculator__tax-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}
@media (max-width: 620px) {
  .tariff-calculator__tax-col {
    gap: var(--space-2xs);
  }
}

.tariff-calculator__choice {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  font-size: var(--font-size-lead);
  font-weight: 500;
  cursor: pointer;
}
@media (max-width: 620px) {
  .tariff-calculator__choice {
    gap: var(--space-2xs);
    font-size: var(--font-size-body);
  }
}

.tariff-calculator__choice-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tariff-calculator__radio {
  position: relative;
  flex: none;
  width: calc(var(--space-m) + var(--space-3xs));
  aspect-ratio: 1;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: linear-gradient(var(--color-panel), var(--color-panel)) padding-box, var(--gradient-violet) border-box;
}
.tariff-calculator__choice-input:checked + .tariff-calculator__radio {
  border: 0;
  background: var(--gradient-violet);
}
.tariff-calculator__choice-input:checked + .tariff-calculator__radio::after {
  content: "";
  position: absolute;
  inset: 25%;
  border-radius: inherit;
  background: var(--color-white);
}
.tariff-calculator__choice-input:focus-visible + .tariff-calculator__radio {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.tariff-calculator__tax-col .tariff-calculator__choice-text {
  max-width: 11em;
}
@media (max-width: 620px) {
  .tariff-calculator__tax-col .tariff-calculator__choice-text {
    max-width: none;
  }
}

.tariff-calculator__ask {
  display: flex;
  flex-direction: column;
  margin-top: var(--space-m);
  padding: calc(var(--space-l) + var(--space-2xs));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .tariff-calculator__ask {
    padding: calc(var(--space-m) + var(--space-3xs));
  }
}
@media (max-width: 620px) {
  .tariff-calculator__ask {
    max-width: calc(100% - 2 * var(--space-s));
    padding: var(--space-s);
  }
}

.tariff-calculator__ask-title {
  margin-bottom: calc(var(--space-l) + var(--space-2xs));
  font-size: var(--font-size-h3);
  font-weight: 700;
}
@media (max-width: 620px) {
  .tariff-calculator__ask-title {
    margin-bottom: var(--space-2xs);
    font-size: var(--font-size-lead);
    text-align: center;
  }
}

.tariff-calculator__ask-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto;
  gap: var(--space-m);
  margin-bottom: var(--space-s);
}
@media (max-width: 620px) {
  .tariff-calculator__ask-fields {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2xs);
    margin-bottom: var(--space-2xs);
  }
}

.tariff-calculator__ask-input,
.tariff-calculator__ask-message {
  padding: var(--space-m) calc(var(--space-m) + var(--space-3xs));
  font-size: var(--font-size-lead);
}
.tariff-calculator__ask-input::placeholder,
.tariff-calculator__ask-message::placeholder {
  color: var(--color-muted);
}
@media (max-width: 620px) {
  .tariff-calculator__ask-input,
  .tariff-calculator__ask-message {
    padding-block: var(--space-s);
  }
}

.tariff-calculator__ask-message {
  grid-area: 1/2/3/3;
  resize: none;
}
@media (max-width: 620px) {
  .tariff-calculator__ask-message {
    grid-area: auto;
  }
}

.tariff-calculator__ask-footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-m);
  align-items: center;
}
@media (max-width: 620px) {
  .tariff-calculator__ask-footer {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    gap: var(--space-2xs);
  }
}

.tariff-calculator__consent {
  max-width: 36em;
}

.tariff-calculator__link {
  color: var(--color-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.tariff-calculator__submit {
  width: 100%;
  padding-block: var(--space-m);
  border-radius: var(--radius-s);
  font-size: var(--font-size-lead);
}
.tariff-calculator__submit:disabled {
  opacity: 0.7;
  cursor: default;
}
@media (max-width: 620px) {
  .tariff-calculator__submit {
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.connection-steps {
  --connection-steps-stack-gap: calc(var(--space-m) + var(--space-3xs));
  display: grid;
  grid-template-columns: minmax(0, 590fr) minmax(0, 591fr);
  column-gap: var(--space-m);
}
@media (max-width: 620px) {
  .connection-steps {
    display: flex;
    flex-direction: column;
    gap: var(--connection-steps-stack-gap);
  }
}

.connection-steps__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: calc(var(--space-xl) - var(--space-2xs));
}
@media (max-width: 620px) {
  .connection-steps__copy {
    display: contents;
  }
}

.connection-steps__title {
  width: 135%;
  margin-bottom: calc(var(--space-l) + var(--space-2xs));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .connection-steps__title {
    width: auto;
    font-size: clamp(var(--font-size-h3), 3.4vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .connection-steps__title {
    order: 1;
    width: auto;
    margin-bottom: 0;
  }
}

@media (max-width: 620px) {
  .connection-steps__steps {
    order: 3;
  }
}

.connection-steps__step {
  display: grid;
  grid-template-columns: calc(var(--space-xl) + var(--space-2xs)) 1fr;
  gap: var(--space-s);
  align-items: start;
  padding-bottom: calc(var(--space-m) + var(--space-3xs));
}
.connection-steps__step + .connection-steps__step {
  padding-top: calc(var(--space-m) + var(--space-3xs));
  border-top: 1px solid var(--color-panel);
}
@media (max-width: 620px) {
  .connection-steps__step {
    padding-bottom: var(--space-s);
  }
  .connection-steps__step + .connection-steps__step {
    padding-top: var(--space-s);
  }
  .connection-steps__step:last-child {
    padding-bottom: 0;
  }
}

.connection-steps__number {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: var(--radius-s);
  background: var(--color-panel);
  color: var(--color-brand);
  font-family: var(--font-display);
  font-size: var(--font-size-lead);
  font-weight: 600;
}
@media (max-width: 620px) {
  .connection-steps__number {
    font-size: var(--font-size-small);
  }
}

.connection-steps__text {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .connection-steps__text {
    font-size: var(--font-size-small);
  }
}
.connection-steps__text > * + * {
  margin-top: var(--space-2xs);
}
.connection-steps__text :is(ul, ol) {
  padding-left: 1.2em;
  list-style: revert;
}
.connection-steps__text ul {
  list-style-type: circle;
}
.connection-steps__text :is(ul, ol) :is(ul, ol) {
  padding-left: 0;
}

.connection-steps__more {
  margin-top: auto;
  padding-top: var(--space-m);
}
@media (max-width: 620px) {
  .connection-steps__more {
    order: 4;
    padding-top: 0;
  }
}

.connection-steps__art {
  position: relative;
}
@media (max-width: 620px) {
  .connection-steps__art {
    order: 2;
    overflow-x: clip;
  }
}
.connection-steps__art::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: var(--space-m);
  bottom: calc(var(--space-l) + var(--space-2xs));
  left: -3%;
  width: 93%;
  border-radius: 62% 38% 55% 45%/43% 39% 61% 57%;
  background: radial-gradient(ellipse at 72% 17%, color-mix(in srgb, var(--color-white) 94%, transparent), color-mix(in srgb, var(--color-surface) 76%, transparent) 30%, color-mix(in srgb, var(--color-brand) 42%, transparent) 57%, color-mix(in srgb, var(--color-brand) 20%, transparent) 73%, transparent 88%), linear-gradient(145deg, color-mix(in srgb, var(--color-brand) 42%, transparent), color-mix(in srgb, var(--color-white) 64%, transparent));
  filter: blur(var(--space-m));
  rotate: -9deg;
  scale: 0.94;
  pointer-events: none;
}
@media (max-width: 620px) {
  .connection-steps__art::before {
    top: 0;
    bottom: var(--space-l);
    left: 0;
    filter: blur(var(--space-s));
  }
}

.connection-steps__visual {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin-top: calc(-1 * var(--space-2xs));
}
@media (max-width: 620px) {
  .connection-steps__visual {
    margin-top: calc(-1 * var(--space-3xs));
  }
}

.connection-steps__extra {
  grid-column: 1/-1;
  border-radius: var(--radius-2xl);
  background: linear-gradient(151.409deg, var(--color-panel) 10.136%, var(--color-surface) 66.714%);
}
.connection-steps.is-expanded .connection-steps__extra {
  margin-top: calc(var(--space-l) + var(--space-2xs));
  padding: calc(var(--space-xl) - var(--space-3xs)) calc(var(--space-xl) + var(--space-3xs)) var(--space-l);
}
@media (max-width: 620px) {
  .connection-steps__extra {
    order: 5;
    margin-top: calc(-1 * var(--connection-steps-stack-gap));
    border-radius: var(--radius-xl);
  }
  .connection-steps.is-expanded .connection-steps__extra {
    margin-top: 0;
    padding: var(--space-m);
  }
}

.connection-steps__extra-title {
  margin: 0 0 var(--space-s) var(--space-2xs);
  font-size: var(--font-size-h3);
  font-weight: 700;
}
@media (max-width: 620px) {
  .connection-steps__extra-title {
    margin-left: 0;
    font-size: var(--font-size-body);
  }
}

.connection-steps__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  gap: var(--space-xs) calc(2 * var(--space-xl));
  align-items: start;
}
@media (max-width: 620px) {
  .connection-steps__columns {
    gap: var(--space-2xs);
  }
}

.connection-steps__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-left: var(--space-l);
  font-size: var(--font-size-lead);
  list-style: disc outside;
}
@media (max-width: 620px) {
  .connection-steps__list {
    gap: var(--space-2xs);
    padding-left: var(--space-s);
    font-size: var(--font-size-small);
  }
}

.benefits__head {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-m);
  padding: var(--space-xl) calc(var(--space-xl) + var(--space-2xs));
  border-radius: var(--radius-xl);
  background: linear-gradient(151.544deg, var(--color-brand) 3.055%, var(--color-brand-deep) 119.1%);
  color: var(--color-white);
}
@media (max-width: 620px) {
  .benefits__head {
    flex-direction: column;
    align-items: center;
    gap: var(--space-m);
    padding: calc(var(--space-l) - var(--space-3xs)) var(--space-l);
    border-radius: var(--radius-l);
  }
}

.benefits__head-art {
  position: absolute;
  top: 16%;
  left: 55%;
  width: 54%;
  height: auto;
  max-width: none;
  mix-blend-mode: soft-light;
  pointer-events: none;
}
@media (max-width: 620px) {
  .benefits__head-art {
    top: 0;
    left: 17%;
    width: 180%;
    opacity: 0.45;
  }
}

.benefits__title {
  position: relative;
  max-width: 19em;
  margin: 0;
}
@media (max-width: 620px) {
  .benefits__title {
    max-width: 15em;
    text-align: center;
  }
}

.benefits__download {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  min-width: min(100%, 18.75rem);
  padding: var(--space-m) var(--space-l);
  border-radius: var(--radius-s);
  background: var(--color-white);
}
.benefits__download:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: 2px;
}
@media (max-width: 620px) {
  .benefits__download {
    align-self: stretch;
    min-width: 0;
    padding-block: var(--space-xs);
  }
}

.benefits__download-icon {
  width: calc(var(--space-l) + var(--space-3xs) / 2);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}

.benefits__download-label {
  background: var(--gradient-brand-text);
  background-clip: text;
  color: transparent;
  font-size: var(--font-size-lead);
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .benefits__download-label {
    font-size: var(--font-size-body);
  }
}

.benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-m);
  margin-top: var(--space-m);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .benefits__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 620px) {
  .benefits__grid {
    grid-template-columns: 1fr;
  }
}

.benefits__card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-m);
  aspect-ratio: 285/300;
  padding: calc(var(--space-m) + var(--space-3xs)) var(--space-m);
  border-radius: var(--radius-xl);
  background: var(--color-panel);
  color: var(--color-ink);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .benefits__card {
    aspect-ratio: auto;
  }
}
@media (max-width: 620px) {
  .benefits__card {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: var(--space-2xs) var(--space-xs);
    aspect-ratio: auto;
    padding: var(--space-m);
    border-radius: var(--radius-l);
  }
  .benefits__card.mobile-hidden {
    display: none;
  }
}

.benefits__card--accent {
  background: linear-gradient(151.544deg, var(--color-brand) 3.055%, var(--color-brand-deep) 119.1%);
  color: var(--color-white);
}

.benefits__card-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.benefits__card-art--wide {
  width: 118%;
  opacity: 0.5;
}

.benefits__icon {
  position: relative;
}

.benefits__icon-img {
  width: var(--space-m);
  height: var(--space-m);
  object-fit: contain;
}

.benefits__icon-img--large {
  width: calc(var(--space-m) + var(--space-3xs));
  height: calc(var(--space-m) + var(--space-3xs));
}

.benefits__card-title {
  position: relative;
  margin: 0;
  font-size: var(--font-size-h4);
  font-weight: 700;
}
@media (max-width: 620px) {
  .benefits__card-title {
    font-size: var(--font-size-body);
  }
}

.benefits__card-text {
  position: relative;
  margin: 0;
  font-size: var(--font-size-body);
}
@media (max-width: 620px) {
  .benefits__card-text {
    grid-column: 1/-1;
    font-size: var(--font-size-small);
  }
}

.benefits__controls {
  display: none;
}
@media (max-width: 620px) {
  .benefits__controls {
    display: flex;
    justify-content: center;
    gap: var(--space-s);
    margin-top: var(--space-m);
  }
}

.benefits__control {
  padding: 0;
  border: 0;
  border-radius: var(--radius-s);
  background: none;
  cursor: pointer;
}
.benefits__control:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.benefits__control-icon {
  width: calc(var(--space-xl) - 2px);
  height: auto;
}

.expertise {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-xl) calc(2 * var(--space-xl) + var(--space-2xs));
  color: var(--color-ink);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .expertise {
    column-gap: var(--space-xl);
  }
}
@media (max-width: 620px) {
  .expertise {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
  }
}

.expertise__copy {
  flex: 1 1 24rem;
  max-width: 41.5rem;
}
@media (max-width: 620px) {
  .expertise__copy {
    display: contents;
  }
}

.expertise__title {
  margin: 0;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .expertise__title {
    font-size: clamp(var(--font-size-h2), 3.5vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .expertise__title {
    order: 1;
    max-width: 15em;
    margin-inline: auto;
    text-align: center;
  }
}

.expertise__subtitle {
  margin: calc(var(--space-xl) - var(--space-3xs)) 0 0;
  font-size: var(--font-size-h3);
  font-weight: 700;
}
@media (max-width: 620px) {
  .expertise__subtitle {
    order: 2;
    margin-top: calc(var(--space-m) + var(--space-3xs));
    font-size: var(--font-size-body);
  }
}

.expertise__text {
  margin-top: calc(var(--space-xl) - var(--space-3xs));
  font-size: var(--font-size-lead);
}
.expertise__text > * {
  margin: 0 0 var(--space-xs);
}
.expertise__text > :last-child {
  margin-bottom: 0;
}
@media (max-width: 620px) {
  .expertise__text {
    display: contents;
    font-size: var(--font-size-small);
  }
  .expertise__text > * {
    order: 5;
  }
  .expertise__text > :first-child {
    order: 3;
    margin-top: var(--space-s);
  }
  .expertise__text > :nth-child(2) {
    margin-top: calc(var(--space-m) + var(--space-3xs));
  }
}

.expertise__card {
  display: flex;
  flex: 0 1 27.875rem;
  flex-direction: column;
  padding: var(--space-l) var(--space-l) calc(var(--space-m) + var(--space-3xs));
  border-radius: var(--radius-2xl);
  background: linear-gradient(134.147deg, var(--color-panel) 28.286%, var(--color-white) 117.58%);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .expertise__card {
    flex-basis: 24rem;
  }
}
@media (min-width: 621px) and (max-width: 1024px) {
  .expertise__card {
    margin-inline: auto;
  }
}
@media (max-width: 620px) {
  .expertise__card {
    order: 4;
    flex: none;
    margin-top: calc(var(--space-m) + var(--space-3xs));
    padding: var(--space-m) var(--space-m) var(--space-s);
    border-radius: var(--radius-xl);
  }
}

.expertise__card-title {
  margin: 0;
  font-size: var(--font-size-h3);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 620px) {
  .expertise__card-title {
    font-size: var(--font-size-lead);
  }
}

.expertise__slide {
  display: block;
  margin-top: var(--space-l);
}
@media (max-width: 620px) {
  .expertise__slide {
    margin-top: var(--space-m);
  }
}

.expertise__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 384/277;
  border-radius: var(--radius-xl);
  object-fit: cover;
}
@media (max-width: 620px) {
  .expertise__image {
    border-radius: var(--radius-m);
  }
}

.expertise__slide .expertise__image {
  margin: 0;
}

.expertise__pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  margin-top: var(--space-l);
}
@media (max-width: 620px) {
  .expertise__pager {
    margin-top: var(--space-s);
  }
}

.expertise__counter {
  display: flex;
  align-items: flex-start;
  margin: 0;
  color: var(--color-panel);
  font-family: var(--font-display);
  font-weight: 800;
  line-height: var(--line-tight);
  text-transform: uppercase;
}

.expertise__current {
  font-size: var(--font-size-h1);
  font-weight: 800;
}

.expertise__total {
  margin: var(--space-s) 0 0 var(--space-3xs);
  font-size: var(--font-size-h3);
}

.expertise__controls {
  display: flex;
  gap: var(--space-s);
}

.expertise__control {
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: none;
  cursor: pointer;
}
.expertise__control:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.expertise__control-icon {
  width: calc(var(--space-xl) - 2px);
  height: auto;
}

.seller-solutions {
  color: var(--color-ink);
}

.seller-solutions__title {
  max-width: 24em;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 620px) {
  .seller-solutions__title {
    max-width: 20em;
  }
}

.seller-solutions__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-m);
  margin-top: var(--space-xl);
}
@media (max-width: 620px) {
  .seller-solutions__layout {
    grid-template-columns: 1fr;
    gap: var(--space-s);
    margin-top: calc(var(--space-m) + var(--space-3xs));
  }
}

.seller-solutions__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 620px) {
  .seller-solutions__list {
    gap: var(--space-s);
  }
}

.seller-solutions__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-m);
  padding: calc(var(--space-m) + var(--space-3xs)) var(--space-l);
  border-radius: var(--radius-xl);
  background: var(--color-panel);
}
@media (max-width: 620px) {
  .seller-solutions__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-2xs);
    padding: var(--space-xs) var(--space-m);
    border-radius: var(--radius-m);
  }
  .seller-solutions__item.is-open {
    padding: var(--space-m);
  }
}

.seller-solutions__copy {
  align-self: center;
}
.is-open > .seller-solutions__copy {
  align-self: flex-start;
}

.seller-solutions__item-title {
  margin: 0;
  font-size: var(--font-size-h4);
  font-weight: 700;
}
@media (max-width: 620px) {
  .seller-solutions__item-title {
    font-size: var(--font-size-lead);
  }
}

.seller-solutions__text {
  margin: var(--space-s) 0 0;
  font-size: var(--font-size-body);
}
.is-open .seller-solutions__text {
  margin-top: calc(var(--space-m) + var(--space-2xs) - 2px);
}
@media (max-width: 620px) {
  .seller-solutions__text {
    display: none;
    font-size: var(--font-size-small);
  }
  .is-open .seller-solutions__text {
    display: block;
    margin-top: var(--space-l);
  }
}

.seller-solutions__toggle-icon {
  width: var(--space-s);
  height: var(--space-s);
  object-fit: contain;
}

.seller-solutions__media {
  overflow: hidden;
  aspect-ratio: 589/600;
  border-radius: var(--radius-2xl);
  background: linear-gradient(180deg, var(--color-brand), var(--color-brand-deep));
}
@media (max-width: 620px) {
  .seller-solutions__media {
    order: -1;
    aspect-ratio: 335/348;
    border-radius: var(--radius-xl);
  }
}

.seller-solutions__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 589/789;
  object-fit: cover;
  object-position: top center;
}
@media (max-width: 620px) {
  .seller-solutions__image {
    aspect-ratio: 328/418;
  }
}

.tour {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26.375rem;
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "title badge" "intro form" "points form" "bottom bottom";
  column-gap: var(--space-xl);
  color: var(--color-ink);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .tour {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "title" "badge" "intro" "points" "form" "bottom";
  }
}
@media (max-width: 620px) {
  .tour {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "title" "intro" "form" "bottom";
  }
}

.tour__swoosh {
  position: absolute;
  top: calc(-2 * var(--space-xl));
  left: 52.3%;
  width: 53.25%;
  height: auto;
  max-width: none;
  transform: rotate(146deg);
  pointer-events: none;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .tour__swoosh {
    display: none;
  }
}
@media (max-width: 620px) {
  .tour__swoosh {
    display: none;
  }
}

.tour__title {
  position: relative;
  grid-area: title;
  margin: 0;
}
@media (max-width: 620px) {
  .tour__title {
    max-width: 20em;
    margin-inline: auto;
    text-align: center;
  }
}

.tour__badge {
  position: relative;
  display: flex;
  grid-area: badge;
  align-items: center;
  align-self: start;
  gap: var(--space-xs);
  padding: var(--space-xs);
  border-radius: var(--radius-m);
  background: var(--color-panel);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .tour__badge {
    justify-self: start;
    margin-top: var(--space-m);
  }
}
@media (max-width: 620px) {
  .tour__badge {
    display: none;
  }
}

.tour__badge-text {
  margin: 0;
  font-size: var(--font-size-lead);
  white-space: nowrap;
}

.tour__icon-img {
  width: calc(var(--space-l) - 2px);
  height: auto;
  object-fit: contain;
}
.tour__icon--s > .tour__icon-img {
  width: calc(var(--space-m) + var(--space-3xs));
}

.tour__intro {
  position: relative;
  grid-area: intro;
  max-width: 29.5rem;
  margin: calc(var(--space-xl) + var(--space-m)) 0 0;
  font-size: var(--font-size-h4);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .tour__intro {
    margin-top: var(--space-l);
  }
}
@media (max-width: 620px) {
  .tour__intro {
    max-width: none;
    margin-top: var(--space-m);
    font-size: var(--font-size-body);
    text-align: center;
  }
}

.tour__points {
  position: relative;
  display: flex;
  grid-area: points;
  flex-direction: column;
  gap: calc(var(--space-m) + var(--space-3xs));
  max-width: 36.875rem;
  margin: var(--space-xl) 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 620px) {
  .tour__points {
    display: none;
  }
}

.tour__point {
  display: flex;
  align-items: center;
  gap: var(--space-s);
  padding-bottom: calc(var(--space-m) + var(--space-3xs));
  border-bottom: 1px solid var(--color-panel);
}
.tour__point:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.tour__point-text {
  max-width: 30.3rem;
  margin: 0;
  font-size: var(--font-size-h4);
}

.tour__person {
  position: relative;
  z-index: 0;
  grid-column: 1/-1;
  grid-row: 2/4;
  align-self: end;
  justify-self: start;
  width: 49.6%;
  height: auto;
  max-width: none;
  margin: 0 0 calc(-1 * var(--space-xl)) 30.3%;
  transform: scaleX(-1);
  pointer-events: none;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .tour__person {
    display: none;
  }
}
@media (max-width: 620px) {
  .tour__person {
    display: none;
  }
}

.tour__points,
.tour__intro,
.tour__form {
  z-index: 1;
}

.tour__form {
  position: relative;
  grid-area: form;
  align-self: start;
  padding: calc(var(--space-l) + var(--space-2xs));
  border-radius: var(--radius-xl);
  background: linear-gradient(285.383deg, var(--color-panel) 53.993%, var(--color-white) 108.16%);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .tour__form {
    width: 100%;
    max-width: 36.875rem;
    margin-top: var(--space-xl);
  }
}
@media (max-width: 620px) {
  .tour__form {
    margin-top: var(--space-m);
    padding: var(--space-l) var(--space-l) var(--space-s);
  }
}

.tour__form-title {
  margin: 0;
  font-size: var(--font-size-h3);
  font-weight: 700;
}
@media (max-width: 620px) {
  .tour__form-title {
    font-size: var(--font-size-h4);
    text-align: center;
  }
}

.tour__form-text {
  max-width: 16.75rem;
  margin: var(--space-m) 0 0;
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .tour__form-text {
    margin: var(--space-s) auto 0;
    font-size: var(--font-size-small);
    text-align: center;
  }
}

.tour__fields {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  margin-top: var(--space-m);
}
@media (max-width: 620px) {
  .tour__fields {
    gap: var(--space-s);
    margin-top: var(--space-s);
  }
}

.tour__input {
  min-width: 0;
  padding: var(--space-m) var(--space-l);
  background: var(--color-white);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .tour__input {
    padding: var(--space-s) var(--space-l);
    font-size: var(--font-size-body);
  }
}
.tour__input::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.tour__submit {
  padding: var(--space-m);
  border-radius: var(--radius-s);
  font-size: var(--font-size-lead);
  cursor: pointer;
}
@media (max-width: 620px) {
  .tour__submit {
    padding: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.tour__consent {
  margin-top: var(--space-m);
}
@media (max-width: 620px) {
  .tour__consent {
    margin-top: var(--space-s);
  }
}

.tour__link {
  color: var(--color-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.tour__bottom {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  grid-area: bottom;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m) var(--space-xl);
  margin-top: var(--space-xl);
  padding: calc(var(--space-m) + var(--space-3xs)) var(--space-l);
  border-radius: var(--radius-xl);
  background: linear-gradient(138.18deg, var(--color-brand) 3.055%, var(--color-brand-deep) 119.1%);
  color: var(--color-white);
}
@media (max-width: 620px) {
  .tour__bottom {
    gap: var(--space-s);
    margin-top: var(--space-l);
    padding: var(--space-m);
    border-radius: var(--radius-l);
  }
}

.tour__facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-m) var(--space-xl);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 620px) {
  .tour__facts {
    gap: var(--space-xs) var(--space-m);
  }
}

.tour__fact {
  display: flex;
  align-items: center;
  gap: var(--space-s);
}
.tour__fact + .tour__fact {
  padding-left: var(--space-xl);
  border-left: 1px solid color-mix(in srgb, var(--color-white) 45%, transparent);
}
@media (max-width: 620px) {
  .tour__fact {
    gap: var(--space-2xs);
  }
  .tour__fact + .tour__fact {
    padding-left: 0;
    border-left: 0;
  }
  .tour__fact .tour__icon {
    width: calc(var(--space-l) - 2px);
  }
  .tour__fact .tour__icon-img {
    width: var(--space-s);
  }
}

.tour__fact-value {
  font-size: var(--font-size-h4);
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .tour__fact-value {
    font-size: var(--font-size-small);
  }
}

.tour__plan {
  display: flex;
  flex: 0 1 21.75rem;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  padding: var(--space-m);
  border-radius: var(--radius-s);
  background: var(--color-white);
}
.tour__plan:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: 2px;
}
@media (max-width: 620px) {
  .tour__plan {
    flex-basis: 100%;
    padding-block: var(--space-xs);
  }
}

.tour__plan-icon {
  width: calc(var(--space-l) + var(--space-3xs) / 2);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}

.tour__plan-label {
  background: var(--gradient-brand-text);
  background-clip: text;
  color: transparent;
  font-size: var(--font-size-lead);
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .tour__plan-label {
    font-size: var(--font-size-body);
  }
}

.about-calculator-promo {
  position: relative;
  padding-block: calc(2 * var(--space-xl) + var(--space-xs)) calc(2 * var(--space-xl));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-calculator-promo {
    padding-block: var(--space-l) 0;
  }
}
@media (max-width: 620px) {
  .about-calculator-promo {
    padding-block: calc(var(--space-xl) + var(--space-xs)) calc(var(--space-s) + var(--space-2xs));
  }
}
.about-calculator-promo::before, .about-calculator-promo::after {
  content: "";
  position: absolute;
  bottom: calc(2 * var(--space-xl));
  border-radius: var(--radius-2xl);
  background: var(--color-brand);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-calculator-promo::before, .about-calculator-promo::after {
    bottom: 0;
  }
}
@media (max-width: 620px) {
  .about-calculator-promo::before, .about-calculator-promo::after {
    bottom: calc(var(--space-s) + var(--space-2xs));
    border-radius: var(--radius-xl);
  }
}
.about-calculator-promo::before {
  top: calc(var(--space-xl) + var(--space-m) + var(--space-3xs));
  inset-inline: calc(var(--shell-gutter) + 6%);
  opacity: 0.2;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-calculator-promo::before {
    top: 0;
  }
}
@media (max-width: 620px) {
  .about-calculator-promo::before {
    top: calc(var(--space-m) + var(--space-3xs));
  }
}
.about-calculator-promo::after {
  top: calc(2 * var(--space-xl) - var(--space-3xs));
  inset-inline: calc(var(--shell-gutter) + 3%);
  opacity: 0.4;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-calculator-promo::after {
    top: var(--space-xs);
  }
}
@media (max-width: 620px) {
  .about-calculator-promo::after {
    top: calc(var(--space-xl) - var(--space-3xs));
  }
}

.about-calculator-promo__card {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 37.4%;
  overflow: hidden;
  border-radius: var(--radius-xl);
  color: var(--color-white);
  background: linear-gradient(102deg, var(--color-brand-deep), #545caa 49%, var(--color-brand));
}
@media (max-width: 620px) {
  .about-calculator-promo__card {
    grid-template-columns: minmax(0, 1fr);
  }
}

.about-calculator-promo__copy {
  position: relative;
  z-index: 2;
  padding: calc(var(--space-xl) + var(--space-s)) 0 calc(var(--space-xl) + var(--space-s)) calc(var(--space-xl) + var(--space-m) + var(--space-3xs));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-calculator-promo__copy {
    padding: var(--space-xl);
  }
}
@media (max-width: 620px) {
  .about-calculator-promo__copy {
    padding: calc(var(--space-xl) - 1px) var(--space-m) 0;
    text-align: center;
  }
}

.about-calculator-promo__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--font-size-h2);
  font-weight: 800;
  text-transform: uppercase;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-calculator-promo__title {
    font-size: clamp(var(--font-size-h3), 2.4vw, var(--font-size-h2));
  }
}
@media (max-width: 620px) {
  .about-calculator-promo__title {
    font-size: var(--font-size-lead);
  }
}

.about-calculator-promo__line {
  display: block;
}

.about-calculator-promo__title--default > .about-calculator-promo__line {
  white-space: nowrap;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-calculator-promo__title--default > .about-calculator-promo__line {
    white-space: normal;
  }
}
@media (max-width: 620px) {
  .about-calculator-promo__title--default > .about-calculator-promo__line {
    white-space: normal;
  }
}

.about-calculator-promo__text {
  max-width: 38.5rem;
  margin-top: var(--space-l);
  font-size: var(--font-size-h4);
}
@media (max-width: 620px) {
  .about-calculator-promo__text {
    max-width: none;
    margin-top: var(--space-m);
  }
}
@media (min-width: 621px) and (max-width: 1024px) {
  .about-calculator-promo__text {
    font-size: var(--font-size-lead);
  }
}
@media (max-width: 620px) {
  .about-calculator-promo__text {
    font-size: var(--font-size-body);
  }
}
.about-calculator-promo__text > * {
  margin: 0;
}

.about-calculator-promo__button {
  min-width: min(22rem, 100%);
  margin-top: var(--space-l);
  padding-block: var(--space-m);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .about-calculator-promo__button {
    width: 100%;
    min-width: 0;
    margin-top: var(--space-m);
  }
}
@media (max-width: 620px) {
  .about-calculator-promo__button {
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.about-calculator-promo__art {
  position: relative;
  z-index: 1;
  align-self: end;
  aspect-ratio: 449/417;
  container-type: inline-size;
}
@media (max-width: 620px) {
  .about-calculator-promo__art {
    aspect-ratio: 335/262;
  }
}

.about-calculator-promo__person,
.about-calculator-promo__chart,
.about-calculator-promo__arrow {
  position: absolute;
  max-width: none;
}

.about-calculator-promo__person {
  z-index: 2;
  top: 3.3cqw;
  left: 0;
  width: 116.9cqw;
  height: auto;
}
@media (max-width: 620px) {
  .about-calculator-promo__person {
    top: 5.7cqw;
    left: 5.7cqw;
    width: 107.5cqw;
  }
}

.about-calculator-promo__chart {
  z-index: 1;
  mix-blend-mode: soft-light;
}

.about-calculator-promo__chart--bottom {
  top: 46.3cqw;
  left: 11.1cqw;
  width: 60.1cqw;
  height: auto;
  transform: rotate(-0.84deg);
}
@media (max-width: 620px) {
  .about-calculator-promo__chart--bottom {
    top: 45.4cqw;
    left: 15.8cqw;
    width: 55.2cqw;
  }
}

.about-calculator-promo__chart--top {
  top: -2.9cqw;
  left: 10.9cqw;
  width: 62.4cqw;
  height: auto;
  transform: rotate(1.39deg);
}
@media (max-width: 620px) {
  .about-calculator-promo__chart--top {
    top: 0;
    left: 15.8cqw;
    width: 57.3cqw;
  }
}

.about-calculator-promo__arrow {
  z-index: 3;
  top: 55.9cqw;
  left: -41cqw;
  width: 19.4cqw;
  height: auto;
  transform: rotate(-143.92deg);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .about-calculator-promo__arrow {
    display: none;
  }
}
@media (max-width: 620px) {
  .about-calculator-promo__arrow {
    display: none;
  }
}

.about-calculator-promo__arrow--mobile {
  display: none;
}
@media (max-width: 620px) {
  .about-calculator-promo__arrow--mobile {
    top: 3cqw;
    left: 79.7cqw;
    display: block;
    width: 7.4cqw;
    transform: none;
  }
}

.about-information {
  --about-information-card: 18.1875rem;
  position: relative;
  padding: calc(var(--space-xl) + var(--space-xs)) calc(var(--space-xl) + var(--space-m)) calc(var(--space-xl) + var(--space-m));
  overflow: hidden;
  border-radius: var(--radius-2xl);
  background: linear-gradient(123deg, var(--color-panel), #b9c7fb 43%, var(--color-brand));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-information {
    padding-inline: var(--space-xl);
  }
}
@media (max-width: 620px) {
  .about-information {
    width: calc(100% - 2 * var(--space-m));
    padding: var(--space-m) var(--space-3xs) var(--space-s);
    border-radius: var(--radius-xl);
  }
}

.about-information__title {
  margin: 0 0 calc(var(--space-xl) + var(--space-xs) - 2px);
  line-height: 1;
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-information__title {
    font-size: clamp(var(--font-size-h2), 3.2vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .about-information__title {
    margin-bottom: var(--space-s);
    font-size: var(--font-size-h3);
  }
}

@media (max-width: 620px) {
  .about-information__viewport {
    margin-left: var(--space-m);
    overflow: hidden;
  }
}

.about-information__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-m);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .about-information__grid {
    gap: var(--space-s);
  }
}
.about-information__grid {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 620px) {
  .about-information__grid {
    display: flex;
    width: max-content;
    transform: translateX(calc(var(--about-slide) * -1 * (var(--about-information-card) + var(--space-m))));
    transition: transform 0.3s var(--ease-out);
  }
}

.about-information__card {
  display: grid;
  min-width: 0;
  grid-template-rows: auto auto;
  padding: var(--space-l) var(--space-l) var(--space-l);
  border-radius: var(--radius-xl);
  background: var(--color-white);
  box-shadow: var(--shadow-card);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .about-information__card {
    padding: var(--space-s);
  }
}
@media (max-width: 620px) {
  .about-information__card {
    flex: none;
    width: var(--about-information-card);
    padding: var(--space-xs) var(--space-m) var(--space-s);
    border-radius: var(--radius-l);
    box-shadow: none;
  }
}

.about-information__card-title {
  margin: 0 0 var(--space-m);
  font-size: var(--font-size-h3);
  font-weight: 700;
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .about-information__card-title {
    font-size: var(--font-size-lead);
  }
}
@media (max-width: 620px) {
  .about-information__card-title {
    margin-bottom: var(--space-2xs);
    font-size: var(--font-size-lead);
  }
}

.about-information__visual,
.about-information__button {
  grid-row: 2;
  grid-column: 1;
}

.about-information__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  aspect-ratio: 295/209;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, var(--color-panel), var(--color-surface));
}
@media (max-width: 620px) {
  .about-information__visual {
    aspect-ratio: 251/153;
    border-radius: var(--radius-l);
  }
}

.about-information__image {
  width: 55%;
  height: auto;
  max-height: 72%;
  object-fit: contain;
  translate: 0 -10%;
}
@media (max-width: 620px) {
  .about-information__image {
    max-height: 75%;
  }
}

.about-information__image--tall {
  max-height: 82%;
}

.about-information__button {
  z-index: 1;
  align-self: end;
  padding-block: var(--space-m);
  border-radius: var(--radius-s);
  font-size: var(--font-size-lead);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .about-information__button {
    grid-row: 3;
    margin-top: var(--space-2xs);
    padding-inline: var(--space-2xs);
  }
}
@media (max-width: 620px) {
  .about-information__button {
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.about-information__controls {
  display: none;
}
@media (max-width: 620px) {
  .about-information__controls {
    display: flex;
    justify-content: center;
    gap: var(--space-s);
    margin-top: var(--space-s);
  }
}

.about-information__step {
  display: flex;
  padding: 0;
  border: 0;
  background: transparent;
}

.about-geography {
  overflow: hidden;
  padding-top: calc(2 * var(--space-xl) - var(--space-3xs));
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-geography {
    padding-top: 0;
  }
}
@media (max-width: 620px) {
  .about-geography {
    padding-top: calc(var(--space-xl) - 2px);
  }
}

.about-geography__title {
  margin: 0 auto;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-geography__title {
    font-size: clamp(var(--font-size-h2), 3.2vw, var(--font-size-h1));
  }
}
@media (max-width: 620px) {
  .about-geography__title {
    font-size: var(--font-size-h3);
    line-height: 1.4;
  }
}

.about-geography__stage {
  position: relative;
  width: 80.9375rem;
  max-width: 100%;
  margin: calc(-1 * (var(--space-xl) - var(--space-2xs))) auto 0;
  container-type: inline-size;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-geography__stage {
    width: 125%;
    max-width: none;
    margin: 0;
  }
}
@media (max-width: 620px) {
  .about-geography__stage {
    width: calc(var(--font-size-small) / 0.0139);
    max-width: none;
    margin: var(--space-2xs) 0 0;
  }
}

@media (max-width: 620px) {
  .about-geography__viewport {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
}

.about-geography__map {
  display: block;
  width: 95.5%;
  height: auto;
  margin-left: 4.5%;
}

.about-geography__labels {
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-geography__label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.45em;
  min-height: 3em;
  padding: 0.78em 1em;
  border-radius: 0.72em;
  background: color-mix(in srgb, var(--color-panel) 72%, transparent);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(var(--space-3xs));
  font-size: 1.39cqw;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .about-geography__label {
    font-size: max(var(--font-size-body), 1.39cqw);
  }
}
@media (max-width: 620px) {
  .about-geography__label {
    font-size: max(var(--font-size-small), 1.39cqw);
  }
}

.about-geography__pin {
  flex: none;
  width: 0.83em;
  height: auto;
}

.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 43.6%;
  grid-template-rows: auto 1fr;
  grid-template-areas: "copy copy visual" "button preview visual";
  column-gap: calc(var(--space-m) + var(--space-3xs));
  padding-top: calc(var(--space-xl) + var(--space-m) + var(--space-3xs));
  padding-bottom: calc(var(--space-xl) + var(--space-2xs));
  color: var(--color-ink);
  --home-hero-title-size: 34px;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .home-hero {
    padding-bottom: 0;
  }
}
@media (min-width: 621px) and (max-width: 1024px) {
  .home-hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "copy" "button" "visual" "preview";
    row-gap: var(--space-s);
  }
}
@media (max-width: 620px) {
  .home-hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "copy" "button" "visual" "preview";
    row-gap: var(--space-xs);
    padding-top: var(--space-m);
    padding-bottom: 0;
    text-align: center;
  }
}

.home-hero__copy {
  grid-area: copy;
  max-width: 35.5625rem;
  margin-top: var(--space-2xs);
}
@media (max-width: 620px) {
  .home-hero__copy {
    max-width: none;
    margin: 0 0 var(--space-2xs);
  }
}

.home-hero__breadcrumbs {
  margin-bottom: var(--space-m);
  text-align: left;
}
@media (max-width: 620px) {
  .home-hero__breadcrumbs {
    margin-bottom: var(--space-xs);
  }
}

.home-hero__eyebrow {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-size-h4);
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .home-hero__eyebrow {
    font-size: var(--font-size-small);
    white-space: nowrap;
  }
}

.home-hero__title {
  margin: calc(var(--space-l) + 2px) 0;
  font-family: var(--font-display);
  font-size: var(--home-hero-title-size);
  font-weight: 800;
  text-transform: uppercase;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .home-hero__title {
    font-size: clamp(var(--font-size-h3), 2.4vw, var(--home-hero-title-size));
  }
}
@media (max-width: 620px) {
  .home-hero__title {
    margin: var(--space-s) 0;
    font-size: var(--font-size-h4);
  }
}

.home-hero__lead {
  margin: 0;
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .home-hero__lead {
    font-size: var(--font-size-small);
  }
}

.home-hero__features {
  display: grid;
  gap: var(--space-m);
  margin: calc(var(--space-l) + 2px) 0 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
@media (max-width: 620px) {
  .home-hero__features {
    gap: var(--space-xs);
    margin-top: var(--space-s);
  }
}

.home-hero__feature {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2xs);
}

.home-hero__check {
  flex: none;
  width: 1.875rem;
  height: auto;
}
@media (max-width: 620px) {
  .home-hero__check {
    width: 1.084rem;
  }
}

.home-hero__feature-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}

.home-hero__feature-title {
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .home-hero__feature-title {
    font-size: var(--font-size-small);
  }
}

.home-hero__feature-note {
  font-size: var(--font-size-body);
}
@media (max-width: 620px) {
  .home-hero__feature-note {
    font-size: var(--font-size-small);
  }
}

.home-hero__button {
  grid-area: button;
  align-self: start;
  margin-top: calc(2 * var(--space-xl) + var(--space-s));
  padding-block: var(--space-l);
  border-radius: var(--radius-s);
  font-size: var(--font-size-lead);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .home-hero__button {
    margin-top: var(--space-l);
  }
}
@media (max-width: 620px) {
  .home-hero__button {
    margin-top: 0;
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.home-hero__preview {
  display: flex;
  grid-area: preview;
  align-items: center;
  align-self: start;
  gap: var(--space-s);
  margin-top: calc(2 * var(--space-xl) + var(--space-s));
  padding: var(--space-xs) var(--space-l) var(--space-xs) var(--space-xs);
  border-radius: var(--radius-s);
  background: linear-gradient(290.31deg, var(--color-white) -14.83%, var(--color-panel) 55.62%);
  font-size: var(--font-size-lead);
  font-weight: 600;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .home-hero__preview {
    margin-top: 0;
  }
}
@media (max-width: 620px) {
  .home-hero__preview {
    margin-top: 0;
    padding: var(--space-2xs) var(--space-m) var(--space-2xs) var(--space-2xs);
    background: var(--gradient-soft-card);
    font-size: var(--font-size-body);
  }
}

.home-hero__preview-image {
  flex: none;
  width: 6.9375rem;
  aspect-ratio: 111/53;
  height: auto;
  border-radius: var(--radius-s);
  object-fit: cover;
}
@media (max-width: 620px) {
  .home-hero__preview-image {
    width: min(6.9375rem, 36%);
    aspect-ratio: 111/41;
  }
}

.home-hero__preview-label {
  min-width: 0;
}
@media (max-width: 620px) {
  .home-hero__preview-label {
    flex: 1;
  }
}

.home-hero__visual {
  display: grid;
  grid-area: visual;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
  min-height: 0;
  align-self: start;
  aspect-ratio: 523/596;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .home-hero__visual {
    aspect-ratio: 16/10;
  }
}
@media (max-width: 620px) {
  .home-hero__visual {
    aspect-ratio: 335/285;
  }
}

.home-hero__image,
.home-hero__ranking {
  grid-area: 1/1;
}

.home-hero__image {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-2xl);
  object-fit: cover;
}
@media (max-width: 620px) {
  .home-hero__image {
    border-radius: var(--radius-xl);
  }
}

@media (max-width: 620px) {
  .home-hero__image--base {
    display: none;
  }
}

.home-hero__ranking {
  --home-hero-rank-note: #c3caf0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-self: end;
  align-self: end;
  width: 11.5625rem;
  margin: 0 var(--space-m) var(--space-m) 0;
  padding: var(--space-m);
  border-radius: var(--radius-xl);
  color: var(--color-white);
  background: var(--gradient-rating-card);
}
@media (max-width: 620px) {
  .home-hero__ranking {
    display: none;
  }
}

.home-hero__rank-title {
  font-family: var(--font-display);
  font-size: var(--font-size-h2);
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}

.home-hero__rank-subtitle {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  font-size: var(--font-size-body);
  font-weight: 500;
  white-space: nowrap;
}

.home-hero__raex {
  display: inline-flex;
  flex: none;
  width: 1.1rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.home-hero__rank-note {
  margin-top: var(--space-2xs);
  color: var(--home-hero-rank-note);
  font-size: var(--font-size-small);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .home-hero__rank-note {
    font-size: var(--font-size-body);
  }
}

.work-scheme {
  --work-scheme-departments-top: #c1cdff;
  --work-scheme-client-bottom: #e2e7f9cc;
  --work-scheme-office-size: 64px;
  --work-scheme-line: 2px dashed var(--color-brand);
  color: var(--color-ink);
}
@media (max-width: 620px) {
  .work-scheme {
    --work-scheme-office-size: calc(var(--space-xl) + var(--space-2xs));
  }
}

.work-scheme__title {
  margin: 0;
  line-height: normal;
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .work-scheme__title {
    font-size: clamp(var(--font-size-h2), 3.2vw, var(--font-size-h1));
  }
}

.work-scheme__lead {
  max-width: 56rem;
  margin: var(--space-m) auto 0;
  font-size: var(--font-size-h4);
  text-align: center;
}
@media (max-width: 620px) {
  .work-scheme__lead {
    margin-bottom: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.work-scheme__board {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 168fr) minmax(0, 31fr) minmax(0, 168fr) minmax(0, 31fr) minmax(0, 743fr);
  grid-template-areas: "office office office office office" "client arrow1 manager arrow2 departments" "out-client . out-manager . out-team";
  column-gap: 2px;
  row-gap: calc(var(--space-l) + var(--space-2xs) - 2px);
  margin-top: var(--space-l);
  padding: calc(var(--space-l) + var(--space-3xs)) var(--space-m) var(--space-l);
  border-radius: var(--radius-2xl);
  background: linear-gradient(180deg, var(--color-panel), var(--color-white));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__board {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "office" "client" "out-client" "manager" "out-manager" "departments" "out-team";
    row-gap: 0;
    max-width: 40rem;
    margin-inline: auto;
    margin-top: var(--space-m);
    padding: 0 var(--space-s) var(--space-m);
    overflow: hidden;
    border-radius: var(--radius-xl);
  }
}
@media (max-width: 620px) {
  .work-scheme__board {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "office" "client" "out-client" "manager" "out-manager" "departments" "out-team";
    row-gap: 0;
    max-width: 40rem;
    margin-inline: auto;
    margin-top: var(--space-m);
    padding: 0 var(--space-s) var(--space-m);
    overflow: hidden;
    border-radius: var(--radius-xl);
  }
}

.work-scheme__office {
  display: flex;
  grid-area: office;
  align-items: flex-start;
  gap: var(--space-2xs);
  max-width: 14.0625rem;
  margin: 0 0 0 calc(2 * var(--space-xl) + var(--space-2xs));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__office {
    margin: 0;
    padding: var(--space-xs) var(--space-2xs) var(--space-m);
  }
}
@media (max-width: 620px) {
  .work-scheme__office {
    margin: 0;
    padding: var(--space-xs) var(--space-2xs) var(--space-m);
  }
}

.work-scheme__office-name {
  font-family: var(--font-display);
  font-size: var(--work-scheme-office-size);
  font-weight: 800;
  line-height: 1;
}

.work-scheme__office-caption {
  margin-top: var(--space-xs);
  font-size: var(--font-size-h3);
  font-weight: 700;
  line-height: 1.08;
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .work-scheme__office-caption {
    margin-top: var(--space-2xs);
    font-size: var(--font-size-lead);
  }
}

.work-scheme__secret {
  position: absolute;
  z-index: 2;
  top: var(--space-m);
  right: var(--space-l);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2xs);
  width: 12.625rem;
  margin: 0;
  padding: var(--space-m) var(--space-m) var(--space-xs);
  border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--color-surface) 56%, transparent);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(var(--space-2xs));
  font-size: var(--font-size-body);
  font-weight: 500;
  text-align: center;
  transform: rotate(8.56deg);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__secret {
    display: none;
  }
}
@media (max-width: 620px) {
  .work-scheme__secret {
    display: none;
  }
}

.work-scheme__secret-arrow {
  width: 3.3rem;
  height: auto;
  transform: rotate(166.68deg);
}

.work-scheme__person {
  position: relative;
  display: grid;
  align-content: start;
  overflow: hidden;
  border-radius: var(--radius-xl);
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__person {
    align-content: center;
    aspect-ratio: 303/136;
    text-align: left;
  }
}
@media (max-width: 620px) {
  .work-scheme__person {
    align-content: center;
    aspect-ratio: 303/136;
    text-align: left;
  }
}

.work-scheme__person--client {
  grid-area: client;
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-white) 80%, transparent), var(--work-scheme-client-bottom));
}

.work-scheme__person--manager {
  grid-area: manager;
  color: var(--color-white);
  background: linear-gradient(180deg, var(--color-brand), var(--color-brand-deep));
}

.work-scheme__person-title {
  position: relative;
  z-index: 1;
  margin: calc(var(--space-l) + 2px) 0 0;
  font-size: var(--font-size-h4);
  font-weight: 700;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__person-title {
    align-self: center;
    margin: 0 0 0 var(--space-m);
    font-size: var(--font-size-lead);
  }
}
@media (max-width: 620px) {
  .work-scheme__person-title {
    align-self: center;
    margin: 0 0 0 var(--space-m);
    font-size: var(--font-size-lead);
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__person--manager > .work-scheme__person-title {
    max-width: 5.625rem;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .work-scheme__person--manager > .work-scheme__person-title {
    max-width: 5.625rem;
    text-align: center;
  }
}

.work-scheme__photo {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: auto;
}

.work-scheme__person--client > .work-scheme__photo {
  width: 375%;
  margin: 53.6% 0 0 -137.5%;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__person--client > .work-scheme__photo {
    width: 133.3%;
    margin: 0 0 0 -9.6%;
  }
}
@media (max-width: 620px) {
  .work-scheme__person--client > .work-scheme__photo {
    width: 133.3%;
    margin: 0 0 0 -9.6%;
  }
}

.work-scheme__person--manager > .work-scheme__photo {
  width: 154%;
  margin: 31% 0 0 -15.5%;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__person--manager > .work-scheme__photo {
    right: 0;
    left: auto;
    width: 57%;
    margin: -6.6% 0 0;
  }
}
@media (max-width: 620px) {
  .work-scheme__person--manager > .work-scheme__photo {
    right: 0;
    left: auto;
    width: 57%;
    margin: -6.6% 0 0;
  }
}

.work-scheme__arrow {
  align-self: center;
  width: 100%;
  height: auto;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__arrow {
    display: none;
  }
}
@media (max-width: 620px) {
  .work-scheme__arrow {
    display: none;
  }
}

.work-scheme__arrow--first {
  grid-area: arrow1;
}

.work-scheme__arrow--second {
  grid-area: arrow2;
}

.work-scheme__departments {
  display: flex;
  grid-area: departments;
  flex-direction: column;
  gap: calc(var(--space-m) + var(--space-3xs));
  padding: var(--space-xl) var(--space-l);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, var(--work-scheme-departments-top), var(--color-panel));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__departments {
    gap: 0;
    padding: 0;
    overflow: hidden;
    border-radius: var(--radius-l);
  }
}
@media (max-width: 620px) {
  .work-scheme__departments {
    gap: 0;
    padding: 0;
    overflow: hidden;
    border-radius: var(--radius-l);
  }
}

.work-scheme__departments-title {
  margin: 0;
  font-size: var(--font-size-h4);
  font-weight: 700;
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__departments-title {
    font-size: var(--font-size-lead);
    text-align: left;
  }
}
@media (max-width: 620px) {
  .work-scheme__departments-title {
    font-size: var(--font-size-lead);
    text-align: left;
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__departments-text {
    display: none;
  }
}
@media (max-width: 620px) {
  .work-scheme__departments-text {
    display: none;
  }
}

.work-scheme__toggle {
  display: none;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2xs);
    width: 100%;
    padding: calc(var(--space-l) + var(--space-2xs)) var(--space-m);
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
  }
}
@media (max-width: 620px) {
  .work-scheme__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2xs);
    width: 100%;
    padding: calc(var(--space-l) + var(--space-2xs)) var(--space-m);
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
  }
}

.work-scheme__details {
  display: grid;
  gap: calc(var(--space-m) + var(--space-3xs));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__details {
    gap: var(--space-m);
    padding: 0 var(--space-m) var(--space-m);
  }
}
@media (max-width: 620px) {
  .work-scheme__details {
    gap: var(--space-m);
    padding: 0 var(--space-m) var(--space-m);
  }
}

@media (min-width: 1025px) {
  .work-scheme__details[hidden] {
    display: grid;
  }
}

.work-scheme__row {
  display: grid;
  grid-template-columns: 6.125rem minmax(0, 1fr);
  gap: var(--space-xs);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xs);
  }
}
@media (max-width: 620px) {
  .work-scheme__row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xs);
  }
}

.work-scheme__row-label {
  margin: var(--space-2xs) 0 0;
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 500;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__row-label {
    margin: 0;
  }
}
@media (max-width: 620px) {
  .work-scheme__row-label {
    margin: 0;
  }
}
@media (max-width: 620px) {
  .work-scheme__row-label {
    font-size: var(--font-size-small);
  }
}

.work-scheme__row-line {
  display: block;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__row-line {
    display: inline;
  }
}
@media (max-width: 620px) {
  .work-scheme__row-line {
    display: inline;
  }
}

.work-scheme__chips {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2xs);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 620px) {
  .work-scheme__chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .work-scheme__chips--platforms {
    grid-template-columns: repeat(3, minmax(min-content, 1fr));
  }
}

.work-scheme__chip {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--space-xl) + var(--space-s) - 2px);
  padding: var(--space-3xs) var(--space-2xs);
  border-radius: var(--radius-s);
  background: color-mix(in srgb, var(--color-white) 30%, transparent);
  font-size: var(--font-size-body);
  font-weight: 500;
  text-align: center;
}
@media (max-width: 620px) {
  .work-scheme__chip {
    min-height: calc(var(--space-l) + var(--space-3xs));
    padding-inline: var(--space-2xs);
    font-size: var(--font-size-small);
  }
}

.work-scheme__outcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
  margin-top: calc(-1 * var(--space-l) + 2px);
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__outcome {
    gap: var(--space-2xs);
    margin-top: 0;
  }
}
@media (max-width: 620px) {
  .work-scheme__outcome {
    gap: var(--space-2xs);
    margin-top: 0;
  }
}

.work-scheme__outcome--client {
  grid-area: out-client;
}

.work-scheme__outcome--manager {
  grid-area: out-manager;
}

.work-scheme__outcome--team {
  grid-area: out-team;
}

@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__outcome--client::after,
  .work-scheme__outcome--manager::after {
    content: "";
    width: var(--space-2xs);
    height: calc(var(--space-xl) + var(--space-2xs));
    margin: var(--space-xs) 0;
    border-left: var(--work-scheme-line);
    transform: translateX(50%);
    mask: linear-gradient(#000 calc(100% - var(--space-2xs)), transparent 0);
  }
}
@media (max-width: 620px) {
  .work-scheme__outcome--client::after,
  .work-scheme__outcome--manager::after {
    content: "";
    width: var(--space-2xs);
    height: calc(var(--space-xl) + var(--space-2xs));
    margin: var(--space-xs) 0;
    border-left: var(--work-scheme-line);
    transform: translateX(50%);
    mask: linear-gradient(#000 calc(100% - var(--space-2xs)), transparent 0);
  }
}

.work-scheme__bracket {
  width: 100%;
  height: auto;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__bracket {
    display: none;
  }
}
@media (max-width: 620px) {
  .work-scheme__bracket {
    display: none;
  }
}

@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__outcome::before {
    content: "";
    width: 100%;
    height: var(--space-s);
    border: var(--work-scheme-line);
    border-top: 0;
    border-radius: 0 0 var(--radius-m) var(--radius-m);
  }
}
@media (max-width: 620px) {
  .work-scheme__outcome::before {
    content: "";
    width: 100%;
    height: var(--space-s);
    border: var(--work-scheme-line);
    border-top: 0;
    border-radius: 0 0 var(--radius-m) var(--radius-m);
  }
}

.work-scheme__outcome-text {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 500;
}
@media (max-width: 620px) {
  .work-scheme__outcome-text {
    font-size: var(--font-size-small);
  }
}
.work-scheme__outcome-text > * {
  color: var(--color-ink);
}

.work-scheme__results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-m);
  width: 90%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--font-size-body);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .work-scheme__results {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .work-scheme__results {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-s);
    font-size: var(--font-size-small);
  }
}

.work-scheme__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3xs);
}

.work-scheme__result-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3xs);
  color: var(--color-muted);
  font-weight: 500;
}

.work-scheme__result-icon {
  width: var(--space-m);
  height: auto;
}

.work-scheme__result-text {
  font-weight: 700;
}

.faq__title {
  max-width: 21em;
  margin: 0 auto var(--space-xl);
  text-align: center;
}
@media (max-width: 620px) {
  .faq__title {
    max-width: none;
    margin-bottom: var(--space-m);
  }
}

.faq__columns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(20rem, (100% - var(--space-m)) / 2), 1fr));
  align-items: start;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .faq__columns {
    gap: var(--space-s);
  }
}

.faq__column {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .faq__column {
    gap: var(--space-s);
  }
}

.faq__item {
  overflow: hidden;
  border-radius: var(--radius-m);
  background: var(--color-panel);
}

@media (max-width: 620px) {
  .faq:not(.is-expanded) .faq__item--extra {
    display: none;
  }
}

.faq__question {
  font-size: var(--font-size-lead);
  font-weight: 700;
}
@media (max-width: 620px) {
  .faq__question {
    font-size: var(--font-size-body);
    letter-spacing: -0.022em;
  }
}

.faq__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  width: 100%;
  padding: var(--space-s) var(--space-m) var(--space-s) var(--space-l);
  text-align: left;
}
@media (max-width: 620px) {
  .faq__head {
    padding-inline: var(--space-m);
  }
}
.faq__head:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.faq__question-text {
  max-width: 28.5em;
}
@media (max-width: 620px) {
  .faq__question-text {
    max-width: none;
  }
}

.faq__sign {
  position: relative;
}
.faq__sign::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(var(--color-white), var(--color-white)) center/var(--space-s) 1px no-repeat, linear-gradient(var(--color-white), var(--color-white)) center/1px var(--space-s) no-repeat;
  transition: background-size 0.2s var(--ease-out);
}
.faq__head[data-state=open] .faq__sign::before {
  background-size: var(--space-s) 1px, 1px 0;
}

.faq__answer-text {
  padding: 0 var(--space-l) var(--space-m);
  line-height: 1.4;
}
@media (max-width: 620px) {
  .faq__answer-text {
    padding: 0 var(--space-m) var(--space-s);
    font-size: var(--font-size-small);
    line-height: 1.3;
  }
}

.faq__more {
  display: none;
}
@media (max-width: 620px) {
  .faq__more {
    display: flex;
    width: 100%;
    min-height: calc(var(--space-xl) + var(--space-2xs));
    margin-top: var(--space-xs);
    font-size: var(--font-size-small);
  }
  .faq__more[hidden] {
    display: none;
  }
}

.financial-picture {
  --financial-picture-bleed-left: 48px;
  --financial-picture-bleed-bottom: 54px;
  --financial-picture-points: 354px;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template: "title  points" auto "text   points" auto "media  points" 1fr/minmax(0, 1fr) var(--financial-picture-points);
  column-gap: calc(var(--space-xl) + var(--space-l));
  overflow: hidden;
  padding: calc(var(--space-xl) + var(--space-m)) calc(var(--space-xl) + var(--space-m)) 0 calc(var(--space-xl) + var(--space-xs));
  border-radius: var(--radius-2xl);
  background: linear-gradient(56deg, var(--color-panel) 54%, var(--color-white) 116%);
}
.financial-picture::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 107%;
  left: 34%;
  width: 88%;
  aspect-ratio: 1053/1340;
  background: url("/assets/29b10ff9-e0ae-405f-b0db-19bfc74f4554.svg?v=matte-1") center/100% 100% no-repeat;
  translate: -50% -50%;
  rotate: -71deg;
  scale: 1 -1;
  pointer-events: none;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .financial-picture {
    grid-template: "title" "text" "points" "media"/minmax(0, 1fr);
    padding-inline: var(--space-xl);
  }
}
@media (max-width: 620px) {
  .financial-picture {
    grid-template: "title" "text" "points" "media"/minmax(0, 1fr);
    padding: calc(var(--space-l) + 1px) calc(var(--space-m) + var(--space-3xs)) 0;
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, var(--color-surface), var(--color-panel));
    text-align: center;
  }
  .financial-picture::before {
    top: 41%;
    left: 50%;
    width: 233%;
    aspect-ratio: 780/620;
    rotate: -69deg;
    opacity: 0.88;
  }
}

.financial-picture__title {
  grid-area: title;
  max-width: 22em;
  font-family: var(--font-display);
  font-size: var(--font-size-h2);
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .financial-picture__title {
    max-width: 18em;
    margin-inline: auto;
    font-size: var(--font-size-lead);
    line-height: var(--line-tight);
  }
}

.financial-picture__text {
  grid-area: text;
  max-width: 35em;
  margin-top: var(--space-l);
  font-size: var(--font-size-h4);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .financial-picture__text {
    max-width: 22em;
    margin: var(--space-xs) auto 0;
    font-size: var(--font-size-body);
    line-height: var(--line-tight);
  }
}

.financial-picture__media {
  grid-area: media;
  align-self: end;
  margin-top: var(--space-l);
  margin-left: calc(-1 * var(--financial-picture-bleed-left));
  margin-bottom: calc(-1 * var(--financial-picture-bleed-bottom));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .financial-picture__media {
    margin-top: var(--space-xl);
    margin-left: 0;
  }
}
@media (max-width: 620px) {
  .financial-picture__media {
    margin: calc(var(--space-xl) + var(--space-m)) auto 0;
  }
}

.financial-picture__dashboard {
  width: calc(100% - var(--space-xl) + var(--financial-picture-bleed-left));
  max-width: none;
  height: auto;
  border-radius: var(--radius-m);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .financial-picture__dashboard {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .financial-picture__dashboard {
    width: 100%;
    aspect-ratio: 317/211;
    border-radius: 0;
    object-fit: cover;
    object-position: top;
  }
}

.financial-picture__points {
  display: flex;
  flex-direction: column;
  grid-area: points;
  gap: var(--space-m);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .financial-picture__points {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
    margin-top: var(--space-l);
  }
}
@media (max-width: 620px) {
  .financial-picture__points {
    gap: var(--space-s);
    margin-top: var(--space-s);
    text-align: left;
  }
}

.financial-picture__point {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
  padding: var(--space-m) var(--space-s);
  border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--color-white) 62%, transparent);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(var(--space-xs));
}
@media (max-width: 620px) {
  .financial-picture__point {
    padding: var(--space-s) var(--space-xs);
    border: 1px solid color-mix(in srgb, var(--color-white) 72%, transparent);
    border-radius: var(--radius-l);
  }
}

.financial-picture__check {
  flex: none;
  width: calc(var(--space-l) - 2px);
  margin-top: 2px;
}
@media (max-width: 620px) {
  .financial-picture__check {
    width: calc(var(--space-s) + 1px);
  }
}

.financial-picture__point-title {
  font-size: var(--font-size-lead);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .financial-picture__point-title {
    font-size: var(--font-size-body);
    line-height: var(--line-tight);
  }
}

.financial-picture__point-text {
  margin-top: var(--space-xs);
  font-size: var(--font-size-body);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .financial-picture__point-text {
    font-size: var(--font-size-small);
  }
}

.included-services {
  --included-services-lead-overlap: 64px;
  --included-services-office-overlap: 76px;
  --included-services-notes-overlap: 31px;
  --included-services-icon: 30px;
  position: relative;
  isolation: isolate;
}
@media (max-width: 620px) {
  .included-services {
    --included-services-icon: calc(var(--space-m) + var(--space-3xs));
  }
}

.included-services__title {
  text-align: center;
}

.included-services__lead {
  position: relative;
  z-index: 2;
  margin-top: calc(2 * var(--space-xl));
  font-size: var(--font-size-h4);
  letter-spacing: -0.022em;
  text-align: center;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .included-services__lead {
    margin-top: var(--space-m);
  }
}
@media (max-width: 620px) {
  .included-services__lead {
    margin-top: var(--space-m);
  }
}
@media (max-width: 620px) {
  .included-services__lead {
    max-width: 22em;
    margin-inline: auto;
    font-size: var(--font-size-body);
  }
}

.included-services__stage {
  position: relative;
  margin-top: calc(-1 * var(--included-services-lead-overlap));
}
@media (min-width: 621px) and (max-width: 1024px) {
  .included-services__stage {
    margin-top: var(--space-s);
  }
}
@media (max-width: 620px) {
  .included-services__stage {
    margin-top: var(--space-s);
  }
}

.included-services__rings {
  position: relative;
  width: 66%;
  margin-inline: auto;
  padding: 15.3%;
  border-radius: 50%;
  background: linear-gradient(236deg, color-mix(in srgb, var(--color-panel) 30%, transparent) 15%, color-mix(in srgb, var(--color-white) 30%, transparent) 91%);
}
.included-services__rings::before, .included-services__rings::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.included-services__rings::before {
  inset: 4.6%;
  background: linear-gradient(56deg, color-mix(in srgb, var(--color-panel) 60%, transparent) 15%, color-mix(in srgb, var(--color-white) 60%, transparent) 91%);
}
.included-services__rings::after {
  inset: 9.6%;
  background: linear-gradient(236deg, var(--color-panel) 15%, var(--color-white) 91%);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .included-services__rings {
    width: min(95%, 26rem);
    padding: 15.3%;
  }
}
@media (max-width: 620px) {
  .included-services__rings {
    width: min(95%, 26rem);
    padding: 15.3%;
  }
}

.included-services__person {
  position: relative;
  z-index: 1;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(-85deg, var(--color-brand) 3%, var(--color-white) 119%);
}

.included-services__person-img {
  width: 156.7%;
  max-width: none;
  height: auto;
  margin: 4.2% 0 0 -29%;
  aspect-ratio: 862/603;
  object-fit: cover;
}

.included-services__note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
  padding: var(--space-m) var(--space-l) var(--space-m) var(--space-m);
  border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--color-panel) 60%, transparent);
  box-shadow: var(--shadow-card);
}
@media (min-width: 1025px) {
  .included-services__note {
    position: absolute;
    z-index: 3;
    width: 36.3%;
  }
}
@media (max-width: 620px) {
  .included-services__note {
    flex: none;
    width: 17.5rem;
    gap: var(--space-xs);
    padding: var(--space-s) var(--space-s) var(--space-s) var(--space-xs);
    border-radius: var(--radius-m);
    background: color-mix(in srgb, var(--color-white) 78%, transparent);
    box-shadow: 0 var(--space-2xs) var(--space-xs) rgba(44, 52, 112, 0.0705882353);
    scroll-snap-align: start;
  }
}

@media (min-width: 1025px) {
  .included-services__note--1 {
    inset: 18.2% auto auto 5.4%;
  }
  .included-services__note--2 {
    inset: 17.5% auto auto 64%;
  }
  .included-services__note--3 {
    inset: 41.8% auto auto -2.4%;
  }
  .included-services__note--4 {
    inset: 42.6% auto auto min(67.2%, 63.7% + var(--shell-gutter));
  }
  .included-services__note--5 {
    inset: 64.8% auto auto 0.5%;
  }
  .included-services__note--6 {
    inset: 65.6% auto auto 64.3%;
    width: 37.9%;
  }
}
@media (min-width: 621px) and (max-width: 1024px) {
  .included-services__notes {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
    gap: var(--space-s);
    margin-top: calc(-1 * var(--included-services-notes-overlap));
  }
}
@media (max-width: 620px) {
  .included-services__notes {
    position: relative;
    z-index: 3;
    display: flex;
    gap: var(--space-s);
    margin-top: calc(-1 * var(--included-services-notes-overlap));
    margin-right: calc(50% - 50vw);
    padding-block: var(--space-m);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
}

.included-services__note-icon {
  flex: none;
  width: var(--included-services-icon);
  height: auto;
}

.included-services__note-text {
  font-size: var(--font-size-lead);
  line-height: var(--line-tight);
}
@media (max-width: 620px) {
  .included-services__note-text {
    font-size: var(--font-size-small);
  }
}

.included-services__office {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.77fr);
  align-items: center;
  column-gap: calc(var(--space-xl) + var(--space-m));
  overflow: hidden;
  margin-top: calc(-1 * var(--included-services-office-overlap));
  padding: var(--space-l) var(--space-l) var(--space-l) calc(var(--space-xl) + var(--space-2xs));
  border-radius: calc(2 * var(--radius-m));
  color: var(--color-white);
  background: linear-gradient(66deg, var(--color-brand) 13%, var(--color-brand-deep) 90%);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .included-services__office {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-m);
    margin-top: var(--space-m);
  }
}
@media (max-width: 620px) {
  .included-services__office {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-m);
    margin-top: var(--space-m);
  }
}
@media (max-width: 620px) {
  .included-services__office {
    padding: calc(var(--space-m) + var(--space-3xs) + 1px) var(--space-l) var(--space-l);
    border-radius: var(--radius-xl);
    background: linear-gradient(64deg, var(--color-brand-deep) 42%, var(--color-brand) 88%);
  }
}

.included-services__office-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .included-services__office-copy {
    gap: var(--space-xs);
  }
}

.included-services__office-title {
  font-size: var(--font-size-h3);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .included-services__office-title {
    font-size: var(--font-size-body);
  }
}

.included-services__office-subtitle {
  font-size: var(--font-size-lead);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .included-services__office-subtitle {
    font-size: var(--font-size-small);
    font-weight: 700;
  }
}

.included-services__specialists {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: var(--space-xs);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .included-services__specialists {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));
  }
}
@media (max-width: 620px) {
  .included-services__specialists {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
  }
}

.included-services__specialist {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xs);
  border-radius: var(--radius-s);
  background: color-mix(in srgb, var(--color-white) 10%, transparent);
  backdrop-filter: blur(var(--space-xs));
  font-weight: 600;
  letter-spacing: -0.022em;
  text-align: center;
}
@media (max-width: 620px) {
  .included-services__specialist {
    display: block;
    position: relative;
    padding: 0 0 0 var(--space-m);
    border-radius: 0;
    background: none;
    backdrop-filter: none;
    font-size: var(--font-size-small);
    font-weight: 400;
    text-align: left;
  }
  .included-services__specialist::before {
    content: "•";
    position: absolute;
    left: var(--space-3xs);
  }
}

.included-services__dashboards {
  position: absolute;
  z-index: 0;
  top: calc(-1 * var(--space-s));
  left: 61.3%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2xs);
  width: 51.8%;
  opacity: 0.6;
  mix-blend-mode: soft-light;
  transform: skew(-22deg) scaleY(0.93);
  pointer-events: none;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .included-services__dashboards {
    top: auto;
    bottom: calc(-1 * var(--space-xs));
    left: 50%;
    width: 161%;
    opacity: 0.2;
    transform: translate(-50%) skew(-22deg) scaleY(0.93);
  }
}
@media (max-width: 620px) {
  .included-services__dashboards {
    top: auto;
    bottom: calc(-1 * var(--space-xs));
    left: 50%;
    width: 161%;
    opacity: 0.2;
    transform: translate(-50%) skew(-22deg) scaleY(0.93);
  }
}

.included-services__dashboard {
  width: 100%;
  height: auto;
  aspect-ratio: 172/128;
  border-radius: var(--radius-s);
  box-shadow: 0 2px var(--space-2xs) rgba(0, 0, 0, 0.2509803922);
  object-fit: cover;
}

.extra-services__title {
  margin: var(--space-l) auto calc(var(--space-xl) - var(--space-2xs));
  line-height: 1;
  letter-spacing: -0.04em;
  text-align: center;
}
@media (max-width: 620px) {
  .extra-services__title {
    max-width: 16em;
    margin: 0 auto var(--space-m);
    line-height: var(--line-body);
    letter-spacing: 0;
  }
}

.extra-services__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(20rem, (100% - 2 * var(--space-m)) / 3), 1fr));
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .extra-services__grid {
    display: flex;
    gap: calc(var(--space-m) + var(--space-3xs));
    margin-right: calc(50% - 50vw);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
}

.extra-services__card {
  display: grid;
  grid-template-columns: 42% minmax(0, 1fr);
  align-items: center;
  padding: var(--space-s);
  border-radius: var(--radius-xl);
  background: var(--color-panel);
}
@media (max-width: 620px) {
  .extra-services__card {
    flex: none;
    width: 18.75rem;
    grid-template-columns: 33% minmax(0, 1fr);
    align-items: start;
    column-gap: var(--space-2xs);
    padding: var(--space-xs) var(--space-l) var(--space-m) var(--space-2xs);
    background: linear-gradient(124deg, var(--color-panel) 33%, var(--color-white) 88%);
    scroll-snap-align: start;
  }
}

.extra-services__image {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}
@media (max-width: 620px) {
  .extra-services__image {
    aspect-ratio: 98/127;
    object-position: top;
  }
}

.extra-services__name {
  font-size: var(--font-size-lead);
  font-weight: 700;
}
@media (max-width: 620px) {
  .extra-services__name {
    margin-top: var(--space-xs);
    letter-spacing: -0.022em;
  }
}

.extra-services__price {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2xs);
  margin-block: var(--space-xs);
  font-family: var(--font-display);
  white-space: nowrap;
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .extra-services__price {
    margin-block: var(--space-l) var(--space-2xs);
  }
}

.extra-services__price-prefix,
.extra-services__price-unit {
  font-size: var(--font-size-small);
  font-weight: 300;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .extra-services__price-prefix,
  .extra-services__price-unit {
    font-size: var(--font-size-body);
  }
}

.extra-services__price-unit {
  align-self: flex-end;
}

.extra-services__price-value {
  font-size: var(--font-size-h3);
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 620px) {
  .extra-services__price-value {
    font-size: var(--font-size-h4);
  }
}

.extra-services__button {
  width: 100%;
  min-height: calc(var(--space-xl) + var(--space-2xs));
  border-radius: var(--radius-s);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .extra-services__button {
    font-size: var(--font-size-body);
  }
}

.process {
  --process-panel: 448px;
  --process-dot: calc(var(--space-xl) + var(--space-2xs));
  --process-dot-core: calc(var(--space-l) + 2px);
  --process-column: 15.2rem;
  position: relative;
  isolation: isolate;
  padding-top: calc(var(--space-xl) + var(--space-s) - 2px);
  text-align: center;
}
.process::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: var(--process-panel);
  border-radius: var(--radius-2xl);
  background: linear-gradient(63deg, var(--color-panel) 54%, var(--color-white) 116%);
}
@media (max-width: 620px) {
  .process {
    --process-dot: calc(var(--space-l) + var(--space-2xs));
    --process-dot-core: calc(var(--space-m) + 3px);
    padding-top: calc(var(--space-m) + var(--space-3xs) + 1px);
  }
  .process::before {
    border-radius: var(--radius-xl);
  }
}

.process__chip {
  border-color: var(--color-white);
}
@media (max-width: 620px) {
  .process__chip {
    min-width: 12.5em;
    justify-content: center;
    padding-block: var(--space-2xs);
    font-size: var(--font-size-small);
  }
}

.process__title {
  margin-top: calc(var(--space-m) + 2px);
}
@media (max-width: 620px) {
  .process__title {
    max-width: 16em;
    margin: var(--space-s) auto 0;
  }
}

.process__lead {
  max-width: 42em;
  margin: var(--space-m) auto 0;
  font-size: var(--font-size-h4);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .process__lead {
    margin-top: var(--space-xs);
    font-size: var(--font-size-body);
  }
}

.process__stages {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-m);
  margin-top: calc(var(--space-xl) + var(--space-2xs));
  padding-inline: calc(var(--space-xl) - 2px);
}
.process__stages::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(var(--process-dot) / 2 - 1px);
  right: calc(var(--space-xl) - 2px + (100% - 2 * (var(--space-xl) - 2px) - 2 * var(--space-m)) / 6);
  left: calc(var(--space-xl) - 2px + (100% - 2 * (var(--space-xl) - 2px) - 2 * var(--space-m)) / 6);
  border-top: 2px dashed var(--color-brand);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .process__stages {
    display: flex;
    gap: var(--space-m);
    margin-inline: calc(50% - 50vw);
    margin-top: var(--space-m);
    padding: 0 calc(50vw - 50% + var(--space-m) + var(--space-3xs)) var(--space-l);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .process__stages::before {
    right: auto;
    left: calc(50vw - 50% + var(--space-m) + var(--space-3xs) + var(--process-column) / 2);
    width: calc(2 * (var(--process-column) + var(--space-m)));
  }
}
@media (max-width: 620px) {
  .process__stages {
    display: flex;
    gap: var(--space-m);
    margin-inline: calc(50% - 50vw);
    margin-top: var(--space-m);
    padding: 0 calc(50vw - 50% + var(--space-m) + var(--space-3xs)) var(--space-l);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .process__stages::before {
    right: auto;
    left: calc(50vw - 50% + var(--space-m) + var(--space-3xs) + var(--process-column) / 2);
    width: calc(2 * (var(--process-column) + var(--space-m)));
  }
}

.process__stage {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .process__stage {
    flex: none;
    width: var(--process-column);
  }
}
@media (max-width: 620px) {
  .process__stage {
    flex: none;
    width: var(--process-column);
  }
}
@media (max-width: 620px) {
  .process__stage {
    gap: var(--space-s);
  }
}

.process__stage-head {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2xs);
}

.process__dot {
  display: grid;
  place-items: center;
  width: var(--process-dot);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle closest-side, var(--color-brand) calc(var(--process-dot-core) / 2 - 1px), transparent calc(var(--process-dot-core) / 2)), color-mix(in srgb, var(--color-brand) 20%, var(--color-white));
}

.process__dot-icon {
  width: var(--space-s);
  height: auto;
}
@media (max-width: 620px) {
  .process__dot-icon {
    width: var(--space-xs);
  }
}

.process__stage-title {
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .process__stage-title {
    max-width: 12.5em;
    font-size: var(--font-size-lead);
  }
}

.process__card {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--space-xs);
  padding: var(--space-m);
  border-radius: var(--radius-xl);
  background: var(--color-white);
  box-shadow: 0 0 calc(var(--space-l) + var(--space-2xs)) color-mix(in srgb, var(--color-brand-deep) 20%, transparent);
  text-align: left;
}
@media (max-width: 620px) {
  .process__card {
    gap: var(--space-2xs);
    padding: var(--space-xs);
    border-radius: var(--radius-l);
  }
}

.process__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-s);
  min-height: calc(2 * var(--space-xl) - var(--space-2xs));
  padding: var(--space-m);
  border-radius: var(--radius-s);
  background: var(--color-panel);
  font-size: var(--font-size-lead);
  font-weight: 500;
  letter-spacing: -0.022em;
  text-align: left;
}
.process__item.is-open {
  align-items: flex-start;
}
.process__item:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
@media (max-width: 620px) {
  .process__item {
    min-height: calc(var(--space-xl) + var(--space-2xs));
    padding: var(--space-2xs) var(--space-xs);
    font-size: var(--font-size-small);
  }
  .process__item::after {
    content: "+";
    flex: none;
    color: var(--color-muted);
    font-size: var(--font-size-h3);
    font-weight: 300;
    line-height: 1;
  }
}

.process__item-title {
  font-weight: inherit;
}
.is-open .process__item-title {
  font-weight: 700;
}

.process__item-text {
  display: none;
  margin-top: var(--space-m);
  color: var(--color-muted);
  font-size: var(--font-size-body);
  font-weight: 400;
}
@media (min-width: 621px) {
  .is-open .process__item-text {
    display: block;
  }
}

.process__chevron {
  flex: none;
  width: var(--space-xs);
  height: auto;
  transition: rotate 0.2s var(--ease-out);
}
.is-open .process__chevron {
  margin-top: var(--space-xs);
  rotate: 180deg;
}
@media (max-width: 620px) {
  .process__chevron {
    display: none;
  }
}

.process__result {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-top: auto;
  color: var(--color-muted);
}
@media (max-width: 620px) {
  .process__result {
    gap: var(--space-2xs);
    font-size: var(--font-size-small);
  }
}

.process__result-img {
  width: var(--space-m);
}

.process__result-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.process__result-value {
  color: var(--color-ink);
  font-size: var(--font-size-lead);
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .process__result-value {
    font-size: var(--font-size-small);
  }
}

.unified-system {
  --unified-system-tab: 13.875rem;
  --unified-system-expert: 33%;
  --unified-system-expert-bleed: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xl);
  text-align: center;
}
@media (max-width: 620px) {
  .unified-system {
    gap: var(--space-m);
  }
}

.unified-system__kicker {
  color: var(--color-muted);
  font-size: var(--font-size-h3);
  font-weight: 500;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .unified-system__kicker {
    font-size: var(--font-size-body);
  }
}

.unified-system__tabs {
  display: flex;
  justify-content: center;
  gap: var(--space-s);
  max-width: 100%;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .unified-system__tabs {
    overflow-x: auto;
    scrollbar-width: none;
  }
}
@media (max-width: 620px) {
  .unified-system__tabs {
    align-self: stretch;
    justify-content: flex-start;
    gap: var(--space-2xs);
    margin-right: calc(50% - 50vw);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
}

.unified-system__tab {
  flex: 0 1 var(--unified-system-tab);
  padding: var(--space-xs) var(--space-s);
  border: 1px solid color-mix(in srgb, var(--color-panel) 60%, var(--color-brand) 15%);
  border-radius: var(--radius-pill);
  color: var(--color-muted);
  background: var(--color-white);
  font-weight: 500;
  letter-spacing: -0.022em;
  white-space: nowrap;
}
.unified-system__tab.active {
  border-color: transparent;
  color: var(--color-white);
  background: linear-gradient(112deg, var(--color-brand) 3%, var(--color-brand-deep) 119%);
  font-weight: 600;
}
.unified-system__tab:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
@media (max-width: 620px) {
  .unified-system__tab {
    flex: none;
    padding: var(--space-2xs) var(--space-s);
    font-size: var(--font-size-small);
  }
}

.unified-system__card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--unified-system-expert);
  align-self: stretch;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: linear-gradient(304deg, var(--color-white) 12%, var(--color-panel) 67%);
  text-align: left;
}
.unified-system__card::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 10%;
  left: 59.5%;
  width: 38%;
  aspect-ratio: 457/332;
  background: url("/assets/3caffaa7-b7e2-4442-8c97-545a1b01c980.png") center/cover no-repeat;
  opacity: 0.2;
}
@media (max-width: 620px) {
  .unified-system__card {
    grid-template-columns: minmax(0, 1fr);
    background: linear-gradient(111deg, var(--color-panel) 33%, var(--color-white) 88%);
  }
  .unified-system__card::before {
    display: none;
  }
}

.unified-system__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column: 1;
  grid-row: 1;
  padding: calc(var(--space-xl) - var(--space-2xs)) var(--space-xl) calc(var(--space-xl) - 2px) calc(var(--space-xl) + 2px);
}
.unified-system__panel[hidden] {
  display: none;
}
@media (max-width: 620px) {
  .unified-system__panel {
    padding: var(--space-m) var(--space-m) var(--space-m) var(--space-l);
  }
}

.unified-system__panel-title {
  font-size: var(--font-size-h3);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .unified-system__panel-title {
    font-size: var(--font-size-lead);
  }
}

.unified-system__text {
  max-width: 36.75em;
  margin-top: calc(var(--space-m) + var(--space-3xs));
  font-size: var(--font-size-lead);
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .unified-system__text {
    margin-top: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.unified-system__checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-m) var(--space-2xs);
  width: 100%;
  margin-top: calc(var(--space-m) + var(--space-3xs));
}
@media (max-width: 620px) {
  .unified-system__checks {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2xs);
    margin-top: var(--space-s);
  }
}

.unified-system__check {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2xs);
}

.unified-system__check-icon {
  flex: none;
  width: var(--space-m);
}

.unified-system__check-text {
  font-size: var(--font-size-lead);
  font-weight: 600;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .unified-system__check-text {
    font-size: var(--font-size-body);
  }
}

.unified-system__button {
  min-width: 21.5rem;
  margin-top: auto;
  padding-block: var(--space-m);
  border-radius: var(--radius-s);
  font-size: var(--font-size-h4);
}
@media (max-width: 620px) {
  .unified-system__button {
    width: 100%;
    min-width: 0;
    max-width: 18rem;
    margin-top: var(--space-l);
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.unified-system__expert {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  width: 100%;
  max-width: none;
  height: auto;
  margin: var(--space-3xs) 0 calc(-1 * var(--unified-system-expert-bleed));
  aspect-ratio: 1;
  object-fit: cover;
}
@media (max-width: 620px) {
  .unified-system__expert {
    display: none;
  }
}

.unified-system__trust {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  gap: var(--space-m);
  text-align: left;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .unified-system__trust {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .unified-system__trust {
    display: none;
  }
}

.unified-system__trust-item {
  display: flex;
  align-items: center;
  gap: var(--space-s);
}

.unified-system__trust-icon {
  width: calc(var(--space-l) - 2px);
  height: auto;
}

.unified-system__trust-text {
  white-space: nowrap;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .unified-system__trust-text {
    white-space: normal;
  }
}

.services-grid__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-l);
  margin-bottom: var(--space-xl);
  text-align: center;
}
@media (max-width: 620px) {
  .services-grid__head {
    margin-bottom: var(--space-l);
  }
}

.services-grid__chip {
  min-width: 10em;
  min-height: calc(var(--space-xl) + var(--space-3xs));
  padding-block: 0;
  font-size: var(--font-size-h3);
}
@media (max-width: 620px) {
  .services-grid__chip {
    font-size: var(--font-size-small);
  }
}

.services-grid__title {
  line-height: var(--line-body);
}
@media (max-width: 620px) {
  .services-grid__title {
    max-width: 16em;
  }
}

.services-grid__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .services-grid__list {
    flex-direction: column;
    gap: var(--space-2xs);
  }
}

.services-grid__card {
  display: flex;
  flex: 0 1 max(15rem, (100% - 3 * var(--space-m)) / 4);
  flex-direction: column;
  align-items: center;
  padding: var(--space-l) var(--space-s) var(--space-m);
  border-radius: var(--radius-xl);
  background: linear-gradient(120deg, var(--color-panel) 33%, var(--color-white) 88%);
  text-align: center;
}
@media (max-width: 620px) {
  .services-grid__card {
    display: grid;
    flex: none;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    column-gap: var(--space-xs);
    row-gap: var(--space-m);
    padding: var(--space-l) var(--space-l) var(--space-m) var(--space-2xs);
    text-align: left;
  }
}

.services-grid__name {
  min-height: calc(2em * var(--line-body));
  font-size: var(--font-size-h3);
  font-weight: 700;
  letter-spacing: -0.022em;
}
@media (max-width: 620px) {
  .services-grid__name {
    grid-column: 2;
    min-height: 0;
    font-size: var(--font-size-lead);
  }
}

.services-grid__image {
  width: 14.25rem;
  max-width: 100%;
  height: auto;
  aspect-ratio: 228/203;
  margin-bottom: var(--space-xs);
  object-fit: contain;
}
@media (max-width: 620px) {
  .services-grid__image {
    grid-row: 1/span 2;
    grid-column: 1;
    align-self: center;
    margin: 0;
  }
}

.services-grid__button {
  width: 100%;
  min-height: calc(var(--space-xl) + var(--space-m));
  margin-top: auto;
  border-radius: var(--radius-s);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .services-grid__button {
    grid-column: 2;
    align-self: end;
    min-height: calc(var(--space-xl) + var(--space-2xs));
    padding-inline: var(--space-xs);
    font-size: var(--font-size-body);
  }
}

.marketplace-outsource__title {
  max-width: 41.375rem;
  margin: 0 auto calc(var(--space-xl) + var(--space-2xs));
  text-align: center;
}
@media (max-width: 620px) {
  .marketplace-outsource__title {
    margin-bottom: calc(var(--space-m) + var(--space-3xs));
    font-size: var(--font-size-h4);
    line-height: 1.05;
  }
}

.marketplace-outsource__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
  gap: var(--space-m);
}
@media (max-width: 620px) {
  .marketplace-outsource__cards {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-s);
  }
}

.marketplace-outsource__list {
  display: contents;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 621px) {
  .marketplace-outsource__extra {
    display: contents;
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 620px) {
  .marketplace-outsource__extra {
    display: grid;
    gap: var(--space-s);
    visibility: visible;
  }
}

.marketplace-outsource__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  padding: var(--space-2xs) var(--space-s) var(--space-m);
  border-radius: var(--radius-xl);
  background: linear-gradient(144deg, var(--color-panel) 10%, var(--color-surface) 67%);
  color: var(--color-ink);
}
@media (max-width: 620px) {
  .marketplace-outsource__card {
    border-radius: var(--radius-l);
  }
}

.marketplace-outsource__card--accent {
  background: var(--gradient-violet);
  color: var(--color-white);
}

.marketplace-outsource__number {
  color: var(--color-white);
  font-family: var(--font-display);
  font-size: var(--font-size-h1);
  font-weight: 700;
  line-height: normal;
}
.marketplace-outsource__card--accent .marketplace-outsource__number {
  color: color-mix(in srgb, var(--color-white) 10%, transparent);
}
@media (max-width: 620px) {
  .marketplace-outsource__number {
    font-size: var(--font-size-h2);
  }
}

.marketplace-outsource__text {
  margin: 0;
  font-size: var(--font-size-body);
}

.marketplace-outsource__more {
  margin-top: var(--space-s);
}
@media (min-width: 621px) {
  .marketplace-outsource__more {
    display: none;
  }
}

.service-detail-hero {
  --service-detail-hero-title-size: 34px;
  --service-detail-hero-logo-size: 2.675rem;
  display: grid;
  grid-template-columns: minmax(0, 292fr) minmax(0, 352fr) minmax(0, 556fr);
  grid-template-areas: "crumbs crumbs crumbs" "copy copy art" "stats stats art" "preview actions art";
  align-items: start;
  padding-top: var(--space-m);
  padding-bottom: var(--space-l);
  overflow-x: clip;
  color: var(--color-ink);
}
@media (min-width: 621px) and (max-width: 1024px) {
  .service-detail-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "crumbs crumbs" "copy copy" "stats stats" "preview actions" "art art";
  }
}
@media (max-width: 620px) {
  .service-detail-hero {
    --service-detail-hero-logo-size: 1.375rem;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "crumbs" "copy" "actions" "art" "stats" "preview";
    padding-top: var(--space-xs);
    padding-bottom: calc(var(--space-m) + var(--space-3xs));
  }
}

.service-detail-hero__breadcrumbs {
  grid-area: crumbs;
}

.service-detail-hero__copy {
  display: flex;
  flex-direction: column;
  grid-area: copy;
  align-items: flex-start;
  gap: calc(var(--space-m) + var(--space-3xs));
  margin-top: var(--space-l);
}
@media (max-width: 620px) {
  .service-detail-hero__copy {
    align-items: center;
    gap: var(--space-xs);
    margin-top: calc(var(--space-xs) + var(--space-3xs));
    text-align: center;
  }
}

.service-detail-hero__logos {
  display: flex;
  gap: var(--space-s);
  margin: 0 0 var(--space-3xs);
  padding: var(--space-2xs);
  border-radius: var(--radius-pill);
  background: var(--color-panel);
  list-style: none;
}
@media (max-width: 620px) {
  .service-detail-hero__logos {
    gap: var(--space-2xs);
    margin-bottom: 0;
    padding: var(--space-3xs);
  }
}

.service-detail-hero__logo {
  width: var(--service-detail-hero-logo-size);
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
}
@media (max-width: 620px) {
  .service-detail-hero__logo {
    border: 2px solid var(--color-white);
    background: var(--color-white);
  }
}

.service-detail-hero__logo-image,
.service-detail-hero__float-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-detail-hero__logo--zoomed .service-detail-hero__logo-image {
  scale: 2.07;
}

.service-detail-hero__eyebrow {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-size-h4);
  text-transform: uppercase;
}
@media (max-width: 620px) {
  .service-detail-hero__eyebrow {
    font-size: var(--font-size-small);
    font-weight: 500;
  }
}

.service-detail-hero__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--service-detail-hero-title-size);
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 621px) and (max-width: 1279px) {
  .service-detail-hero__title {
    font-size: clamp(var(--font-size-h2), 2.66vw, var(--service-detail-hero-title-size));
  }
}
@media (min-width: 621px) and (max-width: 1024px) {
  .service-detail-hero__title {
    font-size: var(--service-detail-hero-title-size);
  }
}
@media (max-width: 620px) {
  .service-detail-hero__title {
    font-size: var(--font-size-h4);
    line-height: 1.05;
  }
}

.service-detail-hero__lead {
  max-width: 28rem;
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .service-detail-hero__lead {
    max-width: 18rem;
    font-size: var(--font-size-small);
  }
}

.service-detail-hero__stats {
  display: grid;
  grid-area: stats;
  grid-template-columns: minmax(0, 183fr) minmax(0, 248fr) minmax(0, 194fr);
  max-width: 39.1875rem;
  margin: calc(2 * var(--space-xl)) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .service-detail-hero__stats {
    margin-top: var(--space-xl);
  }
}
@media (max-width: 620px) {
  .service-detail-hero__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: var(--space-xs);
  }
}

.service-detail-hero__stat {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}
.service-detail-hero__stat + .service-detail-hero__stat {
  padding-left: calc(var(--space-xl) + var(--space-2xs));
  border-left: 1px solid var(--color-panel);
}
@media (max-width: 620px) {
  .service-detail-hero__stat + .service-detail-hero__stat {
    padding-left: var(--space-s);
  }
}
@media (max-width: 620px) {
  .service-detail-hero__stat {
    padding-block-end: var(--space-3xs);
  }
}

.service-detail-hero__stat-value {
  font-family: var(--font-display);
  font-size: var(--font-size-h2);
  font-weight: 800;
  line-height: normal;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .service-detail-hero__stat-value {
    font-size: var(--font-size-lead);
    line-height: 1;
  }
}

.service-detail-hero__stat-label {
  color: var(--color-muted);
  font-size: var(--font-size-body);
}
@media (max-width: 620px) {
  .service-detail-hero__stat-label {
    font-size: var(--font-size-small);
  }
}

.service-detail-hero__preview {
  position: relative;
  display: flex;
  grid-area: preview;
  align-items: flex-end;
  gap: var(--space-m);
  margin-top: var(--space-s);
  padding: var(--space-xs);
  border-radius: var(--radius-xl);
  background: var(--gradient-soft-card);
  font-size: var(--font-size-h4);
  font-weight: 600;
}
@media (max-width: 620px) {
  .service-detail-hero__preview {
    margin-top: var(--space-m);
    border-radius: var(--radius-m);
    font-size: var(--font-size-body);
  }
}

.service-detail-hero__preview-image {
  flex: none;
  width: 42%;
  aspect-ratio: 124/117;
  height: auto;
  border-radius: var(--radius-l);
  object-fit: cover;
}
@media (max-width: 620px) {
  .service-detail-hero__preview-image {
    width: 7.75rem;
    aspect-ratio: 124/72;
    border-radius: var(--radius-s);
  }
}

.service-detail-hero__preview-label {
  min-width: 0;
  padding-bottom: var(--space-2xs);
}

.service-detail-hero__preview-arrow {
  position: absolute;
  top: var(--space-s);
  right: var(--space-s);
  width: var(--space-s);
  height: auto;
  rotate: 45deg;
}

.service-detail-hero__actions {
  display: flex;
  flex-direction: column;
  grid-area: actions;
  gap: var(--space-m);
  margin: var(--space-s) 0 0 calc(var(--space-m) + var(--space-3xs));
}
@media (max-width: 620px) {
  .service-detail-hero__actions {
    gap: var(--space-xs);
    margin: var(--space-xs) 0 0;
  }
}

.service-detail-hero__button {
  padding-block: var(--space-m);
  border-radius: var(--radius-s);
  font-size: var(--font-size-lead);
  text-align: center;
}
@media (max-width: 620px) {
  .service-detail-hero__button {
    padding-block: var(--space-s);
    font-size: var(--font-size-body);
  }
}

.service-detail-hero__art {
  position: relative;
  grid-area: art;
  margin: var(--space-l) 0 0 -10.07%;
  aspect-ratio: 617/602;
  container-type: inline-size;
}
@media (min-width: 621px) and (max-width: 1024px) {
  .service-detail-hero__art {
    justify-self: center;
    width: min(100%, 38.5625rem);
    margin: calc(2 * var(--space-xl)) 0 0;
  }
}
@media (max-width: 620px) {
  .service-detail-hero__art {
    margin: calc(var(--space-xs) + var(--space-xs)) calc(-1 * var(--shell-gutter)) 0;
    aspect-ratio: 375/300;
  }
}

.service-detail-hero__texture {
  position: absolute;
  top: 24.43cqw;
  left: 19.53cqw;
  width: 82.99cqw;
  height: auto;
  max-width: none;
  rotate: -109.01deg;
}
@media (max-width: 620px) {
  .service-detail-hero__texture {
    top: -15.5cqw;
    left: 6.67cqw;
    width: 86.93cqw;
  }
}

.service-detail-hero__portrait {
  position: absolute;
  top: 4.86cqw;
  left: 25.45cqw;
  width: 58.35cqw;
  height: auto;
  aspect-ratio: 360/572;
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  object-fit: cover;
}
@media (max-width: 620px) {
  .service-detail-hero__portrait {
    top: 14.67cqw;
    left: 21.33cqw;
    width: 57.33cqw;
    aspect-ratio: 1;
  }
}

.service-detail-hero__ranking {
  --service-detail-hero-rank-note: #c3caf0;
  position: absolute;
  z-index: 2;
  top: calc(-1 * var(--space-m));
  right: 2.27cqw;
  display: flex;
  flex-direction: column;
  width: 11.5625rem;
  padding: var(--space-m) var(--space-2xs) var(--space-m) var(--space-m);
  border-radius: var(--radius-xl);
  color: var(--color-white);
  background: var(--gradient-rating-card);
}
@media (max-width: 620px) {
  .service-detail-hero__ranking {
    top: 2.13cqw;
    right: 5.33cqw;
    width: auto;
    max-width: 11.75rem;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--radius-m);
  }
}

.service-detail-hero__rank-title {
  font-family: var(--font-display);
  font-size: var(--font-size-h2);
  font-weight: 800;
  line-height: normal;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .service-detail-hero__rank-title {
    font-size: var(--font-size-lead);
  }
}

.service-detail-hero__rank-subtitle {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  font-size: var(--font-size-body);
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .service-detail-hero__rank-subtitle {
    font-size: var(--font-size-small);
  }
}

.service-detail-hero__raex {
  display: inline-flex;
  flex: none;
  width: 1.1rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.service-detail-hero__rank-note {
  margin-top: var(--space-xs);
  color: var(--service-detail-hero-rank-note);
  font-size: var(--font-size-small);
}
@media (min-width: 621px) and (max-width: 1279px) {
  .service-detail-hero__rank-note {
    font-size: var(--font-size-body);
  }
}
@media (max-width: 620px) {
  .service-detail-hero__rank-note {
    margin-top: var(--space-3xs);
  }
}

.service-detail-hero__float {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.857em;
  padding: 1.5em 1.4em;
  border-radius: 2.14em;
  background: color-mix(in srgb, var(--color-panel) 60%, transparent);
  box-shadow: var(--shadow-card);
  font-size: 2.27cqw;
  backdrop-filter: blur(var(--space-s));
}
@media (max-width: 620px) {
  .service-detail-hero__float {
    gap: 0.7em;
    padding: 1.2em 1em;
    border-radius: 1.5em;
    font-size: 2.67cqw;
  }
}

.service-detail-hero__float--1 {
  top: 9.09cqw;
  left: 17.14cqw;
  width: 16.5em;
  rotate: 2.55deg;
}
@media (max-width: 620px) {
  .service-detail-hero__float--1 {
    top: 8.27cqw;
    left: 5.33cqw;
    width: 14.3em;
    rotate: 4deg;
  }
}

.service-detail-hero__float--2 {
  top: 52.23cqw;
  left: 66.83cqw;
  width: 15.96em;
  rotate: 11.44deg;
}
@media (max-width: 620px) {
  .service-detail-hero__float--2 {
    top: 52.53cqw;
    left: auto;
    right: 6.13cqw;
    width: 14.9em;
    rotate: -6deg;
  }
}

.service-detail-hero__float--3 {
  top: 79.21cqw;
  left: 15.81cqw;
  width: 14.43em;
  rotate: -3.86deg;
}
@media (max-width: 620px) {
  .service-detail-hero__float--3 {
    top: 64cqw;
    left: 5.6cqw;
    width: 15.5em;
    rotate: -2deg;
  }
}

.service-detail-hero__float-icon {
  flex: none;
  width: 2.9em;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
}
@media (max-width: 620px) {
  .service-detail-hero__float-icon {
    width: 3.4em;
  }
}

.service-detail-hero__float--2 .service-detail-hero__float-icon {
  background: #f9e500;
}

.service-detail-hero__float--3 .service-detail-hero__float-icon {
  background: var(--color-ink);
}

.service-detail-hero__float-text {
  min-width: 0;
}
@media (max-width: 620px) {
  .service-detail-hero__float-text {
    line-height: 1.1;
  }
}

.article,
.article + .answer-cta {
  --article-width: 1000px;
  width: min(100% - 2 * var(--shell-gutter), var(--article-width));
  margin-inline: auto;
}

.article {
  --article-measure: 820px;
  --article-title-size: clamp(36px, 4.2vw, 58px);
  --article-line: 1.65;
  --article-cover-max: 600px;
  padding-top: calc(var(--space-xl) + var(--space-2xs));
}
@media (max-width: 620px) {
  .article {
    --article-title-size: 25px;
    padding-top: var(--space-m);
  }
}

.article + .answer-cta {
  margin-top: calc(2 * var(--space-xl) + var(--space-m));
}
@media (max-width: 620px) {
  .article + .answer-cta {
    margin-top: calc(var(--space-xl) + var(--space-m));
  }
}

.article__crumbs {
  margin-bottom: calc(var(--space-xl) + var(--space-2xs));
}
@media (max-width: 620px) {
  .article__crumbs {
    margin-bottom: calc(var(--space-l) + var(--space-3xs));
  }
}

.article__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-m);
  margin-bottom: var(--space-xs);
  color: var(--color-muted);
  font-size: var(--font-size-lead);
}
@media (max-width: 620px) {
  .article__meta {
    gap: var(--space-xs);
    margin-bottom: var(--space-2xs);
    font-size: var(--font-size-small);
  }
}

.article__title {
  max-width: 16em;
  font-family: var(--font-display);
  font-size: var(--article-title-size);
  font-weight: 800;
  line-height: var(--line-tight);
  letter-spacing: -0.04em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.article__excerpt {
  max-width: var(--article-measure);
  margin-top: var(--space-l);
  color: var(--color-muted);
  font-size: var(--font-size-h3);
  line-height: 1.45;
}
@media (max-width: 620px) {
  .article__excerpt {
    margin-top: var(--space-s);
    font-size: var(--font-size-lead);
  }
}

.article__cover {
  width: 100%;
  height: auto;
  max-height: var(--article-cover-max);
  margin-top: calc(var(--space-xl) + var(--space-2xs));
  border-radius: var(--radius-xl);
  object-fit: cover;
}
@media (max-width: 620px) {
  .article__cover {
    margin-top: var(--space-l);
    border-radius: var(--radius-l);
  }
}

.article__content {
  max-width: var(--article-measure);
  margin-top: calc(var(--space-xl) + var(--space-2xs));
  font-size: var(--font-size-h3);
  line-height: var(--article-line);
}
@media (max-width: 620px) {
  .article__content {
    margin-top: var(--space-l);
    font-size: var(--font-size-lead);
  }
}
.article__content > * + * {
  margin-top: 1.1em;
}
.article__content :is(h1, h2, h3) {
  margin-block: 1.6em 0.55em;
  font-family: var(--font-display);
  line-height: var(--line-tight);
}
.article__content :is(h1, h2) {
  font-size: 1.5em;
}
.article__content h3 {
  font-size: 1.17em;
}
.article__content :is(h4, h5, h6) {
  font-size: 1em;
  font-weight: 700;
}
.article__content > :first-child {
  margin-top: 0;
}
.article__content :is(p, li, h1, h2, h3, h4, h5, h6, blockquote, figcaption, td, th) {
  overflow-wrap: anywhere;
}
.article__content :is(ul, ol) {
  padding-left: 1.45em;
  list-style: revert;
}
.article__content li + li {
  margin-top: 0.45em;
}
.article__content a {
  color: var(--color-link);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
  transition: color 0.2s var(--ease-out);
}
.article__content a:hover {
  color: var(--color-ink);
}
.article__content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-l);
}
.article__content blockquote {
  padding: var(--space-m) var(--space-l);
  border-left: var(--space-3xs) solid var(--color-brand);
  border-radius: 0 var(--radius-m) var(--radius-m) 0;
  background: var(--color-surface);
}
@media (max-width: 620px) {
  .article__content blockquote {
    padding: var(--space-s) var(--space-m);
  }
}
.article__content blockquote > * + * {
  margin-top: 1.1em;
}
.article__content figure {
  max-width: 100%;
  overflow-x: auto;
}
.article__content figcaption {
  margin-top: var(--space-2xs);
  color: var(--color-muted);
  font-size: 0.78em;
  line-height: 1.45;
  text-align: center;
}
.article__content table {
  width: 100%;
  margin-block: 1.1em;
  border-collapse: collapse;
  font-size: 0.86em;
}
.article__content :is(th, td) {
  padding: var(--space-xs);
  border: 1px solid var(--color-panel);
  text-align: left;
  vertical-align: top;
}
@media (max-width: 620px) {
  .article__content :is(th, td) {
    padding: var(--space-2xs);
  }
}
.article__content th {
  background: var(--color-surface);
  font-weight: 700;
}
.article__content mark {
  padding: 0.08em 0.2em;
  border-radius: 0.25em;
  color: inherit;
  background: var(--color-panel);
}
.article__content hr {
  border: 0;
  border-top: 1px solid var(--color-panel);
}
.article__content pre {
  overflow-x: auto;
}

.faq-answer {
  --faq-answer-title-width: 978px;
  padding-top: calc(var(--space-xl) + var(--space-2xs));
}
@media (max-width: 620px) {
  .faq-answer {
    padding-top: var(--space-l);
  }
}

.faq-answer__crumbs {
  margin-bottom: calc(var(--space-l) + var(--space-3xs));
}
@media (max-width: 620px) {
  .faq-answer__crumbs {
    margin-bottom: calc(var(--space-m) + var(--space-3xs));
  }
}

.faq-answer__banner {
  background: linear-gradient(27deg, var(--color-panel) 54%, var(--color-white) 116%);
}

.faq-answer__title {
  width: min(var(--faq-answer-title-width), 100% - 2 * var(--space-xl));
}
@media (max-width: 620px) {
  .faq-answer__title {
    width: calc(100% - 2 * var(--space-l));
  }
}

.faq-answer__question + .answer-cta {
  margin-top: calc(2 * var(--space-xl) + var(--space-m));
}
@media (max-width: 620px) {
  .faq-answer__question + .answer-cta {
    margin-top: calc(var(--space-xl) + var(--space-m));
  }
}

.faq-answer__question a {
  color: var(--color-link);
}

.page-view {
  padding-top: calc(var(--space-xl) + var(--space-2xs));
}
@media (max-width: 620px) {
  .page-view {
    padding-top: var(--space-l);
  }
}

.page-view__body a {
  color: var(--color-link);
}

/* Keep the Bitrix contact widget aligned with the native scroll-to-top button. */
.b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
  right: 24px !important;
  bottom: 88px !important;
  width: 52px !important;
  height: 52px !important;
  z-index: 10150 !important;
}

.b24-widget-button-wrapper .b24-widget-button-inner-container,
.b24-widget-button-wrapper .b24-widget-button-block,
.b24-widget-button-wrapper .b24-widget-button-inner-block,
.b24-widget-button-wrapper .b24-widget-button-icon-container,
.b24-widget-button-wrapper .b24-widget-button-inner-item {
  width: 52px !important;
  height: 52px !important;
}

.b24-widget-button-wrapper .b24-widget-button-inner-container {
  transform: none !important;
}

.b24-widget-button-wrapper .b24-widget-button-inner-mask {
  inset: 0 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(157.969deg, #869af5 3.055%, #35345f 119.1%) !important;
  box-shadow: 0 14px 34px rgba(53, 52, 95, 0.24) !important;
}

.b24-widget-button-wrapper .b24-widget-button-inner-block,
.b24-widget-button-wrapper .b24-widget-button-block,
.b24-widget-button-wrapper .b24-widget-button-inner-item {
  border-radius: 14px !important;
}

.b24-widget-button-wrapper .b24-widget-button-inner-block {
  background: linear-gradient(157.969deg, #869af5 3.055%, #35345f 119.1%) !important;
}

.b24-widget-button-wrapper .b24-widget-button-inner-mask,
.b24-widget-button-wrapper .b24-widget-button-pulse,
.b24-widget-button-wrapper .b24-widget-button-shadow {
  display: none !important;
}

.b24-widget-button-wrapper .b24-crm-button-icon {
  width: 24px !important;
  height: 24px !important;
}

.b24-widget-button-wrapper .b24-crm-button-icon path {
  fill: #fff !important;
}

@media (max-width: 620px) {
  .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
    right: 16px !important;
    bottom: 74px !important;
    width: 46px !important;
    height: 46px !important;
  }
  .b24-widget-button-wrapper .b24-widget-button-inner-container,
  .b24-widget-button-wrapper .b24-widget-button-block,
  .b24-widget-button-wrapper .b24-widget-button-inner-block,
  .b24-widget-button-wrapper .b24-widget-button-icon-container,
  .b24-widget-button-wrapper .b24-widget-button-inner-item,
  .b24-widget-button-wrapper .b24-widget-button-inner-mask {
    width: 46px !important;
    height: 46px !important;
  }
  .b24-widget-button-wrapper .b24-widget-button-inner-mask,
  .b24-widget-button-wrapper .b24-widget-button-inner-block,
  .b24-widget-button-wrapper .b24-widget-button-block,
  .b24-widget-button-wrapper .b24-widget-button-inner-item {
    border-radius: 12px !important;
  }
}
@media (hover: none) and (pointer: coarse) {
  input:not([type]),
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=number],
  input[type=search],
  input[type=url],
  input[type=password],
  input[type=date],
  input[type=datetime-local],
  input[type=time],
  input[type=month],
  input[type=week],
  textarea,
  select {
    font-size: 16px !important;
  }
}