.page-home .grid > section {
  display: none !important;
}

.page-home .grid {
  gap: 0;
}

.page-home .site-footer {
  margin-top: clamp(28px, 4vw, 54px);
}

.home-premium {
  --home-ink: #0a1736;
  --home-muted: #5e6e8c;
  --home-line: rgba(31, 79, 160, 0.14);
  --home-blue: #2459bd;
  --home-blue-dark: #123b91;
  --home-cyan: #3ba7f2;
  --home-soft: #eef5ff;
  --home-white: rgba(255, 255, 255, 0.9);
  display: grid;
  gap: clamp(34px, 5vw, 64px);
  color: var(--home-ink);
  isolation: isolate;
}

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

.home-premium a {
  color: inherit;
}

.home-premium button,
.home-premium a {
  -webkit-tap-highlight-color: transparent;
}

.home-premium :focus-visible {
  outline: 3px solid rgba(43, 113, 230, 0.38);
  outline-offset: 3px;
}

.home-section {
  position: relative;
  scroll-margin-top: 160px;
}

.home-shell {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.home-surface {
  border: 1px solid var(--home-line);
  border-radius: clamp(24px, 3vw, 36px);
  background:
    radial-gradient(circle at 88% 4%, rgba(78, 157, 244, 0.12), transparent 30%),
    rgba(255, 255, 255, 0.82);
  box-shadow: 0 24px 70px rgba(26, 58, 113, 0.1);
  backdrop-filter: blur(18px);
}

.home-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--home-blue);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.home-eyebrow::before {
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--home-blue), var(--home-cyan));
  content: "";
}

.home-section-head {
  width: min(760px, 100%);
  margin-bottom: clamp(18px, 2.4vw, 26px);
}

.home-section-head--center {
  margin-inline: auto;
  text-align: center;
}

.home-section-head--center .home-eyebrow {
  justify-content: center;
}

.home-premium h1,
.home-premium h2,
.home-premium h3,
.home-premium p {
  margin-top: 0;
}

.home-premium h1,
.home-premium h2,
.home-premium h3 {
  color: var(--home-ink);
  letter-spacing: -0.035em;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.home-premium h2 {
  margin-bottom: 11px;
  font-size: clamp(27px, 3.45vw, 38px);
  line-height: 1.1;
}

.home-premium h3 {
  margin-bottom: 7px;
  font-size: clamp(17px, 1.8vw, 21px);
  line-height: 1.18;
}

.home-section-head > p,
.home-lead {
  margin-bottom: 0;
  color: var(--home-muted);
  font-size: clamp(15px, 1.45vw, 17px);
  line-height: 1.55;
}

.home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.home-action {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 18px;
  border: 1px solid rgba(31, 79, 160, 0.2);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
  color: #173c7e;
  box-shadow: 0 10px 24px rgba(32, 79, 150, 0.1);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.home-action:hover {
  transform: translateY(-2px);
  border-color: rgba(36, 89, 189, 0.44);
  box-shadow: 0 14px 30px rgba(32, 79, 150, 0.16);
}

.home-action--primary {
  border-color: transparent;
  background: linear-gradient(135deg, #1c48a5, #337be1 58%, #3ba7f2);
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(38, 93, 195, 0.3);
}

.home-action svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.home-hero-new {
  overflow: hidden;
  min-height: clamp(510px, calc(100svh - 170px), 650px);
  display: grid;
  align-items: center;
  padding: clamp(28px, 4vw, 50px);
  border: 1px solid rgba(34, 84, 169, 0.18);
  border-radius: clamp(28px, 4vw, 42px);
  background:
    radial-gradient(circle at 16% 15%, rgba(73, 148, 255, 0.23), transparent 31%),
    radial-gradient(circle at 92% 88%, rgba(66, 183, 244, 0.2), transparent 30%),
    linear-gradient(145deg, #f8fbff 0%, #eef5ff 52%, #f8fcff 100%);
  box-shadow: 0 30px 95px rgba(25, 57, 113, 0.15);
}

.home-hero-new::before,
.home-hero-new::after {
  position: absolute;
  border-radius: 999px;
  content: "";
  pointer-events: none;
  filter: blur(2px);
}

.home-hero-new::before {
  width: 360px;
  height: 360px;
  top: -210px;
  right: 15%;
  border: 1px solid rgba(49, 123, 225, 0.2);
  box-shadow: 0 0 0 60px rgba(57, 141, 233, 0.04), 0 0 0 120px rgba(57, 141, 233, 0.025);
}

.home-hero-new::after {
  width: 190px;
  height: 190px;
  right: -80px;
  bottom: -80px;
  background: rgba(55, 151, 235, 0.1);
}

.home-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(370px, 0.88fr);
  gap: clamp(28px, 4vw, 48px);
  align-items: center;
}

.home-hero__grid > * {
  min-width: 0;
}

.home-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  padding: 7px 11px;
  border: 1px solid rgba(35, 88, 184, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: #1c4c9f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.03em;
}

.home-hero__kicker i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #35a6ed;
  box-shadow: 0 0 0 5px rgba(53, 166, 237, 0.12);
}

.home-hero-new h1 {
  max-width: 720px;
  margin-bottom: 15px;
  font-size: clamp(36px, 4.15vw, 52px);
  line-height: 1.01;
  white-space: pre-line;
}

.home-hero__lead {
  max-width: 680px;
  margin-bottom: 17px;
  color: #435675;
  font-size: clamp(16px, 1.55vw, 18px);
  line-height: 1.48;
}

.home-hero__benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 18px;
  margin: 0 0 19px;
  padding: 0;
  list-style: none;
}

.home-hero__benefits li {
  position: relative;
  padding-left: 22px;
  color: #243b62;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
}

.home-hero__benefits li::before {
  position: absolute;
  top: 0.4em;
  left: 1px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2d6cd1, #3cb1ef);
  box-shadow: 0 0 0 4px rgba(48, 119, 215, 0.1);
  content: "";
}

.home-hero__promise {
  margin: 14px 0 0;
  color: #60708d;
  font-size: 12px;
  font-weight: 650;
}

.home-hero__visual {
  position: relative;
  min-width: 0;
}

.home-hero__screen {
  position: relative;
  overflow: hidden;
  padding: 8px;
  border: 1px solid rgba(29, 76, 155, 0.2);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 28px 70px rgba(25, 63, 127, 0.22);
  transform: perspective(1100px) rotateY(-3deg) rotateX(1deg);
}

.home-hero__screen::before {
  display: block;
  height: 28px;
  border-radius: 17px 17px 7px 7px;
  background:
    radial-gradient(circle at 16px 14px, #ff7d76 0 3px, transparent 4px),
    radial-gradient(circle at 29px 14px, #ffc85d 0 3px, transparent 4px),
    radial-gradient(circle at 42px 14px, #49ca82 0 3px, transparent 4px),
    #f0f4fb;
  content: "";
}

.home-hero__screen img {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  border-radius: 8px 8px 16px 16px;
  object-fit: cover;
  object-position: center;
}

.home-hero__float {
  position: absolute;
  right: -18px;
  bottom: -26px;
  width: min(245px, 64%);
  padding: 15px 17px;
  border: 1px solid rgba(35, 83, 165, 0.15);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 44px rgba(25, 61, 122, 0.19);
}

.home-hero__float span {
  display: block;
  margin-bottom: 5px;
  color: #6a7a95;
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.home-hero__float strong {
  display: block;
  color: #153b81;
  font-size: 15px;
  line-height: 1.35;
}

.home-trust {
  margin-top: -25px;
}

.home-trust__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 16px 50px rgba(25, 57, 113, 0.1);
}

.home-trust__item {
  min-height: 94px;
  display: grid;
  place-content: center;
  gap: 4px;
  padding: 18px 16px;
  text-align: center;
}

.home-trust__item + .home-trust__item {
  border-left: 1px solid var(--home-line);
}

.home-trust__item strong {
  color: #16458f;
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1;
}

.home-trust__item span {
  color: #65738d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.home-owner-reality {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
  gap: clamp(26px, 4vw, 54px);
  align-items: center;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--home-line);
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(75, 160, 234, 0.14), transparent 45%),
    linear-gradient(145deg, rgba(247, 251, 255, 0.98), rgba(255, 255, 255, 0.92));
  box-shadow: 0 24px 64px rgba(28, 67, 128, 0.09);
}

.home-owner-reality__copy h2 {
  margin-bottom: 16px;
}

.home-owner-reality__copy > p {
  margin: 0;
  color: var(--home-muted);
  font-size: 16px;
  line-height: 1.62;
}

.home-owner-reality__result {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  margin-top: 20px;
  padding: 15px 17px;
  border: 1px solid rgba(39, 113, 210, 0.15);
  border-radius: 17px;
  background: rgba(230, 242, 255, 0.7);
  color: #153b77;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.5;
}

.home-owner-reality__result svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--home-blue);
}

.home-owner-reality__questions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.home-owner-reality__question {
  min-height: 88px;
  display: flex;
  align-items: center;
  padding: 17px;
  border: 1px solid rgba(29, 76, 155, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 28px rgba(35, 67, 119, 0.07);
  color: #233b62;
  font-size: 14px;
  font-weight: 740;
  line-height: 1.4;
}

.home-pain__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(26px, 4vw, 48px);
  align-items: center;
}

.home-pain__copy h2 {
  margin-bottom: 17px;
}

.home-pain__copy > p {
  margin-bottom: 14px;
  color: var(--home-muted);
  font-size: 16px;
  line-height: 1.58;
}

.home-leaks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 17px;
}

.home-leaks span {
  padding: 8px 11px;
  border: 1px solid rgba(196, 78, 78, 0.13);
  border-radius: 999px;
  background: rgba(255, 244, 244, 0.75);
  color: #914848;
  font-size: 12px;
  font-weight: 720;
}

.home-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.home-control-card,
.home-outcome,
.home-why-card,
.home-trial-step {
  position: relative;
  overflow: hidden;
  padding: clamp(18px, 2.1vw, 24px);
  border: 1px solid var(--home-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 38px rgba(35, 67, 119, 0.08);
}

.home-card-icon {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(42, 103, 205, 0.13), rgba(57, 173, 239, 0.1));
  color: var(--home-blue);
}

.home-card-icon svg {
  width: 22px;
  height: 22px;
}

.home-control-card p,
.home-outcome p,
.home-why-card p,
.home-trial-step p {
  margin-bottom: 0;
  color: var(--home-muted);
  font-size: 14px;
  line-height: 1.58;
}

.home-product {
  overflow: hidden;
  padding: clamp(22px, 3.2vw, 38px);
}

.home-product__bar {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 22px;
}

.home-product__bar .home-section-head {
  margin-bottom: 0;
}

.home-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 17px;
}

.home-tab {
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid rgba(32, 78, 154, 0.14);
  border-radius: 12px;
  background: #f5f8fd;
  color: #53647f;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.home-tab[aria-selected="true"] {
  border-color: transparent;
  background: #184796;
  color: #fff;
  box-shadow: 0 9px 20px rgba(29, 74, 153, 0.22);
}

.home-product__viewer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 8px;
  border: 1px solid rgba(30, 76, 156, 0.18);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 25px 65px rgba(24, 57, 111, 0.16);
}

.home-product__viewer::before {
  display: block;
  height: 30px;
  border-radius: 14px 14px 5px 5px;
  background:
    radial-gradient(circle at 17px 15px, #ff7b76 0 3px, transparent 4px),
    radial-gradient(circle at 30px 15px, #ffc55d 0 3px, transparent 4px),
    radial-gradient(circle at 43px 15px, #4bc983 0 3px, transparent 4px),
    linear-gradient(90deg, #edf2f9, #f7f9fc);
  content: "";
}

.home-product__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 7px 7px 14px 14px;
  background: #eef3fa;
  object-fit: contain;
  object-position: center;
  transition: opacity 0.18s ease;
}

.home-product__image.is-changing {
  opacity: 0.3;
}

.home-product__caption {
  position: relative;
  z-index: 2;
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 16px 7px 2px;
  background: #fff;
}

.home-product__caption strong {
  color: #173f86;
  font-size: 15px;
}

.home-product__caption span {
  color: var(--home-muted);
  font-size: 13px;
  text-align: right;
}

.home-outcomes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.home-outcome {
  min-height: 190px;
}

.home-outcome__number {
  display: block;
  margin-bottom: 18px;
  color: rgba(31, 83, 175, 0.22);
  font-size: 42px;
  font-weight: 900;
  letter-spacing: -0.06em;
}

.home-industries {
  padding: clamp(22px, 3.2vw, 38px);
}

.home-industries__head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 24px;
}

.home-industries__head .home-section-head {
  margin-bottom: 0;
}

.home-industry-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.home-industry {
  position: relative;
  min-height: 140px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(34, 79, 151, 0.13);
  border-radius: 19px;
  background: #dfe9f7;
  color: #fff !important;
  text-decoration: none;
  box-shadow: 0 11px 28px rgba(29, 63, 118, 0.1);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.home-industry::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(7, 21, 50, 0.03) 25%, rgba(5, 19, 48, 0.88) 100%);
  content: "";
}

.home-industry__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.home-industry::after {
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 13px;
  content: "";
  z-index: 2;
  pointer-events: none;
}

.home-industry:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 35px rgba(29, 63, 118, 0.18);
}

.home-industry:hover .home-industry__image {
  transform: scale(1.04);
}

.home-industry span {
  position: relative;
  z-index: 3;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
}

.home-why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.home-why-card {
  min-height: 190px;
}

.home-architecture {
  padding: clamp(22px, 3.2vw, 38px);
}

.home-comparison {
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.8);
}

.home-comparison__row {
  display: grid;
  grid-template-columns: minmax(190px, 0.8fr) repeat(2, minmax(0, 1fr));
}

.home-comparison__row + .home-comparison__row {
  border-top: 1px solid var(--home-line);
}

.home-comparison__cell {
  min-width: 0;
  padding: 14px 16px;
  color: #4f607d;
  font-size: 14px;
  line-height: 1.45;
}

.home-comparison__cell + .home-comparison__cell {
  border-left: 1px solid var(--home-line);
}

.home-comparison__cell:first-child {
  color: #233b62;
  font-weight: 800;
}

.home-comparison__row--head {
  background: #edf4ff;
}

.home-comparison__row--head .home-comparison__cell {
  color: #153d83;
  font-weight: 850;
}

.home-comparison__cell--synterra {
  background: rgba(234, 244, 255, 0.55);
  color: #16417f;
  font-weight: 720;
}

.home-architecture__conclusion {
  display: flex;
  gap: 13px;
  align-items: center;
  margin-top: 18px;
  padding: 17px 19px;
  border-radius: 16px;
  background: #eaf4ff;
  color: #16427f;
  font-size: 14px;
  font-weight: 780;
  line-height: 1.5;
}

.home-architecture__conclusion svg {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

.home-vision__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(420px, 1.2fr);
  gap: clamp(24px, 4vw, 44px);
  align-items: center;
}

.home-vision__copy p {
  color: var(--home-muted);
  line-height: 1.62;
}

.home-signal-list {
  display: grid;
  gap: 8px;
  margin: 16px 0 20px;
  padding: 0;
  list-style: none;
}

.home-signal-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #31486d;
  font-size: 14px;
  line-height: 1.45;
}

.home-signal-list li::before {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin-top: 6px;
  border-radius: 50%;
  background: #2d75d3;
  box-shadow: 0 0 0 4px rgba(45, 117, 211, 0.1);
  content: "";
}

.home-vision__screen {
  overflow: hidden;
  padding: 8px;
  border: 1px solid rgba(29, 75, 153, 0.17);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 25px 65px rgba(24, 57, 111, 0.15);
}

.home-vision__screen img {
  width: 100%;
  display: block;
  border-radius: 16px;
}

.home-proof {
  padding: clamp(22px, 3.2vw, 38px);
}

.home-proof__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.home-trial-step {
  min-height: 180px;
}

.home-trial-step__number {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 12px;
  background: #e9f3ff;
  color: #1d57ac;
  font-size: 13px;
  font-weight: 900;
}

.home-proof__note {
  margin: 18px 0 0;
  color: #63728c;
  font-size: 13px;
  line-height: 1.55;
  text-align: center;
}

.home-pricing {
  overflow: hidden;
  padding: clamp(22px, 3.3vw, 40px);
  background:
    radial-gradient(circle at 93% 9%, rgba(72, 164, 239, 0.2), transparent 27%),
    linear-gradient(145deg, #f7fbff, #eaf3ff);
}

.home-pricing__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(350px, 0.72fr);
  gap: clamp(24px, 4vw, 46px);
  align-items: center;
}

.home-pricing__price {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: baseline;
  margin: 17px 0 6px;
}

.home-pricing__price strong {
  color: #113c87;
  font-size: clamp(36px, 4.4vw, 50px);
  line-height: 1;
  letter-spacing: -0.05em;
}

.home-pricing__price span {
  color: #5e6e89;
  font-size: 15px;
  font-weight: 750;
}

.home-pricing__daily {
  margin-bottom: 19px;
  color: #55708f;
  font-size: 13px;
  font-weight: 700;
}

.home-pricing__saving {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  margin: -7px 0 18px;
  padding: 8px 11px;
  border: 1px solid rgba(28, 149, 98, 0.16);
  border-radius: 999px;
  background: rgba(229, 248, 238, 0.9);
  color: #19734e;
  font-size: 12px;
  font-weight: 850;
}

.home-pricing__saving::before {
  margin-right: 7px;
  content: "−20 000 ₸";
}

.home-pricing__features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.home-pricing__features li {
  position: relative;
  padding-left: 22px;
  color: #334b70;
  font-size: 14px;
  line-height: 1.42;
}

.home-pricing__features li::before {
  position: absolute;
  left: 0;
  color: #2473cd;
  font-weight: 900;
  content: "✓";
}

.home-license {
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(30, 79, 159, 0.14);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 45px rgba(29, 65, 124, 0.12);
}

.home-license__label {
  display: inline-flex;
  margin-bottom: 16px;
  padding: 6px 9px;
  border-radius: 999px;
  background: #e8f2ff;
  color: #18519f;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-license__rows {
  display: grid;
  gap: 13px;
  margin-top: 20px;
}

.home-license__row {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: start;
}

.home-license__row span:first-child {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #edf4fd;
  color: #1d55a4;
  font-size: 13px;
  font-weight: 900;
}

.home-license__row strong,
.home-license__row small {
  display: block;
}

.home-license__row strong {
  margin-bottom: 3px;
  color: #203d69;
  font-size: 14px;
}

.home-license__row small {
  color: #697790;
  font-size: 12px;
  line-height: 1.45;
}

.home-compliance {
  display: grid;
  grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1.3fr);
  gap: 26px;
  align-items: center;
  padding: clamp(21px, 3vw, 32px);
  border: 1px solid var(--home-line);
  border-radius: 27px;
  background: rgba(247, 251, 255, 0.86);
}

.home-compliance h2 {
  margin-bottom: 0;
  font-size: clamp(24px, 3vw, 33px);
}

.home-compliance__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.home-compliance__item {
  min-height: 92px;
  padding: 14px;
  border: 1px solid rgba(31, 79, 160, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.75);
}

.home-compliance__item strong,
.home-compliance__item span {
  display: block;
}

.home-compliance__item strong {
  margin-bottom: 6px;
  color: #1a4d99;
  font-size: 14px;
}

.home-compliance__item span {
  color: #66758e;
  font-size: 12px;
  line-height: 1.45;
}

.home-faq__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
}

.home-faq__item {
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 10px 28px rgba(29, 62, 115, 0.06);
}

.home-faq__item summary {
  position: relative;
  padding: 16px 52px 16px 18px;
  color: #173d7b;
  font-size: 15px;
  font-weight: 820;
  line-height: 1.38;
  cursor: pointer;
  list-style: none;
}

.home-faq__item summary::-webkit-details-marker {
  display: none;
}

.home-faq__item summary::after {
  position: absolute;
  top: 50%;
  right: 19px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #edf4ff;
  color: #245ab3;
  content: "+";
  transform: translateY(-50%);
}

.home-faq__item[open] summary::after {
  content: "−";
}

.home-faq__answer {
  padding: 0 50px 17px 18px;
  color: var(--home-muted);
  font-size: 14px;
  line-height: 1.62;
}

.home-final {
  overflow: hidden;
  padding: clamp(30px, 4.5vw, 52px);
  border-radius: clamp(26px, 4vw, 40px);
  background:
    radial-gradient(circle at 15% 20%, rgba(90, 171, 244, 0.32), transparent 30%),
    radial-gradient(circle at 90% 85%, rgba(43, 124, 221, 0.25), transparent 35%),
    linear-gradient(145deg, #09265f, #123f91 58%, #195aad);
  box-shadow: 0 28px 75px rgba(18, 61, 140, 0.28);
  color: #fff;
  text-align: center;
}

.home-final h2 {
  max-width: 920px;
  margin: 0 auto 17px;
  color: #fff;
  font-size: clamp(28px, 4vw, 42px);
}

.home-final p {
  max-width: 700px;
  margin: 0 auto 27px;
  color: rgba(236, 245, 255, 0.82);
  font-size: clamp(16px, 1.8vw, 19px);
  line-height: 1.58;
}

.home-final .home-actions {
  justify-content: center;
}

.home-final .home-action:not(.home-action--primary) {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  box-shadow: none;
}

.home-final__note {
  display: block;
  margin-top: 17px;
  color: rgba(235, 245, 255, 0.64);
  font-size: 12px;
  font-weight: 650;
}

@media (max-width: 1050px) {
  .home-hero__grid,
  .home-owner-reality,
  .home-pain__layout,
  .home-vision__layout,
  .home-pricing__layout {
    grid-template-columns: 1fr;
  }

  .home-hero-new {
    min-height: auto;
  }

  .home-hero__visual {
    width: min(760px, 100%);
    margin-inline: auto;
  }

  .home-industry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-vision__screen {
    width: min(820px, 100%);
    margin-inline: auto;
  }
}

@media (max-width: 820px) {
  .home-premium {
    gap: 42px;
  }

  .home-hero-new {
    min-height: clamp(500px, calc(100svh - 170px), 650px);
  }

  .home-hero__visual {
    display: none;
  }

  .home-trust__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-trust__item + .home-trust__item {
    border-left: 0;
  }

  .home-trust__item:nth-child(even) {
    border-left: 1px solid var(--home-line);
  }

  .home-trust__item:nth-child(n + 3) {
    border-top: 1px solid var(--home-line);
  }

  .home-trust__item:last-child {
    grid-column: 1 / -1;
  }

  .home-outcomes,
  .home-proof__grid,
  .home-faq__list {
    grid-template-columns: 1fr;
  }

  .home-outcome,
  .home-trial-step {
    min-height: 0;
  }

  .home-owner-reality {
    padding: 24px 18px;
  }

  .home-outcome__number,
  .home-trial-step__number {
    margin-bottom: 16px;
  }

  .home-product__bar,
  .home-industries__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-compliance {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  .home-owner-reality__questions {
    grid-template-columns: 1fr;
  }

  .home-owner-reality__question {
    min-height: 0;
  }
}

@media (max-width: 650px) {
  .page-home .grid {
    margin-top: 12px !important;
  }

  .home-premium {
    gap: 36px;
  }

  .home-hero-new {
    min-height: clamp(610px, calc(100svh - 105px), 760px);
    padding: 24px 17px 29px;
    border-radius: 25px;
  }

  .home-hero-new h1 {
    font-size: clamp(30px, 9.4vw, 38px);
    line-height: 1.03;
    overflow-wrap: anywhere;
  }

  .home-hero__lead {
    font-size: 15px;
    line-height: 1.45;
  }

  .home-control-grid,
  .home-why-grid,
  .home-pricing__features,
  .home-compliance__items {
    grid-template-columns: 1fr;
  }

  .home-hero__benefits {
    gap: 7px 12px;
  }

  .home-hero__benefits li {
    padding-left: 18px;
    font-size: 12px;
  }

  .home-hero__visual {
    display: none;
  }

  .home-actions,
  .home-actions .home-action {
    width: 100%;
  }

  .home-hero__screen {
    border-radius: 17px;
    transform: none;
  }

  .home-hero__float {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 20px);
    margin: -13px auto 0;
  }

  .home-trust {
    margin-top: -12px;
  }

  .home-trust__item {
    min-height: 80px;
    padding: 14px 10px;
  }

  .home-control-card,
  .home-outcome,
  .home-why-card,
  .home-trial-step {
    padding: 20px;
    border-radius: 18px;
  }

  .home-product,
  .home-industries,
  .home-architecture,
  .home-proof,
  .home-pricing {
    padding: 21px 15px;
    border-radius: 22px;
  }

  .home-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-tab {
    width: 100%;
    padding-inline: 8px;
  }

  .home-product__image {
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }

  .home-product__caption {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    padding-inline: 5px;
  }

  .home-product__caption span {
    text-align: left;
  }

  .home-industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .home-industry {
    min-height: 132px;
    padding: 13px;
    border-radius: 16px;
  }

  .home-industry span {
    font-size: 12px;
  }

  .home-comparison {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .home-comparison__row {
    display: grid;
    grid-template-columns: 1fr;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid var(--home-line);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.8);
  }

  .home-comparison__row + .home-comparison__row {
    border-top: 1px solid var(--home-line);
  }

  .home-comparison__row--head {
    display: none;
  }

  .home-comparison__cell {
    padding: 12px 14px;
  }

  .home-comparison__cell + .home-comparison__cell {
    border-top: 1px solid var(--home-line);
    border-left: 0;
  }

  .home-comparison__cell:not(:first-child)::before {
    display: block;
    margin-bottom: 4px;
    color: #72819a;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    content: attr(data-label);
  }

  .home-pricing__price strong {
    font-size: 43px;
  }

  .home-license {
    padding: 22px 18px;
    border-radius: 19px;
  }

  .home-compliance {
    padding: 21px 16px;
    border-radius: 21px;
  }

  .home-faq__item summary {
    padding: 17px 49px 17px 16px;
  }

  .home-faq__answer {
    padding: 0 16px 18px;
  }

  .home-final {
    padding: 37px 18px;
    border-radius: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1580px) {
  .page-home .navwrap .nav-phone-stack {
    display: none !important;
  }
}

@media (max-width: 650px) {
  html[lang="kk"] .home-hero-new h1 {
    font-size: clamp(27px, 7.9vw, 31px);
    overflow-wrap: normal;
  }
}

@media (max-width: 390px) {
  .home-trust__grid,
  .home-industry-grid,
  .home-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-trust__item:nth-child(even) {
    grid-column: auto;
    border-left: 1px solid var(--home-line);
  }

  .home-trust__item:last-child {
    grid-column: 1 / -1;
    border-left: 0;
  }

  .home-trust__item + .home-trust__item {
    border-top: 1px solid var(--home-line);
  }

  .home-industry {
    min-height: 120px;
  }
}

@media (min-width: 360px) and (max-width: 650px) {
  .home-control-grid,
  .home-why-grid,
  .home-pricing__features,
  .home-compliance__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-compliance__item:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 350px) {
  .home-hero-new {
    min-height: clamp(600px, calc(100svh - 100px), 750px);
  }

  .home-hero__benefits {
    grid-template-columns: 1fr;
  }

  .page-home .navwrap {
    gap: 6px;
    padding-inline: 8px;
  }

  .page-home .navwrap .brand-platform-logo {
    width: 106px;
  }

  .page-home .navwrap > .nav-home-trigger {
    max-width: 108px;
    padding-inline: 5px;
    font-size: 10px;
  }

  .page-home .navwrap > .nav-toggle {
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-premium *,
  .home-premium *::before,
  .home-premium *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Network architecture and configuration calculator */
.home-network {
  overflow: hidden;
  padding: clamp(28px, 4.5vw, 54px);
}

.home-network__map {
  position: relative;
  width: min(920px, 100%);
  margin: 0 auto clamp(24px, 3vw, 36px);
}

.home-network__cloud {
  position: relative;
  z-index: 2;
  width: min(440px, 90%);
  min-height: 88px;
  display: flex;
  gap: 16px;
  align-items: center;
  margin-inline: auto;
  padding: 18px 22px;
  border: 1px solid rgba(69, 159, 239, 0.32);
  border-radius: 24px;
  background: linear-gradient(135deg, #123b91, #2969cc 60%, #3ba7f2);
  color: #fff;
  box-shadow: 0 20px 50px rgba(29, 83, 177, 0.28);
}

.home-network__cloud svg,
.home-network__branch svg {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
}

.home-network__cloud strong,
.home-network__cloud span,
.home-network__branch strong,
.home-network__branch span {
  display: block;
}

.home-network__cloud strong {
  margin-bottom: 4px;
  font-size: 16px;
  letter-spacing: 0.08em;
}

.home-network__cloud span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.4;
}

.home-network__line {
  position: relative;
  width: 2px;
  height: 48px;
  margin-inline: auto;
  background: linear-gradient(#3d8be4, rgba(61, 139, 228, 0.28));
}

.home-network__line::after {
  position: absolute;
  width: min(620px, 72vw);
  height: 1px;
  bottom: 0;
  left: 50%;
  background: linear-gradient(90deg, transparent, rgba(42, 105, 204, 0.45) 16%, rgba(42, 105, 204, 0.45) 84%, transparent);
  content: "";
  transform: translateX(-50%);
}

.home-network__branches {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.home-network__branch {
  position: relative;
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 17px;
  border: 1px solid var(--home-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  color: #1d56ae;
  box-shadow: 0 12px 30px rgba(31, 69, 128, 0.09);
}

.home-network__branch::before {
  position: absolute;
  width: 1px;
  height: 18px;
  bottom: 100%;
  left: 50%;
  background: rgba(42, 105, 204, 0.36);
  content: "";
}

.home-network__branch strong {
  margin-bottom: 3px;
  color: var(--home-ink);
  font-size: 15px;
}

.home-network__branch span {
  color: var(--home-muted);
  font-size: 12px;
  line-height: 1.4;
}

.home-network__principles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

.home-network__internet-note {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(37, 106, 205, 0.18);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(229, 242, 255, 0.96), rgba(247, 251, 255, 0.96));
  box-shadow: 0 12px 30px rgba(31, 78, 151, 0.08);
}

.home-network__internet-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 13px;
  background: linear-gradient(135deg, #1e58ad, #3c98e8);
  color: #fff;
  box-shadow: 0 8px 20px rgba(29, 89, 181, 0.2);
}

.home-network__internet-icon svg {
  width: 21px;
  height: 21px;
}

.home-network__internet-note strong,
.home-network__internet-note span {
  display: block;
}

.home-network__internet-note strong {
  margin-bottom: 3px;
  color: #123f84;
  font-size: 15px;
}

.home-network__internet-note span {
  color: #526987;
  font-size: 13px;
  line-height: 1.45;
}

.home-network__principle {
  padding: 22px;
  border: 1px solid var(--home-line);
  border-radius: 21px;
  background: rgba(247, 251, 255, 0.88);
}

.home-network__principle p,
.home-network__feature p,
.home-transfer__copy p,
.home-configurator__head p {
  margin-bottom: 0;
  color: var(--home-muted);
  font-size: 14px;
  line-height: 1.55;
}

.home-network__features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.home-network__feature {
  min-width: 0;
  padding: 19px;
  border: 1px solid var(--home-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
}

.home-network__feature-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 11px;
  background: #e6f2ff;
  color: #2463c4;
}

.home-network__feature-icon svg {
  width: 19px;
  height: 19px;
}

.home-network__feature h3 {
  font-size: 17px;
}

.home-transfer {
  display: grid;
  grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
  gap: 28px;
  align-items: center;
  margin-top: 18px;
  padding: clamp(22px, 3vw, 30px);
  border-radius: 23px;
  background: linear-gradient(135deg, #102f73, #1f5bb4 58%, #2e89d7);
  color: #fff;
}

.home-transfer .home-eyebrow {
  margin-bottom: 8px;
  color: #bde3ff;
  font-size: 14px;
  line-height: 1.4;
  text-transform: none;
}

.home-transfer .home-eyebrow::before {
  background: #76c9ff;
}

.home-transfer__copy p {
  color: rgba(255, 255, 255, 0.76);
}

.home-transfer__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-transfer__steps li {
  position: relative;
  min-width: 0;
  padding: 14px 10px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.09);
  text-align: center;
}

.home-transfer__steps li:not(:last-child)::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: calc(100% + 2px);
  color: rgba(255, 255, 255, 0.62);
  content: "›";
  transform: translateY(-52%);
}

.home-transfer__steps span,
.home-transfer__steps strong {
  display: block;
}

.home-transfer__steps span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #bde3ff;
  font-size: 11px;
  font-weight: 850;
}

.home-transfer__steps strong {
  font-size: 11px;
  line-height: 1.35;
}

.home-configurator {
  margin-top: clamp(28px, 4vw, 42px);
  min-height: min(580px, calc(100svh - 138px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(31, 79, 160, 0.15);
  border-radius: 26px;
  background:
    radial-gradient(circle at 96% 5%, rgba(71, 165, 239, 0.14), transparent 28%),
    linear-gradient(145deg, rgba(239, 247, 255, 0.94), rgba(255, 255, 255, 0.98));
  box-shadow: 0 22px 55px rgba(27, 67, 132, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  scroll-margin-top: 160px;
}

.home-configurator__head {
  display: flex;
  gap: 24px;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 16px;
}

.home-configurator__head h3 {
  margin-bottom: 5px;
  font-size: clamp(22px, 2.25vw, 28px);
}

.home-configurator__status {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  flex: 0 0 auto;
  margin-bottom: 3px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #e6f3ff;
  color: #1b559f;
  font-size: 11px;
  font-weight: 800;
}

.home-configurator__status::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #35a56f;
  box-shadow: 0 0 0 4px rgba(53, 165, 111, 0.12);
  content: "";
}

.home-configurator__body {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.82fr);
  gap: 14px;
  align-items: stretch;
}

.home-configurator__controls,
.home-configurator__cost {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(31, 79, 160, 0.13);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.86);
}

.home-configurator__controls {
  display: flex;
  flex-direction: column;
}

.home-configurator__cost {
  display: flex;
  flex-direction: column;
}

.home-configurator__branch-control,
.home-configurator__branch {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border: 1px solid var(--home-line);
  border-radius: 14px;
  background: #f8fbff;
}

.home-configurator__branch-control > div:first-child strong,
.home-configurator__branch-control > div:first-child span,
.home-configurator__branch > div:first-child strong,
.home-configurator__branch > div:first-child span {
  display: block;
}

.home-configurator__branch-control > div:first-child span,
.home-configurator__branch > div:first-child span {
  margin-top: 4px;
  color: var(--home-muted);
  font-size: 12px;
  line-height: 1.4;
}

.home-configurator__help {
  margin: 8px 2px 10px;
  color: var(--home-muted);
  font-size: 12px;
  line-height: 1.45;
}

.home-configurator__branches {
  display: grid;
  gap: 8px;
  max-height: 186px;
  overflow-y: auto;
  padding-right: 3px;
  scrollbar-color: rgba(35, 98, 190, 0.35) transparent;
  scrollbar-width: thin;
}

.home-amount {
  display: grid;
  grid-template-columns: 40px 50px 40px;
  overflow: hidden;
  flex: 0 0 auto;
  border: 1px solid rgba(33, 86, 176, 0.2);
  border-radius: 12px;
  background: #f5f9ff;
}

.home-amount button,
.home-amount input {
  width: 100%;
  min-height: 40px;
  border: 0;
  background: transparent;
  color: #154790;
  font: inherit;
  font-weight: 850;
  text-align: center;
}

.home-amount button {
  cursor: pointer;
}

.home-amount button:hover {
  background: #e3efff;
}

.home-amount button:focus-visible,
.home-amount input:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid #2e7cda;
  outline-offset: -2px;
}

.home-amount button:disabled {
  color: #9babc2;
  cursor: not-allowed;
  background: transparent;
}

.home-amount input {
  border-inline: 1px solid rgba(33, 86, 176, 0.14);
  appearance: textfield;
}

.home-amount input::-webkit-inner-spin-button,
.home-amount input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

.home-configurator__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  margin-top: 12px;
  border: 1px solid var(--home-line);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.82);
}

.home-configurator__controls > .home-configurator__summary {
  margin-top: auto;
}

.home-configurator__summary-item {
  min-width: 0;
  padding: 10px 11px;
}

.home-configurator__summary-item + .home-configurator__summary-item {
  border-left: 1px solid var(--home-line);
}

.home-configurator__summary-item span,
.home-configurator__summary-item strong {
  display: block;
}

.home-configurator__summary-item span {
  margin-bottom: 3px;
  color: var(--home-muted);
  font-size: 11px;
}

.home-configurator__summary-item strong {
  color: #123f8a;
  font-size: 14px;
  line-height: 1.3;
}

.home-configurator__result {
  display: grid;
  justify-items: center;
  margin: 0 0 8px;
  padding: 17px;
  border-radius: 16px;
  background: linear-gradient(135deg, #123b91, #2f76d8);
  color: #fff;
  text-align: center;
}

.home-configurator__result > span {
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-configurator__result > strong {
  font-size: clamp(34px, 4vw, 46px);
  letter-spacing: -0.04em;
  line-height: 1.06;
}

.home-configurator__result > small {
  margin-top: 5px;
  color: #c9e6ff;
  font-size: 13px;
}

.home-configurator__breakdown {
  display: grid;
  gap: 0;
}

.home-configurator__breakdown-row {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 9px 3px;
  border-bottom: 1px solid var(--home-line);
}

.home-configurator__breakdown-row span,
.home-configurator__breakdown-row small {
  display: block;
}

.home-configurator__breakdown-row span {
  color: var(--home-ink);
  font-size: 13px;
  font-weight: 800;
}

.home-configurator__breakdown-row small {
  margin-top: 3px;
  color: var(--home-muted);
  font-size: 10px;
  line-height: 1.4;
}

.home-configurator__breakdown-row > strong {
  flex: 0 0 auto;
  color: #174d9e;
  font-size: 14px;
}

.home-configurator__cta {
  width: 100%;
  margin: auto 0 0;
}

@media (max-width: 900px) {
  .home-network__features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-transfer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .home-configurator {
    min-height: auto;
  }

  .home-configurator__body {
    grid-template-columns: 1fr;
  }

  .home-configurator__branches {
    max-height: 206px;
  }
}

@media (max-width: 650px) {
  .home-section {
    scroll-margin-top: 120px;
  }

  .home-network {
    padding: 24px 15px;
  }

  .home-network__branches,
  .home-network__principles,
  .home-network__features {
    grid-template-columns: 1fr;
  }

  .home-network__line::after {
    display: none;
  }

  .home-network__branch::before {
    display: none;
  }

  .home-network__branches {
    gap: 9px;
  }

  .home-network__internet-note {
    align-items: flex-start;
    padding: 14px;
  }

  .home-transfer__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-transfer__steps li:nth-child(2)::after {
    display: none;
  }

  .home-configurator {
    margin-top: 24px;
    padding: 15px 12px;
    border-radius: 22px;
    scroll-margin-top: 120px;
  }

  .home-configurator__head {
    gap: 9px;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 13px;
  }

  .home-configurator__head h3 {
    font-size: clamp(21px, 6.2vw, 24px);
    line-height: 1.08;
  }

  .home-configurator__status {
    display: none;
  }

  .home-configurator__head p {
    font-size: 13px;
    line-height: 1.4;
  }

  .home-configurator__body {
    gap: 10px;
  }

  .home-configurator__controls,
  .home-configurator__cost {
    padding: 11px;
    border-radius: 17px;
  }

  .home-configurator__branch-control,
  .home-configurator__branch {
    gap: 10px;
    align-items: center;
    padding: 11px 12px;
  }

  .home-configurator__branch-control > div:first-child span {
    display: none;
  }

  .home-configurator__help {
    margin: 7px 2px 9px;
    font-size: 11px;
  }

  .home-configurator__summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 9px;
  }

  .home-configurator__controls > .home-configurator__summary {
    margin-top: 9px;
  }

  .home-configurator__summary-item:nth-child(3) {
    border-left: 1px solid var(--home-line);
  }

  .home-configurator__summary-item:nth-child(n + 3) {
    border-top: 0;
  }

  .home-configurator__summary-item {
    padding: 8px 7px;
  }

  .home-configurator__summary-item span {
    font-size: 9px;
  }

  .home-configurator__summary-item strong {
    font-size: 12px;
  }

  .home-configurator__breakdown-row {
    align-items: flex-start;
  }

  .home-configurator__result {
    padding: 7px 10px 8px;
  }

  .home-configurator__result > strong {
    font-size: clamp(29px, 9.4vw, 37px);
  }

  .home-configurator__result > span {
    font-size: 10px;
  }

  .home-configurator__result > small {
    margin-top: 2px;
    font-size: 10px;
  }

  .home-configurator__breakdown-row {
    padding: 8px 2px;
  }

  .home-configurator__breakdown-row small {
    display: none;
  }

  .home-configurator__cta {
    min-height: 44px;
    margin-top: 8px;
  }
}

@media (max-width: 390px) {
  .home-configurator__branch-control > div:first-child,
  .home-configurator__branch > div:first-child {
    min-width: 0;
  }

  .home-amount {
    grid-template-columns: 34px 44px 34px;
  }

  .home-configurator__summary-item {
    padding: 9px;
  }

  .home-configurator__breakdown-row {
    gap: 10px;
  }
}