* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-width: 320px;
  background: #f4f8ff;
}

body {
  font-family: "Manrope", Arial, sans-serif;
}

.site {
  width: 100%;
}

.screen {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  background: #f4f8ff;
}

.screen picture,
.screen img {
  display: block;
  width: 100%;
}

.screen img {
  height: auto;
  max-width: 100%;
  user-select: none;
}

.sprite {
  position: absolute;
  width: 0;
  height: 0;
}

#icon-telegram path,
#icon-vk path {
  fill: currentColor;
  stroke: none;
}

.hero-code,
.mobile-hero {
  max-width: 1672px;
  margin: 0 auto;
}

.mobile-hero {
  max-width: 430px;
}

.hero-code {
  --blue: #1069ff;
  --navy: #081642;
  --muted: #2f3d68;
  --u: min(1px, calc(100vw / 1672));
  position: relative;
  aspect-ratio: 1672 / 941;
  margin-bottom: 48px;
  background:
    radial-gradient(circle at 78.5% 25%, rgba(225, 237, 255, .86) 0 15.3%, transparent 15.4%),
    radial-gradient(circle at 5.5% 79.5%, rgba(196, 219, 255, .12) 0 9.5%, transparent 9.6%),
    radial-gradient(circle at 50% 44%, rgba(235, 247, 255, .62), transparent 34%),
    linear-gradient(110deg, #fbfdff 0%, #f5faff 54%, #eef6ff 100%);
  color: var(--navy);
}

.hero-code::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle, rgba(57, 131, 255, .16) 2px, transparent 3px) 70px 620px / 16px 16px no-repeat,
    radial-gradient(circle, rgba(57, 131, 255, .14) 2px, transparent 3px) 1458px 109px / 16px 16px no-repeat;
  pointer-events: none;
}

.hero-code svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-hero svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hero-code symbol[id="icon-telegram"] path,
.hero-code symbol[id="icon-vk"] path,
.mobile-hero symbol[id="icon-telegram"] path,
.mobile-hero symbol[id="icon-vk"] path {
  fill: currentColor;
  stroke: none;
}

.hero-photo {
  position: absolute;
  left: 49.05%;
  top: 0;
  width: 50.95%;
  height: 59.5%;
  overflow: hidden;
}

.hero-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.cloud {
  position: absolute;
  left: 2.95%;
  top: 1.35%;
  width: 21.45%;
  height: 14.55%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(5 * var(--u));
  color: #086cff;
  font-size: calc(19 * var(--u));
  line-height: 1.18;
  font-weight: 500;
  background: url("assets/decor/hero-cloud-cut.png") center / contain no-repeat;
  filter: drop-shadow(0 calc(10 * var(--u)) calc(14 * var(--u)) rgba(54, 104, 210, .2));
  text-align: center;
}

.cloud-shape {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 0;
  display: none;
  vector-effect: non-scaling-stroke;
  filter: none;
}

.hero-code .cloud-shape,
.mobile-hero .cloud-shape {
  fill: #fff;
  stroke: rgba(8, 108, 255, .055);
  stroke-width: 1.2;
}

.hero-code .cloud-shape path,
.mobile-hero .cloud-shape path {
  fill: #fff;
  stroke: rgba(8, 108, 255, .055);
  stroke-width: 1.2;
}

.cloud::after {
  content: "";
  position: absolute;
  right: 11.2%;
  top: 30%;
  color: #086cff;
  font-size: calc(35 * var(--u));
  line-height: 1;
}

.cloud span {
  position: relative;
  z-index: 1;
  opacity: 0;
}

.cloud-burst {
  position: absolute;
  z-index: 2;
  width: calc(16 * var(--u));
  height: calc(2.5 * var(--u));
  border-radius: 999px;
  background: transparent;
  pointer-events: none;
}

.cloud-burst-left {
  left: calc(-8 * var(--u));
  top: calc(58 * var(--u));
  transform: rotate(20deg);
  box-shadow: none;
}

.cloud-burst-right {
  right: calc(4 * var(--u));
  top: calc(25 * var(--u));
  transform: rotate(-62deg);
  box-shadow: none;
}

.cloud span:first-child::before,
.cloud span:first-child::after {
  content: none;
  position: absolute;
  width: calc(18 * var(--u));
  height: calc(2 * var(--u));
  border-radius: 999px;
  background: #086cff;
}

.cloud span:last-child::after {
  content: none;
  position: absolute;
  left: 50%;
  bottom: calc(-20 * var(--u));
  width: calc(22 * var(--u));
  height: calc(10 * var(--u));
  border: calc(2 * var(--u)) solid #086cff;
  border-top: 0;
  border-left: 0;
  background: transparent;
  transform: translateX(-50%) rotate(18deg);
  border-radius: 0 0 10px 0;
}

.cloud span:first-child::before {
  left: calc(-92 * var(--u));
  top: calc(-17 * var(--u));
  transform: rotate(56deg);
  box-shadow: calc(15 * var(--u)) calc(-7 * var(--u)) 0 calc(-1 * var(--u)) #086cff, calc(31 * var(--u)) calc(7 * var(--u)) 0 calc(-2 * var(--u)) #086cff;
}

.cloud span:first-child::after {
  right: calc(-92 * var(--u));
  top: calc(-17 * var(--u));
  transform: rotate(-56deg);
  box-shadow: calc(-15 * var(--u)) calc(-7 * var(--u)) 0 calc(-1 * var(--u)) #086cff, calc(-31 * var(--u)) calc(7 * var(--u)) 0 calc(-2 * var(--u)) #086cff;
}

.hero-copy {
  position: absolute;
  inset: 0;
  width: auto;
}

.hero-copy h1 {
  position: absolute;
  left: 4.1%;
  top: 14.65%;
  width: 46.8%;
  height: calc(185 * var(--u));
  margin: 0;
  font-size: calc(48.5 * var(--u));
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: 0;
}

.hero-copy > p {
  position: absolute;
  left: 4.15%;
  top: 34.95%;
  width: 35.2%;
  margin: 0;
  font-size: calc(16.6 * var(--u));
  line-height: 1.42;
  color: #263662;
  font-weight: 500;
}

.hero-buttons {
  position: absolute;
  left: 4.15%;
  top: 44.2%;
  display: flex;
  gap: calc(24 * var(--u));
  margin-top: 0;
}

.hero-btn {
  width: calc(276 * var(--u));
  height: calc(52 * var(--u));
  border: calc(2 * var(--u)) solid #096cff;
  border-radius: calc(8 * var(--u));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(14 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
}

.hero-btn svg {
  width: calc(25 * var(--u));
  height: calc(25 * var(--u));
  fill: currentColor;
  stroke: none;
}

.hero-btn-blue {
  background: linear-gradient(180deg, #0c70fb, #075df1);
  color: #fff;
  box-shadow: 0 calc(14 * var(--u)) calc(28 * var(--u)) rgba(16, 104, 255, .18);
}

.hero-btn-white {
  background: rgba(255,255,255,.78);
  color: #096cff;
}

.hero-notes {
  position: absolute;
  left: 4.15%;
  top: 51.7%;
  margin-top: 0;
  display: grid;
  gap: calc(12 * var(--u));
}

.hero-notes div {
  display: grid;
  grid-template-columns: calc(40 * var(--u)) 1fr;
  align-items: start;
  gap: calc(13 * var(--u));
}

.hero-notes span {
  width: calc(36 * var(--u));
  height: calc(36 * var(--u));
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #e8f2ff;
  color: #096cff;
}

.hero-notes span svg {
  width: calc(20 * var(--u));
  height: calc(20 * var(--u));
}

.hero-notes p {
  position: static;
  left: auto;
  top: auto;
  margin: 0;
  width: auto;
  font-size: calc(14 * var(--u));
  line-height: 1.35;
  color: #263662;
}

.hero-notes b {
  color: #071640;
  font-weight: 800;
}

.meaning {
  position: absolute;
  left: 49.2%;
  top: 10.35%;
  width: 15.8%;
  height: 22.95%;
  padding: calc(25 * var(--u)) calc(24 * var(--u)) calc(22 * var(--u));
  border-radius: calc(18 * var(--u));
  background: #fff;
  box-shadow: 0 calc(18 * var(--u)) calc(40 * var(--u)) rgba(54, 93, 150, .12);
  z-index: 3;
}

.meaning div {
  display: grid;
  grid-template-columns: calc(30 * var(--u)) minmax(calc(58 * var(--u)), 1fr) calc(16 * var(--u)) minmax(calc(66 * var(--u)), 1fr);
  align-items: center;
  gap: calc(8 * var(--u));
  margin-bottom: calc(19 * var(--u));
  color: #081642;
  font-size: calc(14.2 * var(--u));
  font-weight: 700;
  white-space: nowrap;
}

.meaning div:last-child {
  margin-bottom: 0;
}

.meaning svg {
  width: calc(25 * var(--u));
  height: calc(25 * var(--u));
  color: #096cff;
}

.directions-title {
  position: absolute;
  left: 4.82%;
  top: 73.9%;
  font-size: calc(24 * var(--u));
  line-height: 1.25;
  font-weight: 800;
  z-index: 2;
}

.directions-title::before {
  content: "";
  position: absolute;
  left: calc(-42 * var(--u));
  top: calc(-45 * var(--u));
  width: calc(260 * var(--u));
  height: calc(185 * var(--u));
  z-index: -1;
  background-image: radial-gradient(circle, rgba(35, 116, 255, .14) calc(1.8 * var(--u)), transparent calc(2.3 * var(--u)));
  background-size: calc(18 * var(--u)) calc(18 * var(--u));
  border-radius: calc(22 * var(--u));
}

.scribble-main {
  position: absolute;
  left: 11.55%;
  top: 80.85%;
  width: calc(92 * var(--u));
  height: calc(44 * var(--u));
  border-bottom: calc(3 * var(--u)) solid #0d6eff;
  border-left: calc(3 * var(--u)) solid #0d6eff;
  border-radius: 0 0 0 calc(36 * var(--u));
  transform: rotate(23deg);
}

.scribble-main::after {
  content: "→";
  position: absolute;
  right: calc(-28 * var(--u));
  bottom: calc(-18 * var(--u));
  color: #0d6eff;
  font-size: calc(26 * var(--u));
  transform: rotate(-5deg);
}

.card-lines {
  position: absolute;
  left: 17.85%;
  top: 66.35%;
  width: 76.4%;
  height: 25.5%;
  color: rgba(25, 108, 255, .22);
  pointer-events: none;
  z-index: 1;
  fill: none;
  stroke: currentColor;
  stroke-width: calc(2 * var(--u));
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: calc(3 * var(--u)) calc(7 * var(--u));
}

.hero-code .card-lines {
  width: 76.4%;
  height: 25.5%;
  fill: none;
}

.card-lines path {
  vector-effect: non-scaling-stroke;
}

.service-card {
  position: absolute;
  min-height: 0;
  padding: calc(22 * var(--u)) calc(24 * var(--u)) calc(18 * var(--u)) calc(128 * var(--u));
  border: calc(1.5 * var(--u)) solid currentColor;
  border-radius: calc(26 * var(--u));
  background: rgba(255,255,255,.9);
  box-shadow: 0 calc(18 * var(--u)) calc(38 * var(--u)) rgba(60, 90, 160, .095);
  z-index: 2;
}

.service-card::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(-12 * var(--u));
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
  border: calc(2 * var(--u)) solid currentColor;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 calc(7 * var(--u)) currentColor;
}

.service-card strong {
  position: relative;
  z-index: 1;
  display: block;
  color: #071640;
  font-size: calc(16 * var(--u));
  line-height: 1.15;
  font-weight: 800;
}

.service-card p {
  position: relative;
  z-index: 1;
  margin: calc(9 * var(--u)) 0 0;
  color: #172755;
  font-size: calc(11.4 * var(--u));
  line-height: 1.36;
  font-weight: 500;
}

.service-card a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(128 * var(--u));
  height: calc(34 * var(--u));
  margin-top: calc(12 * var(--u));
  border: calc(1.4 * var(--u)) solid currentColor;
  border-radius: calc(11 * var(--u));
  background: #fff;
  color: currentColor;
  font-size: calc(11.4 * var(--u));
  font-weight: 800;
}

.service-card em {
  position: absolute;
  z-index: 0;
  right: calc(27 * var(--u));
  top: calc(21 * var(--u));
  color: rgba(7, 22, 64, .14);
  font-style: normal;
  font-weight: 800;
  font-size: calc(35 * var(--u));
}

.service-icon {
  position: absolute;
  left: calc(30 * var(--u));
  top: calc(25 * var(--u));
  width: calc(64 * var(--u));
  height: calc(64 * var(--u));
  border-radius: calc(17 * var(--u));
  display: grid;
  place-items: center;
  background: color-mix(in srgb, currentColor 10%, #fff);
}

.service-icon svg {
  width: calc(39 * var(--u));
  height: calc(39 * var(--u));
}

.service-5 .service-icon svg {
  width: calc(43 * var(--u));
  height: calc(43 * var(--u));
}

.color-blue { color: #126cff; }
.color-green { color: #46bd35; }
.color-purple { color: #8f49ff; }
.color-orange { color: #ff7c21; }
.color-red { color: #ff405f; }

.service-1 {
  left: 20.2%;
  top: 61.6%;
  width: 21.1%;
  height: 20.3%;
}

.service-2 {
  left: 43.1%;
  top: 60.45%;
  width: 19.95%;
  height: 20.2%;
}

.service-3 {
  left: 65.55%;
  top: 60.25%;
  width: 24.7%;
  height: 18.7%;
}

.service-4 {
  left: 60.45%;
  top: 81%;
  width: 30%;
  height: 15.4%;
  padding-left: calc(120 * var(--u));
}

.service-5 {
  left: 19.8%;
  top: 83.6%;
  width: 33.4%;
  height: 12.55%;
  padding-left: calc(120 * var(--u));
  padding-top: calc(18 * var(--u));
  padding-bottom: calc(14 * var(--u));
}

.service-4 .service-icon,
.service-5 .service-icon {
  top: calc(21 * var(--u));
}

.service-4 strong,
.service-5 strong {
  font-size: calc(16 * var(--u));
}

.service-4 p,
.service-5 p {
  margin-top: calc(7 * var(--u));
  max-width: calc(245 * var(--u));
}

.service-4 p {
  max-width: calc(175 * var(--u));
}

.service-1 p,
.service-2 p {
  max-width: calc(225 * var(--u));
}

.service-3 p {
  max-width: calc(350 * var(--u));
}

.service-4 a,
.service-5 a {
  position: absolute;
  right: calc(28 * var(--u));
  bottom: calc(18 * var(--u));
}

.service-5 p {
  max-width: calc(270 * var(--u));
}

.service-5 strong {
  font-size: calc(15.5 * var(--u));
  line-height: 1.12;
}

.service-5 p {
  margin-top: calc(5 * var(--u));
  font-size: calc(10.4 * var(--u));
  line-height: 1.28;
}

.service-5 a {
  bottom: 50%;
  transform: translateY(50%);
}

.mobile-hero {
  --u: min(1px, calc(100vw / 430));
  position: relative;
  margin-top: 0;
  aspect-ratio: 863 / 1822;
  overflow: hidden;
  border-radius: calc(18 * var(--u));
  background:
    radial-gradient(circle at 8% 78%, rgba(218, 232, 255, .58) 0 18%, transparent 18.5%),
    linear-gradient(115deg, #fff 0%, #f8fbff 58%, #eff6ff 100%);
  color: #071640;
}

.mobile-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle, rgba(57, 131, 255, .14) 1.4px, transparent 2.4px) 15px 1170px / 12px 12px no-repeat,
    radial-gradient(circle, rgba(57, 131, 255, .13) 1.4px, transparent 2.4px) 323px 76px / 12px 12px no-repeat;
  pointer-events: none;
}

.mobile-top {
  position: static;
}

.mobile-cloud {
  position: absolute;
  left: 2.32%;
  top: 1.92%;
  width: 32.45%;
  height: 7.68%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(3 * var(--u));
  color: #086cff;
  font-size: clamp(7px, 2.22vw, 10.2px);
  line-height: 1.15;
  font-weight: 500;
  text-align: center;
  background: url("assets/decor/hero-cloud-mobile-cut.png") center / 100% 100% no-repeat;
  filter: none;
  z-index: 2;
}

.mobile-cloud::after {
  content: "";
  position: absolute;
  right: 11%;
  top: 30%;
  color: #086cff;
  font-size: calc(18 * var(--u));
  line-height: 1;
}

.mobile-cloud span {
  position: relative;
  z-index: 1;
  opacity: 0;
}

.mobile-cloud .cloud-burst {
  width: calc(8 * var(--u));
  height: calc(1.2 * var(--u));
}

.mobile-cloud .cloud-burst-left {
  left: calc(-3 * var(--u));
  top: calc(29 * var(--u));
  box-shadow:
    calc(-4 * var(--u)) calc(-10 * var(--u)) 0 calc(-.2 * var(--u)) #086cff,
    calc(10 * var(--u)) calc(10 * var(--u)) 0 calc(-.4 * var(--u)) #086cff;
}

.mobile-cloud .cloud-burst-right {
  right: calc(1 * var(--u));
  top: calc(13 * var(--u));
  box-shadow:
    calc(8 * var(--u)) calc(5 * var(--u)) 0 calc(-.4 * var(--u)) #086cff,
    calc(-8 * var(--u)) calc(-5 * var(--u)) 0 calc(-.4 * var(--u)) #086cff;
}

.mobile-cloud span:first-child::before,
.mobile-cloud span:first-child::after {
  content: none;
  position: absolute;
  width: calc(9 * var(--u));
  height: calc(1.5 * var(--u));
  border-radius: 999px;
  background: #086cff;
}

.mobile-cloud span:first-child::before {
  left: calc(-34 * var(--u));
  top: calc(-8 * var(--u));
  transform: rotate(58deg);
  box-shadow: calc(8 * var(--u)) calc(-4 * var(--u)) 0 calc(-1 * var(--u)) #086cff;
}

.mobile-cloud span:first-child::after {
  right: calc(-34 * var(--u));
  top: calc(-8 * var(--u));
  transform: rotate(-58deg);
  box-shadow: calc(-8 * var(--u)) calc(-4 * var(--u)) 0 calc(-1 * var(--u)) #086cff;
}

.mobile-cloud span:last-child::after {
  content: none;
  position: absolute;
  left: 50%;
  bottom: calc(-10 * var(--u));
  width: calc(13 * var(--u));
  height: calc(6 * var(--u));
  border: calc(1.4 * var(--u)) solid #086cff;
  border-top: 0;
  border-left: 0;
  background: transparent;
  transform: translateX(-50%) rotate(17deg);
  border-radius: 0 0 calc(8 * var(--u)) 0;
}

.mobile-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 34%;
  object-fit: fill;
  object-position: center;
  z-index: 1;
}

.mobile-laptop {
  position: absolute;
  left: 40.56%;
  top: 19.76%;
  width: 24.33%;
  height: 11.25%;
  object-fit: fill;
  z-index: 1;
}

.mobile-copy {
  position: absolute;
  inset: 0;
  padding: 0;
  z-index: 2;
}

.mobile-copy h1 {
  position: absolute;
  left: 6.15%;
  top: 10.45%;
  width: 56%;
  margin: 0;
  color: #071640;
  font-size: calc(21.8 * var(--u));
  line-height: 1.18;
  font-weight: 800;
}

.mobile-copy > p {
  position: absolute;
  left: 6.15%;
  top: 26.35%;
  width: 50.5%;
  margin: 0;
  color: #263662;
  font-size: calc(10.1 * var(--u));
  line-height: 1.42;
  font-weight: 500;
}

.mobile-meaning {
  position: absolute;
  right: 5.9%;
  top: 24.85%;
  width: 35.8%;
  height: 15.05%;
  padding: 3.2% 3.1%;
  border-radius: calc(12 * var(--u));
  background: #fff;
  box-shadow: 0 calc(14 * var(--u)) calc(28 * var(--u)) rgba(54, 93, 150, .13);
}

.mobile-meaning div {
  display: grid;
  grid-template-columns: calc(18 * var(--u)) minmax(calc(35 * var(--u)), 1fr) calc(8 * var(--u)) minmax(calc(42 * var(--u)), 1fr);
  gap: calc(5.8 * var(--u));
  align-items: center;
  margin-bottom: 8.5%;
  color: #071640;
  font-size: clamp(8px, 2.16vw, 10.9px);
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.mobile-meaning div:last-child {
  margin-bottom: 0;
}

.mobile-meaning svg {
  width: calc(18 * var(--u));
  height: calc(18 * var(--u));
  color: #096cff;
}

.mobile-buttons {
  position: absolute;
  left: 6.15%;
  top: 35%;
  width: 40.3%;
  display: grid;
  gap: calc(10 * var(--u));
  margin-top: 0;
}

.mobile-buttons .hero-btn {
  width: 100%;
  height: calc(34.5 * var(--u));
  border-radius: calc(6 * var(--u));
  font-size: calc(10.9 * var(--u));
  gap: calc(8 * var(--u));
}

.mobile-buttons .hero-btn svg {
  width: calc(16 * var(--u));
  height: calc(16 * var(--u));
}

.mobile-notes {
  position: absolute;
  left: 6.15%;
  top: 45.2%;
  width: 78%;
  display: grid;
  gap: calc(16 * var(--u));
  margin-top: 0;
}

.mobile-notes div {
  display: grid;
  grid-template-columns: calc(28 * var(--u)) 1fr;
  gap: calc(9 * var(--u));
  align-items: start;
}

.mobile-notes span {
  width: calc(30 * var(--u));
  height: calc(30 * var(--u));
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #e8f2ff;
  color: #096cff;
}

.mobile-notes svg {
  width: calc(15 * var(--u));
  height: calc(15 * var(--u));
}

.mobile-notes p {
  margin: 0;
  color: #263662;
  font-size: calc(10.7 * var(--u));
  line-height: 1.35;
}

.mobile-notes b {
  color: #071640;
  font-weight: 800;
}

.mobile-copy h2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 56.15%;
  margin: 0;
  text-align: center;
  font-size: calc(18.3 * var(--u));
  line-height: 1.2;
  font-weight: 800;
}

.mobile-copy h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(26 * var(--u));
  width: calc(46 * var(--u));
  height: calc(26 * var(--u));
  border-bottom: calc(2 * var(--u)) solid #096cff;
  border-left: calc(2 * var(--u)) solid #096cff;
  border-radius: 0 0 0 calc(24 * var(--u));
  transform: translateX(-15%) rotate(22deg);
}

.mobile-copy h2::before {
  content: "→";
  position: absolute;
  left: calc(50% + (54 * var(--u)));
  top: calc(35 * var(--u));
  color: #096cff;
  font-size: calc(18 * var(--u));
  line-height: 1;
  transform: rotate(8deg);
}

.mobile-services {
  position: absolute;
  left: 6%;
  right: 6%;
  top: 60.35%;
  height: 38.95%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 43.5% 36.4% 12.9%;
  gap: calc(12 * var(--u));
}

.mobile-card {
  position: relative;
  min-height: 0;
  height: 100%;
  padding: calc(13 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u));
  border: calc(1.3 * var(--u)) solid currentColor;
  border-radius: calc(11 * var(--u));
  background: rgba(255,255,255,.92);
  box-shadow: 0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(60,90,160,.085);
}

.mobile-card::before {
  content: "";
  position: absolute;
  right: calc(11 * var(--u));
  top: calc(-7 * var(--u));
  width: calc(16 * var(--u));
  height: calc(16 * var(--u));
  border: calc(1.3 * var(--u)) solid currentColor;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 calc(5 * var(--u)) currentColor;
}

.mobile-card .service-icon {
  position: static;
  width: calc(39 * var(--u));
  height: calc(39 * var(--u));
  border-radius: calc(10 * var(--u));
  margin-bottom: calc(5 * var(--u));
}

.mobile-card .service-icon svg {
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
}

.mobile-card-wide .service-icon svg {
  width: calc(26 * var(--u));
  height: calc(26 * var(--u));
}

.mobile-card em {
  position: absolute;
  right: calc(14 * var(--u));
  top: calc(15 * var(--u));
  color: rgba(7, 22, 64, .16);
  font-style: normal;
  font-size: calc(17 * var(--u));
  font-weight: 800;
}

.mobile-card strong {
  display: block;
  color: #071640;
  font-size: calc(9.7 * var(--u));
  line-height: 1.16;
  font-weight: 800;
}

.mobile-card p {
  margin: calc(6 * var(--u)) 0 0;
  color: #172755;
  font-size: calc(6.2 * var(--u));
  line-height: 1.24;
  font-weight: 500;
  max-width: 90%;
}

.mobile-card:nth-child(2) p,
.mobile-card:nth-child(4) p {
  max-width: 76%;
}

.mobile-card:nth-child(3) p,
.mobile-card:nth-child(4) p {
  max-width: 44%;
}

.mobile-card a {
  position: absolute;
  right: calc(12 * var(--u));
  bottom: calc(6 * var(--u));
  display: inline-flex;
  margin-top: 0;
  padding: calc(5 * var(--u)) calc(9 * var(--u));
  border: calc(1 * var(--u)) solid currentColor;
  border-radius: calc(7 * var(--u));
  color: currentColor;
  background: #fff;
  font-size: calc(7.9 * var(--u));
  font-weight: 800;
}

.mobile-card-wide {
  grid-column: 1 / -1;
  min-height: 0;
  padding: calc(8 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u)) calc(58 * var(--u));
}

.mobile-card-wide a {
  right: calc(14 * var(--u));
  bottom: 50%;
  transform: translateY(50%);
}

.mobile-card-wide p {
  max-width: 43%;
  margin-top: calc(3 * var(--u));
  font-size: calc(6.15 * var(--u));
  line-height: 1.2;
}

.mobile-card-wide .service-icon {
  position: absolute;
  left: calc(13 * var(--u));
  top: 50%;
  width: calc(36 * var(--u));
  height: calc(36 * var(--u));
  transform: translateY(-50%);
}

.mobile-card-wide strong {
  max-width: 44%;
  font-size: calc(8.45 * var(--u));
  line-height: 1.08;
}

.site-screen {
  --blue: #116dff;
  --navy: #061642;
  --muted: #394975;
  --u: min(1px, calc(100vw / 1672));
  position: relative;
  max-width: 1672px;
  margin: 0 auto 48px;
  aspect-ratio: 1672 / 941;
  overflow: hidden;
  color: var(--navy);
  background:
    radial-gradient(circle at 78% 25%, rgba(229, 240, 255, .9) 0 16%, transparent 16.2%),
    radial-gradient(circle at 22% 84%, rgba(231, 225, 255, .32) 0 18%, transparent 18.2%),
    linear-gradient(116deg, #fbfdff 0%, #f6faff 62%, #eef6ff 100%);
  line-height: normal;
}

.site-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle, rgba(21, 109, 255, .13) calc(2.1 * var(--u)), transparent calc(2.4 * var(--u))) calc(92 * var(--u)) calc(668 * var(--u)) / calc(21 * var(--u)) calc(21 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(21, 109, 255, .12) calc(2.1 * var(--u)), transparent calc(2.4 * var(--u))) calc(1430 * var(--u)) calc(90 * var(--u)) / calc(21 * var(--u)) calc(21 * var(--u)) no-repeat;
  pointer-events: none;
}

.desktop-screen svg,
.mobile-screen svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.desktop-screen #icon-telegram path,
.desktop-screen #icon-vk path,
.mobile-screen #icon-telegram path,
.mobile-screen #icon-vk path {
  fill: currentColor;
  stroke: none;
}

.desktop-screen h2,
.mobile-screen h2 {
  margin: 0;
  color: #071642;
  font-weight: 800;
  letter-spacing: 0;
}

.desktop-screen h2 span,
.mobile-screen h2 span {
  color: #116dff;
}

.desktop-screen p,
.mobile-screen p {
  margin: 0;
  color: #263765;
}

.screen-photo,
.process-photo {
  position: absolute;
  overflow: hidden;
}

.screen-photo img,
.process-photo img,
.case img,
.faq-section img,
.services-section img,
.contacts-section img {
  display: block;
}

.photo-problems {
  left: 0;
  top: 0;
  width: calc(625 * var(--u));
  height: 100%;
}

.site-screen-2 {
  background-image:
    radial-gradient(circle at 7% 82%, rgba(225, 239, 255, .16) 0 12%, transparent 12.2%),
    linear-gradient(102deg, #fbfdff 0%, #f8fbff 60%, #f4f8ff 100%) !important;
}

.site-screen-2::before {
  background:
    radial-gradient(circle, rgba(21, 109, 255, .13) calc(2.2 * var(--u)), transparent calc(2.5 * var(--u))) calc(1400 * var(--u)) calc(98 * var(--u)) / calc(18 * var(--u)) calc(18 * var(--u)) no-repeat;
}

.photo-problems img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.problems-copy {
  position: absolute;
  left: calc(690 * var(--u));
  top: calc(104 * var(--u));
  width: calc(880 * var(--u));
}

.problems-copy h2 {
  font-size: calc(62 * var(--u));
  line-height: 1.05;
  white-space: nowrap;
}

.problems-copy p {
  margin-top: calc(26 * var(--u));
  width: calc(580 * var(--u));
  font-size: calc(21 * var(--u));
  line-height: 1.45;
  font-weight: 500;
}

.dot-field {
  position: absolute;
  width: calc(220 * var(--u));
  height: calc(170 * var(--u));
  background: radial-gradient(circle, rgba(19, 107, 255, .14) calc(2.2 * var(--u)), transparent calc(2.5 * var(--u))) 0 0 / calc(18 * var(--u)) calc(18 * var(--u));
  opacity: .72;
}

.problems-dots {
  right: calc(46 * var(--u));
  top: calc(102 * var(--u));
}

.problem-card {
  position: absolute;
  width: calc(446 * var(--u));
  height: calc(210 * var(--u));
  padding: calc(36 * var(--u)) calc(36 * var(--u));
  border: calc(1.5 * var(--u)) solid currentColor;
  border-radius: calc(16 * var(--u));
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 calc(18 * var(--u)) calc(34 * var(--u)) rgba(75, 105, 160, .08);
}

.problem-card::before,
.problem-card::after {
  content: "";
  position: absolute;
  top: calc(28 * var(--u));
  border-radius: 50%;
  border: calc(1.5 * var(--u)) solid currentColor;
}

.problem-card::before {
  right: calc(50 * var(--u));
  width: calc(14 * var(--u));
  height: calc(14 * var(--u));
  background: #fff;
}

.problem-card::after {
  right: calc(23 * var(--u));
  width: calc(23 * var(--u));
  height: calc(23 * var(--u));
  background: #fff;
  box-shadow: inset 0 0 0 calc(8 * var(--u)) currentColor;
}

.paint-label {
  display: inline-flex;
  align-items: center;
  min-width: calc(146 * var(--u));
  min-height: calc(43 * var(--u));
  padding: 0 calc(26 * var(--u));
  margin-bottom: calc(25 * var(--u));
  color: #081642;
  font-size: calc(25 * var(--u));
  line-height: 1;
  font-weight: 800;
  background: linear-gradient(90deg, rgba(255, 206, 150, .38), rgba(255, 178, 88, .68), rgba(255, 207, 155, .28));
  border-radius: calc(18 * var(--u)) calc(8 * var(--u)) calc(16 * var(--u)) calc(7 * var(--u));
}

.problem-card .paint-label::after {
  content: "";
  position: absolute;
  left: calc(32 * var(--u));
  right: calc(100 * var(--u));
  top: calc(88 * var(--u));
  border-top: calc(1.2 * var(--u)) solid #173160;
}

.problem-card p {
  color: #142857;
  font-size: calc(18 * var(--u));
  line-height: 1.42;
  font-weight: 500;
}

.pc-1 { left: calc(675 * var(--u)); top: calc(305 * var(--u)); }
.pc-2 { left: calc(1160 * var(--u)); top: calc(291 * var(--u)); width: calc(386 * var(--u)); }
.pc-3 { left: calc(675 * var(--u)); top: calc(541 * var(--u)); }
.pc-4 { left: calc(1160 * var(--u)); top: calc(541 * var(--u)); width: calc(386 * var(--u)); }

.tone-blue { color: #116dff; }
.tone-green { color: #45bd2f; }
.tone-purple { color: #a65cf6; }
.tone-orange { color: #ff7b22; }
.tone-cyan { color: #17c0d4; }
.tone-yellow { color: #eda91b; }

.screen-actions {
  position: absolute;
  display: flex;
  gap: calc(15 * var(--u));
}

.problems-actions {
  left: calc(603 * var(--u));
  bottom: calc(71 * var(--u));
}

.problems-actions .contact-pill {
  width: calc(276 * var(--u));
  height: calc(88 * var(--u));
  gap: calc(16 * var(--u));
  padding: 0 calc(22 * var(--u));
  border-width: calc(1.4 * var(--u));
  border-radius: calc(14 * var(--u));
  background: rgba(255, 255, 255, .9);
  font-size: calc(17.5 * var(--u));
  font-weight: 700;
  box-shadow: 0 calc(10 * var(--u)) calc(22 * var(--u)) rgba(51, 98, 180, .08);
}

.problems-actions .contact-pill span {
  display: block;
  line-height: 1.1;
  white-space: nowrap;
}

.problems-actions .contact-pill svg {
  width: calc(42 * var(--u));
  height: calc(42 * var(--u));
}

.problems-actions .contact-pill:first-child svg {
  padding: calc(9 * var(--u));
  border-radius: 50%;
  background: #1173ff;
  color: #fff;
}

.problems-actions .contact-pill:nth-child(2) svg {
  width: calc(46 * var(--u));
  height: calc(29 * var(--u));
  color: #1173ff;
}

.problems-actions .contact-pill small {
  margin-top: calc(6 * var(--u));
  color: #253764;
  font-size: calc(14.3 * var(--u));
  line-height: 1.1;
  font-weight: 500;
}

.contact-pill {
  width: calc(276 * var(--u));
  height: calc(88 * var(--u));
  display: flex;
  align-items: center;
  gap: calc(18 * var(--u));
  padding: 0 calc(22 * var(--u));
  border: calc(1.5 * var(--u)) solid #116dff;
  border-radius: calc(14 * var(--u));
  background: rgba(255, 255, 255, .83);
  color: #116dff;
  text-decoration: none;
  font-size: calc(18 * var(--u));
  font-weight: 700;
  box-shadow: 0 calc(14 * var(--u)) calc(26 * var(--u)) rgba(70, 100, 160, .08);
}

.contact-pill svg {
  width: calc(42 * var(--u));
  height: calc(42 * var(--u));
  flex: 0 0 auto;
}

.contact-pill small {
  display: block;
  margin-top: calc(4 * var(--u));
  color: #24355f;
  font-size: calc(14 * var(--u));
  font-weight: 500;
}

.hand-note {
  position: absolute;
  color: #116dff;
  font-family: "Caveat", cursive;
  font-size: calc(30 * var(--u));
  line-height: 1.12;
  font-weight: 600;
  transform: rotate(-6deg);
}

.note-problems {
  right: calc(84 * var(--u));
  bottom: calc(34 * var(--u));
  width: calc(398 * var(--u));
  height: calc(124 * var(--u));
  transform: none;
  z-index: 3;
}

.note-problems::before {
  content: none;
}

.hand-note img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.process-photo {
  left: 0;
  top: 0;
  width: calc(625 * var(--u));
  height: 100%;
}

.process-photo img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: left top;
}

.site-screen-3 {
  background:
    linear-gradient(104deg, #ffffff 0%, #f7fbff 66%, #edf8ff 100%);
}

.process-head {
  position: absolute;
  left: calc(657 * var(--u));
  top: calc(18 * var(--u));
  width: calc(980 * var(--u));
}

.mini-cloud {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(208 * var(--u));
  height: calc(62 * var(--u));
  margin-left: calc(8 * var(--u));
  margin-bottom: calc(8 * var(--u));
  padding: calc(3 * var(--u)) calc(30 * var(--u)) 0;
  color: #111;
  font-size: calc(17 * var(--u));
  font-weight: 700;
  border: 0;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 222 70'%3E%3Cpath d='M25 50C9 50 4 36 11 26c6-9 16-10 25-6C42 6 61 4 75 12c11-10 33-9 45 1 14-8 33-6 43 4 11-4 27-1 31 10 14 1 21 10 17 22-4 12-17 17-31 14-13 7-32 7-45 0-15 8-39 8-54-1-15 7-40 6-53-5-1-2-2-4-3-7Z' fill='white' stroke='%2319bde0' stroke-width='3.2'/%3E%3Cpath d='M5 38l-14 5M26 12l-9-12M204 14l14-12M216 35l16-3' stroke='%231167ff' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  filter: drop-shadow(0 calc(8 * var(--u)) calc(10 * var(--u)) rgba(0, 150, 210, .15));
}

.process-head h2 {
  font-size: calc(52 * var(--u));
  line-height: 1.05;
}

.process-head h2 span {
  color: #1474ff;
}

.process-head p {
  margin-top: calc(22 * var(--u));
  color: #334273;
  font-size: calc(21 * var(--u));
  line-height: 1.5;
  font-weight: 500;
}

.process-steps {
  position: absolute;
  left: calc(602 * var(--u));
  top: calc(329 * var(--u));
  width: calc(1018 * var(--u));
  height: calc(360 * var(--u));
}

.step-card {
  position: absolute;
  width: calc(250 * var(--u));
  min-height: calc(260 * var(--u));
  padding: calc(52 * var(--u)) calc(28 * var(--u)) calc(26 * var(--u));
  border-radius: calc(22 * var(--u));
  background: rgba(255,255,255,.86);
  border: calc(1 * var(--u)) solid rgba(109, 145, 220, .18);
  box-shadow: 0 calc(18 * var(--u)) calc(34 * var(--u)) rgba(70, 100, 160, .1);
}

.step-card em,
.orbit-card em,
.change-card em,
.case em {
  position: absolute;
  left: calc(20 * var(--u));
  top: calc(18 * var(--u));
  min-width: calc(42 * var(--u));
  height: calc(42 * var(--u));
  display: grid;
  place-items: center;
  border-radius: calc(12 * var(--u));
  background: color-mix(in srgb, currentColor 18%, white);
  color: currentColor;
  font-size: calc(21 * var(--u));
  font-style: normal;
  font-weight: 800;
}

.step-card > span {
  position: absolute;
  left: calc(28 * var(--u));
  top: calc(78 * var(--u));
  width: calc(68 * var(--u));
  height: calc(68 * var(--u));
  display: grid;
  place-items: center;
  border-radius: calc(16 * var(--u));
  background: color-mix(in srgb, currentColor 13%, white);
  font-size: calc(40 * var(--u));
}

.step-card b {
  display: block;
  margin-left: calc(86 * var(--u));
  color: #111;
  font-size: calc(21 * var(--u));
  line-height: 1.22;
  font-weight: 800;
}

.step-card p {
  margin-top: calc(32 * var(--u));
  color: #334273;
  font-size: calc(15.5 * var(--u));
  line-height: 1.45;
}

.step-1 { left: 0; top: 0; width: calc(255 * var(--u)); }
.step-2 { left: calc(265 * var(--u)); top: calc(62 * var(--u)); width: calc(235 * var(--u)); }
.step-3 { left: calc(530 * var(--u)); top: calc(28 * var(--u)); width: calc(250 * var(--u)); }
.step-4 { left: calc(792 * var(--u)); top: calc(83 * var(--u)); width: calc(238 * var(--u)); }

.process-arrows {
  position: absolute;
  left: calc(835 * var(--u));
  top: calc(345 * var(--u));
  width: calc(740 * var(--u));
  height: calc(210 * var(--u));
  pointer-events: none;
}

.process-arrows path {
  fill: none;
  stroke: #756cff;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-dasharray: 5 7;
}

.process-arrows {
  overflow: visible;
}

.process-arrows marker path {
  fill: none;
  stroke: #756cff;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.process-arrows::after {
  content: none;
}

.process-result {
  position: absolute;
  left: calc(412 * var(--u));
  right: calc(61 * var(--u));
  bottom: calc(28 * var(--u));
  height: calc(192 * var(--u));
  display: grid;
  grid-template-columns: calc(112 * var(--u)) 1fr calc(260 * var(--u)) calc(280 * var(--u));
  align-items: center;
  gap: calc(30 * var(--u));
  padding: 0 calc(28 * var(--u));
  background: #fff;
  border-radius: calc(24 * var(--u));
  box-shadow: 0 calc(22 * var(--u)) calc(42 * var(--u)) rgba(65, 92, 150, .13);
}

.check-badge {
  width: calc(88 * var(--u));
  height: calc(88 * var(--u));
  display: grid;
  place-items: center;
  border-radius: calc(18 * var(--u));
  background: #eaf2ff;
  color: #116dff;
  font-size: calc(47 * var(--u));
  font-weight: 800;
}

.check-badge svg {
  width: calc(54 * var(--u));
  height: calc(54 * var(--u));
  color: #19bde0;
  stroke-width: 1.8;
}

.process-result b {
  display: block;
  margin-bottom: calc(16 * var(--u));
  color: #111;
  font-size: calc(20 * var(--u));
}

.process-result ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #172a5a;
  font-size: calc(15.5 * var(--u));
  line-height: 1.45;
}

.process-result li::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: calc(15 * var(--u));
  height: calc(15 * var(--u));
  margin-right: calc(10 * var(--u));
  border-radius: 50%;
  background: #116dff;
  color: #fff;
  font-size: calc(10 * var(--u));
}

.process-result li {
  display: grid;
  grid-template-columns: calc(15 * var(--u)) 1fr;
  column-gap: calc(10 * var(--u));
  align-items: start;
}

.process-result li::before {
  margin-right: 0;
}

.result-buttons {
  display: grid;
  gap: calc(13 * var(--u));
}

.result-buttons a {
  height: calc(62 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(16 * var(--u));
  border-radius: calc(10 * var(--u));
  color: #fff;
  background: #126cff;
  text-decoration: none;
  font-size: calc(16 * var(--u));
  font-weight: 600;
}

.result-buttons a:last-child {
  background: #1f5aa9;
}

.orbit-section,
.change-section {
  background:
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.6 * var(--u))) calc(1464 * var(--u)) calc(0 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.6 * var(--u))) calc(22 * var(--u)) calc(630 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    radial-gradient(circle at 71% 53%, rgba(255,255,255,.95) 0 14.4%, transparent 14.6%),
    radial-gradient(circle at 74% 26%, rgba(231,242,255,.7) 0 18%, transparent 18.2%),
    linear-gradient(116deg, #fbfdff 0%, #f6faff 58%, #edf6ff 100%);
}

.orbit-section::before {
  content: "";
  position: absolute;
  left: calc(476 * var(--u));
  top: calc(-94 * var(--u));
  width: calc(1120 * var(--u));
  height: calc(990 * var(--u));
  border-top: calc(1.2 * var(--u)) solid rgba(45, 104, 255, .26);
  border-right: calc(1.2 * var(--u)) solid rgba(45, 104, 255, .22);
  border-radius: 55% 45% 60% 40%;
  transform: rotate(-9deg);
  pointer-events: none;
}

.orbit-section::after {
  content: "";
  position: absolute;
  right: calc(-86 * var(--u));
  bottom: calc(-104 * var(--u));
  width: calc(746 * var(--u));
  height: calc(510 * var(--u));
  border-left: calc(1.2 * var(--u)) solid rgba(45, 104, 255, .28);
  border-top: calc(1.2 * var(--u)) solid rgba(45, 104, 255, .26);
  border-radius: 70% 0 0 0;
  transform: rotate(12deg);
  pointer-events: none;
}

.orbit-copy {
  position: absolute;
  left: calc(153 * var(--u));
  top: calc(216 * var(--u));
  width: calc(665 * var(--u));
  z-index: 2;
}

.orbit-copy h2 {
  font-size: calc(69 * var(--u));
  line-height: 1.08;
}

.orbit-copy p {
  margin-top: calc(30 * var(--u));
  font-size: calc(19 * var(--u));
  line-height: 1.48;
  font-weight: 500;
}

.quiet-note {
  width: calc(426 * var(--u));
  min-height: calc(118 * var(--u));
  margin-top: calc(45 * var(--u));
  display: flex;
  align-items: center;
  gap: calc(25 * var(--u));
  padding: calc(21 * var(--u)) calc(28 * var(--u));
  border-radius: calc(16 * var(--u));
  background: rgba(255,255,255,.82);
  color: #116dff;
  font-size: calc(18 * var(--u));
  line-height: 1.35;
  box-shadow: 0 calc(18 * var(--u)) calc(34 * var(--u)) rgba(80, 105, 160, .09);
}

.quiet-note span {
  width: calc(56 * var(--u));
  height: calc(56 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e9f2ff;
  font-size: calc(31 * var(--u));
  flex: 0 0 auto;
}

.orbit-copy .hand-note {
  left: calc(135 * var(--u));
  bottom: calc(-122 * var(--u));
}

.orbit-copy .hand-note::before {
  content: "";
  position: absolute;
  left: calc(-108 * var(--u));
  top: calc(-20 * var(--u));
  width: calc(116 * var(--u));
  height: calc(86 * var(--u));
  border-left: calc(2 * var(--u)) solid #126dff;
  border-bottom: calc(2 * var(--u)) solid #126dff;
  border-radius: 0 0 0 85%;
  transform: rotate(-27deg);
}

.orbit-copy .hand-note::after {
  content: "";
  position: absolute;
  left: calc(-28 * var(--u));
  top: calc(55 * var(--u));
  width: calc(30 * var(--u));
  height: calc(22 * var(--u));
  border-right: calc(2 * var(--u)) solid #126dff;
  border-bottom: calc(2 * var(--u)) solid #126dff;
  transform: rotate(-34deg);
}

.orbit-center {
  position: absolute;
  left: calc(993 * var(--u));
  top: calc(334 * var(--u));
  width: calc(266 * var(--u));
  height: calc(266 * var(--u));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.88);
  box-shadow: 0 calc(18 * var(--u)) calc(42 * var(--u)) rgba(73, 96, 150, .08);
  text-align: center;
  z-index: 1;
}

.orbit-center span {
  color: #116dff;
  font-size: calc(52 * var(--u));
  line-height: 1;
}

.orbit-section .orbit-center span svg {
  width: calc(54 * var(--u));
  height: calc(54 * var(--u));
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.orbit-section.desktop-screen .orbit-card::after {
  content: "";
  position: absolute;
  width: calc(21 * var(--u));
  height: calc(21 * var(--u));
  border: calc(4 * var(--u)) solid #fff;
  border-radius: 50%;
  box-shadow: 0 calc(5 * var(--u)) calc(10 * var(--u)) rgba(45, 77, 143, .14);
}

.orbit-section.desktop-screen .orbit-1::after { right: calc(-14 * var(--u)); bottom: calc(3 * var(--u)); background: #8c42ff; }
.orbit-section.desktop-screen .orbit-2::after { left: calc(-14 * var(--u)); bottom: calc(2 * var(--u)); background: #67c71d; }
.orbit-section.desktop-screen .orbit-3::after { left: calc(-28 * var(--u)); top: calc(64 * var(--u)); background: #ff7f2e; }
.orbit-section.desktop-screen .orbit-4::after { left: calc(-16 * var(--u)); top: calc(-15 * var(--u)); background: #2678ff; }
.orbit-section.desktop-screen .orbit-5::after { right: calc(-14 * var(--u)); top: calc(-16 * var(--u)); background: #25c7c7; }
.orbit-section.desktop-screen .orbit-6::after { right: calc(-25 * var(--u)); top: calc(79 * var(--u)); background: #ffb31c; }

.orbit-section.desktop-screen .orbit-card::before {
  content: "";
  position: absolute;
  width: calc(74 * var(--u));
  border-top: calc(1.2 * var(--u)) dashed rgba(82, 126, 204, .38);
}

.orbit-section.desktop-screen .orbit-1::before { right: calc(-72 * var(--u)); bottom: calc(13 * var(--u)); transform: rotate(45deg); }
.orbit-section.desktop-screen .orbit-2::before { left: calc(-72 * var(--u)); bottom: calc(13 * var(--u)); transform: rotate(-45deg); }
.orbit-section.desktop-screen .orbit-3::before { left: calc(-72 * var(--u)); top: calc(74 * var(--u)); }
.orbit-section.desktop-screen .orbit-4::before { left: calc(-72 * var(--u)); top: calc(-4 * var(--u)); transform: rotate(35deg); }
.orbit-section.desktop-screen .orbit-5::before { right: calc(-72 * var(--u)); top: calc(-5 * var(--u)); transform: rotate(-35deg); }
.orbit-section.desktop-screen .orbit-6::before { right: calc(-72 * var(--u)); top: calc(89 * var(--u)); }

.orbit-section.desktop-screen .orbit-center b {
  margin-top: calc(14 * var(--u));
  font-size: calc(30 * var(--u));
  line-height: 1.12;
}

.orbit-section.desktop-screen .orbit-center small {
  width: calc(176 * var(--u));
  margin-top: calc(14 * var(--u));
  font-size: calc(15.5 * var(--u));
  line-height: 1.33;
}

.orbit-section.desktop-screen .orbit-copy .hand-note::before {
  left: calc(-150 * var(--u));
  top: calc(-22 * var(--u));
  width: calc(135 * var(--u));
  height: calc(108 * var(--u));
  border: 0;
  background: url("assets/decor/screen4-hand-arrow.svg") center / contain no-repeat;
  transform: rotate(-12deg);
}

.orbit-section.desktop-screen .orbit-copy .hand-note::after {
  display: none;
}

.orbit-section.desktop-screen .quiet-note span {
  box-shadow: inset 0 0 0 calc(4 * var(--u)) rgba(18,109,255,.16);
}

.orbit-center b {
  margin-top: calc(13 * var(--u));
  color: #071642;
  font-size: calc(27 * var(--u));
  line-height: 1.16;
  font-weight: 800;
}

.orbit-center small {
  margin-top: calc(15 * var(--u));
  color: #374675;
  font-size: calc(14 * var(--u));
  line-height: 1.35;
}

.orbit-ring {
  position: absolute;
  left: calc(913 * var(--u));
  top: calc(227 * var(--u));
  width: calc(438 * var(--u));
  height: calc(489 * var(--u));
  border: calc(1.5 * var(--u)) dashed rgba(94, 104, 160, .38);
  border-radius: 50%;
}

.orbit-card,
.change-card {
  position: absolute;
  width: calc(223 * var(--u));
  min-height: calc(235 * var(--u));
  padding: calc(88 * var(--u)) calc(22 * var(--u)) calc(22 * var(--u));
  border: calc(1.4 * var(--u)) solid currentColor;
  border-radius: calc(17 * var(--u));
  background: rgba(255,255,255,.82);
  box-shadow: 0 calc(18 * var(--u)) calc(35 * var(--u)) rgba(70, 100, 160, .08);
}

.orbit-card > span,
.change-card > span {
  position: absolute;
  right: calc(32 * var(--u));
  top: calc(48 * var(--u));
  color: currentColor;
  font-size: calc(46 * var(--u));
  line-height: 1;
}

.orbit-card b,
.change-card b {
  display: block;
  color: #071642;
  font-size: calc(21 * var(--u));
  line-height: 1.2;
  font-weight: 800;
}

.orbit-card p,
.change-card p {
  margin-top: calc(14 * var(--u));
  color: #293b70;
  font-size: calc(14 * var(--u));
  line-height: 1.35;
}

.orbit-1 { left: calc(827 * var(--u)); top: calc(91 * var(--u)); }
.orbit-2 { left: calc(1219 * var(--u)); top: calc(87 * var(--u)); }
.orbit-3 { left: calc(1369 * var(--u)); top: calc(408 * var(--u)); }
.orbit-4 { left: calc(1207 * var(--u)); top: calc(657 * var(--u)); }
.orbit-5 { left: calc(841 * var(--u)); top: calc(677 * var(--u)); }
.orbit-6 { left: calc(672 * var(--u)); top: calc(462 * var(--u)); }

.change-section {
  background:
    radial-gradient(circle at 65% 48%, rgba(255,255,255,.95) 0 13%, transparent 13.2%),
    radial-gradient(circle at 18% 88%, rgba(236,225,255,.42) 0 19%, transparent 19.2%),
    radial-gradient(circle at 54% 20%, rgba(219,250,238,.28) 0 18%, transparent 18.2%),
    linear-gradient(118deg, #fbfdff 0%, #f8fbff 62%, #f0f5ff 100%);
}

.change-section .orbit-center {
  left: calc(996 * var(--u));
  top: calc(398 * var(--u));
}

.change-section .orbit-ring {
  left: calc(805 * var(--u));
  top: calc(312 * var(--u));
  width: calc(638 * var(--u));
  height: calc(465 * var(--u));
}

.change-card {
  width: calc(315 * var(--u));
  min-height: calc(317 * var(--u));
  padding: calc(95 * var(--u)) calc(23 * var(--u)) calc(25 * var(--u));
}

.change-card hr {
  margin: calc(18 * var(--u)) 0 calc(16 * var(--u));
  border: 0;
  border-top: calc(2 * var(--u)) solid currentColor;
}

.change-card p strong {
  color: currentColor;
  font-weight: 800;
}

.ch-1 { left: calc(704 * var(--u)); top: calc(89 * var(--u)); }
.ch-2 { left: calc(1238 * var(--u)); top: calc(88 * var(--u)); }
.ch-3 { left: calc(697 * var(--u)); top: calc(556 * var(--u)); }
.ch-4 { left: calc(1260 * var(--u)); top: calc(555 * var(--u)); }

.cases-copy {
  position: absolute;
  left: calc(129 * var(--u));
  top: calc(112 * var(--u));
  width: calc(560 * var(--u));
}

.cases-copy h2,
.services-copy h2 {
  font-size: calc(58 * var(--u));
  line-height: 1.08;
}

.cases-copy p,
.services-copy p {
  margin-top: calc(31 * var(--u));
  font-size: calc(19 * var(--u));
  line-height: 1.45;
  font-weight: 500;
}

.case {
  position: absolute;
  border: calc(1.4 * var(--u)) solid currentColor;
  border-radius: calc(22 * var(--u));
  background: rgba(255,255,255,.86);
  box-shadow: 0 calc(18 * var(--u)) calc(38 * var(--u)) rgba(70,100,160,.09);
}

.case b {
  color: #071642;
  font-size: calc(24 * var(--u));
  line-height: 1.15;
  font-weight: 800;
}

.case p {
  margin-top: calc(16 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: 1.45;
}

.case a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: calc(225 * var(--u));
  height: calc(52 * var(--u));
  margin-top: calc(30 * var(--u));
  padding: 0 calc(16 * var(--u));
  border-radius: calc(12 * var(--u));
  color: #fff;
  background: currentColor;
  text-decoration: none;
  font-size: calc(16 * var(--u));
  font-weight: 700;
}

.case a i {
  display: grid;
  place-items: center;
  width: calc(34 * var(--u));
  height: calc(34 * var(--u));
  border-radius: 50%;
  background: #fff;
  color: currentColor;
  font-style: normal;
  font-size: calc(30 * var(--u));
}

.case.tone-blue a { background: #116dff; color: #fff; }
.case.tone-green a { background: #35bd20; color: #fff; }
.case.tone-orange a { background: #ff7b22; color: #fff; }
.case.tone-purple a { background: #6738f5; color: #fff; }
.case.tone-blue a i { color: #116dff; }
.case.tone-green a i { color: #35bd20; }
.case.tone-orange a i { color: #ff7b22; }
.case.tone-purple a i { color: #6738f5; }

.case-site {
  left: calc(761 * var(--u));
  top: calc(29 * var(--u));
  width: calc(805 * var(--u));
  height: calc(360 * var(--u));
  padding: calc(92 * var(--u)) calc(24 * var(--u));
}

.case-site img {
  position: absolute;
  right: calc(84 * var(--u));
  top: calc(77 * var(--u));
  width: calc(444 * var(--u));
  height: calc(275 * var(--u));
  object-fit: cover;
  border-radius: calc(7 * var(--u));
}

.case-improve {
  left: calc(88 * var(--u));
  top: calc(394 * var(--u));
  width: calc(720 * var(--u));
  height: calc(360 * var(--u));
  padding: calc(92 * var(--u)) calc(26 * var(--u));
  transform: rotate(-1.5deg);
}

.case-improve img {
  position: absolute;
  right: calc(24 * var(--u));
  top: calc(34 * var(--u));
  width: calc(486 * var(--u));
  height: calc(244 * var(--u));
  object-fit: cover;
}

.case-analysis {
  left: calc(831 * var(--u));
  top: calc(383 * var(--u));
  width: calc(755 * var(--u));
  height: calc(360 * var(--u));
  padding: calc(86 * var(--u)) calc(24 * var(--u));
}

.case-analysis img {
  position: absolute;
  right: calc(28 * var(--u));
  top: calc(42 * var(--u));
  width: calc(487 * var(--u));
  height: calc(228 * var(--u));
  object-fit: cover;
}

.case-auto {
  left: calc(298 * var(--u));
  bottom: calc(17 * var(--u));
  width: calc(1240 * var(--u));
  height: calc(306 * var(--u));
  padding: calc(41 * var(--u)) calc(90 * var(--u));
}

.case-auto img {
  position: absolute;
  right: calc(70 * var(--u));
  top: calc(32 * var(--u));
  width: calc(783 * var(--u));
  height: calc(155 * var(--u));
  object-fit: cover;
}

.case-auto a {
  margin-top: calc(28 * var(--u));
}

.superhero-section {
  background: #ddd;
}

.superhero-section > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.super-actions {
  position: absolute;
  left: 50%;
  bottom: calc(38 * var(--u));
  display: flex;
  gap: calc(27 * var(--u));
  transform: translateX(-50%);
}

.super-btn {
  width: calc(405 * var(--u));
  height: calc(68 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(24 * var(--u));
  border-radius: calc(15 * var(--u));
  color: #fff;
  text-decoration: none;
  font-size: calc(22 * var(--u));
  font-weight: 600;
  box-shadow: inset 0 0 0 calc(1.5 * var(--u)) rgba(255,255,255,.55), 0 calc(12 * var(--u)) calc(26 * var(--u)) rgba(0,35,95,.26);
}

.super-btn svg {
  width: calc(48 * var(--u));
  height: calc(48 * var(--u));
}

.super-btn.tg { background: linear-gradient(180deg, #0bb9ff, #0873df); }
.super-btn.vk { background: linear-gradient(180deg, #496b88, #122f60); }

.faq-section {
  background: #07101d;
  color: #fff;
}

.faq-section > img {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(789 * var(--u));
  height: 100%;
  object-fit: cover;
}

.faq-content {
  position: absolute;
  left: calc(802 * var(--u));
  top: calc(64 * var(--u));
  width: calc(807 * var(--u));
  color: #fff;
}

.faq-content h2 {
  color: #fff;
  font-size: calc(47 * var(--u));
  line-height: 1.08;
}

.faq-content h2 span {
  color: #62adff;
}

.faq-content > p {
  margin-top: calc(18 * var(--u));
  color: rgba(255,255,255,.82);
  font-size: calc(18 * var(--u));
  line-height: 1.35;
}

.faq-list {
  margin-top: calc(10 * var(--u));
  display: grid;
  gap: calc(6 * var(--u));
}

.faq-list article {
  position: relative;
  min-height: calc(118 * var(--u));
  padding: calc(21 * var(--u)) calc(72 * var(--u)) calc(18 * var(--u)) calc(96 * var(--u));
  border: calc(1 * var(--u)) solid rgba(122, 157, 206, .18);
  border-radius: calc(11 * var(--u));
  background: rgba(21, 34, 55, .8);
  box-shadow: inset 0 0 calc(30 * var(--u)) rgba(90, 150, 255, .04);
}

.faq-list article > span {
  position: absolute;
  left: calc(17 * var(--u));
  top: calc(23 * var(--u));
  width: calc(62 * var(--u));
  height: calc(62 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #2d81ff;
  background: #f2f7ff;
  font-size: calc(33 * var(--u));
}

.faq-list b {
  color: #fff;
  font-size: calc(22 * var(--u));
  line-height: 1.15;
}

.faq-list p {
  margin-top: calc(6 * var(--u));
  color: rgba(255,255,255,.82);
  font-size: calc(15.8 * var(--u));
  line-height: 1.34;
}

.faq-list i {
  position: absolute;
  right: calc(34 * var(--u));
  top: 50%;
  width: calc(38 * var(--u));
  height: calc(38 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(34, 84, 150, .42);
  color: #62adff;
  font-size: calc(28 * var(--u));
  font-style: normal;
  transform: translateY(-50%);
}

.faq-footer {
  height: calc(53 * var(--u));
  margin-top: calc(16 * var(--u));
  display: grid;
  place-items: center;
  border: calc(1 * var(--u)) solid rgba(67, 128, 215, .55);
  border-radius: calc(9 * var(--u));
  background: rgba(22, 72, 139, .52);
  color: #fff;
  font-size: calc(17 * var(--u));
}

.services-section {
  background:
    radial-gradient(circle at 65% 50%, rgba(218,229,255,.58), transparent 35%),
    linear-gradient(110deg, #fbfdff 0%, #f7faff 64%, #eef5ff 100%);
}

.services-section::before {
  content: "";
  position: absolute;
  left: calc(94 * var(--u));
  top: calc(103 * var(--u));
  width: calc(52 * var(--u));
  height: calc(52 * var(--u));
  background: url("assets/icons/services-star.svg") center / contain no-repeat;
}

.services-copy {
  position: absolute;
  left: calc(99 * var(--u));
  top: calc(188 * var(--u));
  width: calc(620 * var(--u));
}

.services-copy h2 {
  font-size: calc(62 * var(--u));
}

.services-copy .wide-btn,
.wide-btn {
  width: calc(394 * var(--u));
  height: calc(72 * var(--u));
  margin-top: calc(45 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(26 * var(--u));
  border-radius: calc(18 * var(--u));
  color: #fff;
  background: linear-gradient(90deg, #126dff, #6967ff);
  text-decoration: none;
  font-size: calc(18 * var(--u));
  box-shadow: 0 calc(17 * var(--u)) calc(30 * var(--u)) rgba(46, 82, 255, .24);
}

.services-copy small {
  position: absolute;
  left: 0;
  top: calc(600 * var(--u));
  color: #41527c;
  font-size: calc(17 * var(--u));
}

.services-copy small::before {
  content: "✦";
  display: inline-grid;
  place-items: center;
  width: calc(39 * var(--u));
  height: calc(39 * var(--u));
  margin-right: calc(18 * var(--u));
  border: calc(2 * var(--u)) solid #5f54ff;
  border-radius: calc(8 * var(--u));
  color: #5f54ff;
  font-size: calc(22 * var(--u));
  vertical-align: middle;
}

.services-orbit-img {
  position: absolute;
  right: 0;
  top: calc(12 * var(--u));
  width: calc(1108 * var(--u));
  height: calc(905 * var(--u));
  object-fit: contain;
}

.contacts-section {
  background:
    linear-gradient(107deg, rgba(238,242,248,.92), rgba(250,252,255,.72)),
    #eef3fa;
}

.contacts-section::before {
  content: "✦";
  position: absolute;
  left: calc(42 * var(--u));
  top: calc(43 * var(--u));
  width: calc(88 * var(--u));
  height: calc(88 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.64);
  color: #126dff;
  font-size: calc(44 * var(--u));
  box-shadow: 0 calc(12 * var(--u)) calc(26 * var(--u)) rgba(53, 70, 120, .1);
}

.contacts-left {
  position: absolute;
  left: calc(50 * var(--u));
  top: calc(82 * var(--u));
  width: calc(650 * var(--u));
  height: calc(815 * var(--u));
}

.contacts-left h2 {
  font-family: Georgia, serif;
  font-size: calc(112 * var(--u));
  line-height: 1;
  font-weight: 500;
}

.contacts-left h2::after {
  content: "";
  display: block;
  width: calc(520 * var(--u));
  margin-top: calc(33 * var(--u));
  border-top: calc(2 * var(--u)) solid #2c70ff;
}

.contacts-left > p {
  margin-top: calc(33 * var(--u));
  color: #4c5a7c;
  font-size: calc(20 * var(--u));
  line-height: 1.45;
}

.contact-feature {
  position: relative;
  margin-top: calc(38 * var(--u));
  padding-left: calc(91 * var(--u));
}

.contact-feature span {
  position: absolute;
  left: 0;
  top: calc(-9 * var(--u));
  width: calc(72 * var(--u));
  height: calc(72 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #116dff;
  font-size: calc(36 * var(--u));
  box-shadow: 0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(70, 100, 160, .14);
}

.contact-feature b {
  color: #071642;
  font-size: calc(18 * var(--u));
}

.contact-feature p {
  margin-top: calc(10 * var(--u));
  color: #4d5b7e;
  font-size: calc(16 * var(--u));
}

.contacts-left img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(650 * var(--u));
  opacity: .72;
}

.contacts-right {
  position: absolute;
  right: calc(42 * var(--u));
  top: calc(64 * var(--u));
  width: calc(848 * var(--u));
}

.map-card,
.requisites-card,
.contact-cta {
  border-radius: calc(18 * var(--u));
  background: rgba(255,255,255,.82);
  box-shadow: 0 calc(18 * var(--u)) calc(36 * var(--u)) rgba(40, 62, 105, .14), inset 0 0 0 calc(9 * var(--u)) rgba(255,255,255,.72);
}

.map-card {
  height: calc(383 * var(--u));
  display: grid;
  grid-template-columns: 1fr calc(405 * var(--u));
  overflow: hidden;
}

.map-card > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map-card > div {
  padding: calc(64 * var(--u)) calc(48 * var(--u));
  color: #fff;
  background: linear-gradient(135deg, #596372, #151d2b);
}

.map-card b {
  display: block;
  margin-bottom: calc(22 * var(--u));
  font-family: Georgia, serif;
  font-size: calc(27 * var(--u));
  font-weight: 500;
}

.map-card p,
.map-card small {
  color: rgba(255,255,255,.88);
  font-size: calc(16 * var(--u));
  line-height: 1.45;
}

.map-card hr {
  width: calc(124 * var(--u));
  margin: calc(34 * var(--u)) 0 calc(28 * var(--u));
  border: 0;
  border-top: calc(1 * var(--u)) solid rgba(255,255,255,.48);
}

.requisites-card {
  height: calc(266 * var(--u));
  margin-top: calc(18 * var(--u));
  padding: calc(37 * var(--u)) calc(42 * var(--u));
}

.req-head {
  display: flex;
  align-items: center;
  gap: calc(22 * var(--u));
}

.req-head span {
  width: calc(78 * var(--u));
  height: calc(78 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f4f8ff;
  color: #116dff;
  font-size: calc(35 * var(--u));
  box-shadow: 0 calc(8 * var(--u)) calc(18 * var(--u)) rgba(70, 100, 160, .12);
}

.req-head b {
  color: #071642;
  font-family: Georgia, serif;
  font-size: calc(28 * var(--u));
  font-weight: 600;
}

.req-head em {
  margin-left: auto;
  padding: calc(10 * var(--u)) calc(18 * var(--u));
  border-radius: calc(14 * var(--u));
  background: #f1f6ff;
  color: #116dff;
  font-size: calc(16 * var(--u));
  font-style: normal;
  font-weight: 800;
}

.requisites-card > p {
  margin: calc(18 * var(--u)) 0 calc(26 * var(--u)) calc(104 * var(--u));
  color: #293a67;
  font-size: calc(14.5 * var(--u));
}

.req-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: calc(1 * var(--u)) solid rgba(20,40,80,.16);
  padding-top: calc(18 * var(--u));
  gap: calc(20 * var(--u));
}

.req-grid span {
  position: relative;
  display: block;
  color: #071642;
  font-size: calc(13 * var(--u));
  font-weight: 800;
}

.req-grid small {
  display: block;
  margin-top: calc(8 * var(--u));
  color: #33436e;
  font-size: calc(12.3 * var(--u));
  line-height: 1.35;
  font-weight: 500;
}

.contact-cta {
  height: calc(138 * var(--u));
  margin-top: calc(20 * var(--u));
  display: grid;
  grid-template-columns: 1fr calc(228 * var(--u)) calc(228 * var(--u));
  align-items: center;
  gap: calc(18 * var(--u));
  padding: 0 calc(40 * var(--u));
}

.contact-cta p {
  color: #34456f;
  font-size: calc(13.5 * var(--u));
  line-height: 1.4;
}

.contact-cta p b {
  color: #071642;
  font-size: calc(15.5 * var(--u));
}

.contact-cta .super-btn {
  width: 100%;
  height: calc(86 * var(--u));
  font-size: calc(16 * var(--u));
}

.privacy-line {
  margin-top: calc(24 * var(--u));
  text-align: center;
  color: #65708a;
  font-size: calc(15 * var(--u));
}

.mobile-screen {
  --mw: 841;
  --u: min(calc(430px / var(--mw)), calc(100vw / var(--mw)));
  max-width: 430px;
  margin: 0 auto 28px;
  background:
    radial-gradient(circle at 83% 13%, rgba(217,234,255,.75) 0 14%, transparent 14.2%),
    linear-gradient(117deg, #fbfdff 0%, #f6faff 70%, #eef6ff 100%);
}

.mobile-screen::before {
  background:
    radial-gradient(circle, rgba(21,109,255,.12) calc(1.8 * var(--u)), transparent calc(2.1 * var(--u))) calc(330 * var(--u)) calc(28 * var(--u)) / calc(14 * var(--u)) calc(14 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(21,109,255,.10) calc(1.8 * var(--u)), transparent calc(2.1 * var(--u))) calc(346 * var(--u)) calc(804 * var(--u)) / calc(14 * var(--u)) calc(14 * var(--u)) no-repeat;
}

.mobile-screen h2 {
  font-size: calc(37 * var(--u));
  line-height: 1.08;
}

.mobile-screen p {
  font-size: calc(14 * var(--u));
  line-height: 1.45;
}

.mobile-screen-2 {
  --mw: 841;
  aspect-ratio: 841 / 2020;
  background:
    linear-gradient(117deg, #fbfdff 0%, #f6faff 70%, #eef6ff 100%);
}

.mobile-screen-2::after {
  content: "";
  position: absolute;
  left: calc(-55 * var(--u));
  top: calc(1604 * var(--u));
  width: calc(198 * var(--u));
  height: calc(310 * var(--u));
  border-right: calc(1.6 * var(--u)) solid rgba(17, 109, 255, .72);
  border-radius: 0 62% 57% 0;
  transform: rotate(12deg);
  transform-origin: left top;
  pointer-events: none;
  z-index: 1;
}
.mobile-s2-head {
  position: absolute;
  left: calc(55 * var(--u));
  top: calc(52 * var(--u));
  width: calc(650 * var(--u));
  z-index: 3;
}

.mobile-s2-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(178 * var(--u));
  width: calc(500 * var(--u));
  border-top: calc(1.3 * var(--u)) solid rgba(15, 42, 96, .36);
}

.mobile-s2-head::after {
  content: "";
  position: absolute;
  left: calc(244 * var(--u));
  top: calc(168 * var(--u));
  width: calc(21 * var(--u));
  height: calc(21 * var(--u));
  border: calc(4 * var(--u)) solid #116dff;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 calc(5 * var(--u)) rgba(17, 109, 255, .12);
}

.mobile-s2-head p {
  margin-top: calc(55 * var(--u));
  width: calc(560 * var(--u));
  color: #273a68;
}

.mobile-s2-photo-line {
  position: absolute;
  right: calc(-132 * var(--u));
  top: calc(176 * var(--u));
  width: calc(268 * var(--u));
  height: calc(288 * var(--u));
  border-left: calc(1.45 * var(--u)) solid rgba(17, 109, 255, .68);
  border-top: 0;
  border-radius: 58% 0 0 50%;
  transform: rotate(16deg);
  transform-origin: right top;
  pointer-events: none;
  z-index: 3;
}

.mobile-s2-photo-line::after {
  content: "";
  position: absolute;
  left: calc(-12 * var(--u));
  top: calc(176 * var(--u));
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
  border: calc(4 * var(--u)) solid #116dff;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 calc(5 * var(--u)) rgba(17, 109, 255, .12);
}

.mobile-photo-card {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(390 * var(--u));
  height: calc(480 * var(--u));
  overflow: visible;
  border-radius: 0;
  pointer-events: none;
  z-index: 1;
}

.mobile-photo-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
  object-position: center top;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 88%, rgba(0,0,0,.82) 94%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 88%, rgba(0,0,0,.82) 94%, transparent 100%);
}

.mobile-problem-grid {
  position: absolute;
  left: calc(50 * var(--u));
  right: calc(54 * var(--u));
  top: calc(872 * var(--u));
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: calc(27 * var(--u));
  row-gap: calc(23 * var(--u));
  z-index: 2;
}

.mobile-problem {
  position: relative;
  height: calc(352 * var(--u));
  min-height: 0;
  padding: calc(112 * var(--u)) calc(19 * var(--u)) calc(28 * var(--u));
  border: calc(1.2 * var(--u)) solid currentColor;
  border-radius: calc(14 * var(--u));
  background: rgba(255,255,255,.84);
}

.mobile-problem::after {
  content: "";
  position: absolute;
  right: calc(20 * var(--u));
  top: calc(21 * var(--u));
  width: calc(18 * var(--u));
  height: calc(18 * var(--u));
  border: calc(1.2 * var(--u)) solid currentColor;
  border-radius: 50%;
  box-shadow: calc(-23 * var(--u)) 0 0 calc(-1 * var(--u)) currentColor;
}

.round-icon {
  position: absolute;
  left: calc(22 * var(--u));
  top: calc(22 * var(--u));
  width: calc(64 * var(--u));
  height: calc(64 * var(--u));
  display: grid;
  place-items: center;
  margin: 0;
  border-radius: 50%;
  color: inherit;
  background: currentColor;
  font-size: calc(36 * var(--u));
}

.mobile-screen-2 .round-icon svg {
  color: #fff;
  stroke: #fff;
  stroke-width: 1.9;
  width: calc(39 * var(--u));
  height: calc(39 * var(--u));
}

.mobile-problem b {
  display: block;
  color: #071642;
  font-size: calc(19 * var(--u));
  line-height: 1.15;
}

.mobile-problem p {
  margin-top: calc(8 * var(--u));
  color: #162a5d;
  font-size: calc(12.5 * var(--u));
  line-height: 1.33;
}

.mobile-problem hr {
  margin: calc(13 * var(--u)) 0;
  border: 0;
  border-top: calc(1 * var(--u)) solid rgba(20,40,80,.18);
}

.mobile-s2-actions {
  position: absolute;
  left: calc(172 * var(--u));
  right: calc(164 * var(--u));
  top: calc(1644 * var(--u));
  display: grid;
  gap: calc(18 * var(--u));
}

.mobile-s2-actions::before {
  content: "";
  position: absolute;
  left: calc(-112 * var(--u));
  top: calc(56 * var(--u));
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
  border: calc(4 * var(--u)) solid #116dff;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 calc(5 * var(--u)) rgba(17, 109, 255, .12);
  pointer-events: none;
}

.mobile-screen .contact-pill {
  width: 100%;
  height: calc(82 * var(--u));
  border-radius: calc(13 * var(--u));
  font-size: calc(17 * var(--u));
}

.mobile-screen .contact-pill svg {
  width: calc(44 * var(--u));
  height: calc(44 * var(--u));
}

.mobile-screen .contact-pill small {
  font-size: calc(12 * var(--u));
}

.mobile-screen .contact-pill i {
  margin-left: auto;
  color: #116dff;
  font-size: calc(36 * var(--u));
  line-height: 1;
  font-style: normal;
}

.mobile-screen-2 .mobile-s2-actions .contact-pill {
  height: calc(84 * var(--u));
  gap: calc(23 * var(--u));
  padding: 0 calc(25 * var(--u));
  border-width: calc(1.7 * var(--u));
  border-radius: calc(16 * var(--u));
  background: rgba(255,255,255,.94);
  font-size: calc(31 * var(--u));
  font-weight: 800;
  box-shadow: 0 calc(10 * var(--u)) calc(20 * var(--u)) rgba(53, 97, 180, .08);
}

.mobile-screen-2 .mobile-s2-actions .contact-pill svg {
  width: calc(58 * var(--u));
  height: calc(58 * var(--u));
  padding: calc(13 * var(--u));
  border-radius: 50%;
  background: #1173ff;
  color: #fff;
}

.mobile-screen-2 .mobile-s2-actions .contact-pill span {
  display: block;
  line-height: 1.08;
  white-space: nowrap;
}

.mobile-screen-2 .mobile-s2-actions .contact-pill small {
  margin-top: calc(6 * var(--u));
  color: #1d2e5d;
  font-size: calc(25 * var(--u));
  line-height: 1.05;
  font-weight: 500;
}

.mobile-screen-2 .mobile-s2-actions .contact-pill i {
  font-size: calc(38 * var(--u));
  font-weight: 400;
}

.mobile-note-problems {
  left: calc(175 * var(--u));
  top: calc(1838 * var(--u));
  width: calc(535 * var(--u));
  height: calc(145 * var(--u));
  font-size: calc(24 * var(--u));
  transform: none;
  z-index: 1;
}

.mobile-s2-actions {
  z-index: 2;
}

.mobile-screen-3 {
  --mw: 842;
  aspect-ratio: 842 / 2110;
  background: linear-gradient(117deg, #fbfdff 0%, #f8fbff 68%, #f1f8ff 100%);
}

.mobile-process-head {
  position: absolute;
  left: calc(93 * var(--u));
  top: calc(36 * var(--u));
  width: calc(660 * var(--u));
  z-index: 3;
}

.mobile-process-head h2 {
  margin-top: calc(9 * var(--u));
  font-size: calc(29 * var(--u));
}

.mobile-process-head p {
  margin-top: calc(13 * var(--u));
  width: calc(650 * var(--u));
  font-size: calc(11.7 * var(--u));
}

.mobile-process-photo {
  position: absolute;
  left: 0;
  top: calc(425 * var(--u));
  width: calc(842 * var(--u));
  height: calc(437 * var(--u));
  object-fit: cover;
  border-radius: 0;
  z-index: 1;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.86) 0%, #000 8%, #000 92%, rgba(0,0,0,.88) 98%, transparent 100%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.86) 0%, #000 8%, #000 92%, rgba(0,0,0,.88) 98%, transparent 100%);
}

.mobile-steps {
  position: absolute;
  left: calc(118 * var(--u));
  right: calc(105 * var(--u));
  top: calc(833 * var(--u));
  display: grid;
  gap: calc(14 * var(--u));
  z-index: 2;
}

.mobile-steps::before {
  content: none;
  position: absolute;
  left: calc(-72 * var(--u));
  top: calc(92 * var(--u));
  width: calc(92 * var(--u));
  height: calc(350 * var(--u));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 350'%3E%3Cdefs%3E%3Cmarker id='a' viewBox='0 0 10 10' refX='8' refY='5' markerWidth='7' markerHeight='7' orient='auto'%3E%3Cpath d='M1 1 9 5 1 9' fill='none' stroke='%23756cff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/marker%3E%3C/defs%3E%3Cg fill='none' stroke='%23756cff' stroke-width='2.4' stroke-linecap='round' stroke-dasharray='6 7'%3E%3Cpath d='M78 10C21 11 19 70 68 86' marker-end='url(%23a)'/%3E%3Cpath d='M78 132C21 133 19 192 68 208' marker-end='url(%23a)'/%3E%3Cpath d='M78 254C21 255 19 314 68 330' marker-end='url(%23a)'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}

.step-row {
  position: relative;
  min-height: calc(134 * var(--u));
  padding: calc(28 * var(--u)) calc(34 * var(--u)) calc(22 * var(--u)) calc(204 * var(--u));
  border-radius: calc(24 * var(--u));
  background: rgba(255,255,255,.86);
  box-shadow: 0 calc(12 * var(--u)) calc(23 * var(--u)) rgba(70,100,160,.1);
}

.mobile-screen-3 .step-row:not(:first-child)::before {
  content: "";
  position: absolute;
  left: calc(-78 * var(--u));
  top: calc(-70 * var(--u));
  width: calc(90 * var(--u));
  height: calc(88 * var(--u));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 88'%3E%3Cdefs%3E%3Cmarker id='a' viewBox='0 0 10 10' refX='8' refY='5' markerWidth='7' markerHeight='7' orient='auto'%3E%3Cpath d='M1 1 9 5 1 9' fill='none' stroke='%23756cff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/marker%3E%3C/defs%3E%3Cpath d='M80 8C20 8 17 63 69 75' fill='none' stroke='%23756cff' stroke-width='2.4' stroke-linecap='round' stroke-dasharray='6 7' marker-end='url(%23a)'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
  z-index: 3;
}

.step-row em {
  position: absolute;
  left: calc(34 * var(--u));
  top: calc(27 * var(--u));
  width: calc(42 * var(--u));
  height: calc(42 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, currentColor 16%, white);
  color: currentColor;
  font-size: calc(24 * var(--u));
  font-style: normal;
  font-weight: 800;
}

.step-row > span {
  position: absolute;
  left: calc(89 * var(--u));
  top: calc(28 * var(--u));
  width: calc(86 * var(--u));
  height: calc(86 * var(--u));
  display: grid;
  place-items: center;
  border-radius: calc(18 * var(--u));
  background: color-mix(in srgb, currentColor 12%, white);
  font-size: calc(44 * var(--u));
}

.step-row b {
  display: block;
  color: #111;
  font-size: calc(13.2 * var(--u));
  line-height: 1.18;
}

.step-row p {
  margin-top: calc(8 * var(--u));
  font-size: calc(9.5 * var(--u));
  line-height: 1.33;
}

.mobile-result-card {
  position: absolute;
  left: calc(64 * var(--u));
  right: calc(60 * var(--u));
  top: calc(1472 * var(--u));
  min-height: calc(236 * var(--u));
  padding: calc(33 * var(--u)) calc(78 * var(--u));
  border-radius: calc(26 * var(--u));
  background: rgba(255,255,255,.88);
  box-shadow: 0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(70,100,160,.1);
}

.mobile-result-card b {
  color: #111;
  font-size: calc(17 * var(--u));
}

.mobile-result-card p {
  margin-top: calc(9 * var(--u));
  font-size: calc(12 * var(--u));
}

.mobile-s3-actions {
  top: calc(1660 * var(--u));
  left: calc(143 * var(--u));
  right: calc(136 * var(--u));
}

.mobile-orbit {
  --mw: 768;
  aspect-ratio: 768 / 2048;
  padding: calc(49 * var(--u)) calc(31 * var(--u));
}

.mobile-orbit h2 {
  position: relative;
  z-index: 1;
  font-size: calc(34 * var(--u));
}

.mobile-orbit > p {
  margin-top: calc(18 * var(--u));
  width: calc(300 * var(--u));
  font-size: calc(11.5 * var(--u));
}

.mobile-quiet {
  margin-top: calc(22 * var(--u));
  padding: calc(16 * var(--u));
  border-radius: calc(12 * var(--u));
  background: #fff;
  color: #116dff;
  font-size: calc(11.5 * var(--u));
  line-height: 1.35;
}

.mobile-orbit-center {
  width: calc(138 * var(--u));
  height: calc(138 * var(--u));
  margin: calc(40 * var(--u)) auto calc(18 * var(--u));
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  text-align: center;
  box-shadow: 0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(70,100,160,.09);
}

.mobile-orbit-center b {
  color: #071642;
  font-size: calc(16 * var(--u));
  line-height: 1.15;
}

.mobile-orbit-center small {
  margin-top: calc(7 * var(--u));
  color: #374675;
  font-size: calc(9 * var(--u));
  line-height: 1.25;
}

.mobile-orbit-grid,
.mobile-change-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(13 * var(--u));
}

.mobile-orbit .orbit-card,
.mobile-orbit .change-card {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  min-height: calc(188 * var(--u));
  padding: calc(52 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u));
  border-radius: calc(13 * var(--u));
}

.mobile-orbit .orbit-card em,
.mobile-orbit .change-card em {
  left: calc(13 * var(--u));
  top: calc(13 * var(--u));
  min-width: calc(35 * var(--u));
  height: calc(35 * var(--u));
  font-size: calc(16 * var(--u));
}

.mobile-orbit .orbit-card b,
.mobile-orbit .change-card b {
  font-size: calc(14.5 * var(--u));
}

.mobile-orbit .orbit-card p,
.mobile-orbit .change-card p {
  font-size: calc(10 * var(--u));
}

.mobile-orbit .hand-note {
  right: calc(32 * var(--u));
  bottom: calc(32 * var(--u));
  font-size: calc(22 * var(--u));
}

.mobile-change-grid .change-card {
  min-height: calc(232 * var(--u));
}

.mobile-screen-4 {
  --mw: 768;
  aspect-ratio: 768 / 2048;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 51% 62%, rgba(255,255,255,.92) 0 11%, transparent 11.2%),
    radial-gradient(circle, rgba(57,131,255,.12) calc(2 * var(--u)), transparent calc(2.5 * var(--u))) calc(676 * var(--u)) calc(114 * var(--u)) / calc(14 * var(--u)) calc(14 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.5 * var(--u))) calc(18 * var(--u)) calc(1830 * var(--u)) / calc(14 * var(--u)) calc(14 * var(--u)) no-repeat,
    linear-gradient(117deg, #fbfdff 0%, #f7fbff 66%, #edf6ff 100%);
}

.mobile-screen-4::before {
  content: "";
  position: absolute;
  left: calc(185 * var(--u));
  top: calc(1008 * var(--u));
  width: calc(400 * var(--u));
  height: calc(400 * var(--u));
  border: calc(1.4 * var(--u)) dashed rgba(85,120,190,.34);
  border-radius: 50%;
  pointer-events: none;
}

.mobile-screen-4 h2 {
  position: absolute;
  left: calc(87 * var(--u));
  top: calc(88 * var(--u));
  width: calc(610 * var(--u));
  font-size: calc(72 * var(--u));
  line-height: 1.12;
}

.mobile-screen-4 > p {
  position: absolute;
  left: calc(87 * var(--u));
  top: calc(360 * var(--u));
  width: calc(530 * var(--u));
  margin: 0;
  font-size: calc(27 * var(--u));
  line-height: 1.48;
}

.mobile-screen-4 .mobile-quiet {
  position: absolute;
  left: calc(83 * var(--u));
  top: calc(552 * var(--u));
  width: calc(600 * var(--u));
  min-height: calc(158 * var(--u));
  margin: 0;
  display: flex;
  align-items: center;
  gap: calc(33 * var(--u));
  padding: calc(24 * var(--u)) calc(36 * var(--u));
  border-radius: calc(21 * var(--u));
  background: rgba(255,255,255,.9);
  box-shadow: 0 calc(18 * var(--u)) calc(38 * var(--u)) rgba(72, 100, 158, .1);
  font-size: calc(27 * var(--u));
  line-height: 1.36;
}

.mobile-screen-4 .mobile-quiet::before {
  content: "✓";
  width: calc(82 * var(--u));
  height: calc(82 * var(--u));
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #e9f2ff;
  color: #116dff;
  font-size: calc(48 * var(--u));
  font-weight: 700;
}

.mobile-screen-4 .mobile-orbit-center {
  position: absolute;
  left: calc(277 * var(--u));
  top: calc(1100 * var(--u));
  width: calc(214 * var(--u));
  height: calc(214 * var(--u));
  margin: 0;
  z-index: 2;
}

.mobile-screen-4 .mobile-orbit-center span {
  color: #116dff;
  font-size: calc(48 * var(--u));
  line-height: 1;
}

.mobile-screen-4 .mobile-orbit-center b {
  margin-top: calc(11 * var(--u));
  font-size: calc(30 * var(--u));
  line-height: 1.12;
}

.mobile-screen-4 .mobile-orbit-center small {
  margin-top: calc(12 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.35;
}

.mobile-screen-4 .mobile-orbit-grid {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
}

.mobile-screen-4 .mobile-orbit-grid::before {
  content: "";
  position: absolute;
  left: calc(-28 * var(--u));
  bottom: calc(62 * var(--u));
  width: calc(245 * var(--u));
  height: calc(250 * var(--u));
  background: radial-gradient(circle, rgba(57, 131, 255, .18) calc(2.2 * var(--u)), transparent calc(2.7 * var(--u))) 0 0 / calc(16 * var(--u)) calc(16 * var(--u));
  transform: rotate(-8deg);
  pointer-events: none;
}

.mobile-screen-4 .mobile-orbit-grid::after {
  content: "";
  position: absolute;
  right: calc(-88 * var(--u));
  bottom: calc(-15 * var(--u));
  width: calc(280 * var(--u));
  height: calc(310 * var(--u));
  border-left: calc(2 * var(--u)) solid rgba(45, 104, 255, .42);
  border-top: calc(2 * var(--u)) solid rgba(45, 104, 255, .35);
  border-radius: 68% 0 0 0;
  transform: rotate(16deg);
  pointer-events: none;
}

.mobile-screen-4 .orbit-card {
  position: absolute;
  width: calc(230 * var(--u));
  height: calc(278 * var(--u));
  min-height: 0;
  padding: calc(96 * var(--u)) calc(26 * var(--u)) calc(24 * var(--u));
  border-radius: calc(17 * var(--u));
}

.mobile-screen-4 .orbit-card:nth-child(1) { left: calc(73 * var(--u)); top: calc(772 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(2) { left: calc(461 * var(--u)); top: calc(772 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(3) { left: calc(27 * var(--u)); top: calc(1148 * var(--u)); width: calc(194 * var(--u)); height: calc(330 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(4) { left: calc(92 * var(--u)); top: calc(1485 * var(--u)); height: calc(320 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(5) { left: calc(545 * var(--u)); top: calc(1148 * var(--u)); width: calc(194 * var(--u)); height: calc(298 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(6) { left: calc(458 * var(--u)); top: calc(1482 * var(--u)); height: calc(320 * var(--u)); }

.mobile-screen-4 .orbit-card em {
  left: calc(28 * var(--u));
  top: calc(29 * var(--u));
  min-width: calc(62 * var(--u));
  height: calc(62 * var(--u));
  border-radius: calc(14 * var(--u));
  font-size: calc(28 * var(--u));
}

.mobile-screen-4 .orbit-card > span {
  position: absolute;
  right: calc(28 * var(--u));
  top: calc(33 * var(--u));
  color: currentColor;
  font-size: calc(54 * var(--u));
}

.mobile-screen-4 .orbit-card > span svg,
.mobile-screen-4 .mobile-orbit-center svg {
  width: 1em;
  height: 1em;
}

.mobile-screen-4 .orbit-card b {
  font-size: calc(26 * var(--u));
  line-height: 1.22;
}

.mobile-screen-4 .orbit-card p {
  margin-top: calc(22 * var(--u));
  font-size: calc(16.2 * var(--u));
  line-height: 1.38;
}

.mobile-screen-4 .orbit-card:nth-child(3) b,
.mobile-screen-4 .orbit-card:nth-child(5) b {
  font-size: calc(24 * var(--u));
}

.mobile-screen-4 .orbit-card:nth-child(3) p,
.mobile-screen-4 .orbit-card:nth-child(5) p {
  font-size: calc(16.5 * var(--u));
}

.mobile-screen-4 .hand-note {
  position: absolute;
  left: calc(225 * var(--u));
  right: auto;
  bottom: calc(80 * var(--u));
  font-size: calc(42 * var(--u));
  line-height: 1.28;
  transform: rotate(-5deg);
}

.mobile-cases {
  --mw: 768;
  aspect-ratio: 768 / 2048;
  padding: calc(48 * var(--u)) calc(26 * var(--u));
}

.mobile-screen-5 {
  --mw: 762;
  aspect-ratio: 762 / 2063;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 74% 7%, rgba(226,232,255,.55) 0 18%, transparent 18.4%),
    radial-gradient(circle at 0% 35%, rgba(222,250,239,.65) 0 15%, transparent 15.4%),
    linear-gradient(117deg, #fbfdff 0%, #f8fbff 64%, #f3f7ff 100%);
}

.mobile-screen-5::before {
  content: "";
  position: absolute;
  left: calc(137 * var(--u));
  top: calc(1052 * var(--u));
  width: calc(488 * var(--u));
  height: calc(488 * var(--u));
  border: calc(1.4 * var(--u)) dashed rgba(83,119,190,.34);
  border-radius: 50%;
  pointer-events: none;
}

.mobile-screen-5 h2 {
  position: absolute;
  left: calc(130 * var(--u));
  top: calc(137 * var(--u));
  width: calc(560 * var(--u));
  font-size: calc(72 * var(--u));
  line-height: 1.18;
}

.mobile-screen-5 > p {
  position: absolute;
  left: calc(130 * var(--u));
  top: calc(445 * var(--u));
  width: calc(560 * var(--u));
  margin: 0;
  font-size: calc(26 * var(--u));
  line-height: 1.42;
}

.mobile-screen-5 .mobile-orbit-center {
  position: absolute;
  left: calc(232 * var(--u));
  top: calc(1080 * var(--u));
  width: calc(298 * var(--u));
  height: calc(298 * var(--u));
  margin: 0;
  z-index: 3;
}

.mobile-screen-5 .mobile-orbit-center span {
  color: #116dff;
  font-size: calc(54 * var(--u));
}

.mobile-screen-5 .mobile-orbit-center b {
  margin-top: calc(18 * var(--u));
  font-size: calc(31 * var(--u));
  line-height: 1.18;
}

.mobile-screen-5 .mobile-orbit-center small {
  margin-top: calc(20 * var(--u));
  font-size: calc(17 * var(--u));
}

.mobile-screen-5 .mobile-change-grid {
  position: absolute;
  inset: 0;
  display: block;
}

.mobile-screen-5 .change-card {
  position: absolute;
  width: calc(293 * var(--u));
  height: calc(500 * var(--u));
  min-height: 0;
  padding: calc(138 * var(--u)) calc(31 * var(--u)) calc(28 * var(--u));
  border-radius: calc(18 * var(--u));
}

.mobile-screen-5 .change-card:nth-child(1) { left: calc(55 * var(--u)); top: calc(602 * var(--u)); }
.mobile-screen-5 .change-card:nth-child(2) { left: calc(410 * var(--u)); top: calc(602 * var(--u)); }
.mobile-screen-5 .change-card:nth-child(3) { left: calc(55 * var(--u)); top: calc(1343 * var(--u)); height: calc(588 * var(--u)); }
.mobile-screen-5 .change-card:nth-child(4) { left: calc(412 * var(--u)); top: calc(1343 * var(--u)); height: calc(588 * var(--u)); }

.mobile-screen-5 .change-card em {
  left: calc(31 * var(--u));
  top: calc(36 * var(--u));
  min-width: calc(63 * var(--u));
  height: calc(63 * var(--u));
  border-radius: calc(14 * var(--u));
  font-size: calc(29 * var(--u));
}

.mobile-screen-5 .change-card > span {
  position: absolute;
  right: calc(29 * var(--u));
  top: calc(37 * var(--u));
  color: currentColor;
  font-size: calc(60 * var(--u));
}

.mobile-screen-5 .change-card b {
  font-size: calc(26 * var(--u));
  line-height: 1.35;
}

.mobile-screen-5 .change-card hr {
  width: calc(52 * var(--u));
  margin: calc(34 * var(--u)) 0;
  border-top: calc(2 * var(--u)) solid #ff1818;
}

.mobile-screen-5 .change-card p {
  font-size: calc(24 * var(--u));
  line-height: 1.35;
}

.mobile-cases h2 {
  font-size: calc(30 * var(--u));
  text-align: center;
}

.mobile-cases > p {
  margin: calc(15 * var(--u)) auto calc(20 * var(--u));
  width: calc(300 * var(--u));
  text-align: center;
  font-size: calc(11.5 * var(--u));
}

.mobile-cases .case {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  width: auto;
  height: auto;
  min-height: calc(365 * var(--u));
  margin-bottom: calc(18 * var(--u));
  padding: calc(58 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u));
  transform: none;
}

.mobile-cases .case b {
  font-size: calc(18 * var(--u));
}

.mobile-cases .case p {
  width: calc(160 * var(--u));
  font-size: calc(11.3 * var(--u));
}

.mobile-cases .case img {
  width: 100%;
  height: calc(154 * var(--u));
  margin-top: calc(15 * var(--u));
  object-fit: cover;
  border-radius: calc(8 * var(--u));
}

.mobile-cases .case a {
  min-width: calc(185 * var(--u));
  height: calc(42 * var(--u));
  margin-top: calc(14 * var(--u));
  font-size: calc(12 * var(--u));
}

.mobile-super {
  --mw: 941;
  aspect-ratio: 941 / 1672;
  background: #ddd;
}

.mobile-super > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 52% center;
}

.mobile-super .super-actions {
  bottom: calc(70 * var(--u));
  gap: calc(12 * var(--u));
}

.mobile-super .super-btn {
  width: calc(158 * var(--u));
  height: calc(60 * var(--u));
  gap: calc(10 * var(--u));
  border-radius: calc(12 * var(--u));
  font-size: calc(12 * var(--u));
  line-height: 1.15;
}

.mobile-super .super-btn svg {
  width: calc(36 * var(--u));
  height: calc(36 * var(--u));
}

.mobile-faq {
  --mw: 841;
  aspect-ratio: 841 / 1870;
  padding: calc(44 * var(--u)) calc(20 * var(--u));
  background: #07101d;
  color: #fff;
}

.mobile-faq h2 {
  color: #fff;
  font-size: calc(28 * var(--u));
}

.mobile-faq h2 span {
  color: #62adff;
}

.mobile-faq > p {
  margin-top: calc(11 * var(--u));
  width: calc(290 * var(--u));
  color: rgba(255,255,255,.82);
  font-size: calc(11.5 * var(--u));
}

.mobile-faq > img {
  width: calc(270 * var(--u));
  height: calc(330 * var(--u));
  margin: calc(20 * var(--u)) auto calc(18 * var(--u));
  display: block;
  object-fit: cover;
  object-position: center top;
}

.mobile-faq .faq-list {
  gap: calc(9 * var(--u));
}

.mobile-faq .faq-list article {
  min-height: calc(118 * var(--u));
  padding: calc(15 * var(--u)) calc(42 * var(--u)) calc(14 * var(--u)) calc(62 * var(--u));
  border-radius: calc(10 * var(--u));
}

.mobile-faq .faq-list article > span {
  left: calc(13 * var(--u));
  top: calc(17 * var(--u));
  width: calc(36 * var(--u));
  height: calc(36 * var(--u));
  font-size: calc(21 * var(--u));
}

.mobile-faq .faq-list b {
  font-size: calc(14 * var(--u));
}

.mobile-faq .faq-list p {
  font-size: calc(9.5 * var(--u));
}

.mobile-faq .faq-list i {
  right: calc(12 * var(--u));
  width: calc(28 * var(--u));
  height: calc(28 * var(--u));
}

.mobile-services-section {
  --mw: 887;
  aspect-ratio: 887 / 1774;
  padding: calc(78 * var(--u)) calc(28 * var(--u));
}

.mobile-services-section h2 {
  text-align: center;
  font-size: calc(27 * var(--u));
}

.mobile-services-section p {
  margin: calc(18 * var(--u)) auto 0;
  width: calc(315 * var(--u));
  text-align: center;
  font-size: calc(11.5 * var(--u));
}

.mobile-services-section .wide-btn {
  width: calc(230 * var(--u));
  height: calc(46 * var(--u));
  margin: calc(25 * var(--u)) auto 0;
  font-size: calc(11.5 * var(--u));
  border-radius: calc(14 * var(--u));
}

.mobile-services-section img {
  width: calc(420 * var(--u));
  max-width: 100%;
  margin: calc(58 * var(--u)) auto 0;
  display: block;
}

.mobile-services-section small {
  position: absolute;
  left: calc(115 * var(--u));
  bottom: calc(24 * var(--u));
  color: #526282;
  font-size: calc(10 * var(--u));
}

.mobile-contacts {
  --mw: 853;
  aspect-ratio: 853 / 1843;
  padding: calc(50 * var(--u)) calc(20 * var(--u));
  background: #eef3fa;
}

.mobile-contacts h2 {
  font-family: Georgia, serif;
  font-size: calc(43 * var(--u));
  font-weight: 500;
}

.mobile-contacts > p {
  margin-top: calc(11 * var(--u));
  font-size: calc(12 * var(--u));
}

.mobile-map {
  width: 100%;
  height: calc(235 * var(--u));
  margin-top: calc(26 * var(--u));
  object-fit: cover;
  border-radius: calc(16 * var(--u));
  box-shadow: 0 calc(14 * var(--u)) calc(28 * var(--u)) rgba(70,100,160,.13);
}

.mobile-location {
  margin-top: calc(14 * var(--u));
  padding: calc(22 * var(--u));
  border-radius: calc(14 * var(--u));
  color: #fff;
  background: linear-gradient(135deg, #596372, #172033);
}

.mobile-location b {
  font-family: Georgia, serif;
  font-size: calc(22 * var(--u));
  font-weight: 500;
}

.mobile-location p {
  margin-top: calc(12 * var(--u));
  color: rgba(255,255,255,.86);
  font-size: calc(12.5 * var(--u));
}

.mobile-contacts .requisites-card {
  height: auto;
  margin-top: calc(14 * var(--u));
  padding: calc(22 * var(--u));
}

.mobile-contacts .req-head span {
  width: calc(45 * var(--u));
  height: calc(45 * var(--u));
  font-size: calc(24 * var(--u));
}

.mobile-contacts .req-head b {
  font-size: calc(21 * var(--u));
}

.mobile-contacts .requisites-card > p {
  margin: calc(13 * var(--u)) 0;
  font-size: calc(11.5 * var(--u));
}

.mobile-contacts .req-grid {
  grid-template-columns: 1fr 1fr;
  gap: calc(12 * var(--u));
}

.mobile-contacts .req-grid span {
  padding: calc(12 * var(--u));
  border-radius: calc(10 * var(--u));
  background: #f4f8ff;
  font-size: calc(11 * var(--u));
}

.mobile-contact-actions {
  margin-top: calc(14 * var(--u));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(10 * var(--u));
}

.mobile-contact-actions .super-btn {
  width: 100%;
  height: calc(58 * var(--u));
  border-radius: calc(11 * var(--u));
  font-size: calc(14 * var(--u));
}

.mobile-screen h2 {
  font-size: calc(72 * var(--u));
}

.mobile-screen p {
  font-size: calc(28 * var(--u));
}

.mobile-s2-head p {
  font-size: calc(27 * var(--u));
}

.mobile-screen-2 .round-icon svg {
  color: #fff;
  stroke: #fff;
}

.mobile-problem b {
  font-size: calc(34 * var(--u));
}

.mobile-problem p {
  font-size: calc(20.4 * var(--u));
  line-height: 1.27;
}

.mobile-screen .contact-pill {
  font-size: calc(34 * var(--u));
}

.mobile-screen .contact-pill small {
  font-size: calc(24 * var(--u));
}

.mobile-note-problems {
  font-size: calc(46 * var(--u));
}

.mobile-process-head h2 {
  font-size: calc(58 * var(--u));
}

.mobile-process-head p {
  font-size: calc(23 * var(--u));
}

.step-row b {
  font-size: calc(26 * var(--u));
}

.step-row p {
  font-size: calc(19 * var(--u));
}

.mobile-result-card b {
  font-size: calc(34 * var(--u));
}

.mobile-result-card p {
  font-size: calc(24 * var(--u));
}

.mobile-screen-3 .mobile-result-card {
  left: calc(64 * var(--u));
  right: calc(60 * var(--u));
  top: calc(1548 * var(--u));
  min-height: calc(560 * var(--u));
  padding: calc(34 * var(--u)) calc(80 * var(--u)) calc(28 * var(--u));
  border-radius: calc(26 * var(--u));
  background: rgba(255,255,255,.9);
  z-index: 2;
}

.mobile-screen-3 .mobile-result-card b {
  display: block;
  text-align: center;
  color: #111;
  font-size: calc(24 * var(--u));
  line-height: 1.2;
}

.mobile-screen-3 .mobile-result-card ul {
  margin: calc(36 * var(--u)) 0 0;
  padding: 0 0 0 calc(58 * var(--u));
  list-style: none;
  color: #071a68;
  font-size: calc(23 * var(--u));
  line-height: 1.32;
}

.mobile-screen-3 .mobile-result-card li {
  position: relative;
  margin-top: calc(21 * var(--u));
}

.mobile-screen-3 .mobile-result-card li::before {
  content: "✓";
  position: absolute;
  left: calc(-49 * var(--u));
  top: calc(2 * var(--u));
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #116dff;
  color: #fff;
  font-size: calc(14 * var(--u));
  font-weight: 800;
}

.mobile-result-safe {
  position: absolute;
  left: calc(79 * var(--u));
  right: calc(79 * var(--u));
  bottom: calc(24 * var(--u));
  height: calc(64 * var(--u));
  display: flex;
  align-items: center;
  gap: calc(26 * var(--u));
  padding: 0 calc(36 * var(--u));
  border-radius: calc(12 * var(--u));
  background: rgba(238,251,253,.88);
}

.mobile-result-safe span {
  width: calc(38 * var(--u));
  height: calc(44 * var(--u));
  display: grid;
  place-items: center;
  color: #19bde0;
  font-size: calc(28 * var(--u));
  line-height: 1;
}

.mobile-result-safe svg {
  width: 100%;
  height: 100%;
  stroke-width: 1.7;
}

.mobile-screen-3 .mobile-result-safe p {
  margin: 0;
  color: #071a68;
  font-size: calc(23 * var(--u));
  line-height: 1.25;
}

.mobile-screen-3 .mobile-s3-actions {
  left: calc(144 * var(--u));
  right: calc(136 * var(--u));
  top: calc(1853 * var(--u));
  gap: calc(9 * var(--u));
  z-index: 3;
}

.mobile-screen-3 .mobile-s3-actions::before {
  content: none;
}

.mobile-screen-3 .mobile-s3-actions .contact-pill {
  height: calc(58 * var(--u));
  justify-content: center;
  gap: calc(36 * var(--u));
  padding: 0 calc(24 * var(--u));
  border: 0;
  border-radius: calc(10 * var(--u));
  background: #126cff;
  color: #fff;
  font-size: calc(27 * var(--u));
  font-weight: 500;
  box-shadow: none;
}

.mobile-screen-3 .mobile-s3-actions .contact-pill:nth-child(2) {
  background: #0059a9;
}

.mobile-screen-3 .mobile-s3-actions .contact-pill svg {
  width: calc(32 * var(--u));
  height: calc(32 * var(--u));
}

.mobile-screen-3 .mobile-s3-actions .contact-pill i {
  display: none;
}

.mobile-orbit h2 {
  font-size: calc(68 * var(--u));
}

.mobile-orbit > p,
.mobile-quiet {
  font-size: calc(23 * var(--u));
}

.mobile-orbit-center b {
  font-size: calc(31 * var(--u));
}

.mobile-orbit-center small {
  font-size: calc(18 * var(--u));
}

.mobile-orbit .orbit-card b,
.mobile-orbit .change-card b {
  font-size: calc(29 * var(--u));
}

.mobile-orbit .orbit-card p,
.mobile-orbit .change-card p {
  font-size: calc(20 * var(--u));
}

.mobile-cases h2 {
  font-size: calc(60 * var(--u));
}

.mobile-cases > p {
  font-size: calc(23 * var(--u));
}

.mobile-cases .case b {
  font-size: calc(36 * var(--u));
}

.mobile-cases .case p {
  font-size: calc(23 * var(--u));
}

.mobile-cases .case a {
  font-size: calc(24 * var(--u));
}

.mobile-screen-6 .case {
  min-height: calc(414 * var(--u));
  padding: calc(96 * var(--u)) calc(24 * var(--u)) calc(24 * var(--u));
}

.mobile-screen-6 .case::after {
  content: "+";
  position: absolute;
  right: calc(22 * var(--u));
  top: calc(18 * var(--u));
  width: calc(46 * var(--u));
  height: calc(46 * var(--u));
  display: grid;
  place-items: center;
  border: calc(1.5 * var(--u)) solid currentColor;
  border-radius: 50%;
  color: currentColor;
  font-size: calc(42 * var(--u));
  line-height: 1;
}

.mobile-screen-6 .case b {
  display: block;
  width: calc(225 * var(--u));
  font-size: calc(27 * var(--u));
  line-height: 1.24;
}

.mobile-screen-6 .case p {
  width: calc(220 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: 1.48;
}

.mobile-screen-6 .case img {
  position: absolute;
  right: calc(29 * var(--u));
  top: calc(84 * var(--u));
  width: calc(410 * var(--u));
  height: calc(240 * var(--u));
  margin: 0;
  object-fit: contain;
  border-radius: calc(9 * var(--u));
}

.mobile-screen-6 .case a {
  position: absolute;
  left: calc(22 * var(--u));
  bottom: calc(24 * var(--u));
  min-width: calc(205 * var(--u));
  height: calc(50 * var(--u));
}

.mobile-screen-6 .case-auto img {
  top: calc(160 * var(--u));
  width: calc(455 * var(--u));
  height: calc(112 * var(--u));
}

.mobile-screen-6 {
  --mw: 768;
  aspect-ratio: 768 / 2048;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle, rgba(57,131,255,.14) calc(2 * var(--u)), transparent calc(2.7 * var(--u))) calc(34 * var(--u)) calc(158 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.7 * var(--u))) calc(675 * var(--u)) calc(64 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    linear-gradient(117deg, #fbfdff 0%, #f8fbff 66%, #f1f6ff 100%);
}

.mobile-screen-6::before,
.mobile-screen-6::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-top: calc(1.6 * var(--u)) solid rgba(45,104,255,.46);
  border-radius: 50%;
}

.mobile-screen-6::before {
  left: calc(-92 * var(--u));
  top: calc(-28 * var(--u));
  width: calc(332 * var(--u));
  height: calc(140 * var(--u));
  transform: rotate(-12deg);
}

.mobile-screen-6::after {
  right: calc(-70 * var(--u));
  top: calc(170 * var(--u));
  width: calc(210 * var(--u));
  height: calc(118 * var(--u));
  transform: rotate(-28deg);
}

.mobile-screen-6 h2 {
  position: absolute;
  left: calc(86 * var(--u));
  top: calc(50 * var(--u));
  width: calc(596 * var(--u));
  margin: 0;
  text-align: center;
  font-size: calc(60 * var(--u));
  line-height: 1.12;
}

.mobile-screen-6 > p {
  position: absolute;
  left: calc(170 * var(--u));
  top: calc(171 * var(--u));
  width: calc(430 * var(--u));
  margin: 0;
  text-align: center;
  color: #405887;
  font-size: calc(20.8 * var(--u));
  line-height: 1.42;
}

.mobile-screen-6 .case {
  position: absolute;
  left: calc(26 * var(--u));
  right: calc(26 * var(--u));
  width: auto;
  height: calc(416 * var(--u));
  min-height: 0;
  margin: 0;
  padding: calc(88 * var(--u)) calc(25 * var(--u)) calc(24 * var(--u));
  border-radius: calc(20 * var(--u));
  background: rgba(255,255,255,.86);
  transform: none;
}

.mobile-screen-6 .case:nth-of-type(1) { top: calc(315 * var(--u)); }
.mobile-screen-6 .case:nth-of-type(2) { top: calc(757 * var(--u)); }
.mobile-screen-6 .case:nth-of-type(3) { top: calc(1209 * var(--u)); height: calc(374 * var(--u)); }
.mobile-screen-6 .case:nth-of-type(4) { top: calc(1608 * var(--u)); height: calc(390 * var(--u)); }

.mobile-screen-6 .case em {
  left: calc(24 * var(--u));
  top: calc(24 * var(--u));
  min-width: calc(52 * var(--u));
  height: calc(52 * var(--u));
  border-radius: calc(12 * var(--u));
  font-size: calc(25 * var(--u));
}

.mobile-screen-6 .case::after {
  right: calc(22 * var(--u));
  top: calc(18 * var(--u));
  width: calc(46 * var(--u));
  height: calc(46 * var(--u));
}

.mobile-screen-6 .case b {
  width: calc(210 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: 1.22;
}

.mobile-screen-6 .case p {
  width: calc(206 * var(--u));
  margin-top: calc(20 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.48;
}

.mobile-screen-6 .case img {
  right: calc(32 * var(--u));
  top: calc(77 * var(--u));
  width: calc(420 * var(--u));
  height: calc(255 * var(--u));
  object-fit: contain;
  border-radius: calc(9 * var(--u));
}

.mobile-screen-6 .case:nth-of-type(3) img {
  top: calc(72 * var(--u));
  width: calc(455 * var(--u));
  height: calc(210 * var(--u));
}

.mobile-screen-6 .case:nth-of-type(4) img {
  top: calc(162 * var(--u));
  width: calc(462 * var(--u));
  height: calc(116 * var(--u));
}

.mobile-screen-6 .case a {
  left: calc(22 * var(--u));
  bottom: calc(24 * var(--u));
  min-width: calc(205 * var(--u));
  height: calc(50 * var(--u));
  margin: 0;
  border-radius: calc(10 * var(--u));
  font-size: calc(15 * var(--u));
}

.cases-section.desktop-screen {
  background:
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.6 * var(--u))) calc(70 * var(--u)) calc(140 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(57,131,255,.12) calc(2 * var(--u)), transparent calc(2.6 * var(--u))) calc(1510 * var(--u)) calc(135 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    linear-gradient(117deg, #fbfdff 0%, #f8fbff 66%, #f1f6ff 100%);
}

.cases-section.desktop-screen::before,
.cases-section.desktop-screen::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-top: calc(1.2 * var(--u)) solid rgba(45,104,255,.34);
  border-radius: 50%;
}

.cases-section.desktop-screen::before {
  left: calc(-90 * var(--u));
  top: calc(-20 * var(--u));
  width: calc(430 * var(--u));
  height: calc(170 * var(--u));
  transform: rotate(-14deg);
}

.cases-section.desktop-screen::after {
  right: calc(-60 * var(--u));
  top: calc(168 * var(--u));
  width: calc(320 * var(--u));
  height: calc(160 * var(--u));
  transform: rotate(-26deg);
}

.cases-section.desktop-screen .case::after {
  content: "+";
  position: absolute;
  right: calc(18 * var(--u));
  top: calc(18 * var(--u));
  width: calc(45 * var(--u));
  height: calc(45 * var(--u));
  display: grid;
  place-items: center;
  border: calc(1.5 * var(--u)) solid currentColor;
  border-radius: 50%;
  color: currentColor;
  font-size: calc(42 * var(--u));
  line-height: 1;
  z-index: 5;
}

.cases-section.desktop-screen .case a {
  position: absolute;
  left: calc(26 * var(--u));
  bottom: calc(26 * var(--u));
  margin: 0;
}

.cases-section.desktop-screen .case b,
.cases-section.desktop-screen .case p {
  position: relative;
  z-index: 2;
}

.cases-section.desktop-screen .case > img {
  z-index: 1;
  object-fit: contain;
  object-position: center;
}

.cases-section.desktop-screen .case-site img {
  top: calc(68 * var(--u));
}

.cases-section.desktop-screen .case-improve {
  top: calc(413 * var(--u));
  height: calc(300 * var(--u));
}

.cases-section.desktop-screen .case-improve img {
  top: calc(37 * var(--u));
  height: calc(225 * var(--u));
}

.cases-section.desktop-screen .case-analysis {
  top: calc(410 * var(--u));
  height: calc(306 * var(--u));
}

.cases-section.desktop-screen .case-analysis img {
  top: calc(39 * var(--u));
  height: calc(211 * var(--u));
}

.cases-section.desktop-screen .case-auto {
  left: calc(298 * var(--u));
  top: calc(732 * var(--u));
  bottom: auto;
  height: calc(190 * var(--u));
  padding: calc(30 * var(--u)) calc(90 * var(--u));
}

.cases-section.desktop-screen .case-auto img {
  right: calc(70 * var(--u));
  top: calc(38 * var(--u));
  height: calc(104 * var(--u));
}

.cases-section.desktop-screen .case-auto a {
  left: calc(90 * var(--u));
  bottom: calc(30 * var(--u));
  margin: 0;
}

.superhero-section.desktop-screen .super-actions {
  left: calc(418 * var(--u));
  right: auto;
  bottom: calc(38 * var(--u));
  width: calc(835 * var(--u));
  height: calc(100 * var(--u));
  gap: calc(26 * var(--u));
}

.superhero-section.desktop-screen .super-btn {
  opacity: 0;
  width: calc(410 * var(--u));
  height: calc(100 * var(--u));
}

.mobile-super {
  --mw: 941;
  aspect-ratio: 941 / 1672;
  background: #101927;
  overflow: hidden;
}

.mobile-super > img {
  display: none;
}

.mobile-super::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 0 78%, rgba(10,16,28,.94) 100%),
    url("assets/photos/superhero-mobile-bg.webp") center top / 100% auto no-repeat;
}

.mobile-super .super-actions {
  left: calc(45 * var(--u));
  right: calc(45 * var(--u));
  bottom: calc(118 * var(--u));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(18 * var(--u));
  transform: none;
  z-index: 2;
}

.mobile-super .super-btn {
  width: 100%;
  height: calc(170 * var(--u));
  padding: 0 calc(34 * var(--u));
  justify-content: flex-start;
  gap: calc(45 * var(--u));
  border-radius: calc(28 * var(--u));
  border: calc(3 * var(--u)) solid rgba(255,255,255,.62);
  font-size: calc(42 * var(--u));
  line-height: 1.18;
  box-shadow: 0 calc(20 * var(--u)) calc(34 * var(--u)) rgba(0,0,0,.34);
}

.mobile-super .super-btn svg {
  width: calc(76 * var(--u));
  height: calc(76 * var(--u));
  padding: calc(20 * var(--u));
  border-radius: 50%;
  background: #fff;
  flex: 0 0 auto;
}

.mobile-super .super-btn {
  font-size: calc(42 * var(--u));
}

.mobile-super .super-btn.tg svg {
  fill: #089ce8;
}

.mobile-super .super-btn.vk svg {
  fill: #234a72;
}

.mobile-faq h2 {
  font-size: calc(56 * var(--u));
}

.mobile-faq > p {
  font-size: calc(23 * var(--u));
}

.mobile-faq .faq-list b {
  font-size: calc(28 * var(--u));
}

.mobile-faq .faq-list p {
  font-size: calc(19 * var(--u));
}

.mobile-services-section h2 {
  font-size: calc(54 * var(--u));
}

.mobile-services-section p,
.mobile-services-section .wide-btn {
  font-size: calc(23 * var(--u));
}

.mobile-services-section small {
  font-size: calc(20 * var(--u));
}

.mobile-contacts h2 {
  font-size: calc(86 * var(--u));
}

.mobile-contacts > p,
.mobile-location p,
.mobile-contacts .requisites-card > p {
  font-size: calc(24 * var(--u));
}

.mobile-location b,
.mobile-contacts .req-head b {
  font-size: calc(42 * var(--u));
}

.mobile-contacts .req-grid span {
  font-size: calc(22 * var(--u));
}

.mobile-contact-actions .super-btn {
  font-size: calc(28 * var(--u));
}

@media (max-width: 767px) {
  .desktop-hero,
  .desktop-screen {
    display: none;
  }
}

@media (min-width: 768px) {
  .mobile-hero,
  .mobile-screen {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .hero-code {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .faq-section.desktop-screen .faq-content {
    top: calc(48 * var(--u));
  }

  .faq-section.desktop-screen .faq-content::before {
    top: calc(-38 * var(--u));
    width: calc(48 * var(--u));
    height: calc(38 * var(--u));
  }

  .faq-section.desktop-screen .faq-content h2 {
    font-size: calc(40 * var(--u));
  }

  .faq-section.desktop-screen .faq-content > p {
    margin-top: calc(12 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: 1.22;
  }

  .faq-section.desktop-screen .faq-list {
    margin-top: calc(8 * var(--u));
    gap: calc(5 * var(--u));
  }

  .faq-section.desktop-screen .faq-list article {
    min-height: calc(104 * var(--u));
    padding: calc(13 * var(--u)) calc(62 * var(--u)) calc(10 * var(--u)) calc(86 * var(--u));
  }

  .faq-section.desktop-screen .faq-list article > span {
    left: calc(15 * var(--u));
    top: calc(17 * var(--u));
    width: calc(54 * var(--u));
    height: calc(54 * var(--u));
  }

  .faq-section.desktop-screen .faq-list b {
    font-size: calc(19 * var(--u));
  }

  .faq-section.desktop-screen .faq-list p {
    font-size: calc(13.2 * var(--u));
    line-height: 1.18;
  }

  .faq-section.desktop-screen .faq-list i {
    right: calc(24 * var(--u));
    width: calc(34 * var(--u));
    height: calc(34 * var(--u));
  }

  .faq-section.desktop-screen .faq-footer {
    height: calc(45 * var(--u));
    margin-top: calc(9 * var(--u));
    font-size: calc(15 * var(--u));
  }

  .cases-section.desktop-screen .case-auto {
    top: calc(724 * var(--u));
  }
}

@media (max-width: 360px) {
  .mobile-screen-8 {
    aspect-ratio: 841 / 1892;
  }
}

 .mobile-screen-8 {
  --mw: 841;
  aspect-ratio: 841 / 1870;
  padding: 0;
  overflow: hidden;
  background: radial-gradient(circle at 72% 17%, rgba(26, 104, 255, .28), transparent 24%), #07101d;
  color: #fff;
}

.mobile-screen-8 h2 {
  position: absolute;
  left: calc(54 * var(--u));
  top: calc(107 * var(--u));
  width: calc(680 * var(--u));
  margin: 0;
  font-size: calc(55 * var(--u));
  line-height: 1.03;
  color: #fff;
  font-weight: 800;
}

.mobile-screen-8 h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(-69 * var(--u));
  width: calc(69 * var(--u));
  height: calc(57 * var(--u));
  background: url("assets/icons/faq-chat.svg") center / contain no-repeat;
}

.mobile-screen-8 h2 span {
  color: #3b91ff;
}

.mobile-screen-8 > p {
  position: absolute;
  left: calc(54 * var(--u));
  top: calc(365 * var(--u));
  width: calc(525 * var(--u));
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: calc(24 * var(--u));
  line-height: 1.25;
}

.mobile-screen-8 > img {
  position: absolute;
  left: 0;
  top: calc(445 * var(--u));
  width: calc(841 * var(--u));
  height: calc(425 * var(--u));
  margin: 0;
  object-fit: cover;
  object-position: center top;
  border-radius: 0;
}

.mobile-screen-8 .faq-list {
  position: absolute;
  left: calc(44 * var(--u));
  right: calc(44 * var(--u));
  top: calc(844 * var(--u));
  display: grid;
  gap: calc(13 * var(--u));
}

.mobile-screen-8 .faq-list article {
  min-height: calc(166 * var(--u));
  padding: calc(25 * var(--u)) calc(76 * var(--u)) calc(25 * var(--u)) calc(130 * var(--u));
  border: calc(1 * var(--u)) solid rgba(75, 140, 235, .28);
  border-radius: calc(17 * var(--u));
  background: rgba(12, 32, 60, .86);
}

.mobile-screen-8 .faq-list article > span {
  left: calc(23 * var(--u));
  top: calc(25 * var(--u));
  width: calc(82 * var(--u));
  height: calc(82 * var(--u));
  color: #2678ff;
}

.mobile-screen-8 .faq-list b {
  color: #fff;
  font-size: calc(26 * var(--u));
  line-height: 1.18;
}

.mobile-screen-8 .faq-list p {
  margin-top: calc(9 * var(--u));
  color: rgba(255,255,255,.76);
  font-size: calc(22 * var(--u));
  line-height: 1.28;
}

.mobile-screen-8 .faq-list i {
  right: calc(24 * var(--u));
  top: 50%;
  transform: translateY(-50%);
  width: calc(54 * var(--u));
  height: calc(54 * var(--u));
  border-radius: 50%;
  background: rgba(17, 109, 255, .22);
  color: #3f93ff;
}

.mobile-screen-8 .faq-footer {
  position: absolute;
  left: calc(44 * var(--u));
  right: calc(44 * var(--u));
  margin: 0;
}

.mobile-screen-9 {
  --mw: 887;
  aspect-ratio: 887 / 1774;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 54%, rgba(229, 239, 255, .96) 0 36%, rgba(246, 250, 255, .82) 59%, rgba(255, 255, 255, .97) 83%),
    linear-gradient(180deg, #fcfdff 0%, #eff7ff 100%);
}

.mobile-screen-9::before {
  content: "";
  position: absolute;
  left: calc(418 * var(--u));
  top: calc(67 * var(--u));
  width: calc(54 * var(--u));
  height: calc(54 * var(--u));
  background: url("assets/icons/services-star.svg") center / contain no-repeat;
}

.mobile-screen-9 h2 {
  position: absolute;
  left: calc(64 * var(--u));
  top: calc(150 * var(--u));
  width: calc(760 * var(--u));
  margin: 0;
  text-align: center;
  color: #071748;
  font-size: calc(58 * var(--u));
  line-height: 1.42;
  font-weight: 800;
  letter-spacing: 0;
}

.mobile-screen-9 h2 span {
  background: linear-gradient(90deg, #0876ff 0%, #663cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.mobile-screen-9 p {
  position: absolute;
  left: calc(153 * var(--u));
  top: calc(317 * var(--u));
  width: calc(586 * var(--u));
  margin: 0;
  text-align: center;
  color: #3b5890;
  font-size: calc(25 * var(--u));
  line-height: 1.52;
  font-weight: 400;
}

.mobile-screen-9 .wide-btn {
  position: absolute;
  left: calc(188 * var(--u));
  top: calc(492 * var(--u));
  width: calc(511 * var(--u));
  height: calc(84 * var(--u));
  margin: 0;
  border-radius: calc(24 * var(--u));
  gap: calc(54 * var(--u));
  font-size: calc(27 * var(--u));
  font-weight: 500;
  box-shadow: 0 calc(24 * var(--u)) calc(42 * var(--u)) rgba(66, 80, 255, .22);
}

.mobile-screen-9 .wide-btn i {
  font-size: calc(42 * var(--u));
  line-height: 1;
}

.mobile-screen-9 img {
  position: absolute;
  left: 0;
  top: calc(600 * var(--u));
  width: calc(887 * var(--u));
  height: calc(1070 * var(--u));
  max-width: none;
  margin: 0;
  object-fit: contain;
  object-position: center;
  display: block;
}

.mobile-screen-9 small {
  position: absolute;
  left: calc(251 * var(--u));
  bottom: calc(54 * var(--u));
  color: #4b6198;
  font-size: calc(23 * var(--u));
  line-height: 1;
}

.mobile-screen-9 small::before {
  content: "✦";
  position: absolute;
  left: calc(-58 * var(--u));
  top: 50%;
  width: calc(41 * var(--u));
  height: calc(41 * var(--u));
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: calc(2 * var(--u)) solid #5f54ff;
  border-radius: calc(9 * var(--u));
  color: #5f54ff;
  font-size: calc(24 * var(--u));
  box-shadow: 0 calc(7 * var(--u)) calc(18 * var(--u)) rgba(70, 72, 255, .12);
}

.mobile-screen-10 {
  --mw: 853;
  aspect-ratio: 853 / 1843;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 91% 5%, rgba(218, 231, 255, .72), transparent 12%),
    linear-gradient(180deg, #f8fbff 0%, #edf4fd 100%);
}

.mobile-screen-10::before,
.mobile-screen-10::after {
  content: "✦";
  position: absolute;
  display: grid;
  place-items: center;
  color: #126dff;
}

.mobile-screen-10::before {
  left: calc(50 * var(--u));
  top: calc(54 * var(--u));
  font-size: calc(48 * var(--u));
}

.mobile-screen-10::after {
  right: calc(34 * var(--u));
  top: calc(36 * var(--u));
  width: calc(94 * var(--u));
  height: calc(94 * var(--u));
  border-radius: 50%;
  background: rgba(255,255,255,.7);
  box-shadow: 0 calc(12 * var(--u)) calc(27 * var(--u)) rgba(41, 63, 120, .12);
  font-size: calc(38 * var(--u));
}

.mobile-screen-10 h2 {
  position: absolute;
  left: calc(49 * var(--u));
  top: calc(132 * var(--u));
  margin: 0;
  color: #071642;
  font-family: Georgia, serif;
  font-size: calc(86 * var(--u));
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
}

.mobile-screen-10 > p {
  position: absolute;
  left: calc(50 * var(--u));
  top: calc(228 * var(--u));
  width: calc(640 * var(--u));
  margin: 0;
  color: #405b92;
  font-size: calc(26 * var(--u));
  line-height: 1.45;
}

.mobile-screen-10 .mobile-map {
  position: absolute;
  left: 0;
  top: calc(319 * var(--u));
  width: calc(853 * var(--u));
  height: calc(242 * var(--u));
  margin: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
  box-shadow: none;
}

.mobile-screen-10 .mobile-location {
  position: absolute;
  left: calc(28 * var(--u));
  top: calc(555 * var(--u));
  width: calc(797 * var(--u));
  height: calc(350 * var(--u));
  margin: 0;
  padding: calc(34 * var(--u)) calc(56 * var(--u)) calc(34 * var(--u)) calc(40 * var(--u));
  border-radius: calc(27 * var(--u));
  background: linear-gradient(128deg, #172f61 0%, #10264d 52%, #17213b 100%);
  box-shadow: 0 calc(19 * var(--u)) calc(42 * var(--u)) rgba(12, 32, 76, .2);
}

.mobile-screen-10 .mobile-location article {
  position: relative;
  min-height: calc(128 * var(--u));
  padding-left: calc(112 * var(--u));
  color: #fff;
}

.mobile-screen-10 .mobile-location article + article {
  margin-top: calc(30 * var(--u));
  padding-top: calc(30 * var(--u));
  border-top: calc(1 * var(--u)) solid rgba(255,255,255,.28);
}

.mobile-screen-10 .mobile-location article > span {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(82 * var(--u));
  height: calc(82 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(103, 130, 218, .68);
  color: #fff;
  font-size: calc(44 * var(--u));
}

.mobile-screen-10 .mobile-location b {
  display: block;
  color: #fff;
  font-family: Georgia, serif;
  font-size: calc(29 * var(--u));
  line-height: 1.1;
  font-weight: 600;
}

.mobile-screen-10 .mobile-location p {
  margin-top: calc(14 * var(--u));
  color: rgba(255,255,255,.9);
  font-size: calc(22 * var(--u));
  line-height: 1.45;
}

.mobile-screen-10 .mobile-location i,
.mobile-screen-10 .req-head i,
.mobile-screen-10 .contact-strip i {
  position: absolute;
  right: calc(2 * var(--u));
  top: 50%;
  transform: translateY(-50%);
  color: #2679ff;
  font-size: calc(58 * var(--u));
  font-style: normal;
  font-weight: 300;
}

.mobile-screen-10 .requisites-card {
  position: absolute;
  left: calc(28 * var(--u));
  top: calc(931 * var(--u));
  width: calc(797 * var(--u));
  height: calc(462 * var(--u));
  margin: 0;
  padding: calc(43 * var(--u)) calc(36 * var(--u)) calc(28 * var(--u));
  border-radius: calc(27 * var(--u));
  background: rgba(255,255,255,.92);
  box-shadow: 0 calc(20 * var(--u)) calc(42 * var(--u)) rgba(43, 72, 124, .1), inset 0 0 0 calc(6 * var(--u)) rgba(255,255,255,.56);
}

.mobile-screen-10 .req-head {
  position: relative;
  min-height: calc(94 * var(--u));
  padding-left: calc(104 * var(--u));
  display: block;
}

.mobile-screen-10 .req-head > span {
  position: absolute;
  left: 0;
  top: calc(-2 * var(--u));
  width: calc(76 * var(--u));
  height: calc(76 * var(--u));
  border-radius: 50%;
  background: #f5f9ff;
  color: #126dff;
  font-size: calc(36 * var(--u));
}

.mobile-screen-10 .req-head b {
  display: block;
  color: #071642;
  font-family: Georgia, serif;
  font-size: calc(30 * var(--u));
  line-height: 1.08;
  font-weight: 600;
}

.mobile-screen-10 .req-head p {
  margin-top: calc(12 * var(--u));
  color: #405b92;
  font-size: calc(20 * var(--u));
  line-height: 1.35;
}

.mobile-screen-10 .req-head i {
  right: calc(4 * var(--u));
}

.mobile-screen-10 .req-grid {
  position: absolute;
  left: calc(36 * var(--u));
  right: calc(36 * var(--u));
  bottom: calc(28 * var(--u));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(16 * var(--u));
  border-top: calc(1 * var(--u)) solid rgba(27, 51, 96, .12);
  padding-top: calc(24 * var(--u));
}

.mobile-screen-10 .req-grid span {
  min-height: calc(103 * var(--u));
  padding: calc(27 * var(--u)) calc(24 * var(--u)) calc(18 * var(--u)) calc(104 * var(--u));
  border-radius: calc(18 * var(--u));
  background: rgba(249, 252, 255, .92);
  color: #071642;
  box-shadow: 0 calc(11 * var(--u)) calc(24 * var(--u)) rgba(40, 70, 120, .08);
  font-size: calc(18 * var(--u));
  line-height: 1.18;
  font-weight: 800;
}

.mobile-screen-10 .req-grid span::before {
  content: "▣";
  position: absolute;
  transform: translate(calc(-65 * var(--u)), calc(-11 * var(--u)));
  width: calc(52 * var(--u));
  height: calc(52 * var(--u));
  display: grid;
  place-items: center;
  border-radius: calc(12 * var(--u));
  background: #f5f9ff;
  color: #126dff;
  font-size: calc(25 * var(--u));
  box-shadow: 0 calc(8 * var(--u)) calc(18 * var(--u)) rgba(70, 100, 160, .09);
}

.mobile-screen-10 .req-grid small {
  display: block;
  margin-top: calc(7 * var(--u));
  color: #405b92;
  font-size: calc(18 * var(--u));
  line-height: 1.24;
  font-weight: 400;
}

.mobile-screen-10 .contact-strip {
  position: absolute;
  left: calc(28 * var(--u));
  top: calc(1410 * var(--u));
  width: calc(797 * var(--u));
  height: calc(123 * var(--u));
  padding: calc(31 * var(--u)) calc(72 * var(--u)) calc(26 * var(--u)) calc(140 * var(--u));
  border-radius: calc(27 * var(--u));
  background: rgba(255,255,255,.92);
  box-shadow: 0 calc(17 * var(--u)) calc(36 * var(--u)) rgba(43, 72, 124, .09);
}

.mobile-screen-10 .contact-strip > span {
  position: absolute;
  left: calc(36 * var(--u));
  top: calc(28 * var(--u));
  width: calc(74 * var(--u));
  height: calc(74 * var(--u));
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f5f9ff;
  color: #126dff;
  font-size: calc(33 * var(--u));
  line-height: 1;
  box-shadow: 0 calc(9 * var(--u)) calc(19 * var(--u)) rgba(70, 100, 160, .1);
}

.mobile-screen-10 .contact-strip b {
  display: block;
  color: #071642;
  font-size: calc(25 * var(--u));
  line-height: 1.12;
}

.mobile-screen-10 .contact-strip p {
  margin-top: calc(8 * var(--u));
  color: #405b92;
  font-size: calc(20 * var(--u));
}

.mobile-screen-10 .mobile-contact-actions {
  position: absolute;
  left: calc(28 * var(--u));
  top: calc(1553 * var(--u));
  width: calc(797 * var(--u));
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(17 * var(--u));
}

.mobile-screen-10 .mobile-contact-actions .super-btn {
  position: relative;
  justify-content: flex-start;
  gap: calc(23 * var(--u));
  width: 100%;
  height: calc(129 * var(--u));
  padding: 0 calc(28 * var(--u));
  border-radius: calc(22 * var(--u));
  color: #fff;
  font-size: calc(30 * var(--u));
  line-height: 1;
  box-shadow: 0 calc(16 * var(--u)) calc(31 * var(--u)) rgba(28, 64, 150, .22);
}

.mobile-screen-10 .mobile-contact-actions .super-btn svg {
  width: calc(78 * var(--u));
  height: calc(78 * var(--u));
  padding: calc(20 * var(--u));
  border-radius: 50%;
  background: #fff;
  fill: currentColor;
  flex: 0 0 auto;
}

.mobile-screen-10 .mobile-contact-actions .super-btn.tg svg {
  color: #0d91e8;
}

.mobile-screen-10 .mobile-contact-actions .super-btn.vk svg {
  color: #234a72;
}

.mobile-screen-10 .mobile-contact-actions small {
  display: block;
  margin-top: calc(13 * var(--u));
  color: rgba(255,255,255,.88);
  font-size: calc(19 * var(--u));
  font-weight: 400;
}

.mobile-screen-10 .mobile-contact-actions i {
  position: absolute;
  right: calc(28 * var(--u));
  bottom: calc(28 * var(--u));
  color: #fff;
  font-size: calc(31 * var(--u));
  font-style: normal;
}

.mobile-screen-10 .privacy-line {
  position: absolute;
  left: calc(84 * var(--u));
  bottom: calc(54 * var(--u));
  width: calc(685 * var(--u));
  height: calc(34 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(20 * var(--u));
  color: #6b7dab;
  font-size: calc(22 * var(--u));
}

.mobile-screen-10 .privacy-line::before,
.mobile-screen-10 .privacy-line::after {
  content: "";
  flex: 1;
  border-top: calc(1 * var(--u)) solid rgba(70, 98, 160, .34);
}

.mobile-screen-10 .privacy-line span {
  width: calc(36 * var(--u));
  height: calc(36 * var(--u));
  color: #6b7dab;
}

.mobile-screen-10 .privacy-line svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

.mobile-screen-10 .mobile-location article > span,
.mobile-screen-10 .req-head > span,
.mobile-screen-10 .contact-strip > span,
.mobile-screen-10 .req-grid span::before {
  font-size: 0;
}

.mobile-screen-10 .mobile-location article > span::before,
.mobile-screen-10 .req-head > span::before,
.mobile-screen-10 .contact-strip > span::before,
.mobile-screen-10 .req-grid span::before {
  content: "";
  width: calc(42 * var(--u));
  height: calc(42 * var(--u));
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mobile-screen-10 .mobile-location article:nth-child(1) > span::before {
  background-image: url("assets/icons/contact-pin.svg");
}

.mobile-screen-10 .mobile-location article:nth-child(2) > span::before {
  background-image: url("assets/icons/contact-transport.svg");
}

.mobile-screen-10 .req-head > span::before {
  background-image: url("assets/icons/contact-doc.svg");
}

.mobile-screen-10 .contact-strip > span::before {
  width: calc(48 * var(--u));
  height: calc(39 * var(--u));
  background-image: url("assets/icons/faq-chat.svg");
}

.mobile-screen-10 .req-grid span:nth-child(1)::before {
  background-image: url("assets/icons/contact-id.svg");
}

.mobile-screen-10 .req-grid span:nth-child(2)::before {
  background-image: url("assets/icons/contact-doc.svg");
}

.mobile-screen-10 .req-grid span:nth-child(3)::before {
  background-image: url("assets/icons/contact-contract.svg");
}

.mobile-screen-10 .req-grid span:nth-child(4)::before {
  background-image: url("assets/icons/contact-card.svg");
}

.faq-section.desktop-screen .faq-content {
  top: calc(86 * var(--u));
}

.faq-section.desktop-screen .faq-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(-49 * var(--u));
  width: calc(58 * var(--u));
  height: calc(46 * var(--u));
  background: url("assets/icons/faq-chat.svg") center / contain no-repeat;
}

.faq-section.desktop-screen .faq-content h2 {
  font-size: calc(46 * var(--u));
  line-height: 1.02;
}

.faq-section.desktop-screen .faq-content > p {
  margin-top: calc(18 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.34;
}

.faq-section.desktop-screen .faq-list {
  margin-top: calc(12 * var(--u));
  gap: calc(6 * var(--u));
}

.faq-section.desktop-screen .faq-list article {
  min-height: calc(112 * var(--u));
  padding: calc(16 * var(--u)) calc(70 * var(--u)) calc(12 * var(--u)) calc(96 * var(--u));
}

.faq-section.desktop-screen .faq-list article > span {
  top: calc(20 * var(--u));
  width: calc(62 * var(--u));
  height: calc(62 * var(--u));
}

.faq-section.desktop-screen .faq-list b {
  font-size: calc(20.8 * var(--u));
  line-height: 1.13;
}

.faq-section.desktop-screen .faq-list p {
  margin-top: calc(5 * var(--u));
  font-size: calc(14.8 * var(--u));
  line-height: 1.22;
}

.faq-section.desktop-screen .faq-footer {
  height: calc(52 * var(--u));
  margin-top: calc(14 * var(--u));
}

.mobile-screen-4 {
  --mw: 768;
  aspect-ratio: 768 / 2175;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 57%, rgba(255,255,255,.95) 0 calc(135 * var(--u)), transparent calc(136 * var(--u))),
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.4 * var(--u))) calc(666 * var(--u)) calc(103 * var(--u)) / calc(14 * var(--u)) calc(14 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(57,131,255,.14) calc(2 * var(--u)), transparent calc(2.4 * var(--u))) calc(20 * var(--u)) calc(1888 * var(--u)) / calc(14 * var(--u)) calc(14 * var(--u)) no-repeat,
    linear-gradient(117deg, #fbfdff 0%, #f7fbff 68%, #edf6ff 100%);
}

.mobile-screen-4::before {
  left: calc(167 * var(--u));
  top: calc(1040 * var(--u));
  width: calc(433 * var(--u));
  height: calc(433 * var(--u));
  border-color: rgba(79, 123, 209, .33);
}

.mobile-screen-4::after {
  content: "";
  position: absolute;
  right: calc(-34 * var(--u));
  top: calc(-22 * var(--u));
  width: calc(304 * var(--u));
  height: calc(156 * var(--u));
  border-top: calc(2 * var(--u)) solid rgba(45, 104, 255, .62);
  border-bottom: calc(2 * var(--u)) solid rgba(45, 104, 255, .4);
  border-radius: 0 0 56% 46%;
  transform: rotate(8deg);
  pointer-events: none;
}

.mobile-screen-4 h2 {
  top: calc(90 * var(--u));
}

.mobile-screen-4 h2::before,
.mobile-screen-4 h2::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-bottom: calc(1.6 * var(--u)) solid rgba(45, 104, 255, .58);
  border-radius: 0 0 52% 48%;
}

.mobile-screen-4 h2::before {
  right: calc(-100 * var(--u));
  top: calc(-118 * var(--u));
  width: calc(378 * var(--u));
  height: calc(154 * var(--u));
  transform: rotate(8deg);
}

.mobile-screen-4 h2::after {
  right: calc(-78 * var(--u));
  top: calc(-70 * var(--u));
  width: calc(315 * var(--u));
  height: calc(116 * var(--u));
  transform: rotate(6deg);
  opacity: .82;
}

.mobile-screen-4 > p {
  top: calc(361 * var(--u));
}

.mobile-screen-4 .mobile-quiet {
  top: calc(541 * var(--u));
  min-height: calc(159 * var(--u));
  padding: calc(22 * var(--u)) calc(33 * var(--u));
  gap: calc(31 * var(--u));
}

.mobile-screen-4 .mobile-quiet::before {
  content: "✓";
  width: calc(82 * var(--u));
  height: calc(82 * var(--u));
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #e9f2ff;
  color: #126dff;
  font-size: calc(44 * var(--u));
  font-weight: 800;
  box-shadow: inset 0 0 0 calc(5 * var(--u)) rgba(18, 109, 255, .18);
}

.mobile-screen-4 .mobile-quiet::after {
  display: none;
}

.mobile-screen-4 .mobile-orbit-center {
  left: calc(254 * var(--u));
  top: calc(1138 * var(--u));
  width: calc(260 * var(--u));
  height: calc(260 * var(--u));
  padding: calc(32 * var(--u));
}

.mobile-screen-4 .mobile-orbit-center::before {
  display: none;
}

.mobile-screen-4 .mobile-orbit-center::after {
  display: none;
}

.mobile-screen-4 .mobile-orbit-center b {
  width: calc(162 * var(--u));
  margin-top: calc(10 * var(--u));
  font-size: calc(26 * var(--u));
  line-height: 1.08;
}

.mobile-screen-4 .mobile-orbit-center small {
  width: calc(190 * var(--u));
  margin-top: calc(12 * var(--u));
  font-size: calc(15.8 * var(--u));
  line-height: 1.28;
}

.mobile-screen-4 .orbit-card {
  width: calc(232 * var(--u));
  height: calc(291 * var(--u));
  padding: calc(95 * var(--u)) calc(24 * var(--u)) calc(22 * var(--u));
  pointer-events: auto;
  z-index: 3;
}

.mobile-screen-4 .orbit-card:nth-child(1) { left: calc(74 * var(--u)); top: calc(756 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(2) { left: calc(461 * var(--u)); top: calc(756 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(3) { left: calc(27 * var(--u)); top: calc(1132 * var(--u)); width: calc(208 * var(--u)); height: calc(300 * var(--u)); padding-left: calc(19 * var(--u)); padding-right: calc(19 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(5) { left: calc(533 * var(--u)); top: calc(1132 * var(--u)); width: calc(208 * var(--u)); height: calc(300 * var(--u)); padding-left: calc(19 * var(--u)); padding-right: calc(19 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(4) { left: calc(93 * var(--u)); top: calc(1513 * var(--u)); width: calc(232 * var(--u)); height: calc(321 * var(--u)); }
.mobile-screen-4 .orbit-card:nth-child(6) { left: calc(459 * var(--u)); top: calc(1513 * var(--u)); width: calc(232 * var(--u)); height: calc(321 * var(--u)); }

.mobile-screen-4 .orbit-card::before {
  content: "";
  position: absolute;
  width: calc(70 * var(--u));
  height: 0;
  border-top: calc(1.4 * var(--u)) dashed rgba(81, 126, 205, .36);
  pointer-events: none;
  z-index: -1;
}

.mobile-screen-4 .orbit-card::after {
  content: "";
  position: absolute;
  width: calc(28 * var(--u));
  height: calc(28 * var(--u));
  border: calc(5 * var(--u)) solid #fff;
  border-radius: 50%;
  box-shadow: 0 calc(5 * var(--u)) calc(12 * var(--u)) rgba(45, 77, 143, .12);
  pointer-events: none;
}

.mobile-screen-4 .orbit-card:nth-child(1)::before { right: calc(-65 * var(--u)); bottom: calc(-9 * var(--u)); transform: rotate(22deg); }
.mobile-screen-4 .orbit-card:nth-child(2)::before { left: calc(-65 * var(--u)); bottom: calc(-9 * var(--u)); transform: rotate(-22deg); }
.mobile-screen-4 .orbit-card:nth-child(3)::before { right: calc(-56 * var(--u)); top: calc(146 * var(--u)); transform: rotate(-5deg); }
.mobile-screen-4 .orbit-card:nth-child(5)::before { left: calc(-56 * var(--u)); top: calc(146 * var(--u)); transform: rotate(5deg); }
.mobile-screen-4 .orbit-card:nth-child(4)::before { right: calc(-58 * var(--u)); top: calc(-30 * var(--u)); transform: rotate(-38deg); }
.mobile-screen-4 .orbit-card:nth-child(6)::before { left: calc(-58 * var(--u)); top: calc(-30 * var(--u)); transform: rotate(38deg); }

.mobile-screen-4 .orbit-card:nth-child(1)::after { right: calc(-18 * var(--u)); bottom: calc(-18 * var(--u)); background: #8c42ff; }
.mobile-screen-4 .orbit-card:nth-child(2)::after { left: calc(-18 * var(--u)); bottom: calc(-18 * var(--u)); background: #67c71d; }
.mobile-screen-4 .orbit-card:nth-child(3)::after { right: calc(-18 * var(--u)); top: calc(128 * var(--u)); background: #ff9a55; }
.mobile-screen-4 .orbit-card:nth-child(5)::after { left: calc(-18 * var(--u)); top: calc(128 * var(--u)); background: #1876ff; }
.mobile-screen-4 .orbit-card:nth-child(4)::after { right: calc(-18 * var(--u)); top: calc(-18 * var(--u)); background: #23c8c7; }
.mobile-screen-4 .orbit-card:nth-child(6)::after { left: calc(-18 * var(--u)); top: calc(-18 * var(--u)); background: #ffb31c; }

.mobile-screen-4 .orbit-card b {
  font-size: calc(24 * var(--u));
  line-height: 1.23;
}

.mobile-screen-4 .orbit-card p {
  margin-top: calc(16 * var(--u));
  font-size: calc(15.2 * var(--u));
  line-height: 1.42;
}

.mobile-screen-4 .orbit-card:nth-child(3) b,
.mobile-screen-4 .orbit-card:nth-child(5) b {
  font-size: calc(21 * var(--u));
  line-height: 1.26;
}

.mobile-screen-4 .orbit-card:nth-child(3) p,
.mobile-screen-4 .orbit-card:nth-child(5) p {
  margin-top: calc(14 * var(--u));
  font-size: calc(14.2 * var(--u));
  line-height: 1.43;
}

.mobile-screen-4 .hand-note {
  left: calc(227 * var(--u));
  bottom: calc(86 * var(--u));
  font-size: calc(40 * var(--u));
  z-index: 4;
}

.mobile-screen-4 .hand-note::before {
  content: "";
  position: absolute;
  left: calc(-141 * var(--u));
  top: calc(4 * var(--u));
  width: calc(126 * var(--u));
  height: calc(104 * var(--u));
  background: url("assets/decor/screen4-hand-arrow.svg") center / contain no-repeat;
  transform: rotate(-10deg);
}

.mobile-screen-4 .hand-note::after {
  display: none;
}

.change-section.desktop-screen {
  background:
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.6 * var(--u))) calc(25 * var(--u)) calc(93 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(57,131,255,.12) calc(2 * var(--u)), transparent calc(2.6 * var(--u))) calc(1510 * var(--u)) calc(91 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    radial-gradient(circle at 16% 86%, rgba(232, 222, 255, .52) 0 19%, transparent 19.3%),
    radial-gradient(circle at 72% 12%, rgba(219, 247, 239, .38) 0 14%, transparent 14.4%),
    linear-gradient(118deg, #fbfdff 0%, #f8fbff 62%, #f0f5ff 100%);
}

.change-section.desktop-screen::before,
.change-section.desktop-screen::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-top: calc(1.2 * var(--u)) solid rgba(45, 104, 255, .24);
  border-radius: 50%;
}

.change-section.desktop-screen::before {
  left: calc(725 * var(--u));
  top: calc(28 * var(--u));
  width: calc(760 * var(--u));
  height: calc(190 * var(--u));
  transform: rotate(5deg);
}

.change-section.desktop-screen::after {
  right: calc(-30 * var(--u));
  bottom: calc(62 * var(--u));
  width: calc(410 * var(--u));
  height: calc(170 * var(--u));
  transform: rotate(-15deg);
}

.change-section.desktop-screen .orbit-copy {
  left: calc(153 * var(--u));
  top: calc(154 * var(--u));
  width: calc(550 * var(--u));
}

.change-section.desktop-screen .orbit-copy h2 {
  font-size: calc(62 * var(--u));
  line-height: 1.12;
}

.change-section.desktop-screen .orbit-copy p {
  margin-top: calc(30 * var(--u));
  width: calc(455 * var(--u));
  font-size: calc(17.5 * var(--u));
  line-height: 1.45;
}

.change-section.desktop-screen .orbit-center {
  left: calc(1015 * var(--u));
  top: calc(328 * var(--u));
  width: calc(248 * var(--u));
  height: calc(248 * var(--u));
}

.change-section.desktop-screen .orbit-center span svg {
  width: calc(48 * var(--u));
  height: calc(48 * var(--u));
}

.change-section.desktop-screen .orbit-center b {
  font-size: calc(26 * var(--u));
  line-height: 1.14;
}

.change-section.desktop-screen .orbit-center small {
  font-size: calc(13.5 * var(--u));
}

.change-section.desktop-screen .orbit-ring {
  left: calc(833 * var(--u));
  top: calc(216 * var(--u));
  width: calc(580 * var(--u));
  height: calc(486 * var(--u));
  border-color: rgba(83, 119, 190, .34);
}

.change-section.desktop-screen .change-card {
  width: calc(315 * var(--u));
  min-height: calc(317 * var(--u));
  padding: calc(95 * var(--u)) calc(23 * var(--u)) calc(24 * var(--u));
}

.change-section.desktop-screen .ch-1 { left: calc(704 * var(--u)); top: calc(91 * var(--u)); }
.change-section.desktop-screen .ch-2 { left: calc(1236 * var(--u)); top: calc(88 * var(--u)); }
.change-section.desktop-screen .ch-3 { left: calc(695 * var(--u)); top: calc(556 * var(--u)); }
.change-section.desktop-screen .ch-4 { left: calc(1258 * var(--u)); top: calc(555 * var(--u)); }

.change-section.desktop-screen .change-card > span svg {
  width: calc(48 * var(--u));
  height: calc(48 * var(--u));
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.change-section.desktop-screen .change-card b {
  font-size: calc(21 * var(--u));
  line-height: 1.22;
}

.change-section.desktop-screen .change-card p {
  font-size: calc(14 * var(--u));
  line-height: 1.35;
}

.change-section.desktop-screen .change-card hr {
  width: calc(56 * var(--u));
  margin: calc(20 * var(--u)) 0 calc(18 * var(--u));
  border-top: calc(2 * var(--u)) solid #ff1f1f;
}

.change-section.desktop-screen .change-card::before {
  content: "";
  position: absolute;
  width: calc(80 * var(--u));
  border-top: calc(1.2 * var(--u)) dashed rgba(82,126,204,.36);
  pointer-events: none;
}

.change-section.desktop-screen .change-card::after {
  content: "";
  position: absolute;
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
  border: calc(4 * var(--u)) solid #fff;
  border-radius: 50%;
  box-shadow: 0 calc(5 * var(--u)) calc(10 * var(--u)) rgba(45,77,143,.14);
  pointer-events: none;
}

.change-section.desktop-screen .ch-1::before { right: calc(-70 * var(--u)); bottom: calc(22 * var(--u)); transform: rotate(42deg); }
.change-section.desktop-screen .ch-2::before { left: calc(-70 * var(--u)); bottom: calc(22 * var(--u)); transform: rotate(-42deg); }
.change-section.desktop-screen .ch-3::before { right: calc(-72 * var(--u)); top: calc(-8 * var(--u)); transform: rotate(-28deg); }
.change-section.desktop-screen .ch-4::before { left: calc(-72 * var(--u)); top: calc(-8 * var(--u)); transform: rotate(28deg); }
.change-section.desktop-screen .ch-1::after { right: calc(-14 * var(--u)); bottom: calc(-15 * var(--u)); background:#8c42ff; }
.change-section.desktop-screen .ch-2::after { left: calc(-14 * var(--u)); bottom: calc(-15 * var(--u)); background:#61bf26; }
.change-section.desktop-screen .ch-3::after { right: calc(-14 * var(--u)); top: calc(-14 * var(--u)); background:#ff8a3c; }
.change-section.desktop-screen .ch-4::after { left: calc(-14 * var(--u)); top: calc(-14 * var(--u)); background:#2678ff; }

.mobile-screen-5::after {
  content: "";
  position: absolute;
  right: calc(-36 * var(--u));
  bottom: calc(8 * var(--u));
  width: calc(190 * var(--u));
  height: calc(105 * var(--u));
  background: radial-gradient(circle, rgba(57,131,255,.16) calc(2.1 * var(--u)), transparent calc(2.7 * var(--u))) 0 0 / calc(16 * var(--u)) calc(16 * var(--u));
  pointer-events: none;
}

.mobile-screen-5 h2 {
  top: calc(128 * var(--u));
}

.mobile-screen-5 > p {
  top: calc(434 * var(--u));
  font-size: calc(26.5 * var(--u));
  line-height: 1.43;
}

.mobile-screen-5 .mobile-orbit-center {
  top: calc(1089 * var(--u));
}

.mobile-screen-5 .mobile-change-grid::before,
.mobile-screen-5 .mobile-change-grid::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-top: calc(1.4 * var(--u)) solid rgba(45, 104, 255, .32);
  border-radius: 50%;
}

.mobile-screen-5 .mobile-change-grid::before {
  left: calc(-70 * var(--u));
  top: calc(-25 * var(--u));
  width: calc(390 * var(--u));
  height: calc(156 * var(--u));
  transform: rotate(-14deg);
}

.mobile-screen-5 .mobile-change-grid::after {
  right: calc(-75 * var(--u));
  top: calc(20 * var(--u));
  width: calc(390 * var(--u));
  height: calc(190 * var(--u));
  transform: rotate(-28deg);
}

.mobile-screen-5 .change-card {
  padding: calc(132 * var(--u)) calc(29 * var(--u)) calc(28 * var(--u));
}

.mobile-screen-5 .change-card:nth-child(1) { left: calc(55 * var(--u)); top: calc(599 * var(--u)); height: calc(512 * var(--u)); }
.mobile-screen-5 .change-card:nth-child(2) { left: calc(410 * var(--u)); top: calc(599 * var(--u)); height: calc(512 * var(--u)); }
.mobile-screen-5 .change-card:nth-child(3) { left: calc(55 * var(--u)); top: calc(1347 * var(--u)); height: calc(594 * var(--u)); }
.mobile-screen-5 .change-card:nth-child(4) { left: calc(412 * var(--u)); top: calc(1347 * var(--u)); height: calc(594 * var(--u)); }

.mobile-screen-5 .change-card b {
  font-size: calc(25 * var(--u));
  line-height: 1.33;
}

.mobile-screen-5 .change-card p {
  font-size: calc(22.5 * var(--u));
  line-height: 1.34;
}

.mobile-screen-5 .change-card hr {
  margin: calc(30 * var(--u)) 0;
}

.mobile-screen-5 .change-card::after {
  content: "";
  position: absolute;
  width: calc(29 * var(--u));
  height: calc(29 * var(--u));
  border: calc(5 * var(--u)) solid #fff;
  border-radius: 50%;
  box-shadow: 0 calc(5 * var(--u)) calc(12 * var(--u)) rgba(45,77,143,.12);
}

.mobile-screen-5 .change-card:nth-child(1)::after { right: calc(-17 * var(--u)); bottom: calc(-17 * var(--u)); background:#7a39e8; }
.mobile-screen-5 .change-card:nth-child(2)::after { left: calc(-17 * var(--u)); bottom: calc(-17 * var(--u)); background:#2f812d; }
.mobile-screen-5 .change-card:nth-child(3)::after { right: calc(-17 * var(--u)); bottom: calc(-17 * var(--u)); background:#ff8a28; }
.mobile-screen-5 .change-card:nth-child(4)::after { left: calc(-17 * var(--u)); bottom: calc(-17 * var(--u)); background:#2887ff; }

@media (min-width: 768px) and (max-width: 1100px) {
  .faq-section.desktop-screen .faq-content {
    top: calc(48 * var(--u));
  }

  .faq-section.desktop-screen .faq-content::before {
    top: calc(-38 * var(--u));
    width: calc(48 * var(--u));
    height: calc(38 * var(--u));
  }

  .faq-section.desktop-screen .faq-content h2 {
    font-size: calc(40 * var(--u));
    line-height: 1.02;
  }

  .faq-section.desktop-screen .faq-content > p {
    margin-top: calc(12 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: 1.22;
  }

  .faq-section.desktop-screen .faq-list {
    margin-top: calc(8 * var(--u));
    gap: calc(5 * var(--u));
  }

  .faq-section.desktop-screen .faq-list article {
    min-height: calc(104 * var(--u));
    padding: calc(13 * var(--u)) calc(62 * var(--u)) calc(10 * var(--u)) calc(86 * var(--u));
  }

  .faq-section.desktop-screen .faq-list article > span {
    left: calc(15 * var(--u));
    top: calc(17 * var(--u));
    width: calc(54 * var(--u));
    height: calc(54 * var(--u));
  }

  .faq-section.desktop-screen .faq-list b {
    font-size: calc(19 * var(--u));
  }

  .faq-section.desktop-screen .faq-list p {
    font-size: calc(13.2 * var(--u));
    line-height: 1.18;
  }

  .faq-section.desktop-screen .faq-list i {
    right: calc(24 * var(--u));
    width: calc(34 * var(--u));
    height: calc(34 * var(--u));
  }

  .faq-section.desktop-screen .faq-footer {
    height: calc(45 * var(--u));
    margin-top: calc(9 * var(--u));
    font-size: calc(15 * var(--u));
  }

  .cases-section.desktop-screen .case-auto {
    top: calc(724 * var(--u));
  }
}

@media (max-width: 360px) {
  .mobile-screen-8 {
    aspect-ratio: 841 / 1892;
  }
}

/* Screen 5 mobile fine tune: heading rhythm and top-right decor. */
.mobile-screen-5 {
  background:
    radial-gradient(circle at 3% 44%, rgba(222, 250, 232, .62) 0 13%, transparent 13.4%),
    radial-gradient(ellipse 42% 28% at 90% 15%, rgba(225, 228, 255, .46) 0 45%, transparent 72%),
    linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
}

.mobile-screen-5::before {
  content: "";
  position: absolute;
  left: calc(137 * var(--u));
  top: calc(1052 * var(--u));
  width: calc(488 * var(--u));
  height: calc(488 * var(--u));
  pointer-events: none;
  border: calc(1.4 * var(--u)) dashed rgba(83, 119, 190, .34);
  border-radius: 50%;
  transform: none;
  background: transparent;
}

.mobile-screen-5 .mobile-change-grid::before {
  left: calc(-66 * var(--u));
  top: calc(-28 * var(--u));
  width: calc(396 * var(--u));
  height: calc(154 * var(--u));
  transform: rotate(-12deg);
}

.mobile-screen-5 .mobile-change-grid::after {
  right: calc(-42 * var(--u));
  top: calc(-16 * var(--u));
  width: calc(338 * var(--u));
  height: calc(156 * var(--u));
  transform: rotate(-17deg);
}

.mobile-screen-5::after {
  right: calc(14 * var(--u));
  top: calc(1740 * var(--u));
  bottom: auto;
}

.mobile-screen-5 > p {
  top: calc(410 * var(--u));
}

/* Screen 4/5 mobile junction tune: reduce the visible air between sections. */
.mobile-screen-4 {
  aspect-ratio: 768 / 2048;
  margin-bottom: 10px;
}

.mobile-screen-4 .hand-note {
  bottom: calc(42 * var(--u));
}

/* Screen 4 clean pass: keep one active rule set for desktop orbit and mobile card text. */
.orbit-section.desktop-screen:not(.change-section) {
  background:
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.6 * var(--u))) calc(1464 * var(--u)) calc(0 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    radial-gradient(circle, rgba(57,131,255,.13) calc(2 * var(--u)), transparent calc(2.6 * var(--u))) calc(22 * var(--u)) calc(630 * var(--u)) / calc(16 * var(--u)) calc(16 * var(--u)) no-repeat,
    radial-gradient(circle at 67.4% 49.8%, rgba(255,255,255,.95) 0 16.1%, transparent 16.35%),
    radial-gradient(circle at 84% 54%, rgba(231,242,255,.58) 0 16.8%, transparent 17.15%),
    linear-gradient(116deg, #fbfdff 0%, #f6faff 58%, #edf6ff 100%);
}

.orbit-section.desktop-screen:not(.change-section)::before {
  opacity: .62;
}

.orbit-section.desktop-screen:not(.change-section)::after {
  opacity: .72;
}

.orbit-section.desktop-screen:not(.change-section) .orbit-ring {
  left: calc(904 * var(--u));
  top: calc(229 * var(--u));
  width: calc(454 * var(--u));
  height: calc(486 * var(--u));
  border-width: calc(1.7 * var(--u));
  border-color: rgba(94, 120, 185, .48);
}

.orbit-section.desktop-screen:not(.change-section) .orbit-center {
  left: calc(993 * var(--u));
  top: calc(338 * var(--u));
  width: calc(266 * var(--u));
  height: calc(266 * var(--u));
  z-index: 2;
  background: rgba(255,255,255,.92);
  box-shadow:
    0 calc(22 * var(--u)) calc(46 * var(--u)) rgba(73, 96, 150, .10),
    inset 0 0 0 calc(1 * var(--u)) rgba(255,255,255,.72);
}

.orbit-section.desktop-screen:not(.change-section) .orbit-card {
  z-index: 3;
  background: rgba(255,255,255,.88);
}

.orbit-section.desktop-screen:not(.change-section) .orbit-card p {
  font-size: calc(15.5 * var(--u));
  line-height: 1.34;
}

.orbit-section.desktop-screen:not(.change-section) .orbit-card::before {
  width: calc(95 * var(--u));
  border-top-width: calc(1.35 * var(--u));
  border-color: rgba(83, 126, 203, .46);
}

.orbit-section.desktop-screen:not(.change-section) .orbit-card::after {
  z-index: 2;
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
  border-width: calc(5 * var(--u));
}

.orbit-section.desktop-screen:not(.change-section) .orbit-1::before { right: calc(-87 * var(--u)); bottom: calc(9 * var(--u)); transform: rotate(43deg); }
.orbit-section.desktop-screen:not(.change-section) .orbit-2::before { left: calc(-83 * var(--u)); bottom: calc(9 * var(--u)); transform: rotate(-43deg); }
.orbit-section.desktop-screen:not(.change-section) .orbit-3::before { left: calc(-91 * var(--u)); top: calc(74 * var(--u)); width: calc(96 * var(--u)); }
.orbit-section.desktop-screen:not(.change-section) .orbit-4::before { left: calc(-86 * var(--u)); top: calc(-5 * var(--u)); transform: rotate(34deg); }
.orbit-section.desktop-screen:not(.change-section) .orbit-5::before { right: calc(-84 * var(--u)); top: calc(-5 * var(--u)); transform: rotate(-36deg); }
.orbit-section.desktop-screen:not(.change-section) .orbit-6::before { right: calc(-91 * var(--u)); top: calc(88 * var(--u)); width: calc(106 * var(--u)); }

.orbit-section.desktop-screen:not(.change-section) .orbit-1::after { right: calc(-15 * var(--u)); bottom: calc(2 * var(--u)); }
.orbit-section.desktop-screen:not(.change-section) .orbit-2::after { left: calc(-15 * var(--u)); bottom: calc(2 * var(--u)); }
.orbit-section.desktop-screen:not(.change-section) .orbit-3::after { left: calc(-31 * var(--u)); top: calc(63 * var(--u)); }
.orbit-section.desktop-screen:not(.change-section) .orbit-4::after { left: calc(-17 * var(--u)); top: calc(-17 * var(--u)); }
.orbit-section.desktop-screen:not(.change-section) .orbit-5::after { right: calc(-16 * var(--u)); top: calc(-17 * var(--u)); }
.orbit-section.desktop-screen:not(.change-section) .orbit-6::after { right: calc(-28 * var(--u)); top: calc(77 * var(--u)); }

.orbit-section.desktop-screen:not(.change-section) .orbit-5 {
  top: calc(680 * var(--u));
}

.orbit-section.desktop-screen:not(.change-section) .orbit-4 {
  top: calc(680 * var(--u));
}

.orbit-section.desktop-screen:not(.change-section) .orbit-6 {
  top: calc(432 * var(--u));
}

.orbit-section.desktop-screen .orbit-center b,
.change-section.desktop-screen .orbit-center b {
  padding-bottom: calc(7 * var(--u));
}

.mobile-screen-4 .mobile-orbit-grid .orbit-card:nth-child(3) b {
  display: block;
  width: calc(150 * var(--u));
  max-width: none;
  font-size: calc(17.4 * var(--u));
  line-height: 1.22;
}

.mobile-screen-4 .mobile-orbit-grid .orbit-card:nth-child(5) b,
.mobile-screen-4 .mobile-orbit-grid .orbit-card:nth-child(6) b {
  font-size: calc(19.4 * var(--u));
  line-height: 1.22;
}

/* Screen 6 mobile: separate heading and lead text without shifting the section top. */
.mobile-screen-6 > p {
  top: calc(196 * var(--u));
}

/* Screen 8 mobile final: layer stack, photo crop, FAQ icons and footer focus card. */
.mobile-super {
  margin-bottom: 0;
}

.mobile-screen-8 {
  aspect-ratio: 841 / 1950;
  margin-top: 0;
  background: linear-gradient(180deg, #07101d 0%, #06111f 100%);
}

.mobile-screen-8::before {
  content: "";
  position: absolute;
  right: calc(84 * var(--u));
  top: calc(38 * var(--u));
  width: calc(210 * var(--u));
  height: calc(150 * var(--u));
  pointer-events: none;
  background:
    radial-gradient(ellipse at 54% 40%, rgba(48, 138, 255, .42) 0 13%, rgba(48, 138, 255, .20) 31%, transparent 67%);
  filter: blur(calc(7 * var(--u)));
  transform: rotate(-18deg);
  opacity: .86;
  z-index: 0;
}

.mobile-screen-8 h2 {
  overflow: visible;
  line-height: 1.06;
}

.mobile-screen-8 h2,
.mobile-screen-8 > p,
.mobile-screen-8 .faq-list,
.mobile-screen-8 .faq-footer {
  position: absolute;
  z-index: 3;
}

.mobile-screen-8 > p {
  top: calc(356 * var(--u));
  width: calc(500 * var(--u));
  line-height: 1.32;
}

.mobile-screen-8 > img {
  top: calc(424 * var(--u));
  width: calc(841 * var(--u));
  height: calc(396 * var(--u));
  opacity: 1;
  object-fit: fill;
  object-position: center;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 100%);
  z-index: 1;
}

.mobile-screen-8 .faq-list {
  top: calc(842 * var(--u));
}

.faq-section .faq-list article > span svg,
.mobile-screen-8 .faq-list article > span svg {
  display: none;
}

.faq-section .faq-list article > span::before,
.mobile-screen-8 .faq-list article > span::before {
  content: "";
  width: 70%;
  height: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.faq-section .faq-list article:nth-child(1) > span::before,
.mobile-screen-8 .faq-list article:nth-child(1) > span::before { background-image: url("assets/icons/faq-pie.svg"); }
.faq-section .faq-list article:nth-child(2) > span::before,
.mobile-screen-8 .faq-list article:nth-child(2) > span::before { background-image: url("assets/icons/faq-window.svg"); }
.faq-section .faq-list article:nth-child(3) > span::before,
.mobile-screen-8 .faq-list article:nth-child(3) > span::before { background-image: url("assets/icons/faq-growth.svg"); }
.faq-section .faq-list article:nth-child(4) > span::before,
.mobile-screen-8 .faq-list article:nth-child(4) > span::before { background-image: url("assets/icons/faq-gear.svg"); }
.faq-section .faq-list article:nth-child(5) > span::before,
.mobile-screen-8 .faq-list article:nth-child(5) > span::before { background-image: url("assets/icons/faq-people.svg"); }

.mobile-screen-8 .faq-list article > span {
  background:
    radial-gradient(circle at 38% 32%, #fff 0 24%, #eef6ff 70%);
  box-shadow:
    0 calc(10 * var(--u)) calc(26 * var(--u)) rgba(17, 109, 255, .22),
    inset 0 0 0 calc(1 * var(--u)) rgba(66, 146, 255, .18);
}

.mobile-screen-8 .faq-list article > span::before {
  width: 62%;
  height: 62%;
}

.mobile-screen-8 .faq-list article:nth-child(2) > span::before {
  background-image: url("assets/icons/faq-window.svg");
}

.mobile-screen-8 .faq-list article:nth-child(5) b {
  display: block;
  width: calc(520 * var(--u));
  line-height: 1.08;
}

.mobile-screen-8 .faq-footer {
  display: grid;
  grid-template-columns: calc(54 * var(--u)) 1fr;
  align-items: center;
  gap: calc(14 * var(--u));
  bottom: calc(42 * var(--u));
  height: calc(78 * var(--u));
  padding: 0 calc(24 * var(--u));
  border: calc(1.4 * var(--u)) solid rgba(68, 147, 255, .70);
  border-radius: calc(14 * var(--u));
  background: linear-gradient(180deg, rgba(11, 42, 88, .96) 0%, rgba(8, 31, 67, .96) 100%);
  box-shadow:
    inset 0 calc(1 * var(--u)) 0 rgba(255,255,255,.08),
    0 calc(12 * var(--u)) calc(26 * var(--u)) rgba(0, 0, 0, .18);
  color: #eaf4ff;
  text-align: left;
  font-size: calc(21.5 * var(--u));
  line-height: 1.16;
}

.mobile-screen-8 .faq-footer svg {
  width: calc(38 * var(--u));
  height: calc(38 * var(--u));
  fill: none;
  stroke: #4292ff;
  stroke-width: 1.9;
}

.mobile-screen-8 .faq-footer span {
  display: block;
}

/* Screen 9 mobile: keep the completion note inside the same visual background. */
.mobile-screen-9 {
  margin-bottom: 12px;
  background:
    radial-gradient(circle at 50% 63%, rgba(229, 239, 255, .96) 0 45%, rgba(242, 247, 255, .94) 69%, rgba(239, 246, 255, .98) 100%),
    linear-gradient(180deg, #fcfdff 0%, #eff7ff 100%);
}

.mobile-screen-9 img {
  top: calc(596 * var(--u));
  height: calc(1206 * var(--u));
}

.mobile-screen-9 small {
  left: calc(252 * var(--u));
  bottom: calc(52 * var(--u));
  display: block;
  padding-bottom: 0;
  color: #4b6198;
  font-size: calc(22.5 * var(--u));
  line-height: 1.05;
  background: transparent;
  z-index: 3;
}

.mobile-screen-9 small::before {
  content: "✦";
  left: calc(-56 * var(--u));
  width: calc(40 * var(--u));
  height: calc(40 * var(--u));
  border: calc(1.7 * var(--u)) solid #6a63ff;
  border-radius: calc(9 * var(--u));
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.76);
  color: #6a63ff;
  font-size: calc(22 * var(--u));
  line-height: 1;
  box-shadow: 0 calc(7 * var(--u)) calc(18 * var(--u)) rgba(70, 72, 255, .10);
}

/* Screen 10 mobile: soften location-card ending and lighten icons. */
.mobile-screen-10 .mobile-location {
  height: calc(388 * var(--u));
}

.mobile-screen-10 .mobile-location article {
  min-height: calc(140 * var(--u));
}

.mobile-screen-10 .mobile-location article + article {
  margin-top: calc(28 * var(--u));
  padding-top: calc(30 * var(--u));
  min-height: calc(168 * var(--u));
}

.mobile-screen-10 .mobile-location article > span {
  background: rgba(202, 218, 255, .30);
  color: #eaf2ff;
  box-shadow:
    inset 0 0 0 calc(1 * var(--u)) rgba(255,255,255,.18),
    0 calc(9 * var(--u)) calc(18 * var(--u)) rgba(8, 24, 64, .10);
}

.mobile-screen-10 .mobile-location article > span::before {
  opacity: .72;
  filter: brightness(1.75) saturate(.8);
}

.mobile-screen-10 .requisites-card {
  top: calc(955 * var(--u));
}

.mobile-screen-10 .contact-strip {
  top: calc(1434 * var(--u));
}

.mobile-screen-10 .mobile-contact-actions {
  top: calc(1577 * var(--u));
}

.mobile-screen-10 .privacy-line {
  height: calc(42 * var(--u));
  line-height: 1.16;
}

.contacts-section .contact-feature {
  min-height: calc(72 * var(--u));
}

.contacts-section .map-card > div {
  padding-top: calc(56 * var(--u));
  padding-bottom: calc(56 * var(--u));
  box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .contacts-section .map-card > div {
    padding-top: calc(42 * var(--u));
    padding-bottom: calc(42 * var(--u));
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .contacts-section .map-card > div {
    padding-top: calc(28 * var(--u));
    padding-bottom: calc(28 * var(--u));
  }
}

/* Screens 5-10 audit pass: keep accepted layouts stable across tablet/mobile. */
.cases-section.desktop-screen .cases-copy h2,
.faq-section.desktop-screen .faq-content h2,
.services-section.desktop-screen .services-copy h2 {
  overflow: visible;
}

.cases-section.desktop-screen .cases-copy h2 {
  line-height: 1.1;
}

.faq-section.desktop-screen .faq-content h2 {
  line-height: 1.06;
}

.services-section.desktop-screen .services-copy h2 {
  line-height: 1.1;
}

.mobile-screen-10 .mobile-location article > span {
  background: rgba(210, 225, 255, .30);
  color: rgba(255, 255, 255, .86);
}

@media (min-width: 768px) and (max-width: 899px) {
  .cases-section.desktop-screen .case-auto {
    top: calc(718 * var(--u));
    height: calc(202 * var(--u));
    padding-top: calc(28 * var(--u));
    padding-bottom: calc(28 * var(--u));
  }

  .cases-section.desktop-screen .case-auto p {
    font-size: calc(14.2 * var(--u));
    line-height: 1.3;
  }

  .cases-section.desktop-screen .case-auto img {
    top: calc(44 * var(--u));
    height: calc(92 * var(--u));
  }

  .cases-section.desktop-screen .case-auto a {
    bottom: calc(26 * var(--u));
  }
}

/* Screen 6/10 hard fix: reserve space for desktop case buttons and remove the old city-image text layer. */
.cases-section.desktop-screen {
  aspect-ratio: 1672 / 1185;
}

.cases-section.desktop-screen .case-improve {
  top: calc(413 * var(--u));
  height: calc(390 * var(--u));
  padding-bottom: calc(92 * var(--u));
}

.cases-section.desktop-screen .case-improve img {
  top: calc(48 * var(--u));
  height: calc(250 * var(--u));
}

.cases-section.desktop-screen .case-analysis {
  top: calc(410 * var(--u));
  height: calc(372 * var(--u));
  padding-bottom: calc(92 * var(--u));
}

.cases-section.desktop-screen .case-analysis img {
  top: calc(53 * var(--u));
  height: calc(226 * var(--u));
}

.cases-section.desktop-screen .case-auto {
  top: calc(830 * var(--u));
  height: calc(330 * var(--u));
  padding-top: calc(30 * var(--u));
  padding-bottom: calc(86 * var(--u));
}

.cases-section.desktop-screen .case-auto img {
  top: calc(52 * var(--u));
  height: calc(150 * var(--u));
}

.cases-section.desktop-screen .case-auto a {
  bottom: calc(30 * var(--u));
}

.contacts-left {
  overflow: hidden;
}

.contacts-left h2,
.contacts-left > p,
.contacts-left .contact-feature {
  position: relative;
  z-index: 2;
}

.contacts-left img {
  z-index: 0;
  bottom: calc(34 * var(--u));
  height: calc(300 * var(--u));
  object-fit: cover;
  object-position: center bottom;
  opacity: .72;
  pointer-events: none;
}

/* Hero pass: desktop arrow/card 05 and mobile readability. */
.hero-code .scribble-main {
  left: 11.75%;
  top: 79.45%;
  width: calc(118 * var(--u));
  height: calc(70 * var(--u));
  border: 0;
  border-radius: 0;
  background: url("assets/decor/hero-directions-arrow.svg") center / contain no-repeat;
  transform: none;
}

.hero-code .scribble-main::after {
  content: none;
}

.hero-code .service-5 em {
  right: calc(34 * var(--u));
  top: calc(14 * var(--u));
}

.hero-code .service-5 a {
  right: calc(28 * var(--u));
  bottom: calc(12 * var(--u));
  transform: none;
}

.mobile-hero {
  aspect-ratio: 430 / 1415;
}

.mobile-cloud {
  left: calc(10 * var(--u));
  top: calc(17 * var(--u));
  width: calc(140 * var(--u));
  height: calc(70 * var(--u));
  font-size: calc(10.2 * var(--u));
}

.mobile-photo {
  left: 0;
  top: 0;
  width: calc(430 * var(--u));
  height: calc(310 * var(--u));
}

.mobile-laptop {
  left: calc(174 * var(--u));
  top: calc(179 * var(--u));
  width: calc(105 * var(--u));
  height: calc(102 * var(--u));
  display: none;
}

.mobile-meaning {
  right: calc(25 * var(--u));
  top: calc(290 * var(--u));
  width: calc(154 * var(--u));
  height: calc(137 * var(--u));
  padding: calc(14 * var(--u)) calc(13 * var(--u));
}

.mobile-copy h1 {
  top: calc(92 * var(--u));
  width: 57%;
  font-size: calc(23.8 * var(--u));
  line-height: 1.13;
}

.mobile-copy > p {
  top: calc(290 * var(--u));
  width: 47%;
  font-size: calc(13.2 * var(--u));
  line-height: 1.36;
}

.mobile-buttons {
  top: calc(430 * var(--u));
}

.mobile-notes {
  top: calc(540 * var(--u));
}

.mobile-notes div {
  grid-template-columns: calc(34 * var(--u)) 1fr;
  gap: calc(11 * var(--u));
}

.mobile-notes span {
  width: calc(34 * var(--u));
  height: calc(34 * var(--u));
}

.mobile-notes svg {
  width: calc(17 * var(--u));
  height: calc(17 * var(--u));
}

.mobile-notes p {
  font-size: calc(11.6 * var(--u));
  line-height: 1.34;
}

.mobile-copy h2 {
  top: calc(665 * var(--u));
  height: calc(78 * var(--u));
  font-size: calc(21.5 * var(--u));
  line-height: 1.16;
}

.mobile-copy h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(30 * var(--u));
  width: calc(78 * var(--u));
  height: calc(48 * var(--u));
  border: 0;
  border-radius: 0;
  background: url("assets/decor/hero-mobile-directions-arrow.svg") center / contain no-repeat;
  transform: translateX(-18%);
}

.mobile-copy h2::before {
  content: none;
}

.mobile-services {
  top: calc(740 * var(--u));
  height: calc(590 * var(--u));
  grid-template-rows: calc(235 * var(--u)) calc(235 * var(--u)) calc(96 * var(--u));
  gap: calc(12 * var(--u));
}

.mobile-card {
  padding: calc(16 * var(--u)) calc(14 * var(--u)) calc(46 * var(--u));
  border-radius: calc(12 * var(--u));
}

.mobile-card .service-icon {
  width: calc(43 * var(--u));
  height: calc(43 * var(--u));
  margin-bottom: calc(8 * var(--u));
}

.mobile-card .service-icon svg {
  width: calc(27 * var(--u));
  height: calc(27 * var(--u));
}

.mobile-card em {
  right: calc(16 * var(--u));
  top: calc(17 * var(--u));
  font-size: calc(21 * var(--u));
}

.mobile-card strong {
  font-size: calc(14.6 * var(--u));
  line-height: 1.13;
}

.mobile-card p {
  margin-top: calc(8 * var(--u));
  font-size: calc(11.5 * var(--u));
  line-height: 1.24;
  max-width: 92%;
}

.mobile-card:nth-child(2) p,
.mobile-card:nth-child(4) p,
.mobile-card:nth-child(3) p {
  max-width: 90%;
}

.mobile-card a {
  right: calc(14 * var(--u));
  bottom: calc(12 * var(--u));
  min-width: calc(112 * var(--u));
  height: calc(29 * var(--u));
  padding: calc(1.6 * var(--u)) calc(12 * var(--u)) 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: calc(11 * var(--u));
  line-height: 1;
  border-radius: calc(8 * var(--u));
}

.mobile-card-wide {
  padding: calc(14 * var(--u)) calc(140 * var(--u)) calc(14 * var(--u)) calc(78 * var(--u));
}

.mobile-card-wide .service-icon {
  left: calc(16 * var(--u));
  width: calc(46 * var(--u));
  height: calc(46 * var(--u));
}

.mobile-card-wide strong {
  max-width: none;
  font-size: calc(14.4 * var(--u));
  line-height: 1.12;
}

.mobile-card-wide p {
  max-width: none;
  margin-top: calc(5 * var(--u));
  font-size: calc(10.9 * var(--u));
  line-height: 1.22;
}

.mobile-card-wide a {
  right: calc(16 * var(--u));
  bottom: calc(8 * var(--u));
  transform: none;
}

.mobile-menu-toggle {
  position: absolute;
  right: calc(15 * var(--u));
  top: calc(16 * var(--u));
  z-index: 5;
  display: inline-flex;
  width: clamp(40px, calc(46 * var(--u)), 46px);
  height: clamp(40px, calc(46 * var(--u)), 46px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(4 * var(--u));
  padding: 0;
  border: calc(1.2 * var(--u)) solid rgba(8, 108, 255, .18);
  border-radius: clamp(13px, calc(15 * var(--u)), 15px);
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 calc(10 * var(--u)) calc(24 * var(--u)) rgba(25, 96, 189, .13);
  color: #086cff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
}

.mobile-menu-toggle span {
  display: block;
  width: clamp(17px, calc(20 * var(--u)), 20px);
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition: transform .18s ease, opacity .18s ease;
}

.mobile-menu-toggle.is-open span:nth-child(1) {
  transform: translateY(calc(6 * var(--u))) rotate(45deg);
}

.mobile-menu-toggle.is-open span:nth-child(2) {
  opacity: 0;
}

.mobile-menu-toggle.is-open span:nth-child(3) {
  transform: translateY(calc(-6 * var(--u))) rotate(-45deg);
}

.mobile-menu-panel {
  position: absolute;
  right: calc(15 * var(--u));
  top: calc(66 * var(--u));
  z-index: 5;
  width: clamp(40px, calc(46 * var(--u)), 46px);
  min-height: clamp(58px, calc(68 * var(--u)), 68px);
  border: calc(1.2 * var(--u)) solid rgba(8, 108, 255, .12);
  border-radius: clamp(13px, calc(15 * var(--u)), 15px);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 calc(16 * var(--u)) calc(34 * var(--u)) rgba(16, 82, 170, .13);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(calc(-8 * var(--u))) scale(.98);
  transform-origin: 100% 0;
  transition: opacity .18s ease, transform .18s ease;
}

.mobile-menu-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.desktop-hero .hero-copy > p {
  width: 38.8%;
  font-size: calc(18.4 * var(--u));
  line-height: 1.39;
}

.desktop-hero .hero-buttons {
  top: 46.15%;
}

.desktop-hero .hero-notes {
  top: 52.15%;
}

.desktop-hero .service-card strong {
  font-size: calc(17.2 * var(--u));
  line-height: 1.12;
}

.desktop-hero .service-card p {
  margin-top: calc(8 * var(--u));
  font-size: calc(12.45 * var(--u));
  line-height: 1.3;
}

.desktop-hero .service-card a {
  font-size: calc(12 * var(--u));
}

.desktop-hero .service-1 p {
  font-size: calc(11.95 * var(--u));
  line-height: 1.25;
}

.desktop-hero .service-1 a {
  position: absolute;
  left: calc(128 * var(--u));
  bottom: calc(16 * var(--u));
  margin-top: 0;
}

.desktop-hero .service-4 strong {
  font-size: calc(16.8 * var(--u));
}

.desktop-hero .service-4 p {
  max-width: calc(190 * var(--u));
  font-size: calc(12.1 * var(--u));
  line-height: 1.24;
}

.desktop-hero .service-4 a {
  bottom: calc(12 * var(--u));
}

.desktop-hero .service-5 strong {
  font-size: calc(16.4 * var(--u));
}

.desktop-hero .service-5 p {
  max-width: calc(286 * var(--u));
  margin-top: calc(5 * var(--u));
  font-size: calc(11.45 * var(--u));
  line-height: 1.2;
}

.desktop-hero .service-5 a {
  bottom: calc(10 * var(--u));
  transform: none;
}

.desktop-hero .hero-copy > p {
  width: 41.5%;
  font-size: calc(21 * var(--u));
  line-height: 1.34;
}

.desktop-hero .hero-buttons {
  top: 47.15%;
}

.desktop-hero .hero-notes {
  top: 53.45%;
}

.desktop-hero .directions-title {
  top: 74.75%;
}

.desktop-hero .scribble-main {
  top: 80.3%;
}

.desktop-hero .card-lines {
  top: 67.2%;
}

.desktop-hero .service-1 {
  top: 62.45%;
}

.desktop-hero .service-2 {
  top: 61.3%;
}

.desktop-hero .service-3 {
  top: 61.1%;
}

.desktop-hero .service-4 {
  top: 81.8%;
}

.desktop-hero .service-5 {
  top: 84.4%;
}

.mobile-screen-2 {
  aspect-ratio: 841 / 2074;
}

.mobile-screen-2::after {
  top: calc(1658 * var(--u));
}

.mobile-s2-photo-line {
  top: calc(230 * var(--u));
}

.mobile-photo-card {
  top: calc(444 * var(--u));
}

.mobile-problem-grid {
  top: calc(926 * var(--u));
}

.mobile-s2-actions {
  top: calc(1698 * var(--u));
}

.mobile-note-problems {
  top: calc(1892 * var(--u));
}

/* Screen 3 detail pass: align desktop card icons and mobile vertical rhythm. */
.site-screen-3.desktop-screen .step-card > span {
  left: 50%;
  top: calc(48 * var(--u));
  width: calc(58 * var(--u));
  height: calc(58 * var(--u));
  transform: translateX(-50%);
}

.site-screen-3.desktop-screen .step-card > span svg {
  width: calc(34 * var(--u));
  height: calc(34 * var(--u));
  display: block;
}

.site-screen-3.desktop-screen .step-card em {
  left: calc(20 * var(--u));
  top: calc(18 * var(--u));
}

.site-screen-3.desktop-screen .step-card {
  padding: calc(112 * var(--u)) calc(24 * var(--u)) calc(22 * var(--u));
}

.site-screen-3.desktop-screen .step-card b {
  width: 100%;
  margin-left: 0;
  text-align: center;
}

.site-screen-3.desktop-screen .step-card p {
  width: 100%;
  margin-top: calc(18 * var(--u));
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.site-screen-3.desktop-screen .process-result {
  bottom: calc(28 * var(--u));
}

.site-screen-3.desktop-screen {
  aspect-ratio: 1672 / 1002;
}

.site-screen-3.desktop-screen .process-steps {
  top: calc(360 * var(--u));
}

.site-screen-3.desktop-screen .process-arrows {
  top: calc(376 * var(--u));
}

.site-screen-3.desktop-screen .process-result {
  grid-template-columns: calc(86 * var(--u)) 1fr calc(260 * var(--u)) calc(288 * var(--u));
  gap: calc(32 * var(--u));
  height: calc(192 * var(--u));
  padding: 0 calc(32 * var(--u));
  box-shadow: 0 calc(18 * var(--u)) calc(34 * var(--u)) rgba(65, 92, 150, .12);
  z-index: 4;
}

.site-screen-3.desktop-screen .check-badge {
  width: calc(86 * var(--u));
  height: calc(86 * var(--u));
  border-radius: calc(17 * var(--u));
  background: #eaf2ff;
  color: #146fff;
}

.site-screen-3.desktop-screen .check-badge svg {
  width: calc(56 * var(--u));
  height: calc(56 * var(--u));
  stroke-width: 1.9;
}

.site-screen-3.desktop-screen .process-result > div:nth-child(2) {
  padding-right: calc(32 * var(--u));
  border-right: calc(1 * var(--u)) solid rgba(20, 40, 80, .12);
}

.site-screen-3.desktop-screen .result-buttons {
  padding-right: calc(32 * var(--u));
  border-right: calc(1 * var(--u)) solid rgba(20, 40, 80, .12);
}

.site-screen-3.desktop-screen .result-safe {
  min-height: calc(136 * var(--u));
  display: grid;
  grid-template-columns: calc(58 * var(--u)) 1fr;
  align-items: center;
  gap: calc(20 * var(--u));
  padding: 0 calc(28 * var(--u));
  border-radius: calc(16 * var(--u));
  background: linear-gradient(180deg, #eefcfd 0%, #eaf8fb 100%);
}

.site-screen-3.desktop-screen .result-safe span {
  width: calc(52 * var(--u));
  height: calc(58 * var(--u));
  display: grid;
  place-items: center;
  color: #19bed0;
}

.site-screen-3.desktop-screen .result-safe svg {
  width: calc(48 * var(--u));
  height: calc(48 * var(--u));
  stroke-width: 1.8;
}

.site-screen-3.desktop-screen .result-safe p {
  margin: 0;
  color: #16275a;
  font-size: calc(16 * var(--u));
  line-height: 1.35;
}

@media (min-width: 768px) and (max-width: 1440px) {
  .site-screen-3.desktop-screen {
    aspect-ratio: 1672 / 1070;
  }

  .site-screen-3.desktop-screen .process-steps {
    top: calc(404 * var(--u));
  }

  .site-screen-3.desktop-screen .process-arrows {
    top: calc(420 * var(--u));
  }

  .site-screen-3.desktop-screen .process-head p {
    font-size: calc(19.7 * var(--u));
    line-height: 1.42;
  }
}

.mobile-process-head p,
.mobile-cases > p,
.mobile-faq > p,
.mobile-services-section > p,
.mobile-contacts > p {
  font-size: calc(27 * var(--u));
  line-height: 1.37;
}

.mobile-screen-4 > p,
.mobile-screen-6 > p {
  font-size: calc(24.65 * var(--u));
  line-height: 1.37;
}

.mobile-screen-5 > p {
  font-size: calc(24.45 * var(--u));
  line-height: 1.37;
}

.mobile-screen-9 p {
  font-size: calc(28.47 * var(--u));
  line-height: 1.37;
}

.mobile-contacts > p {
  font-size: calc(27.38 * var(--u));
}

.mobile-screen-3 {
  aspect-ratio: 842 / 2260;
}

.mobile-process-photo {
  top: calc(503 * var(--u));
  height: calc(392 * var(--u));
  object-fit: cover;
  object-position: top center;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.9) 0%, #000 7%, #000 100%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9) 0%, #000 7%, #000 100%);
}

.mobile-steps {
  top: calc(914 * var(--u));
}

.mobile-screen-3 .mobile-result-card {
  top: calc(1642 * var(--u));
}

.mobile-screen-3 .mobile-s3-actions {
  top: calc(1947 * var(--u));
}