/* Start:/geo-aeo/_base.css?17857658703968*/
/* ==== База лендинга: scoped-reset (как в макете) + шрифты ====
   Reset повторяет styleguide.css/meyer-reset макета, но заскоуплен под .geo-lp —
   поэтому блоки выглядят точь-в-точь как в экспорте, а шаблон Aspro не затрагивается.
   Значения дизайна — при базовом html font-size 16px (1rem = 16px). */

.geo-lp,
.geo-lp * {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	vertical-align: baseline;
	background: transparent;
}

/* Межблочные отступы — в px (не масштабируются вместе с rem-версткой блоков).
   Меняется значение --block-gap в одном месте. */
/* Full-bleed контейнер: во всю ширину экрана, без боковых отступов шаблона
   (они другого цвета). Фон начинается сверху, снизу обрезается (без fixed). */
.geo-page {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	box-sizing: border-box;
	padding: 0 32px; /* свои боковые отступы на ПК (фон при этом во всю ширину) */
	overflow-x: clip;
	background-color: #1c2321; /* добивка снизу, если страница длиннее картинки */
	background-image: url(/geo-aeo/./img/page-bg.jpg);
	background-position: center -150px;
	background-size: 100% auto; /* по ширине, от верха; снизу обрезается */
	background-repeat: no-repeat;
}
.geo-lp {
	--block-gap: 100px;
	width: max-content;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--block-gap);
}

.geo-lp ul,
.geo-lp ol {
	list-style: none;
}

.geo-lp a {
	text-decoration: none;
}

.geo-lp img {
	max-width: none;
}

:root {
	--variable-collection-color: rgba(0, 0, 0, 0.2);
}

/* Шрифт Manrope грузит сам шаблон (Google Fonts, family "Manrope", веса 200–800).
   В блоках используем font-family: "Manrope" + нужный font-weight — @font-face не нужен. */

/* Ripple (как в шапке) строго внутри кнопки — обрезаем на всех кнопках лендинга.
   position:relative даёт сам класс .has-ripple (vendor/css/ripple.css); здесь гарантируем обрезку. */
.geo-lp .has-ripple,
.geo-page .has-ripple { overflow: hidden !important; }

/* Убираем заголовок страницы «GEO-продвижение» и хлебные крошки «Главная» (на всех разрешениях) */
.page-top-wrapper,
.page-top-info,
.breadcrumbs,
.breadcrumbs.swipeignore { display: none !important; }


/* Десктоп: раскрываем Bootstrap-цепочку обёрток ВОКРУГ ЛЕНДИНГА на всю ширину
   (через :has(.geo-page) — шапку/футер не трогаем). Боковой отступ 32px (макет) — на .geo-page.
   Блоки — единая ширина 116rem, заполняют контент-бокс; fit-zoom масштабирует. */
@media (min-width: 901px) {
	/* Все блоки — единой ширины (116rem), чтобы у каждого были одинаковые боковые отступы;
	   fit-zoom масштабирует geo-lp так, что контент = min(avail, 1856) → бока ровно 32px по макету. */
	.geo-lp,
	.geo-lp > section,
	.geo-lp .geo-banner,
	.geo-lp .geo-facts,
	.geo-lp .geo-pains,
	.geo-lp .geo-compare,
	.geo-lp .geo-service,
	.geo-lp .geo-tariffs,
	.geo-lp .geo-cases,
	.geo-lp .geo-faq,
	.geo-lp .geo-blog,
	.geo-lp .geo-adv,
	.geo-lp .geo-choose { width: 116rem !important; max-width: 116rem !important; }
}

/* End */


/* Start:/geo-aeo/01-banner.css?178576587011122*/
/* ==== Баннер GEO-продвижение — .geo-lp .geo-banner (namespaced) ==== */
.geo-lp .geo-banner, .geo-lp .geo-banner * { box-sizing:border-box; -webkit-font-smoothing:antialiased; }

.geo-lp .geo-banner {
  position: relative;
  width: 112rem;            /* как у остальных блоков и шапки */
  height: 36.375rem;
  overflow: hidden;
  margin-top: 25px;         /* отступ от шапки на ПК */
}

.geo-lp .geo-banner .background {
  position: absolute;
  top: -38.5625rem;
  left: -68.0625rem;
  width: 218rem;
  height: 113.875rem;
}

.geo-lp .geo-banner .div {
  position: absolute;
  top: 38.5625rem;
  left: 68.0625rem;
  width: 116.25rem;
  height: 37.1875rem;
  background-color: #132c2a;
  border-radius: 0.1875rem;
}

.geo-lp .geo-banner .image {
  position: absolute;
  top: 38.5625rem;
  left: 81.375rem;
  width: 102.6875rem;
  height: 36.375rem;
  mix-blend-mode: lighten;
  object-fit: cover;
}

.geo-lp .geo-banner .ellipse {
  position: absolute;
  top: 11.3125rem;
  left: 0;
  width: 105.0625rem;
  height: 48.5rem;
  background-color: #2a545a;
  border-radius: 52.53125rem / 24.25rem;
  filter: blur(9.375rem);
}

.geo-lp .geo-banner .ellipse-2 {
  position: absolute;
  top: 29.75rem;
  left: 148.25rem;
  width: 69.75rem;
  height: 63.0625rem;
  background-color: #2a545a;
  border-radius: 34.875rem / 31.53125rem;
  filter: blur(9.375rem);
}

.geo-lp .geo-banner .ellipse-3 {
  position: absolute;
  top: 64.6875rem;
  left: 164.75rem;
  width: 39.125rem;
  height: 46.1875rem;
  background-color: #4e7765;
  border-radius: 19.5625rem / 23.09375rem;
  filter: blur(6.25rem);
}

.geo-lp .geo-banner .ellipse-4 {
  position: absolute;
  top: 67.6875rem;
  left: 167rem;
  width: 39.125rem;
  height: 46.1875rem;
  background-color: #85a86a;
  border-radius: 19.5625rem / 23.09375rem;
  filter: blur(6.25rem);
  opacity: 0.4;
}

.geo-lp .geo-banner .ellipse-5 {
  position: absolute;
  top: 5.625rem;
  left: 50.9375rem;
  width: 39.125rem;
  height: 46.1875rem;
  background-color: #85a86a;
  border-radius: 19.5625rem / 23.09375rem;
  transform: rotate(58.5deg);
  filter: blur(6.25rem);
  opacity: 0.8;
}

.geo-lp .geo-banner .dot-pattern-right {
  position: absolute;
  top: 70.9375rem;
  left: 173.125rem;
  width: 10.9375rem;
  height: 4rem;
}

.geo-lp .geo-banner .dot-pattern-left {
  position: absolute;
  top: 54.6875rem;
  left: 68.0625rem;
  width: 5.125rem;
  height: 12.3125rem;
}

.geo-lp .geo-banner .price {
  position: absolute;
  width: 27.1875rem;
  height: 19.1875rem;
  top: 6.5rem;
  left: 73.9375rem;
}

.geo-lp .geo-banner .frame {
  position: absolute;
  top: 8.4375rem;
  left: 74.375rem;
  width: 26.375rem;
  height: 16.75rem;
  border-radius: 0rem 0rem 1.125rem 1.125rem;
  overflow: hidden;
}

.geo-lp .geo-banner .group {
  position: absolute;
  top: 0;
  left: 0;
  width: 26.375rem;
  height: 16.75rem;
  display: flex;
  background-image: url(/geo-aeo/./img/banner/2026-07-09-124816-1.png);
  background-size: 100% 100%;
}

.geo-lp .geo-banner .element {
  width: 19.02875rem;
  height: 9.15312rem;
  margin-left: 7.34375rem;
  aspect-ratio: 2.08;
}

.geo-lp .geo-banner .rectangle {
  position: absolute;
  top: 11.75rem;
  left: 8.3125rem;
  width: 6.8125rem;
  height: 1.5rem;
  background-color: #ffffff;
  border: 0.15687rem solid;
  border-color: #9fba5d;
}

.geo-lp .geo-banner .text-wrapper {
  position: absolute;
  top: 12.125rem;
  left: 11.1875rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #404040;
  font-size: 0.61875rem;
  letter-spacing: 0;
  line-height: 0.6rem;
  white-space: nowrap;
}

.geo-lp .geo-banner .frame-2 {
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 12.0625rem;
  left: 9.5rem;
}

.geo-lp .geo-banner .ade-e-aaa-wrapper {
  position: relative;
  width: 0.79187rem;
  height: 0.79312rem;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 0.55063rem;
  overflow: hidden;
}

.geo-lp .geo-banner .ade-e-aaa {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8125rem;
  height: 0.8125rem;
  aspect-ratio: 1;
  object-fit: cover;
}

.geo-lp .geo-banner .sber-vk-wrapper {
  position: relative;
  width: 0.79187rem;
  height: 0.79312rem;
  margin-left: -0.17813rem;
  z-index: 0;
  background-color: #ffffff;
  border-radius: 0.55063rem;
  overflow: hidden;
}

.geo-lp .geo-banner .sber-vk {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8125rem;
  height: 0.8125rem;
  aspect-ratio: 1.69;
  object-fit: cover;
}

.geo-lp .geo-banner .img {
  position: absolute;
  top: 12rem;
  left: 8.625rem;
  width: 1.0625rem;
  height: 1rem;
}

.geo-lp .geo-banner .GEO-AEO-chatgpt {
  position: absolute;
  top: 7.0625rem;
  left: 82.5625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #132c2a99;
  font-size: 0.7125rem;
  letter-spacing: 0;
  line-height: 0.8875rem;
  white-space: nowrap;
}

.geo-lp .geo-banner .container {
  display: flex;
  width: 27.1875rem;
  align-items: center;
  gap: 0.77687rem;
  padding: 0.77687rem 1.25rem;
  position: absolute;
  top: 27.3125rem;
  left: 73.9375rem;
  background-color: #d9d9d91a;
  border-radius: 1.25rem;
  box-shadow:
    inset -0.11438rem 0.11438rem 0.11438rem #ffffff66,
    inset 0.11438rem -0.11438rem 0.11438rem #b6b6b666;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-banner .container-2 {
  position: relative;
  width: 1.94188rem;
  height: 1.94188rem;
}

.geo-lp .geo-banner .text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-banner .p {
  position: relative;
  width: fit-content;
  margin-top: -0.06563rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 0.91875rem;
  letter-spacing: 0;
  line-height: 1.3125rem;
  white-space: nowrap;
}

.geo-lp .geo-banner .span {
  font-weight: 700;
  color: #ffffff;
}

.geo-lp .geo-banner .text-wrapper-2 {
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #9fba5d;
}

.geo-lp .geo-banner .group-2 {
  position: absolute;
  top: 21.8125rem;
  left: 87rem;
  width: 0.5625rem;
  height: 6.5rem;
}

.geo-lp .geo-banner .line {
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 0.0625rem;
  height: 6.3125rem;
  object-fit: cover;
}

.geo-lp .geo-banner .vector {
  position: absolute;
  top: 6rem;
  left: 0;
  width: 0.5625rem;
  height: 0.5rem;
}
/* Original CSS code is injected before the following refactor additions. */

.geo-lp .geo-banner .frame,
.geo-lp .geo-banner .container,
.geo-lp .geo-banner .p {
  margin-bottom: 0;
}

.geo-lp .geo-banner .frame {
  margin: 0;
}

.geo-lp .geo-banner .container {
  margin: 0;
}

.geo-lp .geo-banner .container-2,
.geo-lp .geo-banner .element,
.geo-lp .geo-banner .ade-e-aaa,
.geo-lp .geo-banner .sber-vk,
.geo-lp .geo-banner .img,
.geo-lp .geo-banner .line,
.geo-lp .geo-banner .vector {
  display: block;
}

.geo-lp .geo-banner .frame:focus-visible {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.25rem;
}

/* ==== Левый блок героя (текст + кнопки + пункты) — восстановлен из Figma 3380:2719 ==== */
.geo-lp .geo-banner .hero-copy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.geo-lp .geo-banner .hero-title {
  position: absolute;
  left: 13.3125rem;
  top: 3.875rem;
  width: 38.25rem;
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 3.4375rem;
  color: #ffffff;
}
.geo-lp .geo-banner .hero-sub {
  position: absolute;
  left: 13.3125rem;
  top: 15.4375rem;
  width: 40.8125rem;
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #d9d9d9;
}
.geo-lp .geo-banner .hero-btns {
  position: absolute;
  left: 13.3125rem;
  top: 24.25rem;
  display: flex;
  gap: 1.5rem;
}
/* Размер банерных кнопок под макет; цвет/ховер/ripple берёт компонент кнопки Aspro */
.geo-lp .geo-banner .hero-btns .btn {
  height: 3.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0 1.5rem;
  font-size: 1rem;
  white-space: nowrap;
}
.geo-lp .geo-banner .hero-btn-tg {
  text-decoration: none;
}
/* основная кнопка — красная как в макете (ховер/ripple берёт компонент Aspro) */
.geo-lp .geo-banner .hero-btns .header-button .btn,
.geo-lp .geo-banner .hero-btns .header-button .btn:hover {
  background-color: #ee4c43;
  border-color: #ee4c43;
  color: #ffffff;
}
/* контур Telegram-кнопки — белый 1px */
.geo-lp .geo-banner .hero-btn-tg,
.geo-lp .geo-banner .hero-btn-tg:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.geo-lp .geo-banner .hero-ic {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
}
.geo-lp .geo-banner .hero-benes {
  position: absolute;
  left: 13.3125rem;
  top: 31.125rem;
  display: flex;
  gap: 1rem;
  list-style: none;
}
.geo-lp .geo-banner .hero-benes li {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #d9d9d9;
  white-space: nowrap;
}
/* убираем маркер-псевдоэлемент, который добавляет шаблон Aspro */
.geo-lp .geo-banner .hero-benes li::before,
.geo-lp .geo-banner .hero-benes li::after {
  content: none;
  display: none;
}
.geo-lp .geo-banner .hero-ck {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

/* ==== Фон баннера: готовая картинка из макета (клевер+градиент+точки) ==== */
.geo-lp .geo-banner {
  background-image: url(/geo-aeo/./img/banner/banner-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* всё запечено в banner-bg.png — старые слои фона прячем целиком */
.geo-lp .geo-banner .background {
  display: none;
}

/* ==== Правая картинка баннера одним файлом (Group 13408); старую сборку прячем ==== */
.geo-lp .geo-banner .hero-pic {
  position: absolute;
  left: 74rem; /* ~1184px — область исходной правой карточки */
  top: 50%;
  transform: translateY(-50%); /* вертикально по центру */
  width: 27.1875rem; /* 435px — натуральный размер */
  height: auto;
  z-index: 3;
}
.geo-lp .geo-banner .price,
.geo-lp .geo-banner .frame,
.geo-lp .geo-banner .GEO-AEO-chatgpt,
.geo-lp .geo-banner .container,
.geo-lp .geo-banner .group-2 {
  display: none;
}

/* Фиксированные размеры кнопок баннера на ПК: красная 213×62, Telegram 280×62 */
.geo-lp .geo-banner .hero-btns .header-button .btn { width: 13.3125rem; }
.geo-lp .geo-banner .hero-btn-tg { width: 17.5rem; }

/* End */


/* Start:/geo-aeo/02-facts.css?178576587025074*/
/* ==== Факты — .geo-lp .geo-facts (namespaced) ==== */
.geo-lp .geo-facts, .geo-lp .geo-facts * { box-sizing:border-box; -webkit-font-smoothing:antialiased; }
/* Мобильная картинка блока (показывается только на мобилке из 20-mobile.css) */
.geo-lp .geo-facts .facts-mpic { display: none; }

.geo-lp .geo-facts {
  display: flex;
  flex-direction: column;
  width: 109.64187rem;
  align-items: flex-start;
  gap: 4.375rem;
  position: relative;
}

.geo-lp .geo-facts .text {
  display: flex;
  align-items: center;
  gap: 12.9375rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-facts .frame {
  display: flex;
  flex-direction: column;
  width: 57.5rem;
  align-items: flex-start;
  gap: 1.875rem;
  position: relative;
}

.geo-lp .geo-facts .title {
  display: flex;
  flex-direction: column;
  height: 4.5625rem;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.geo-lp .geo-facts .div {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4375rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-facts .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #788d45;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-facts .p {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 2.25rem;
  letter-spacing: 0;
  line-height: 2.25rem;
  white-space: nowrap;
}

.geo-lp .geo-facts .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;
  padding: 0rem 1.875rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-facts .chatgpt-perplexity {
  position: relative;
  align-self: stretch;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.5rem;
}

.geo-lp .geo-facts .span {
  color: #ffffff;
}

.geo-lp .geo-facts .text-wrapper-2 {
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
}

.geo-lp .geo-facts .text-wrapper-3 {
  color: #9fba5d;
}

.geo-lp .geo-facts .text-wrapper-4 {
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.5rem;
}

.geo-lp .geo-facts .pic {
  position: relative;
  width: 39.20437rem;
  height: 21.7075rem;
}

.geo-lp .geo-facts .frame-3 {
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  width: 21.6875rem;
  height: 21.6875rem;
}

.geo-lp .geo-facts .group {
  position: absolute;
  width: 21.6875rem;
  height: 15.75rem;
  top: 5.9375rem;
  left: 0;
}

.geo-lp .geo-facts .view {
  position: relative;
  width: 100.58%;
  height: 100%;
}

.geo-lp .geo-facts .rectangle {
  position: absolute;
  width: 99.43%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #d9d9d919;
  border-radius: 1.28937rem;
  box-shadow:
    inset -0.73562rem 0.73562rem 0.73562rem #ffffff64,
    inset 0.73562rem -0.73562rem 0.73562rem #b6b6b664;
  backdrop-filter: blur(1.9125rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.9125rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-2 {
  position: absolute;
  width: 99.43%;
  height: 14.75%;
  top: 0;
  left: 0;
  background-color: #788d4599;
  border-radius: 0.82437rem 0.82437rem 0rem 0rem;
  box-shadow:
    inset -0.73562rem 0.73562rem 0.73562rem #ffffff64,
    inset 0.73562rem -0.73562rem 0.73562rem #b6b6b664;
  backdrop-filter: blur(1.9125rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.9125rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-3 {
  position: absolute;
  width: 3.65%;
  height: 5.06%;
  top: 4.65%;
  left: 87.37%;
  border-radius: 0.41125rem;
  border: 0.20563rem solid;
  border-color: #ffffff;
  opacity: 0.3;
}

.geo-lp .geo-facts .x {
  position: absolute;
  width: 20.27%;
  height: 96.47%;
  top: 3.53%;
  left: 79.73%;
}

.geo-lp .geo-facts .line {
  position: absolute;
  width: 26.34%;
  height: 91.50%;
  top: 8.50%;
  left: 73.66%;
}

.geo-lp .geo-facts .eo {
  position: absolute;
  top: 0;
  left: 1.4375rem;
  text-shadow: 0.08125rem 0.08125rem 0rem #00000040;
  -webkit-text-stroke: 0.03875rem #ffffff8a;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #47532b;
  font-size: 1.63125rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-facts .group-2 {
  position: absolute;
  top: 3.0625rem;
  left: 0.9375rem;
  width: 9.5625rem;
  height: 10.5rem;
}

.geo-lp .geo-facts .rectangle-4 {
  width: 9.5625rem;
  height: 5.3125rem;
  background-color: #d9d9d91a;
  border-radius: 0.88187rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
  position: absolute;
  top: 0;
  left: 0;
}

.geo-lp .geo-facts .rectangle-5 {
  position: absolute;
  top: 5.875rem;
  left: 0.0625rem;
  width: 9.5625rem;
  height: 2.125rem;
  background-color: #d9d9d91a;
  border-radius: 0.88187rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-6 {
  position: absolute;
  top: 8.375rem;
  left: 0.0625rem;
  width: 9.5625rem;
  height: 2.125rem;
  background-color: #d9d9d91a;
  border-radius: 0.88187rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-7 {
  position: absolute;
  top: 1.75rem;
  left: 0.625rem;
  width: 8.25rem;
  height: 0.1875rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-8 {
  position: absolute;
  top: 6.4375rem;
  left: 0.625rem;
  width: 8.25rem;
  height: 0.1875rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-9 {
  position: absolute;
  top: 7.125rem;
  left: 0.625rem;
  width: 8.25rem;
  height: 0.1875rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-10 {
  position: absolute;
  top: 2.4375rem;
  left: 0.625rem;
  width: 8.25rem;
  height: 0.1875rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-11 {
  position: absolute;
  top: 9rem;
  left: 0.625rem;
  width: 8.25rem;
  height: 0.1875rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-12 {
  position: absolute;
  top: 9.625rem;
  left: 0.625rem;
  width: 8.25rem;
  height: 0.1875rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .div-2 {
  position: absolute;
  top: 9.5625rem;
  left: 1.5625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 0.5125rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-facts .text-wrapper-5 {
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 0.5125rem;
  letter-spacing: 0;
}

.geo-lp .geo-facts .frame-4 {
  position: absolute;
  top: 1.0625rem;
  left: 9.6875rem;
  width: 29.5rem;
  height: 19.375rem;
}

.geo-lp .geo-facts .image-promotion {
  position: absolute;
  top: 1.125rem;
  left: 1.5rem;
  width: 26.375rem;
  height: 17.3125rem;
  display: flex;
  padding: 0 0.36875rem;
  align-items: flex-start;
}

.geo-lp .geo-facts .group-3 {
  width: 23.9375rem;
  height: 16.8125rem;
  position: relative;
  margin-left: 1.6875rem;
  margin-top: 0;
}

.geo-lp .geo-facts .view-2 {
  position: absolute;
  width: 91.78%;
  height: 100%;
  top: 0;
  left: 0;
}

.geo-lp .geo-facts .rectangle-13 {
  position: absolute;
  width: 98.86%;
  height: 93.81%;
  top: 0;
  left: 0;
  background-color: #d9d9d919;
  border-radius: 1.28937rem;
  box-shadow:
    inset -0.73562rem 0.73562rem 0.73562rem #ffffff64,
    inset 0.73562rem -0.73562rem 0.73562rem #b6b6b664;
  backdrop-filter: blur(1.9125rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.9125rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-14 {
  width: 98.86%;
  height: 13.84%;
  background-color: #788d4599;
  border-radius: 0.82437rem 0.82437rem 0rem 0rem;
  box-shadow:
    inset -0.73562rem 0.73562rem 0.73562rem #ffffff64,
    inset 0.73562rem -0.73562rem 0.73562rem #b6b6b664;
  backdrop-filter: blur(1.9125rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.9125rem) brightness(100%);
  position: absolute;
  top: 0;
  left: 0;
}

.geo-lp .geo-facts .rectangle-15 {
  position: absolute;
  width: 3.63%;
  height: 4.75%;
  top: 4.36%;
  left: 86.87%;
  border-radius: 0.41125rem;
  border: 0.20563rem solid;
  border-color: #ffffff;
  opacity: 0.3;
}

.geo-lp .geo-facts .img {
  position: absolute;
  width: 20.72%;
  height: 96.69%;
  top: 3.31%;
  left: 79.28%;
}

.geo-lp .geo-facts .line-2 {
  position: absolute;
  width: 26.76%;
  height: 92.03%;
  top: 7.97%;
  left: 73.24%;
}

.geo-lp .geo-facts .text-wrapper-6 {
  position: absolute;
  top: 1.6875rem;
  left: 2.9375rem;
  text-shadow: 0.235rem 0.235rem 0rem #00000040;
  -webkit-text-stroke: 0.11188rem #ffffff8a;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff36;
  font-size: 4.71875rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-facts .geo {
  position: absolute;
  top: 6.5rem;
  left: 2.8125rem;
  text-shadow: 0.235rem 0.235rem 0rem #00000040;
  -webkit-text-stroke: 0.11188rem #ffffff8a;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff36;
  font-size: 4.71875rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-facts .group-4 {
  position: absolute;
  top: 13.875rem;
  left: 2.6875rem;
  width: 11.5625rem;
  height: 2.9375rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-16 {
  position: absolute;
  top: 0.0625rem;
  left: 0;
  width: 11.5rem;
  height: 0.9375rem;
  background-color: #ee6351;
  border-radius: 1.08563rem 1.08563rem 0rem 0rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-17 {
  position: absolute;
  top: 1.5rem;
  left: 2.1875rem;
  width: 8.25rem;
  height: 0.1875rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .rectangle-18 {
  position: absolute;
  top: 2.1875rem;
  left: 2.1875rem;
  width: 8.25rem;
  height: 0.1875rem;
  background-color: #d9d9d91a;
  border-radius: 1.08563rem;
  box-shadow:
    inset -0.2475rem 0.2475rem 0.2475rem #ffffff66,
    inset 0.2475rem -0.2475rem 0.2475rem #b6b6b666;
  backdrop-filter: blur(1.2375rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.2375rem) brightness(100%);
}

.geo-lp .geo-facts .ellipse {
  position: absolute;
  top: 1.3125rem;
  left: 0.875rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 0.2175rem;
  box-shadow:
    inset -0.10125rem 0.10125rem 0.10125rem #ffffff94,
    inset 0.10125rem -0.10125rem 0.10125rem #b6b6b694;
  backdrop-filter: blur(1.22188rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.22188rem) brightness(100%);
  background: linear-gradient(
    180deg,
    rgba(248, 131, 118, 1) 0%,
    rgba(234, 89, 70, 1) 100%
  );
}

.geo-lp .geo-facts .ellipse-2 {
  position: absolute;
  top: 1.9375rem;
  left: 0.875rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 0.2175rem;
  box-shadow:
    inset -0.10125rem 0.10125rem 0.10125rem #ffffff94,
    inset 0.10125rem -0.10125rem 0.10125rem #b6b6b694;
  backdrop-filter: blur(1.22188rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.22188rem) brightness(100%);
  background: linear-gradient(
    180deg,
    rgba(248, 131, 118, 1) 0%,
    rgba(234, 89, 70, 1) 100%
  );
}

.geo-lp .geo-facts .ellipse-3 {
  position: absolute;
  top: 0.25rem;
  left: 1rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #ffffff36;
  border-radius: 0.14062rem;
  box-shadow:
    inset -0.07812rem 0.07812rem 0.07812rem #ffffff94,
    inset 0.07812rem -0.07812rem 0.07812rem #b6b6b694;
  backdrop-filter: blur(0.94188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.94188rem) brightness(100%);
}

.geo-lp .geo-facts .ellipse-4 {
  position: absolute;
  top: 0.25rem;
  left: 1.5625rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #ffffff36;
  border-radius: 0.14062rem;
  box-shadow:
    inset -0.07812rem 0.07812rem 0.07812rem #ffffff94,
    inset 0.07812rem -0.07812rem 0.07812rem #b6b6b694;
  backdrop-filter: blur(0.94188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.94188rem) brightness(100%);
}

.geo-lp .geo-facts .ellipse-5 {
  position: absolute;
  top: 0.25rem;
  left: 2.125rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #ffffff36;
  border-radius: 0.14062rem;
  box-shadow:
    inset -0.07812rem 0.07812rem 0.07812rem #ffffff94,
    inset 0.07812rem -0.07812rem 0.07812rem #b6b6b694;
  backdrop-filter: blur(0.94188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.94188rem) brightness(100%);
}

.geo-lp .geo-facts .group-5 {
  position: absolute;
  top: 4.625rem;
  left: 15.625rem;
  width: 8.3125rem;
  height: 8rem;
  background-color: #788d45;
  border-radius: 0.99187rem;
  box-shadow:
    inset -0.22625rem 0.22625rem 0.22625rem #ffffff66,
    inset 0.22625rem -0.22625rem 0.22625rem #b6b6b666;
  backdrop-filter: blur(1.13062rem) brightness(100%);
  -webkit-backdrop-filter: blur(1.13062rem) brightness(100%);
}

.geo-lp .geo-facts .group-6 {
  position: absolute;
  width: 4.9375rem;
  height: 4.9375rem;
  top: 7.3125rem;
  left: 20.875rem;
  background-image: url(/geo-aeo/./img/facts/mask-group.png);
  background-size: 100% 100%;
}

.geo-lp .geo-facts .cards {
  position: relative;
  width: 106.375rem;
  height: 10rem;
}

.geo-lp .geo-facts .card {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1b222166;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-facts .frame-5 {
  position: relative;
  width: 31.5rem;
  height: 6.6875rem;
}

.geo-lp .geo-facts .container {
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 0rem 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d9d9d933;
  border-radius: 0.625rem;
  box-shadow:
    inset -0.11438rem 0.11438rem 0.11438rem #ffffff66,
    inset 0.11438rem -0.11438rem 0.11438rem #7aa0c7;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-facts .icon {
  position: relative;
  width: 1.875rem;
  height: 1.875rem;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}

.geo-lp .geo-facts .vector {
  position: absolute;
  width: 95.83%;
  height: 75.00%;
  top: 25.00%;
  left: 4.17%;
}

.geo-lp .geo-facts .vector-2 {
  position: absolute;
  width: 37.50%;
  height: 75.00%;
  top: 25.00%;
  left: 62.50%;
}

.geo-lp .geo-facts .frame-6 {
  position: absolute;
  top: 0;
  left: 5.3125rem;
  width: 26.1875rem;
  height: 5.1875rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.geo-lp .geo-facts .div-wrapper {
  margin-left: 0.0625rem;
  width: 16rem;
  height: 1.8125rem;
  display: flex;
}

.geo-lp .geo-facts .text-wrapper-7 {
  width: 16rem;
  height: 1.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.75rem;
  white-space: nowrap;
}

.geo-lp .geo-facts .paragraph {
  width: 26.1875rem;
  display: flex;
}

.geo-lp .geo-facts .AI {
  width: 26.1875rem;
  height: 3rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #d9d9d9;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-facts .frame-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  top: 0;
  left: 35.5rem;
  background-color: #1b222166;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-facts .frame-7 {
  display: inline-flex;
  align-items: flex-start;
  gap: 1.5625rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-facts .icon-wrapper {
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 0rem 1.25rem;
  position: relative;
  background-color: #d9d9d933;
  border-radius: 0.625rem;
  box-shadow:
    inset -0.11438rem 0.11438rem 0.11438rem #ffffff66,
    inset 0.11438rem -0.11438rem 0.11438rem #7aa0c7;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-facts .vector-3 {
  position: absolute;
  width: 95.82%;
  height: 95.83%;
  top: 4.17%;
  left: 4.18%;
}

.geo-lp .geo-facts .vector-4 {
  position: absolute;
  width: 95.83%;
  height: 54.17%;
  top: 45.83%;
  left: 4.17%;
}

.geo-lp .geo-facts .vector-5 {
  position: absolute;
  width: 95.83%;
  height: 33.33%;
  top: 66.67%;
  left: 4.17%;
}

.geo-lp .geo-facts .frame-8 {
  height: 6.75rem;
  position: relative;
  width: 26.25rem;
}

.geo-lp .geo-facts .container-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 17.3125rem;
  height: 1.9375rem;
  display: flex;
}

.geo-lp .geo-facts .text-wrapper-8 {
  width: 18rem;
  height: 1.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.75rem;
  white-space: nowrap;
}

.geo-lp .geo-facts .AI-wrapper {
  position: absolute;
  top: 2.25rem;
  left: 0;
  width: 26.25rem;
  height: 5rem;
  display: flex;
}

.geo-lp .geo-facts .AI-2 {
  width: 26.25rem;
  height: 4.5rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #d9d9d9;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-facts .card-2 {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem;
  position: absolute;
  top: 0;
  left: 72.3125rem;
  background-color: #1b222166;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-facts .vector-6 {
  position: absolute;
  width: 95.88%;
  height: 95.81%;
  top: 4.19%;
  left: 4.12%;
}

.geo-lp .geo-facts .vector-7 {
  position: absolute;
  width: 66.67%;
  height: 62.50%;
  top: 37.50%;
  left: 33.33%;
}

.geo-lp .geo-facts .frame-9 {
  height: 6.6875rem;
  position: relative;
  width: 26.25rem;
}

.geo-lp .geo-facts .text-wrapper-9 {
  width: 17.6875rem;
  height: 1.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.75rem;
  white-space: nowrap;
}

.geo-lp .geo-facts .paragraph-2 {
  position: absolute;
  top: 2.1875rem;
  left: 0;
  width: 26.25rem;
  height: 5.25rem;
  display: flex;
}
/* Inject after the original CSS code. */

.geo-lp .geo-facts .p,
.geo-lp .geo-facts .text-wrapper-7,
.geo-lp .geo-facts .text-wrapper-8,
.geo-lp .geo-facts .text-wrapper-9 {
  margin: 0;
}

.geo-lp .geo-facts .pic {
  flex: 0 0 auto;
}

.geo-lp .geo-facts .cards {
  max-width: 100%;
}

@media (max-width: 112.5rem) {
  .geo-lp .geo-facts {
    width: min(109.64187rem, 100%);
  }

  .geo-lp .geo-facts .text {
    gap: clamp(2.5rem, 11.8vw, 12.9375rem);
  }

  .geo-lp .geo-facts .cards {
    width: 100%;
  }
}

@media (max-width: 78.125rem) {
  .geo-lp .geo-facts .text {
    flex-wrap: wrap;
  }

  .geo-lp .geo-facts .frame {
    max-width: 57.5rem;
  }

  .geo-lp .geo-facts .cards {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    gap: 1.25rem;
  }

  .geo-lp .geo-facts .card,
  .geo-lp .geo-facts .frame-wrapper,
  .geo-lp .geo-facts .card-2 {
    position: relative;
    top: auto;
    left: auto;
  }
}

@media (max-width: 40rem) {
  .geo-lp .geo-facts {
    gap: 2.5rem;
  }

  .geo-lp .geo-facts .text {
    gap: 1.875rem;
  }

  .geo-lp .geo-facts .frame,
  .geo-lp .geo-facts .pic {
    width: 100%;
  }

  .geo-lp .geo-facts .p {
    white-space: normal;
  }

  .geo-lp .geo-facts .frame-2 {
    padding: 0;
  }

  .geo-lp .geo-facts .chatgpt-perplexity,
  .geo-lp .geo-facts .text-wrapper-4 {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }

  .geo-lp .geo-facts .pic {
    transform: scale(0.8);
    transform-origin: top left;
    height: 17.375rem;
  }

  .geo-lp .geo-facts .cards {
    gap: 1rem;
  }

  .geo-lp .geo-facts .card,
  .geo-lp .geo-facts .frame-wrapper,
  .geo-lp .geo-facts .card-2 {
    width: 100%;
    padding: 1.25rem;
  }

  .geo-lp .geo-facts .frame-5,
  .geo-lp .geo-facts .frame-7 {
    width: 100%;
  }

  .geo-lp .geo-facts .frame-6,
  .geo-lp .geo-facts .frame-8,
  .geo-lp .geo-facts .frame-9 {
    width: calc(100% - 5.3125rem);
  }

  .geo-lp .geo-facts .paragraph,
  .geo-lp .geo-facts .AI,
  .geo-lp .geo-facts .AI-wrapper,
  .geo-lp .geo-facts .paragraph-2,
  .geo-lp .geo-facts .AI-2 {
    width: 100%;
  }
}

/* ==== Тизер-карточки: точный спек из Figma (card1 3380:73) ==== */
.geo-lp .geo-facts .cards {
  position: static;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 2.1875rem;
  width: 100%;
  height: auto;
}
.geo-lp .geo-facts .fc {
  width: 34rem; /* 544px */
  display: flex;
  align-items: center;
  gap: 1.5rem; /* ~24px иконка↔текст */
  padding: 1.25rem; /* 20px */
  background-color: #1b222166; /* #1b2221 @ 40% */
  border-radius: 1.25rem; /* 20px */
}
.geo-lp .geo-facts .fc__ic {
  width: 3.75rem; /* 60px */
  height: 3.75rem;
  flex: 0 0 auto;
  display: block;
}
.geo-lp .geo-facts .fc__body {
  display: flex;
  flex-direction: column;
  gap: 0.375rem; /* ~6px */
}
.geo-lp .geo-facts .fc__title {
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.5rem; /* 24px */
  line-height: 1.75rem; /* 28px */
  color: #9fba5d; /* зелёный, как в макете */
}
.geo-lp .geo-facts .fc__desc {
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.125rem; /* 18px */
  line-height: 1.5rem; /* 24px */
  color: #d9d9d9;
}

/* End */


/* Start:/geo-aeo/03-pains.css?178576587010711*/
/* ==== Боли — .geo-lp .geo-pains (namespaced) ==== */
.geo-lp .geo-pains, .geo-lp .geo-pains * { box-sizing:border-box; -webkit-font-smoothing:antialiased; }

.geo-lp .geo-pains {
  display: flex;
  flex-direction: column;
  width: 112rem;
  align-items: flex-start;
  gap: 3.125rem;
  position: relative;
}

.geo-lp .geo-pains .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-pains .text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4375rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-pains .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #788d45;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-pains .div {
  position: relative;
  display: flex;
  align-items: center;
  width: 52.5rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.875rem;
  letter-spacing: 0;
  line-height: 2.25rem;
}

.geo-lp .geo-pains .p {
  position: relative;
  display: flex;
  align-items: center;
  width: 112rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #838383;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-pains .cards {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 34.875rem;
}

.geo-lp .geo-pains .frame {
  position: absolute;
  top: 0.75rem;
  left: 0.25rem;
  width: 29.5rem;
  height: 14.5rem;
}

.geo-lp .geo-pains .link {
  top: 7.25rem;
  left: 3.6875rem;
  background-color: #788d45;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .frame-2 {
  display: flex;
  flex-direction: column;
  width: 20rem;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  align-self: stretch;
}

.geo-lp .geo-pains .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #132c2a;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.75rem;
  white-space: nowrap;
}

.geo-lp .geo-pains .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-pains .frame-wrapper {
  top: 0.3125rem;
  left: -0.125rem;
  background-color: #d9d9d91a;
  transform: rotate(-2deg);
  box-shadow:
    inset -0.11438rem 0.11438rem 0.11438rem #ffffff66,
    inset 0.11438rem -0.11438rem 0.11438rem #9fba5d80;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .frame-3 {
  display: flex;
  flex-direction: column;
  width: 20rem;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
  align-self: stretch;
}

.geo-lp .geo-pains .heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-pains .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ee4c43;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.6875rem;
  white-space: nowrap;
}

.geo-lp .geo-pains .paragraph {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 3rem;
}

.geo-lp .geo-pains .AI {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.875rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #d9d9d9;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-pains .group {
  position: absolute;
  top: 9.1875rem;
  left: 25.4375rem;
  width: 4.0625rem;
  height: 4.0625rem;
  aspect-ratio: 1;
}

.geo-lp .geo-pains .frame-4 {
  position: absolute;
  top: 0;
  left: 37.75rem;
  width: 27.5rem;
  height: 15.6875rem;
}

.geo-lp .geo-pains .group-2 {
  position: absolute;
  top: 8.6875rem;
  left: 1.5625rem;
  width: 25.8125rem;
  height: 6.375rem;
  transform: rotate(-2.6deg);
}

.geo-lp .geo-pains .div-wrapper {
  height: 6.375rem;
  top: 0.0625rem;
  left: 0;
  background-color: #788d45;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}

.geo-lp .geo-pains .img {
  position: absolute;
  top: 2rem;
  left: 21.8125rem;
  width: 4.0625rem;
  height: 4.0625rem;
  transform: rotate(2.6deg);
  aspect-ratio: 1;
}

.geo-lp .geo-pains .link-2 {
  top: 0;
  left: 0;
  background-color: #d9d9d91a;
  box-shadow:
    inset -0.11438rem 0.11438rem 0.11438rem #ffffff66,
    inset 0.11438rem -0.11438rem 0.11438rem #e8f3cd80;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .frame-5 {
  display: flex;
  flex-direction: column;
  width: 20rem;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
}

.geo-lp .geo-pains .text-wrapper-6 {
  position: relative;
  align-self: stretch;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ee4c43;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.6875rem;
}

.geo-lp .geo-pains .AI-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.875rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #d9d9d9;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.425rem;
}

.geo-lp .geo-pains .frame-6 {
  position: absolute;
  top: 19rem;
  left: 15.8125rem;
  width: 28.5625rem;
  height: 15.875rem;
}

.geo-lp .geo-pains .link-3 {
  height: 6.375rem;
  top: 9.5rem;
  left: 2.8125rem;
  background-color: #788d45;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .frame-7 {
  display: flex;
  flex-direction: column;
  width: 20rem;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  align-self: stretch;
  margin-top: -0.1875rem;
  margin-bottom: -0.1875rem;
}

.geo-lp .geo-pains .link-4 {
  top: 0.4375rem;
  left: 0.1875rem;
  background-color: #d9d9d91a;
  transform: rotate(-2deg);
  box-shadow:
    inset -0.11438rem 0.11438rem 0.11438rem #ffffff66,
    inset 0.11438rem -0.11438rem 0.11438rem #9fba5d80;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .group-3 {
  position: absolute;
  top: 11.0625rem;
  left: 24.5rem;
  width: 4.0625rem;
  height: 4.0625rem;
  aspect-ratio: 1;
}

.geo-lp .geo-pains .frame-8 {
  position: absolute;
  top: 18.5625rem;
  left: 55.125rem;
  width: 29.5rem;
  height: 16.3125rem;
}

.geo-lp .geo-pains .link-5 {
  height: 6.375rem;
  top: 9.9375rem;
  left: 3.75rem;
  background-color: #788d45;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .group-4 {
  position: absolute;
  top: 11.3125rem;
  left: 25.5rem;
  width: 4.0625rem;
  height: 4.0625rem;
  aspect-ratio: 1;
}

.geo-lp .geo-pains .frame-9 {
  position: absolute;
  top: 0.1875rem;
  left: 75.9375rem;
  width: 25.8125rem;
  height: 15.25rem;
}

.geo-lp .geo-pains .link-6 {
  height: 6.375rem;
  top: 8.875rem;
  left: 0;
  background-color: #788d45;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .link-7 {
  top: 0.4375rem;
  left: 0.9375rem;
  background-color: #d9d9d91a;
  transform: rotate(2deg);
  box-shadow:
    inset -0.11438rem 0.11438rem 0.11438rem #ffffff66,
    inset 0.11438rem -0.11438rem 0.11438rem #fdf7f194;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.77687rem;
  padding: 1.25rem 1.875rem;
  position: absolute;
  border-radius: 1.25rem;
  backdrop-filter: blur(0.57188rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57188rem) brightness(100%);
}

.geo-lp .geo-pains .AI-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.875rem;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #d9d9d9;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.425rem;
}

.geo-lp .geo-pains .group-5 {
  position: absolute;
  top: 10.8125rem;
  left: 21.75rem;
  width: 4.0625rem;
  height: 4.0625rem;
  aspect-ratio: 1;
}
/* Inject the original style.css rules above this block. */

.geo-lp .geo-pains {
  max-width: 100%;
}

.geo-lp .geo-pains .p {
  max-width: 100%;
}

.geo-lp .geo-pains .div {
  max-width: 100%;
}

@media (max-width: 112rem) {
  .geo-lp .geo-pains {
    width: 100%;
  }

  .geo-lp .geo-pains .p {
    width: 100%;
  }

  .geo-lp .geo-pains .cards {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
  }
}

/* End */


/* Start:/geo-aeo/04-compare.css?17857658709964*/
/* ==== Сравнение GEO и SEO — .geo-lp .geo-compare (namespaced) ==== */
.geo-lp .geo-compare, .geo-lp .geo-compare * { box-sizing:border-box; -webkit-font-smoothing:antialiased; }

.geo-lp .geo-compare {
  width: 108.9375rem;
  height: 47.25rem;
  display: flex;
  gap: 5.65625rem;
}

.geo-lp .geo-compare .frame {
  display: flex;
  width: 65.5625rem;
  height: 43.875rem;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
}

.geo-lp .geo-compare .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-compare .text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4375rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-compare .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #788d45;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-compare .div {
  position: relative;
  display: flex;
  align-items: center;
  width: 52.5rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.875rem;
  letter-spacing: 0;
  line-height: 2.25rem;
}

.geo-lp .geo-compare .p {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #838383;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-compare .table {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 34.5rem;
  overflow: hidden;
}

.geo-lp .geo-compare .rectangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 13.4375rem;
  height: 34.4375rem;
  background-color: #161d1c;
}

.geo-lp .geo-compare .table-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 67.125rem;
  height: 5.625rem;
  display: flex;
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-color: #ffffff26;
}

.geo-lp .geo-compare .text-wrapper-2 {
  margin-top: 1.6875rem;
  width: 5.625rem;
  height: 1.875rem;
  margin-left: 3.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #838383;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.875rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .text-wrapper-3 {
  margin-top: 1.6875rem;
  width: 3rem;
  height: 2.25rem;
  margin-left: 7.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .text-wrapper-4 {
  margin-top: 1.6875rem;
  width: 6.6875rem;
  height: 2.25rem;
  margin-left: 20.625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .table-row {
  position: absolute;
  top: 5.625rem;
  left: 0;
  width: 67.125rem;
  height: 5.75rem;
  display: flex;
  border-bottom-width: 0.11188rem;
  border-bottom-style: solid;
  border-color: #ffffff0d;
}

.geo-lp .geo-compare .text-wrapper-5 {
  margin-top: 1.75rem;
  width: 2.875rem;
  height: 1.875rem;
  margin-left: 3.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #838383;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.875rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .text-wrapper-6 {
  margin-top: 1.75rem;
  width: 16.25rem;
  height: 2.25rem;
  margin-left: 10.5rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .text-wrapper-7 {
  margin-top: 1.75rem;
  width: 20.3125rem;
  height: 2.25rem;
  margin-left: 7.375rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .table-row-2 {
  top: 11.3125rem;
  border-bottom-width: 0.11188rem;
  border-bottom-style: solid;
  border-color: #ffffff0d;
  position: absolute;
  left: 0;
  width: 67.125rem;
  height: 8rem;
  display: flex;
}

.geo-lp .geo-compare .text-wrapper-8 {
  margin-top: 1.75rem;
  width: 9.48687rem;
  height: 1.875rem;
  margin-left: 3.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #838383;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.875rem;
}

.geo-lp .geo-compare .text-wrapper-9 {
  margin-top: 1.75rem;
  width: 17.85687rem;
  height: 4.5rem;
  margin-left: 3.8875rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
}

.geo-lp .geo-compare .text-wrapper-10 {
  margin-top: 1.75rem;
  width: 21.76312rem;
  height: 4.5rem;
  margin-left: 5.7375rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
}

.geo-lp .geo-compare .table-row-3 {
  top: 19.5rem;
  border-bottom-width: 0.11188rem;
  border-bottom-style: solid;
  border-color: #ffffff0d;
  position: absolute;
  left: 0;
  width: 67.125rem;
  height: 8rem;
  display: flex;
}

.geo-lp .geo-compare .text-wrapper-11 {
  margin-top: 3.0625rem;
  width: 4.6875rem;
  height: 1.875rem;
  margin-left: 3.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #838383;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.875rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .text-wrapper-12 {
  margin-top: 2.875rem;
  width: 17.5625rem;
  height: 2.25rem;
  margin-left: 8.6875rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .q-a {
  margin-top: 1.75rem;
  width: 21.76312rem;
  height: 4.5rem;
  margin-left: 6.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
}

.geo-lp .geo-compare .table-row-4 {
  top: 26.5rem;
  position: absolute;
  left: 0;
  width: 67.125rem;
  height: 8rem;
  display: flex;
}

.geo-lp .geo-compare .text-wrapper-13 {
  margin-top: 3.0625rem;
  width: 4.9375rem;
  height: 1.875rem;
  margin-left: 3.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #838383;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.875rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .text-wrapper-14 {
  margin-top: 2.875rem;
  width: 12.6875rem;
  height: 2.25rem;
  margin-left: 8.4375rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .text-wrapper-15 {
  margin-top: 1.75rem;
  width: 21.76312rem;
  height: 4.5rem;
  margin-left: 10.9375rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.23125rem;
}

.geo-lp .geo-compare .pic {
  margin-top: 7.125rem;
  width: 36.07rem;
  height: 40.125rem;
  position: relative;
}

.geo-lp .geo-compare .frame-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.0625rem;
  height: 37rem;
}

.geo-lp .geo-compare .text-wrapper-16 {
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
  -webkit-text-stroke: 0.1325rem #9fba5d82;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: transparent;
  font-size: 5.0375rem;
  letter-spacing: 0;
  line-height: 7.5rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .mask {
  position: absolute;
  top: 3.4375rem;
  left: 3.375rem;
  width: 18.5625rem;
  height: 34.875rem;
  aspect-ratio: 0.5;
  object-fit: cover;
}

.geo-lp .geo-compare .img {
  position: absolute;
  top: 15.25rem;
  left: 3.375rem;
  width: 2.125rem;
  height: 9.8125rem;
}

.geo-lp .geo-compare .frame-3 {
  position: absolute;
  top: 1.6875rem;
  left: 19.3125rem;
  width: 16.8125rem;
  height: 38.4375rem;
}

.geo-lp .geo-compare .text-wrapper-17 {
  position: absolute;
  top: 30.75rem;
  left: 4.25rem;
  -webkit-text-stroke: 0.1325rem #9a9a9a54;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: transparent;
  font-size: 5.0375rem;
  letter-spacing: 0;
  line-height: 7.5rem;
  white-space: nowrap;
}

.geo-lp .geo-compare .element {
  position: absolute;
  top: 0;
  left: 0;
  width: 16.8125rem;
  height: 33.4375rem;
  aspect-ratio: 0.5;
  object-fit: cover;
}

.geo-lp .geo-compare .rectangle-2 {
  position: absolute;
  top: 10.0625rem;
  left: 14rem;
  width: 2.6875rem;
  height: 6.625rem;
}
/* Append after the original CSS code. */

@media (max-width: 112.5rem) {
  .geo-lp .geo-compare {
    width: 100%;
    max-width: 108.9375rem;
  }
}

@media (max-width: 75rem) {
  .geo-lp .geo-compare {
    height: auto;
    flex-direction: column;
    gap: 1.875rem;
  }

  .geo-lp .geo-compare .frame {
    width: 100%;
    max-width: 65.5625rem;
  }

  .geo-lp .geo-compare .table {
    overflow-x: auto;
  }

  .geo-lp .geo-compare .table-header,
  .geo-lp .geo-compare .table-row,
  .geo-lp .geo-compare .table-row-2,
  .geo-lp .geo-compare .table-row-3,
  .geo-lp .geo-compare .table-row-4 {
    min-width: 67.125rem;
  }

  .geo-lp .geo-compare .pic {
    margin-top: 0;
  }
}

@media (max-width: 37.5rem) {
  .geo-lp .geo-compare .div {
    width: auto;
    font-size: 1.625rem;
    line-height: 2rem;
  }

  .geo-lp .geo-compare .p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }

  .geo-lp .geo-compare .pic {
    transform: scale(0.8);
    transform-origin: top left;
    margin-bottom: -8rem;
  }
}

/* End */


/* Start:/geo-aeo/05-service.css?178576587038775*/
/* ==== Состав услуги — .geo-lp .geo-service (namespaced) ==== */
.geo-lp .geo-service, .geo-lp .geo-service * { box-sizing:border-box; -webkit-font-smoothing:antialiased; }

.geo-lp .geo-service {
  display: flex;
  flex-direction: column;
  width: 112rem;
  align-items: flex-start;
  gap: 3.125rem;
  position: relative;
}

.geo-lp .geo-service .title {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-service .text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4375rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-service .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #788d45;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-service .div {
  position: relative;
  display: flex;
  align-items: center;
  width: 52.5rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.875rem;
  letter-spacing: 0;
  line-height: 2.25rem;
}

.geo-lp .geo-service .p {
  position: relative;
  display: flex;
  align-items: center;
  width: 111.9375rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #838383;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-service .cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-service .frame {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-service .container {
  position: relative;
  width: 36.25rem;
  height: 16rem;
  background-color: #121a19;
  border-radius: 0.1875rem;
  overflow: hidden;
}

.geo-lp .geo-service .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 36.25rem;
  height: 16rem;
}

.geo-lp .geo-service .frame-2 {
  display: flex;
  flex-direction: column;
  width: 33.25rem;
  align-items: flex-start;
  gap: 1.5625rem;
  position: absolute;
  top: 1.875rem;
  left: 1.5rem;
}

.geo-lp .geo-service .div-2 {
  position: relative;
  width: 6.25rem;
  height: 4.375rem;
}

.geo-lp .geo-service .group {
  position: absolute;
  width: 5.4375rem;
  height: 3.8125rem;
  top: 0;
  left: 0.5rem;
}

.geo-lp .geo-service .view {
  position: relative;
  height: 100%;
}

.geo-lp .geo-service .rectangle {
  position: absolute;
  width: 92.31%;
  height: 95.96%;
  top: 0;
  left: 0;
  background-color: #d9d9d919;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
}

.geo-lp .geo-service .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-2 {
  width: 3.39%;
  height: 4.86%;
  top: 4.46%;
  left: 81.11%;
  border-radius: 0.12437rem;
  border: 0.06187rem solid;
  position: absolute;
  border-color: #ffffff;
  opacity: 0.3;
}

.geo-lp .geo-service .x {
  position: absolute;
  width: 25.98%;
  height: 96.62%;
  top: 3.38%;
  left: 74.02%;
}

.geo-lp .geo-service .line {
  position: absolute;
  width: 31.75%;
  height: 92.04%;
  top: 7.96%;
  left: 68.25%;
}

.geo-lp .geo-service .group-2 {
  position: absolute;
  top: 2.9375rem;
  left: 2.25rem;
  width: 3.4375rem;
  height: 0.875rem;
}

.geo-lp .geo-service .rectangle-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.1875rem;
  height: 0.8125rem;
  background-color: #d9d9d91a;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .group-3 {
  position: absolute;
  top: 0.5rem;
  left: 0.625rem;
  width: 0.1875rem;
  height: 0.1875rem;
}

.geo-lp .geo-service .ellipse {
  top: 0.0625rem;
  left: 0.0625rem;
  width: 0.0625rem;
  height: 0.0625rem;
  border-radius: 0.02687rem;
  box-shadow:
    inset -0.01937rem 0.01937rem 0.01937rem #ffffff94,
    inset 0.01937rem -0.01937rem 0.01937rem #b6b6b694;
  backdrop-filter: blur(0.23688rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.23688rem) brightness(100%);
  position: absolute;
  background-color: #ffffff36;
}

.geo-lp .geo-service .ellipse-2 {
  top: 0.0625rem;
  left: 0.125rem;
  width: 0.0625rem;
  height: 0.0625rem;
  border-radius: 0.02687rem;
  box-shadow:
    inset -0.01937rem 0.01937rem 0.01937rem #ffffff94,
    inset 0.01937rem -0.01937rem 0.01937rem #b6b6b694;
  backdrop-filter: blur(0.23688rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.23688rem) brightness(100%);
  position: absolute;
  background-color: #ffffff36;
}

.geo-lp .geo-service .ellipse-3 {
  position: absolute;
  top: 0.125rem;
  left: 0.0625rem;
  width: 0.0625rem;
  height: 0.0625rem;
  background-color: #ffffff36;
  border-radius: 0.02687rem;
  box-shadow:
    inset -0.01937rem 0.01937rem 0.01937rem #ffffff94,
    inset 0.01937rem -0.01937rem 0.01937rem #b6b6b694;
  backdrop-filter: blur(0.23688rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.23688rem) brightness(100%);
}

.geo-lp .geo-service .ellipse-4 {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.0625rem;
  height: 0.0625rem;
  background-color: #ffffff36;
  border-radius: 0.02687rem;
  box-shadow:
    inset -0.01937rem 0.01937rem 0.01937rem #ffffff94,
    inset 0.01937rem -0.01937rem 0.01937rem #b6b6b694;
  backdrop-filter: blur(0.23688rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.23688rem) brightness(100%);
}

.geo-lp .geo-service .text-wrapper-2 {
  position: absolute;
  top: 0.4375rem;
  left: 0.25rem;
  font-family: "Manjari-Bold", Helvetica;
  font-weight: 700;
  color: #ffffffb2;
  font-size: 0.34375rem;
  letter-spacing: 0;
  line-height: 0.4375rem;
  white-space: nowrap;
}

.geo-lp .geo-service .text-wrapper-3 {
  position: absolute;
  top: 0.1875rem;
  left: 0.25rem;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #ffffffa8;
  font-size: 0.18125rem;
  letter-spacing: 0;
  line-height: 0.23125rem;
  white-space: nowrap;
}

.geo-lp .geo-service .chatgpt-social {
  position: absolute;
  top: 0.5625rem;
  left: 1.8125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  aspect-ratio: 0.97;
  object-fit: cover;
}

.geo-lp .geo-service .perplexity-ai-logo {
  position: absolute;
  top: 1.25rem;
  left: 3.0625rem;
  width: 1.75rem;
  height: 1.75rem;
  aspect-ratio: 1;
  object-fit: cover;
}

.geo-lp .geo-service .mask-group-wrapper {
  position: absolute;
  width: 22.03%;
  height: 28.85%;
  top: 57.63%;
  left: 12.52%;
  display: flex;
  background-color: #d9d9d919;
  border-radius: 0.45875rem;
  transform: rotate(-17.44deg);
  box-shadow:
    inset -0.07562rem 0.07562rem 0.07562rem #ffffff64,
    inset 0.07562rem -0.07562rem 0.07562rem #b6b6b664;
  backdrop-filter: blur(0.19625rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.19625rem) brightness(100%);
}

.geo-lp .geo-service .mask-group {
  margin-top: 0.00625rem;
  width: 1.165rem;
  height: 1.165rem;
  margin-left: 0.13125rem;
  transform: rotate(17.44deg);
}

.geo-lp .geo-service .vector {
  position: absolute;
  width: 11.00%;
  height: 21.43%;
  top: 78.57%;
  left: 89.00%;
}

.geo-lp .geo-service .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-service .div-wrapper {
  position: relative;
  width: 14.625rem;
  height: 1.75rem;
}

.geo-lp .geo-service .text-wrapper-4 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #9fba5d;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.75rem;
  white-space: nowrap;
}

.geo-lp .geo-service .paragraph {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.geo-lp .geo-service .AI {
  position: relative;
  align-self: stretch;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #d9d9d9;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.425rem;
}

.geo-lp .geo-service .text-wrapper-5 {
  top: -2.5rem;
  left: 28.625rem;
  position: absolute;
  -webkit-text-stroke: 0.15438rem #ffffff33;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: transparent;
  font-size: 6.20625rem;
  letter-spacing: 0;
  line-height: 7.8375rem;
  white-space: nowrap;
}

.geo-lp .geo-service .view-wrapper {
  position: relative;
  width: 5.25rem;
  height: 3.9375rem;
  left: 0.25rem;
  display: flex;
}

.geo-lp .geo-service .view-2 {
  flex: 1;
  width: 5.3925rem;
  position: relative;
}

.geo-lp .geo-service .rectangle-4 {
  width: 93.42%;
  height: 92.91%;
  top: 0;
  left: 4.26%;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d919;
}

.geo-lp .geo-service .rectangle-5 {
  position: absolute;
  width: 93.42%;
  height: 13.71%;
  top: 0;
  left: 4.26%;
  background-color: #788d4599;
  border-radius: 0.3125rem 0.3125rem 0rem 0rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
}

.geo-lp .geo-service .group-wrapper {
  position: absolute;
  width: 38.64%;
  height: 55.56%;
  top: 44.44%;
  left: 0;
  display: flex;
  background-color: #788d45;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .group-4 {
  margin-top: 0.5rem;
  width: 1.62125rem;
  height: 1.3125rem;
  margin-left: 0.1875rem;
  display: flex;
  flex-direction: column;
  gap: 0.075rem;
}

.geo-lp .geo-service .ellipse-5 {
  margin-left: 0;
  height: 0.23187rem;
  background-color: #d9d9d9cc;
  border-radius: 0.81063rem / 0.11563rem;
}

.geo-lp .geo-service .ellipse-6 {
  margin-left: 0.15625rem;
  width: 1.3125rem;
  height: 0.23187rem;
  background-color: #d9d9d9cc;
  border-radius: 0.65625rem / 0.11563rem;
}

.geo-lp .geo-service .ellipse-7 {
  margin-left: 0.30625rem;
  width: 1.00375rem;
  height: 0.23187rem;
  background-color: #d9d9d9cc;
  border-radius: 0.50187rem / 0.11563rem;
}

.geo-lp .geo-service .ellipse-8 {
  margin-left: 0.4625rem;
  width: 0.695rem;
  height: 0.15438rem;
  background-color: #d9d9d9cc;
  border-radius: 0.3475rem / 0.0775rem;
}

.geo-lp .geo-service .ellipse-9 {
  margin-left: 0.61875rem;
  width: 0.38625rem;
  height: 0.15438rem;
  background-color: #d9d9d9cc;
  border-radius: 0.19312rem / 0.0775rem;
}

.geo-lp .geo-service .text-wrapper-6 {
  top: 0.625rem;
  left: 1.8125rem;
  -webkit-text-stroke: 0.04562rem #ffffff33;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: transparent;
  font-size: 1.81875rem;
  line-height: 2.3rem;
  position: absolute;
  letter-spacing: 0;
  white-space: nowrap;
}

.geo-lp .geo-service .rectangle-6 {
  width: 3.43%;
  height: 4.70%;
  top: 4.32%;
  left: 86.35%;
  border-radius: 0.12437rem;
  border: 0.06187rem solid;
  position: absolute;
  border-color: #ffffff;
  opacity: 0.3;
}

.geo-lp .geo-service .x-2 {
  position: absolute;
  width: 20.82%;
  height: 96.72%;
  top: 3.28%;
  left: 79.18%;
}

.geo-lp .geo-service .line-2 {
  position: absolute;
  width: 26.66%;
  height: 92.29%;
  top: 7.71%;
  left: 73.34%;
}

.geo-lp .geo-service .text-wrapper-7 {
  top: -0.625rem;
  left: 28.625rem;
  position: absolute;
  -webkit-text-stroke: 0.15438rem #ffffff33;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: transparent;
  font-size: 6.20625rem;
  letter-spacing: 0;
  line-height: 7.8375rem;
  white-space: nowrap;
}

.geo-lp .geo-service .image-content {
  aspect-ratio: 1.43;
  position: relative;
  width: 6.25rem;
  height: 4.375rem;
}

.geo-lp .geo-service .view-3 {
  position: absolute;
  top: 0.3125rem;
  left: 0.125rem;
  width: 6.0625rem;
  height: 3.6875rem;
}

.geo-lp .geo-service .rectangle-7 {
  top: 0.0625rem;
  left: 0.6875rem;
  width: 5.0625rem;
  height: 3.6875rem;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d919;
}

.geo-lp .geo-service .rectangle-8 {
  position: absolute;
  top: 0.0625rem;
  left: 0.6875rem;
  width: 5.0625rem;
  height: 0.5625rem;
  background-color: #788d4599;
  border-radius: 0.38938rem 0.39062rem 0rem 0rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
}

.geo-lp .geo-service .group-5 {
  position: absolute;
  top: 2.375rem;
  left: 2.875rem;
  width: 3.1875rem;
  height: 1rem;
  background-color: #d9d9d91a;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-9 {
  top: 0.0625rem;
  width: 3.1875rem;
  height: 0.25rem;
  border-radius: 0.38938rem 0.38938rem 0rem 0rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
  position: absolute;
  left: 0;
  background-color: #788d4599;
}

.geo-lp .geo-service .rectangle-10 {
  position: absolute;
  top: 0.4375rem;
  left: 0.875rem;
  width: 2.0625rem;
  height: 0.0625rem;
  background-color: #d9d9d91a;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-11 {
  position: absolute;
  top: 0.625rem;
  left: 0.875rem;
  width: 2.0625rem;
  height: 0.0625rem;
  background-color: #d9d9d91a;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-12 {
  position: absolute;
  top: 0.75rem;
  left: 0.875rem;
  width: 0.6875rem;
  height: 0.0625rem;
  background-color: #d9d9d91a;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .ellipse-10 {
  position: absolute;
  top: 0.0625rem;
  left: 0.3125rem;
  width: 0.0625rem;
  height: 0.0625rem;
  background-color: #ffffff36;
  border-radius: 0.03875rem;
  box-shadow:
    inset -0.02813rem 0.02813rem 0.02813rem #ffffff94,
    inset 0.02813rem -0.02813rem 0.02813rem #b6b6b694;
  backdrop-filter: blur(0.33813rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.33813rem) brightness(100%);
}

.geo-lp .geo-service .ellipse-11 {
  position: absolute;
  top: 0.0625rem;
  left: 0.4375rem;
  width: 0.0625rem;
  height: 0.0625rem;
  background-color: #ffffff36;
  border-radius: 0.03875rem;
  box-shadow:
    inset -0.02813rem 0.02813rem 0.02813rem #ffffff94,
    inset 0.02813rem -0.02813rem 0.02813rem #b6b6b694;
  backdrop-filter: blur(0.33813rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.33813rem) brightness(100%);
}

.geo-lp .geo-service .ellipse-12 {
  position: absolute;
  top: 0.0625rem;
  left: 0.625rem;
  width: 0.0625rem;
  height: 0.0625rem;
  background-color: #ffffff36;
  border-radius: 0.03875rem;
  box-shadow:
    inset -0.02813rem 0.02813rem 0.02813rem #ffffff94,
    inset 0.02813rem -0.02813rem 0.02813rem #b6b6b694;
  backdrop-filter: blur(0.33813rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.33813rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-wrapper {
  position: absolute;
  top: 0.8125rem;
  left: 0;
  width: 2.125rem;
  height: 2.625rem;
  display: flex;
  background-color: #f4f4f40f;
  border-radius: 0.44375rem;
  box-shadow:
    inset -0.12625rem 0.12625rem 0.12625rem #ffffff66,
    inset 0.12625rem -0.12625rem 0.12625rem #b6b6b666;
  backdrop-filter: blur(0.6325rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.6325rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-13 {
  margin-top: 0.25rem;
  width: 1.90437rem;
  height: 2.1rem;
  margin-left: 0.125rem;
  background-color: #d9d9d91a;
  border-radius: 0.3325rem;
  box-shadow:
    inset -0.12625rem 0.12625rem 0.12625rem #ffffff66,
    inset 0.12625rem -0.12625rem 0.12625rem #b6b6b666;
  backdrop-filter: blur(0.6325rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.6325rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-14 {
  position: absolute;
  top: 0.1875rem;
  left: 5.125rem;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 0.12437rem;
  border: 0.06187rem solid;
  border-color: #ffffff;
  opacity: 0.3;
}

.geo-lp .geo-service .x-3 {
  position: absolute;
  top: 0.125rem;
  left: 4.75rem;
  width: 0.25rem;
  height: 0.25rem;
}

.geo-lp .geo-service .line-3 {
  position: absolute;
  top: 0.3125rem;
  left: 4.4375rem;
  width: 0.1875rem;
  height: 0.0625rem;
}

.geo-lp .geo-service .text-wrapper-8 {
  position: absolute;
  top: 1.5rem;
  left: 0.375rem;
  opacity: 0.8;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 1.40625rem;
  letter-spacing: 0;
  line-height: 1.775rem;
  white-space: nowrap;
}

.geo-lp .geo-service .text-wrapper-9 {
  position: absolute;
  top: 3.0625rem;
  left: 3.25rem;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 0.30625rem;
  letter-spacing: 0;
  line-height: 0.3875rem;
  white-space: nowrap;
}

.geo-lp .geo-service .group-6 {
  position: absolute;
  top: 1.5625rem;
  left: 3.625rem;
  width: 2.625rem;
  height: 0.8125rem;
}

.geo-lp .geo-service .text-wrapper-10 {
  top: -0.625rem;
  left: 28.8125rem;
  position: absolute;
  -webkit-text-stroke: 0.15438rem #ffffff33;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: transparent;
  font-size: 6.20625rem;
  letter-spacing: 0;
  line-height: 7.8375rem;
  white-space: nowrap;
}

.geo-lp .geo-service .view-4 {
  position: relative;
  width: 6.1875rem;
  height: 4rem;
}

.geo-lp .geo-service .rectangle-15 {
  top: 0.3125rem;
  left: 0.875rem;
  width: 5.0625rem;
  height: 3.6875rem;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d919;
}

.geo-lp .geo-service .rectangle-16 {
  position: absolute;
  top: 0.3125rem;
  left: 0.875rem;
  width: 5.0625rem;
  height: 0.5625rem;
  background-color: #788d4599;
  border-radius: 0.3125rem 0.3125rem 0rem 0rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
}

.geo-lp .geo-service .group-7 {
  position: absolute;
  top: 2.5rem;
  left: 0.25rem;
  width: 3.1875rem;
  height: 1rem;
  background-color: #d9d9d91a;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-17 {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.1875rem;
  height: 0.25rem;
  background-color: #788d4599;
  border-radius: 0.38938rem 0.38938rem 0rem 0rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .ellipse-13 {
  position: absolute;
  top: 0.375rem;
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.2525rem;
  box-shadow:
    inset -0.03625rem 0.03625rem 0.03625rem #ffffff94,
    inset 0.03625rem -0.03625rem 0.03625rem #b6b6b694;
  backdrop-filter: blur(0.43812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.43812rem) brightness(100%);
  background: linear-gradient(
    180deg,
    rgba(248, 131, 118, 1) 0%,
    rgba(234, 89, 70, 1) 100%
  );
}

.geo-lp .geo-service .group-8 {
  position: absolute;
  top: 1.1875rem;
  left: 2.3125rem;
  width: 3.875rem;
  height: 2.5rem;
  background-color: #d9d9d91a;
  border-radius: 0.50562rem;
  box-shadow:
    inset -0.115rem 0.115rem 0.115rem #ffffff66,
    inset 0.115rem -0.115rem 0.115rem #b6b6b666;
  backdrop-filter: blur(0.57625rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57625rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-18 {
  top: 0;
  width: 3.875rem;
  height: 0.3125rem;
  border-radius: 0.50562rem 0.50562rem 0rem 0rem;
  box-shadow:
    inset -0.115rem 0.115rem 0.115rem #ffffff66,
    inset 0.115rem -0.115rem 0.115rem #b6b6b666;
  backdrop-filter: blur(0.57625rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57625rem) brightness(100%);
  position: absolute;
  left: 0;
  background-color: #788d4599;
}

.geo-lp .geo-service .rectangle-19 {
  top: 0.875rem;
  left: 1.5625rem;
  width: 2rem;
  height: 0.125rem;
  border-radius: 0.50562rem;
  box-shadow:
    inset -0.115rem 0.115rem 0.115rem #ffffff66,
    inset 0.115rem -0.115rem 0.115rem #b6b6b666;
  backdrop-filter: blur(0.57625rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57625rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d91a;
}

.geo-lp .geo-service .rectangle-20 {
  top: 1.0625rem;
  left: 1.5625rem;
  width: 2rem;
  height: 0.125rem;
  border-radius: 0.50562rem;
  box-shadow:
    inset -0.115rem 0.115rem 0.115rem #ffffff66,
    inset 0.115rem -0.115rem 0.115rem #b6b6b666;
  backdrop-filter: blur(0.57625rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57625rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d91a;
}

.geo-lp .geo-service .rectangle-21 {
  top: 1.25rem;
  left: 1.5625rem;
  width: 0.625rem;
  height: 0.125rem;
  border-radius: 0.50562rem;
  box-shadow:
    inset -0.115rem 0.115rem 0.115rem #ffffff66,
    inset 0.115rem -0.115rem 0.115rem #b6b6b666;
  backdrop-filter: blur(0.57625rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57625rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d91a;
}

.geo-lp .geo-service .ellipse-14 {
  position: absolute;
  top: 0.625rem;
  left: 0.375rem;
  width: 1rem;
  height: 1rem;
  border-radius: 0.48438rem;
  box-shadow:
    inset -0.03625rem 0.03625rem 0.03625rem #ffffff94,
    inset 0.03625rem -0.03625rem 0.03625rem #b6b6b694;
  backdrop-filter: blur(0.43812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.43812rem) brightness(100%);
  background: linear-gradient(
    180deg,
    rgba(248, 131, 118, 1) 0%,
    rgba(234, 89, 70, 1) 100%
  );
}

.geo-lp .geo-service .ellipse-15 {
  top: 0.125rem;
  left: 0.375rem;
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 0.05187rem / 0.05125rem;
  box-shadow:
    inset -0.03625rem 0.03625rem 0.03625rem #ffffff94,
    inset 0.03625rem -0.03625rem 0.03625rem #b6b6b694;
  backdrop-filter: blur(0.43812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.43812rem) brightness(100%);
  position: absolute;
  background-color: #ffffff36;
}

.geo-lp .geo-service .ellipse-16 {
  top: 0.125rem;
  left: 0.5625rem;
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 0.05187rem / 0.05125rem;
  box-shadow:
    inset -0.03625rem 0.03625rem 0.03625rem #ffffff94,
    inset 0.03625rem -0.03625rem 0.03625rem #b6b6b694;
  backdrop-filter: blur(0.43812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.43812rem) brightness(100%);
  position: absolute;
  background-color: #ffffff36;
}

.geo-lp .geo-service .ellipse-17 {
  position: absolute;
  top: 0.125rem;
  left: 0.8125rem;
  width: 0.125rem;
  height: 0.125rem;
  background-color: #ffffff36;
  border-radius: 0.05187rem / 0.05125rem;
  box-shadow:
    inset -0.03625rem 0.03625rem 0.03625rem #ffffff94,
    inset 0.03625rem -0.03625rem 0.03625rem #b6b6b694;
  backdrop-filter: blur(0.43812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.43812rem) brightness(100%);
}

.geo-lp .geo-service .group-9 {
  top: 0;
  left: 0;
  height: 1.375rem;
  position: absolute;
  width: 2.125rem;
}

.geo-lp .geo-service .rectangle-22 {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.125rem;
  height: 1.25rem;
  background-color: #f4f4f40f;
  border-radius: 0.31188rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-23 {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 1.875rem;
  height: 1rem;
  background-color: #d9d9d91a;
  border-radius: 0.23375rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .ellipse-18 {
  position: absolute;
  top: 0.25rem;
  left: 1.5625rem;
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: #f7f7f736;
  border-radius: 0.10375rem;
  box-shadow:
    inset -0.02813rem 0.02813rem 0.02813rem #ffffff94,
    inset 0.02813rem -0.02813rem 0.02813rem #b6b6b694;
  backdrop-filter: blur(0.33813rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.33813rem) brightness(100%);
}

.geo-lp .geo-service .polygon {
  position: absolute;
  top: 0.25rem;
  left: 0.375rem;
  width: 0.9375rem;
  height: 0.8125rem;
}

.geo-lp .geo-service .polygon-2 {
  position: absolute;
  top: 0.25rem;
  left: 0.6875rem;
  width: 0.375rem;
  height: 0.375rem;
}

.geo-lp .geo-service .polygon-3 {
  position: absolute;
  top: 0.5rem;
  left: 0.9375rem;
  width: 0.6875rem;
  height: 0.625rem;
}

.geo-lp .geo-service .polygon-4 {
  position: absolute;
  top: 0.5rem;
  left: 1.1875rem;
  width: 0.1875rem;
  height: 0.1875rem;
}

.geo-lp .geo-service .rectangle-24 {
  top: 0.5rem;
  left: 5.3125rem;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 0.12437rem;
  border: 0.06187rem solid;
  position: absolute;
  border-color: #ffffff;
  opacity: 0.3;
}

.geo-lp .geo-service .x-4 {
  position: absolute;
  top: 0.4375rem;
  left: 4.9375rem;
  width: 0.25rem;
  height: 0.25rem;
}

.geo-lp .geo-service .line-4 {
  position: absolute;
  top: 0.625rem;
  left: 4.625rem;
  width: 0.1875rem;
  height: 0.0625rem;
}

.geo-lp .geo-service .AI-wrapper {
  height: 4.4375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.geo-lp .geo-service .AI-2 {
  position: relative;
  align-self: stretch;
  margin-top: -0.0625rem;
  margin-bottom: -1.1875rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #d9d9d9;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.425rem;
}

.geo-lp .geo-service .text-wrapper-11 {
  top: -2.5rem;
  left: 27.4375rem;
  position: absolute;
  -webkit-text-stroke: 0.15438rem #ffffff33;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: transparent;
  font-size: 6.20625rem;
  letter-spacing: 0;
  line-height: 7.8375rem;
  white-space: nowrap;
}

.geo-lp .geo-service .group-10 {
  position: relative;
  width: 5.9375rem;
  height: 4.375rem;
  left: 0.0625rem;
}

.geo-lp .geo-service .view-5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.9375rem;
  height: 3.8125rem;
}

.geo-lp .geo-service .rectangle-25 {
  top: 0.4375rem;
  left: 0.4375rem;
  width: 5.5rem;
  height: 3.125rem;
  border-radius: 0.41813rem;
  box-shadow:
    inset -0.23875rem 0.23875rem 0.23875rem #ffffff64,
    inset 0.23875rem -0.23875rem 0.23875rem #b6b6b664;
  backdrop-filter: blur(0.62062rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.62062rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d919;
}

.geo-lp .geo-service .rectangle-26 {
  position: absolute;
  top: 0.4375rem;
  left: 0.4375rem;
  width: 5.5rem;
  height: 0.4375rem;
  background-color: #d9d9d919;
  border-radius: 0.3125rem 0.3125rem 0rem 0rem;
  box-shadow:
    inset -0.23875rem 0.23875rem 0.23875rem #ffffff64,
    inset 0.23875rem -0.23875rem 0.23875rem #b6b6b664;
  backdrop-filter: blur(0.62062rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.62062rem) brightness(100%);
}

.geo-lp .geo-service .group-11 {
  position: absolute;
  top: 0.0625rem;
  left: 0;
  width: 1.125rem;
  height: 1.625rem;
  background-color: #d9d9d91a;
  border-radius: 0.41813rem;
  box-shadow:
    inset -0.09563rem 0.09563rem 0.09563rem #ffffff66,
    inset 0.09563rem -0.09563rem 0.09563rem #b6b6b666;
  backdrop-filter: blur(0.47687rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.47687rem) brightness(100%);
}

.geo-lp .geo-service .rectangle-27 {
  top: 1.125rem;
  left: 0.125rem;
  width: 0.875rem;
  height: 0.0625rem;
  border-radius: 0.41813rem;
  box-shadow:
    inset -0.09563rem 0.09563rem 0.09563rem #ffffff66,
    inset 0.09563rem -0.09563rem 0.09563rem #b6b6b666;
  backdrop-filter: blur(0.47687rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.47687rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d91a;
}

.geo-lp .geo-service .rectangle-28 {
  top: 1.25rem;
  left: 0.125rem;
  width: 0.875rem;
  height: 0.0625rem;
  border-radius: 0.41813rem;
  box-shadow:
    inset -0.09563rem 0.09563rem 0.09563rem #ffffff66,
    inset 0.09563rem -0.09563rem 0.09563rem #b6b6b666;
  backdrop-filter: blur(0.47687rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.47687rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d91a;
}

.geo-lp .geo-service .rectangle-29 {
  top: 1.375rem;
  left: 0.125rem;
  width: 0.4375rem;
  height: 0.0625rem;
  border-radius: 0.41813rem;
  box-shadow:
    inset -0.09563rem 0.09563rem 0.09563rem #ffffff66,
    inset 0.09563rem -0.09563rem 0.09563rem #b6b6b666;
  backdrop-filter: blur(0.47687rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.47687rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d91a;
}

.geo-lp .geo-service .ellipse-19 {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 0.6875rem;
  height: 0.6875rem;
  background-color: #d9d9d930;
  border-radius: 0.34625rem / 0.3525rem;
  box-shadow:
    inset -0.03rem 0.03rem 0.03rem #ffffff94,
    inset 0.03rem -0.03rem 0.03rem #b6b6b694;
  backdrop-filter: blur(0.36312rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.36312rem) brightness(100%);
}

.geo-lp .geo-service .user-user-circle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.8125rem;
  height: 0.875rem;
}

.geo-lp .geo-service .group-12 {
  position: absolute;
  top: 0.0625rem;
  left: 1.8125rem;
  width: 2.6875rem;
  height: 0.8125rem;
}

.geo-lp .geo-service .group-13 {
  position: absolute;
  top: 1.6875rem;
  left: 0.9375rem;
  width: 3.25rem;
  height: 2.125rem;
}

.geo-lp .geo-service .rectangle-30 {
  top: 0.625rem;
  left: 5.25rem;
  width: 0.125rem;
  height: 0.1875rem;
  border-radius: 0.13312rem;
  border: 0.06688rem solid;
  position: absolute;
  border-color: #ffffff;
  opacity: 0.3;
}

.geo-lp .geo-service .x-5 {
  position: absolute;
  top: 0.5625rem;
  left: 4.9375rem;
  width: 0.25rem;
  height: 0.25rem;
}

.geo-lp .geo-service .line-5 {
  position: absolute;
  top: 0.75rem;
  left: 4.625rem;
  width: 0.1875rem;
  height: 0.0625rem;
}

.geo-lp .geo-service .x-6 {
  position: absolute;
  top: 0.0625rem;
  left: 4.1875rem;
  width: 0.1875rem;
  height: 0.1875rem;
}

.geo-lp .geo-service .group-14 {
  top: 2rem;
  left: 3.375rem;
  height: 2.375rem;
  background-color: #f4f4f40f;
  border-radius: 0.44375rem;
  box-shadow:
    inset -0.12625rem 0.12625rem 0.12625rem #ffffff66,
    inset 0.12625rem -0.12625rem 0.12625rem #b6b6b666;
  backdrop-filter: blur(0.6325rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.6325rem) brightness(100%);
  position: absolute;
  width: 2.125rem;
}

.geo-lp .geo-service .mask-group-2 {
  position: absolute;
  top: 2.375rem;
  left: 3.75rem;
  width: 1.5625rem;
  height: 1.5625rem;
}

.geo-lp .geo-service .frame-4 {
  display: flex;
  flex-direction: column;
  width: 33.25rem;
  height: 11.8125rem;
  align-items: flex-start;
  gap: 1.5625rem;
  position: absolute;
  top: 1.875rem;
  left: 1.5rem;
}

.geo-lp .geo-service .view-6 {
  position: absolute;
  top: 0.3125rem;
  left: 0.125rem;
  width: 6.0625rem;
  height: 4.0625rem;
}

.geo-lp .geo-service .rectangle-31 {
  top: 0;
  left: 0.6875rem;
  width: 5.0625rem;
  height: 3.6875rem;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
  position: absolute;
  background-color: #d9d9d919;
}

.geo-lp .geo-service .rectangle-32 {
  position: absolute;
  top: 0;
  left: 0.6875rem;
  width: 5.0625rem;
  height: 0.5625rem;
  background-color: #788d4599;
  border-radius: 0.38938rem 0.39062rem 0rem 0rem;
  box-shadow:
    inset -0.2225rem 0.2225rem 0.2225rem #ffffff64,
    inset 0.2225rem -0.2225rem 0.2225rem #b6b6b664;
  backdrop-filter: blur(0.57812rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.57812rem) brightness(100%);
}

.geo-lp .geo-service .group-15 {
  position: absolute;
  top: 3.0625rem;
  left: 2.875rem;
  width: 3.1875rem;
  height: 1rem;
  background-color: #d9d9d91a;
  border-radius: 0.38938rem;
  box-shadow:
    inset -0.08875rem 0.08875rem 0.08875rem #ffffff66,
    inset 0.08875rem -0.08875rem 0.08875rem #b6b6b666;
  backdrop-filter: blur(0.44438rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.44438rem) brightness(100%);
}

.geo-lp .geo-service .vector-2 {
  position: absolute;
  top: 0.875rem;
  left: 1.5rem;
  width: 3.875rem;
  height: 1.625rem;
}

.geo-lp .geo-service .group-16 {
  position: absolute;
  width: 2.125rem;
  height: 2.375rem;
  top: 0.8125rem;
  left: 0;
}

.geo-lp .geo-service .ellipse-20 {
  position: absolute;
  top: 1.75rem;
  left: 3.3125rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #9fba5d;
  border-radius: 0.125rem;
  border: 0.03125rem solid;
  border-color: #2f3735;
}

.geo-lp .geo-service .ellipse-21 {
  position: absolute;
  top: 1.125rem;
  left: 4.875rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #9fba5d;
  border-radius: 0.125rem;
  border: 0.03125rem solid;
  border-color: #2f3735;
}

.geo-lp .geo-service .frame-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -2.1875rem;
}
/* Original CSS is injected before the following semantic, accessibility, and responsive refinements. */

.geo-lp .geo-service .text-wrapper,
.geo-lp .geo-service .p,
.geo-lp .geo-service .AI,
.geo-lp .geo-service .AI-2 {
  margin-bottom: 0;
}

.geo-lp .geo-service .div,
.geo-lp .geo-service .text-wrapper-4 {
  margin: 0;
}

.geo-lp .geo-service .container {
  isolation: isolate;
}

.geo-lp .geo-service .background {
  pointer-events: none;
}

@media (max-width: 112rem) {
  .geo-lp .geo-service {
    width: 100%;
  }

  .geo-lp .geo-service .p {
    width: 100%;
  }

  .geo-lp .geo-service .frame {
    justify-content: space-between;
  }

  .geo-lp .geo-service .container {
    width: calc((100% - 3rem) / 3);
  }

  .geo-lp .geo-service .background {
    width: 100%;
    object-fit: cover;
  }
}

@media (max-width: 56.25rem) {
  .geo-lp .geo-service .frame {
    flex-wrap: wrap;
  }

  .geo-lp .geo-service .container {
    width: calc((100% - 1.5rem) / 2);
  }
}

@media (max-width: 38.75rem) {
  .geo-lp .geo-service {
    gap: 2rem;
  }

  .geo-lp .geo-service .div {
    width: 100%;
    font-size: 1.625rem;
    line-height: 2rem;
  }

  .geo-lp .geo-service .frame {
    gap: 1rem;
  }

  .geo-lp .geo-service .cards {
    gap: 1rem;
  }

  .geo-lp .geo-service .container {
    width: 100%;
  }
}

/* Номера 01–06: правый край на 16px (1rem) за границу карточки вправо,
   вышедшая часть скрывается (у .container overflow:hidden). Верх — как задан выше. */
.geo-lp .geo-service .text-wrapper-5,
.geo-lp .geo-service .text-wrapper-7,
.geo-lp .geo-service .text-wrapper-10,
.geo-lp .geo-service .text-wrapper-11 {
  left: auto;
  right: -1rem;
}

/* Выравнивание номеров 01 и 04 по остальным (top как у 02/03/05/06) */
.geo-lp .geo-service .text-wrapper-5,
.geo-lp .geo-service .text-wrapper-11 { top: -0.625rem; }

/* End */


/* Start:/geo-aeo/06-tariffs.css?178576587013089*/
/* ==== Тарифы — .geo-lp .geo-tariffs (namespaced) ==== */
.geo-lp .geo-tariffs, .geo-lp .geo-tariffs * { box-sizing:border-box; -webkit-font-smoothing:antialiased; }

.geo-lp .geo-tariffs {
  width: 112rem;
  height: 52.875rem;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}

.geo-lp .geo-tariffs .title {
  display: flex;
  width: 112rem;
  height: 8.125rem;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}

.geo-lp .geo-tariffs .text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4375rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 500;
  color: #788d45;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: normal;
}

.geo-lp .geo-tariffs .div {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 2.25rem;
  letter-spacing: 0;
  line-height: 2.875rem;
  white-space: nowrap;
}

.geo-lp .geo-tariffs .p {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #838383;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-tariffs .tariff {
  display: inline-flex;
  width: 93.75rem;
  height: 41.5625rem;
  position: relative;
  align-items: flex-start;
  gap: 1.875rem;
}

.geo-lp .geo-tariffs .start {
  position: relative;
  width: 30rem;
  height: 38.4375rem;
  border-radius: 0.1875rem;
  overflow: hidden;
  box-shadow: 0rem 0.25rem 0.625rem #00000040;
  background-image: url(/geo-aeo/./img/start-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #132c2a;
}

.geo-lp .geo-tariffs .button {
  all: unset;
  box-sizing: border-box;
  top: 31.9375rem;
  display: flex;
  width: 25rem;
  height: 4rem;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  position: absolute;
  left: 2.5rem;
  border-radius: 0.1875rem;
  border: 0.125rem solid;
  border-color: #fdf7f1;
}

.geo-lp .geo-tariffs .text-wrapper-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.75rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #fdf7f1;
  font-size: 1.125rem;
  text-align: center;
  letter-spacing: 0.0225rem;
  line-height: normal;
}

.geo-lp .geo-tariffs .frame {
  display: flex;
  flex-direction: column;
  width: 23.375rem;
  align-items: flex-start;
  gap: 3.0625rem;
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
}

.geo-lp .geo-tariffs .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.75rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .frame-3 {
  display: flex;
  flex-direction: column;
  width: 19.875rem;
  align-items: flex-start;
  gap: 0.3125rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .frame-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2.5625rem;
}

.geo-lp .geo-tariffs .GEO-AEO {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.875rem;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffe7cf;
  font-size: 1.875rem;
  letter-spacing: 0.05625rem;
  line-height: normal;
}

.geo-lp .geo-tariffs .line {
  position: absolute;
  top: 0.625rem;
  left: 9.75rem;
  width: 0.0625rem;
  height: 1.375rem;
  object-fit: cover;
}

.geo-lp .geo-tariffs .paragraph {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .GEO {
  width: 19.875rem;
  position: relative;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #c5c5c5;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.425rem;
}

.geo-lp .geo-tariffs .list-margin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .list-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.625rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .icon-margin {
  display: inline-flex;
  align-items: flex-start;
  padding: 0.125rem 0rem 0rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .icon {
  position: relative;
  width: 1rem;
  height: 1rem;
}

.geo-lp .geo-tariffs .vector {
  position: absolute;
  width: 87.50%;
  height: 79.17%;
  top: 20.83%;
  left: 12.50%;
}

.geo-lp .geo-tariffs .div-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #fdf7f1;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.25rem;
  white-space: nowrap;
}

.geo-lp .geo-tariffs .text-wrapper-4 {
  position: relative;
  width: 20.6875rem;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #fdf7f1;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5rem;
}

.geo-lp .geo-tariffs .list-item-2 {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .text-2 {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .frame-wrapper {
  position: relative;
  width: 14.25rem;
  height: 1.25rem;
}

.geo-lp .geo-tariffs .frame-5 {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  position: relative;
}

.geo-lp .geo-tariffs .text-wrapper-5 {
  align-self: stretch;
  color: #ffffff;
  font-size: 2.25rem;
  line-height: normal;
  position: relative;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  letter-spacing: 0;
}

.geo-lp .geo-tariffs .opti {
  position: relative;
  width: 30rem;
  height: calc(41.5625rem + 10px); /* +10px под нижнюю полоску */
  border-radius: 0.1875rem;
  overflow: hidden;
  background-image: url(/geo-aeo/./img/start-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #132c2a;
  border-bottom: 10px solid #9FBA5D; /* акцентная полоска снизу */
}

.geo-lp .geo-tariffs .button-2 {
  all: unset;
  box-sizing: border-box;
  top: 34.4375rem;
  display: flex;
  width: 25rem;
  height: 4rem;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  position: absolute;
  left: 2.5rem;
  border-radius: 0.1875rem;
  border: 0.125rem solid;
  border-color: #fdf7f1;
}

.geo-lp .geo-tariffs .frame-6 {
  display: flex;
  flex-direction: column;
  width: 23.375rem;
  align-items: flex-start;
  gap: 2.5625rem;
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
}

.geo-lp .geo-tariffs .frame-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .GEO-aeopro {
  color: #9fba5d;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  font-size: 1.875rem;
  letter-spacing: 0.05625rem;
  line-height: normal;
}

.geo-lp .geo-tariffs .img {
  left: 11.9375rem;
  position: absolute;
  top: 0.625rem;
  width: 0.0625rem;
  height: 1.375rem;
  object-fit: cover;
}

.geo-lp .geo-tariffs .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #9fba5d;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.25rem;
  white-space: nowrap;
}

.geo-lp .geo-tariffs .rectangle {
  position: absolute;
  top: 40.75rem;
  left: 31.875rem;
  width: 30rem;
  height: 0.875rem;
  background-color: #9fba5d;
  border-radius: 0.1875rem;
  filter: blur(0.125rem);
}

.geo-lp .geo-tariffs .prem {
  position: relative;
  width: 30rem;
  height: 38.4375rem;
  border-radius: 0.1875rem;
  overflow: hidden;
  box-shadow: 0rem 0.25rem 0.625rem #00000040;
  background-image: url(/geo-aeo/./img/start-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #132c2a;
}

.geo-lp .geo-tariffs .frame-8 {
  display: flex;
  flex-direction: column;
  width: 23.375rem;
  align-items: flex-start;
  gap: 4.5625rem;
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
}

.geo-lp .geo-tariffs .frame-9 {
  display: flex;
  flex-direction: column;
  width: 21.75rem;
  align-items: flex-start;
  gap: 0.3125rem;
  position: relative;
  flex: 0 0 auto;
}

.geo-lp .geo-tariffs .GEO-aeomax {
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  font-size: 1.875rem;
  letter-spacing: 0.05625rem;
  line-height: normal;
}

.geo-lp .geo-tariffs .span {
  letter-spacing: 0.01688rem;
}

.geo-lp .geo-tariffs .line-2 {
  left: 12.3125rem;
  position: absolute;
  top: 0.625rem;
  width: 0.0625rem;
  height: 1.375rem;
  object-fit: cover;
}

.geo-lp .geo-tariffs .GEO-2 {
  align-self: stretch;
  position: relative;
  margin-top: -0.0625rem;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #c5c5c5;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.425rem;
}
/* Inject the original style.css content before the following refactor additions. */

.geo-lp .geo-tariffs .button,
.geo-lp .geo-tariffs .button-2 {
  cursor: pointer;
}

.geo-lp .geo-tariffs .button:hover,
.geo-lp .geo-tariffs .button-2:hover {
  background-color: rgba(253, 247, 241, 0.08);
}

.geo-lp .geo-tariffs .button:focus-visible,
.geo-lp .geo-tariffs .button-2:focus-visible {
  outline: 0.125rem solid #fdf7f1 !important;
  outline-offset: 0.1875rem;
}

@media (max-width: 96.875rem) {
  .geo-lp .geo-tariffs {
    width: min(112rem, calc(100vw - 2.5rem));
    height: auto;
  }

  .geo-lp .geo-tariffs .title {
    width: 100%;
    height: auto;
  }

  .geo-lp .geo-tariffs .tariff {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
}

@media (max-width: 63.9375rem) {
  .geo-lp .geo-tariffs .tariff {
    justify-content: center;
  }

  .geo-lp .geo-tariffs .rectangle {
    display: none;
  }
}

@media (max-width: 33.6875rem) {
  .geo-lp .geo-tariffs {
    width: calc(100vw - 2rem);
    gap: 2rem;
  }

  .geo-lp .geo-tariffs .div {
    font-size: 1.875rem;
    line-height: 2.375rem;
    white-space: normal;
  }

  .geo-lp .geo-tariffs .start,
  .geo-lp .geo-tariffs .opti,
  .geo-lp .geo-tariffs .prem {
    width: 100%;
    max-width: 30rem;
  }

  .geo-lp .geo-tariffs .button,
  .geo-lp .geo-tariffs .button-2 {
    width: calc(100% - 5rem);
  }
}

/* Ripple-ховер (как в шапке) для кнопок тарифов: рипл строго внутри кнопки */
.geo-lp .geo-tariffs .button,
.geo-lp .geo-tariffs .button-2,
.geo-lp .geo-tariffs .button-3 { position: relative; overflow: hidden; }

/* Заголовки тарифов — без переноса строки (GEO+AEOmax ПРЕМИУМ и т.п.) */
.geo-lp .geo-tariffs .GEO-AEO,
.geo-lp .geo-tariffs .GEO-aeopro,
.geo-lp .geo-tariffs .GEO-aeomax { white-space: nowrap; width: auto; }

/* Убрать лишние маркеры ::before/::after у пунктов списков тарифов */
.geo-lp .geo-tariffs li::before,
.geo-lp .geo-tariffs li::after,
.geo-lp .geo-tariffs .list-item::before,
.geo-lp .geo-tariffs .list-item-2::before,
.geo-lp .geo-tariffs .frame-wrapper::before { content: none !important; display: none !important; }

/* Десктоп (>900px): тарифы всегда в ОДНУ строку (3 карты), выровнены слева, без переносов/центрирования.
   Масштабирование под ширину экрана делает fit-zoom (.geo-lp), поэтому промежуточные медиа-запросы отключаем. */
@media (min-width: 901px) {
	.geo-lp .geo-tariffs { width: 116rem; max-width: 116rem; align-items: stretch; }
	.geo-lp .geo-tariffs .title { width: 100%; }
	.geo-lp .geo-tariffs .tariff {
		width: 100%;
		max-width: 116rem;
		height: auto;
		align-self: stretch;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 1.875rem;
	}
	/* карты заполняют ширину секции (как у услуг/кейсов) — левый/правый край вровень с другими блоками */
	.geo-lp .geo-tariffs .start,
	.geo-lp .geo-tariffs .opti,
	.geo-lp .geo-tariffs .prem { flex: 1 1 0; width: auto; max-width: none; min-width: 0; }
}

/* End */


/* Start:/geo-aeo/07-faq.css?17857658706002*/
.geo-lp .geo-faq { width:112.25rem; display:flex; flex-direction:column; gap:3.1875rem; }
.geo-lp .geo-faq .title { display:flex; margin-left:0.05rem; width:93.6969rem; height:4.5rem; position:relative; flex-direction:column; align-items:flex-start; gap:0.625rem; }
.geo-lp .geo-faq .text { display:flex; flex-direction:column; align-items:flex-start; gap:0.625rem; position:relative; align-self:stretch; width:100%; flex:0 0 auto; }
.geo-lp .geo-faq .div { display:inline-flex; flex-direction:column; align-items:flex-start; gap:0.4375rem; position:relative; flex:0 0 auto; }
.geo-lp .geo-faq .text-wrapper { position:relative; display:flex; align-items:center; width:4.375rem; margin-top:-0.0625rem; font-family:"Manrope"; font-weight:500; color:#788d45; font-size:0.875rem; letter-spacing:0; line-height:normal; }
.geo-lp .geo-faq .p { position:relative; width:fit-content; font-family:"Manrope"; font-weight:700; color:transparent; font-size:2.25rem; letter-spacing:0; line-height:2.875rem; white-space:nowrap; }
.geo-lp .geo-faq .span { color:#ffffff; }
.geo-lp .geo-faq .text-wrapper-2 { color:#9fba5d; }
.geo-lp .geo-faq .frame { display:flex; width:112.25rem; position:relative; flex-direction:column; align-items:flex-start; }
.geo-lp .geo-faq .frame-2 { display:flex; flex-direction:column; align-items:flex-end; position:relative; align-self:stretch; width:100%; flex:0 0 auto; }
.geo-lp .geo-faq .q { padding:1.5625rem 2.5rem; flex:0 0 auto; border-radius:0.1875rem 0.1875rem 0 0; display:flex; align-items:center; justify-content:space-between; position:relative; align-self:stretch; width:100%; overflow:hidden; border-bottom-width:0.0625rem; border-bottom-style:solid; border-color:#ffffff; }
.geo-lp .geo-faq .text-wrapper-3 { position:relative; width:fit-content; font-family:"Manrope"; font-weight:600; color:#ffffff; font-size:1.75rem; letter-spacing:0; line-height:2.1875rem; }
.geo-lp .geo-faq .img { position:relative; width:3.125rem; height:3.125rem; }
.geo-lp .geo-faq .div-wrapper { display:flex; flex-direction:column; align-items:flex-start; gap:0.625rem; padding:1.875rem 2.5rem; position:relative; align-self:stretch; width:100%; }
.geo-lp .geo-faq .text-2 { display:flex; flex-direction:column; align-items:flex-start; gap:1.25rem; position:relative; align-self:stretch; width:100%; flex:0 0 auto; }
.geo-lp .geo-faq .text-wrapper-4 { position:relative; margin-top:-0.0625rem; font-family:"Manrope"; font-weight:400; color:#cccccc; font-size:1rem; letter-spacing:0; line-height:normal; }
.geo-lp .geo-faq .q-text { display:flex; flex-direction:column; width:86.125rem; align-items:flex-start; gap:0.9375rem; position:relative; flex:0 0 auto; margin:0; padding:0; list-style:none; }
.geo-lp .geo-faq .frame-3 { display:inline-flex; align-items:center; gap:0.625rem; position:relative; flex:0 0 auto; }
.geo-lp .geo-faq .ellipse { position:relative; width:0.25rem; height:0.25rem; background-color:#cccccc; border-radius:0.125rem; flex:0 0 auto; }
.geo-lp .geo-faq .frame-4 { display:inline-flex; align-items:flex-start; gap:0.625rem; position:relative; flex:0 0 auto; }
.geo-lp .geo-faq .ellipse-wrapper { display:inline-flex; height:2.75rem; align-items:flex-start; gap:0.625rem; padding:1.875rem 0; position:relative; flex:0 0 auto; }
.geo-lp .geo-faq .ellipse-2 { margin-bottom:-1.25rem; position:relative; width:0.25rem; height:0.25rem; background-color:#cccccc; border-radius:0.125rem; flex:0 0 auto; }
.geo-lp .geo-faq .q-2 { display:flex; align-items:center; justify-content:space-between; padding:1.5625rem 2.5rem; position:relative; align-self:stretch; width:100%; flex:0 0 auto; border-radius:0.1875rem; overflow:hidden; border-top-width:0.0625rem; border-top-style:solid; border-color:#ffffff; }
.geo-lp .geo-faq .q-3 { padding:2.1875rem 2.5rem; border-radius:0.1875rem; border-top-width:0.0625rem; border-top-style:solid; display:flex; align-items:center; justify-content:space-between; position:relative; align-self:stretch; width:100%; overflow:hidden; border-bottom-width:0.0625rem; border-bottom-style:solid; border-color:#ffffff; }
.geo-lp .geo-faq .text-wrapper-5 { position:relative; width:fit-content; font-family:"Manrope"; font-weight:600; color:#ffffff; font-size:1.75rem; letter-spacing:0; line-height:2.1875rem; }
.geo-lp .geo-faq .icon-add { position:relative; width:3.125rem; height:3.125rem; }
.geo-lp .geo-faq details { width:100%; }
.geo-lp .geo-faq summary { list-style:none; cursor:pointer; }
.geo-lp .geo-faq summary::-webkit-details-marker { display:none; }
.geo-lp .geo-faq .img, .geo-lp .geo-faq .icon-add { flex:0 0 auto; }

/* Иконка +/- рисуется на summary; исходный <img> прячем. Открытая деталь = минус. */
.geo-lp .geo-faq summary .img,
.geo-lp .geo-faq summary .icon-add { display: none; }
.geo-lp .geo-faq summary::after {
	content: "";
	flex: 0 0 auto;
	width: 3.125rem;
	height: 3.125rem;
	background: url(/geo-aeo/./img/faq/icon-plus.svg) center/contain no-repeat;
}
/* Открытая деталь: тот же «+», повёрнутый на 45° → крест того же размера, что и плюс */
.geo-lp .geo-faq details[open] summary::after {
	transform: rotate(45deg);
}
.geo-lp .geo-faq summary:focus-visible { outline: 2px solid #9fba5d; outline-offset: -2px; }

/* Плавное раскрытие/скрытие ответа (современный CSS, Chrome 129+) */
:root { interpolate-size: allow-keywords; }
.geo-lp .geo-faq details::details-content {
	height: 0;
	overflow: clip;
	transition: height .35s ease, content-visibility .35s allow-discrete;
}
.geo-lp .geo-faq details[open]::details-content {
	height: auto;
}
.geo-lp .geo-faq summary::after { transition: transform .3s ease; }

/* Убрать лишние маркеры ::before/::after у пунктов списка ответа FAQ */
.geo-lp .geo-faq li::before,
.geo-lp .geo-faq li::after,
.geo-lp .geo-faq .q-text li::before { content: none !important; display: none !important; }

/* End */


/* Start:/geo-aeo/08-cases.css?17857658703819*/
/* Блок «Кейсы» (по макету) + общий hover-оверлей превью (.preview). rem, .geo-lp scope. */
.geo-lp .geo-cases {
	display: flex;
	flex-direction: column;
	width: 112rem;
	align-items: center;
	gap: 3.125rem;
}
.geo-lp .geo-cases .title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.625rem;
	width: 100%;
}
.geo-lp .geo-cases .frame {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
}
.geo-lp .geo-cases .text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4375rem;
}
.geo-lp .geo-cases .text-wrapper { font-family: "Manrope", Helvetica; font-weight: 500; color: #788d45; font-size: 0.875rem; }
.geo-lp .geo-cases .div { font-family: "Manrope", Helvetica; font-weight: 700; color: #ffffff; font-size: 2.25rem; line-height: 2.875rem; }
.geo-lp .geo-cases .view {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: #838383;
	font-family: "Manrope", Helvetica;
	font-weight: 500;
	font-size: 0.9375rem;
	cursor: pointer;
	white-space: nowrap;
}
.geo-lp .geo-cases .view .image { width: 1.875rem; height: 1.875rem; }
.geo-lp .geo-cases .p {
	width: 100%;
	font-family: "Manrope", Helvetica;
	font-weight: 400;
	color: #838383;
	font-size: 1rem;
	line-height: 1.5rem;
}
.geo-lp .geo-cases .projects { display: flex; flex-wrap: wrap; width: 100%; gap: 1.9375rem; }
.geo-lp .geo-cases .case { flex: 0 0 calc((100% - 3.875rem) / 3); min-width: 0; height: 24.125rem; }
/* скрытые кейсы (до нажатия «Показать ещё») */
.geo-lp .geo-cases .case.is-hidden { display: none !important; }

/* ===== Общее превью с затемнением и кнопкой «Посмотреть» при наведении ===== */
.geo-lp .preview {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0.1875rem;
	overflow: hidden;
}
.geo-lp .preview img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.geo-lp .preview .preview-hover {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.36) 100%);
	opacity: 0;
	transition: opacity .3s ease;
}
.geo-lp .preview:hover .preview-hover { opacity: 1; }
.geo-lp .preview:hover img { transform: scale(1.05); }
/* Кнопка «Посмотреть» — размеры/отступы как на главной (custom.css .banners-with-text-mixed__view-btn) */
.geo-lp .preview .preview-hover .view-btn {
	pointer-events: auto;
	position: absolute;
	left: 50%;
	bottom: 2.5rem;
	transform: translateX(-50%);
	overflow: hidden;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 9.875rem;
	height: 2.625rem;
	padding: 0.625rem 1.875rem;
	border: 1px solid #ffffff;
	border-radius: 0.25rem;
	background: transparent;
	color: #ffffff;
	font-family: "Manrope", Helvetica;
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1;
	white-space: nowrap;
}
@media (max-width: 768px) {
	.geo-lp .preview .preview-hover .view-btn {
		width: 100%;
		max-width: 6.875rem;
		height: 1.856rem;
		padding: 0.3125rem 0;
		bottom: 1.25rem;
		font-size: clamp(8px, 4vw, 11px);
	}
}

/* Кнопка «Показать ещё» — вид из макета, ховер как у шаблона */
.geo-lp .geo-cases .BTN.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 2.6875rem;
	padding: 0.5rem 1.5rem 0.625rem;
	border: 1px solid #ee4c43;
	border-radius: 0.1875rem;
	background: transparent;
	color: #ee4c43;
	font-family: "Manrope", Helvetica;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.02rem;
}
.geo-lp .geo-cases .BTN.btn:hover { background: #ee4c43; color: #fff; }

/* End */


/* Start:/geo-aeo/09-blog.css?17857658702479*/
/* Блок «Интересное» (блог) по макету — карточка: превью + тег + заголовок + дата. .geo-lp scope. */
.geo-lp .geo-blog {
	display: flex;
	flex-direction: column;
	width: 112rem;
	align-items: flex-start;
	gap: 2.125rem;
}
.geo-lp .geo-blog .title {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	width: 100%;
}
.geo-lp .geo-blog .frame {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
}
.geo-lp .geo-blog .text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4375rem;
}
.geo-lp .geo-blog .text-wrapper { font-family: "Manrope", Helvetica; font-weight: 500; color: #9fba5d; font-size: 0.875rem; }
.geo-lp .geo-blog .div { font-family: "Manrope", Helvetica; font-weight: 700; color: #fdf7f1; font-size: 2.25rem; line-height: 2.875rem; }
.geo-lp .geo-blog .view {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: #838383;
	font-family: "Manrope", Helvetica;
	font-weight: 500;
	font-size: 0.8125rem;
	cursor: pointer;
	white-space: nowrap;
}
.geo-lp .geo-blog .view .image { width: 1.875rem; height: 1.875rem; }
.geo-lp .geo-blog .p {
	width: 100%;
	font-family: "Manrope", Helvetica;
	font-weight: 400;
	color: #838383;
	font-size: 1rem;
	line-height: 1.5rem;
}
.geo-lp .geo-blog .cards { display: flex; width: 100%; gap: 1.9375rem; }
.geo-lp .geo-blog .card {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	min-width: 0;
	border-radius: 0.1875rem;
	overflow: hidden;
	background: #161c1b;
	box-shadow: 0 0.5rem 0.9375rem #00000066;
}
.geo-lp .geo-blog .card .preview { height: 13.9375rem; border-radius: 0; }
.geo-lp .geo-blog .card .body {
	display: flex;
	flex-direction: column;
	gap: 0.6875rem;
	padding: 1rem 1.75rem 1.5rem;
	flex: 1 1 auto;
}
.geo-lp .geo-blog .tag {
	display: inline-flex;
	align-self: flex-start;
	padding: 0.25rem 0.75rem;
	border: 0.5px solid var(--secondary-link, #6aa0ff);
	border-radius: 0.1875rem;
	color: var(--secondary-link, #6aa0ff);
	font-family: "Manrope", Helvetica;
	font-weight: 500;
	font-size: 0.75rem;
}
.geo-lp .geo-blog .card h3 {
	color: #ffffff;
	font-family: "Manrope", Helvetica;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0;
}
.geo-lp .geo-blog .card h3 a { color: #ffffff; }
.geo-lp .geo-blog .date {
	margin-top: auto;
	color: #838383;
	font-family: "Manrope", Helvetica;
	font-weight: 400;
	font-size: 0.875rem;
}

/* End */


/* Start:/geo-aeo/13-projform.css?17857658705554*/
/* Форма «Обсудим Ваш проект» — вёрстка как на главной (clover_form), фон свой, контакты справа.
   Заскоуплено под .geo-page (специфичность выше ресета .geo-page *). */
.geo-page .clover-form {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	background: #132c2a url('/geo-aeo/./img/form/background-form-2.jpg') no-repeat center / cover;
	color: #ffffff;
}
.geo-page .clover-form-container {
	max-width: 116rem;
	margin: 0 auto;
	padding: 4.5rem 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4rem;
	box-sizing: border-box;
}
/* Левая часть — форма */
.geo-page .cf-left { flex: 0 1 auto; display: flex; }
.geo-page .clover-form-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 38.5rem;
	gap: 1.125rem;
}
.geo-page .clover-input {
	width: 100%;
	height: 3.375rem;
	background: transparent;
	border: 1px solid #9fba5d;
	border-radius: 0.625rem;
	color: #ffffff;
	font-family: "Manrope", Helvetica;
	font-size: 1rem;
	padding: 0 1.25rem;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	outline: none;
	box-sizing: border-box;
}
.geo-page .clover-input::placeholder { color: #c4c4c4; opacity: 1; }
.geo-page .clover-input { caret-color: #ffffff; }
.geo-page .clover-input:focus { border-color: #ffffff; }
/* Чекбокс согласия */
.geo-page .clover-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	font-family: "Manrope", Helvetica;
	font-size: 0.8125rem;
	line-height: 1.35;
	color: #d9d9d9;
	max-width: 38.5rem;
	cursor: pointer;
}
.geo-page .clover-checkbox input { display: none; }
.geo-page .checkmark {
	flex: 0 0 1.125rem;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 0.1875rem;
	border: 1px solid #9fba5d;
	position: relative;
	margin-top: 0.1rem;
}
.geo-page .clover-checkbox input:checked + .checkmark::after {
	content: '';
	position: absolute;
	left: 0.3rem;
	top: 0.05rem;
	width: 0.32rem;
	height: 0.62rem;
	border: solid #9fba5d;
	border-width: 0 0.15rem 0.15rem 0;
	transform: rotate(45deg);
}
.geo-page .checkbox-text a { color: #9fba5d; text-decoration: underline; }
/* Кнопка */
.geo-page .clover-btn {
	margin-top: 0.625rem;
	width: 15rem;
	height: 3.375rem;
	border-radius: 0.1875rem;
	background: #ee4c43;
	border: none;
	color: #ffffff;
	font-family: "Manrope", Helvetica;
	font-weight: 700;
	font-size: 1rem;
	text-align: center;
	cursor: pointer;
	transition: background 0.3s, opacity 0.3s;
}
.geo-page .clover-btn:hover { background: #df4038; }
.geo-page .clover-btn.disabled,
.geo-page .clover-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.geo-page .cf-msg { margin-top: 0.5rem; color: #d9d9d9; font-family: "Manrope", Helvetica; font-size: 0.9375rem; }
/* Правая часть — заголовок + контакты */
.geo-page .cf-right {
	flex: 0 1 auto;
	margin-left: auto;
	margin-right: 6.25rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	gap: 1.25rem;
}
.geo-page .cf-title {
	margin: 0;
	font-family: "Manrope", Helvetica;
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 1.2;
	color: #ffffff;
	text-shadow: 0 0.25rem 0.25rem #00000040;
}
.geo-page .cf-sub {
	margin: 0;
	font-family: "Manrope", Helvetica;
	font-weight: 400;
	font-size: 1.375rem;
	line-height: 1.4;
	color: #d9d9d9;
	max-width: 34rem;
	text-shadow: 0 0.25rem 0.25rem #00000040;
}
.geo-page .cf-contacts {
	display: flex;
	gap: 1.75rem;
	flex-wrap: wrap;
	font-style: normal;
	margin-top: 0.75rem;
}
.geo-page .cf-contact {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1.25rem;
	background: #d9d9d91a;
	border-radius: 1.25rem;
	-webkit-backdrop-filter: blur(9px);
	backdrop-filter: blur(9px);
	color: inherit;
	box-shadow: inset -0.11rem 0.11rem 0.11rem #ffffff66, inset 0.11rem -0.11rem 0.11rem #7aa0c766;
}
.geo-page .cf-ic {
	flex: 0 0 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.geo-page .cf-ic img { width: 2.5rem; height: 2.5rem; object-fit: contain; }
.geo-page .cf-cc { display: flex; flex-direction: column; }
.geo-page .cf-label { font-family: "Manrope", Helvetica; font-size: 0.75rem; color: #d9d9d9; line-height: 1.3; }
.geo-page .cf-val {
	font-family: "Manrope", Helvetica; font-weight: 700; font-size: 1rem; color: #ffffff; line-height: 1.4;
	/* номер всегда виден полностью — без обрезки/маски/затухания */
	white-space: nowrap;
	overflow: visible;
	text-overflow: clip;
	-webkit-mask: none !important;
	mask: none !important;
	-webkit-text-fill-color: #ffffff;
	background: none !important;
}
.geo-page .cf-contact { overflow: visible; }
.geo-page .cf-cc { min-width: 0; overflow: visible; }

/* Подписи полей над полями (форма «Обсудим Ваш проект») */
.geo-page .cf-field-label {
	display: block;
	font-family: "Manrope", Helvetica;
	font-weight: 500;
	font-size: 0.9375rem;
	color: #d9d9d9;
	margin-bottom: -0.75rem; /* компенсируем flex-gap: итог ~6px до поля */
}

@media (max-width: 900px) {
	.geo-page .clover-form-container { flex-direction: column; align-items: flex-start; gap: 2.5rem; padding: 3rem 1.5rem; }
	.geo-page .cf-left, .geo-page .cf-right { flex: none; width: 100%; }
	.geo-page .clover-form-box, .geo-page .clover-checkbox { max-width: none; }
	.geo-page .clover-btn { width: 100%; }
}

/* End */


/* Start:/geo-aeo/20-mobile.css?178578650629313*/
/* ==== Мобильная версия лендинга (≤900px). ==== */
/* Мобильный баннер по умолчанию скрыт (десктоп) */
.geo-lp .geo-mbanner { display: none; }


@media (max-width: 900px) {
	/* Фундамент: без fit-zoom блоки строго 100% ширины, без горизонтального скролла */
	html, body { overflow-x: hidden; }
	/* Убираем заголовок страницы + хлебные крошки и отступ от шапки на лендинге */
	.page-top-wrapper,
	.page-top-info,
	.breadcrumbs,
	.breadcrumbs.swipeignore { display: none !important; }
	.maxwidth-theme.wide- { margin-top: 0 !important; padding-top: 0 !important; }
	.geo-page { margin-top: 0 !important; padding-top: 0 !important; }
	/* Пустая обёртка десктопного баннера (первый section .geo-lp) — убираем,
	   чтобы flex-gap перед мобильным баннером не давал отступа от шапки */
	.geo-lp > section:first-child { display: none !important; }
	/* Обёртка шаблона вокруг лендинга — убираем боковые отступы/ширину, чтобы контент был во всю ширину */
	.maxwidth-theme.wide- {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow-x: hidden !important;
	}
	/* форма «Обсудим Ваш проект» — убрать 100%-breakout, чтобы не раздувала страницу */
	.geo-page .clover-form {
		position: static !important;
		left: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		overflow-x: hidden;
	}
	.geo-page {
		position: static !important;
		left: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		padding: 0 !important;
		overflow-x: hidden !important;
		/* на мобилке фон страницы — сплошной цвет, без картинки */
		background: #1B2221 !important;
	}
	.geo-lp {
		width: 100% !important;
		max-width: 100% !important;
		--block-gap: 80px;
		align-items: stretch;
		overflow-x: hidden;
	}
	.geo-lp > section {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}

	/* ============ Баннер: десктоп прячем, показываем мобильный ============ */
	.geo-lp .geo-banner { display: none !important; }
	

	.geo-lp .geo-mbanner {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		aspect-ratio: 375 / 634; /* высота баннера пропорционально ширине картинки */
		background: #132c2a url(/geo-aeo/./img/m/banner-bg.jpg) top center / 100% auto no-repeat;
		box-sizing: border-box;
		overflow: hidden;
		margin-top: 60px;
	}
	.geo-lp .geo-mbanner .mb-content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.25rem;
		padding: 1.875rem 1.5rem;
		box-sizing: border-box;
		max-width: 100%;
	}
	.geo-lp .geo-mbanner .mb-title {
		margin: 0;
		width: 100%;
		max-width: calc(100% - 3rem);
		font-family: "Manrope", Helvetica;
		font-weight: 700;
		font-size: 1.625rem;   /* 26px */
		line-height: 1.875rem; /* 30px */
		overflow-wrap: anywhere;
	}
	.geo-lp .geo-mbanner .mb-w { color: #ffffff; }
	.geo-lp .geo-mbanner .mb-g { color: #9fba5d; }
	.geo-lp .geo-mbanner .mb-sub {
		margin: 0;
		width: 100%;
		max-width: calc(100% - 3rem);
		font-family: "Manrope", Helvetica;
		font-weight: 400;
		font-size: 0.875rem;  /* 14px */
		line-height: 1.25rem; /* 20px */
		color: #d9d9d9;
		overflow-wrap: anywhere;
	}
	.geo-lp .geo-mbanner .mb-btns {
		display: flex;
		flex-direction: column;
		align-self: stretch;
		align-items: center;
		gap: 0.9375rem;
		margin-top: 0.75rem;
	}
	.geo-lp .geo-mbanner .mb-btns .btn {
		width: 17.5rem;   /* 280px */
		max-width: calc(100% - 3rem);
		height: auto;
		padding: 0.75rem 2.5rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.625rem;
		font-size: 1rem;
		border-radius: 0.1875rem;
	}
	.geo-lp .geo-mbanner .mb-order,
	.geo-lp .geo-mbanner .mb-order:hover {
		background-color: #ee4c43 !important;
		border-color: #ee4c43 !important;
		color: #ffffff !important;
	}
	.geo-lp .geo-mbanner .mb-tg,
	.geo-lp .geo-mbanner .mb-tg:hover {
		background-color: transparent !important;
		border: 1px solid #ffffff !important;
		color: #ffffff !important;
	}
	.geo-lp .geo-mbanner .mb-ic { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }

	/* ================= Факты ================= */
	.geo-lp .geo-facts {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 1.25rem;
		gap: 1.75rem !important;
	}
	.geo-lp .geo-facts .frame { width: 100% !important; gap: 1.25rem !important; }
	.geo-lp .geo-facts .div { width: 100% !important; }
	.geo-lp .geo-facts .p { width: 100% !important; font-size: 1.5rem !important; line-height: 1.875rem !important; }
	.geo-lp .geo-facts .chatgpt-perplexity { width: 100% !important; font-size: 0.875rem !important; line-height: 1.25rem !important; }
	.geo-lp .geo-facts .span,
	.geo-lp .geo-facts .text-wrapper-2,
	.geo-lp .geo-facts .text-wrapper-3,
	.geo-lp .geo-facts .text-wrapper-4 { font-size: 0.875rem !important; line-height: 1.25rem !important; }
	/* декоративную div-иллюстрацию прячем, показываем готовую картинку из макета */
	.geo-lp .geo-facts .pic { display: none !important; }
	.geo-lp .geo-facts .facts-mpic {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		border-radius: 0.75rem;
	}
	/* 3 карточки-тизера — в столбик, на всю ширину; иконка40 → заголовок → текст */
	.geo-lp .geo-facts .cards {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 1rem !important;
	}
	.geo-lp .geo-facts .fc {
		position: static !important;
		width: 100% !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 0.75rem !important;
		box-sizing: border-box;
	}
	.geo-lp .geo-facts .fc__ic { width: 2.5rem !important; height: 2.5rem !important; }
	.geo-lp .geo-facts .fc__title { font-size: 1.125rem !important; line-height: 1.5rem !important; }
	.geo-lp .geo-facts .fc__desc { font-size: 1rem !important; line-height: 1.375rem !important; }

	/* ================= Боли ================= */
	.geo-lp .geo-pains {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 1.25rem;
		gap: 1.75rem !important;
	}
	.geo-lp .geo-pains .div { width: 100% !important; font-size: 1.5rem !important; line-height: 1.875rem !important; }
	.geo-lp .geo-pains .p { width: 100% !important; }
	/* карточки строго без наклона */
	.geo-lp .geo-pains .cards * { transform: none !important; }
	/* контейнер карточек: из абсолютного в вертикальный стек */
	.geo-lp .geo-pains .cards {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 1rem !important;
		overflow: visible !important;
	}
	/* каждая статья — контейнер с наложением (как в макете), без наклона */
	.geo-lp .geo-pains .frame,
	.geo-lp .geo-pains .frame-4,
	.geo-lp .geo-pains .frame-6,
	.geo-lp .geo-pains .frame-8,
	.geo-lp .geo-pains .frame-9 {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
	}
	/* карточка проблемы (светлая, красный заголовок + описание) — сверху */
	.geo-lp .geo-pains .frame-wrapper,
	.geo-lp .geo-pains .link-2,
	.geo-lp .geo-pains .link-4,
	.geo-lp .geo-pains .link-7 {
		position: static !important;
		transform: none !important;
		width: 100% !important;
		height: auto !important;
		order: 1;
		box-sizing: border-box;
		background-color: #d9d9d91a !important;
		padding: 1rem 1.25rem 1.75rem !important;
		border-radius: 0.9rem !important;
		z-index: 1;
	}
	/* зелёная карточка решения — перекрывает снизу со смещением */
	.geo-lp .geo-pains .link,
	.geo-lp .geo-pains .link-3,
	.geo-lp .geo-pains .link-5,
	.geo-lp .geo-pains .link-6,
	.geo-lp .geo-pains .group-2 {
		position: relative !important;
		transform: none !important;
		width: auto !important;
		height: auto !important;
		order: 2;
		box-sizing: border-box;
		margin: -1.25rem 0.5rem 0 2rem !important;
		z-index: 2;
	}
	/* сам зелёный фон/паддинги: прямые .link* и .div-wrapper (внутри .group-2) */
	.geo-lp .geo-pains .link,
	.geo-lp .geo-pains .link-3,
	.geo-lp .geo-pains .link-5,
	.geo-lp .geo-pains .link-6,
	.geo-lp .geo-pains .group-2 .div-wrapper {
		background-color: #788d45 !important;
		border-radius: 0.9rem !important;
		padding: 0.85rem 3.5rem 0.85rem 1.25rem !important;
	}
	.geo-lp .geo-pains .group-2 .div-wrapper {
		position: static !important;
		transform: none !important;
		width: 100% !important;
		height: auto !important;
		box-sizing: border-box;
	}
	/* внутренние фикс-ширины 20rem → 100% */
	.geo-lp .geo-pains .frame-2,
	.geo-lp .geo-pains .frame-3,
	.geo-lp .geo-pains .frame-5,
	.geo-lp .geo-pains .frame-7 { width: 100% !important; }
	.geo-lp .geo-pains .text-wrapper-3 { width: 100% !important; }
	/* описание проблемы — из absolute в поток */
	.geo-lp .geo-pains .paragraph { height: auto !important; }
	.geo-lp .geo-pains .AI,
	.geo-lp .geo-pains .AI-2,
	.geo-lp .geo-pains .AI-3 {
		position: static !important;
		width: 100% !important;
	}
	/* иконки-клевер — справа снизу зелёной карточки (как в макете) */
	.geo-lp .geo-pains .group,
	.geo-lp .geo-pains .group-3,
	.geo-lp .geo-pains .group-4,
	.geo-lp .geo-pains .group-5,
	.geo-lp .geo-pains .group-2 .img {
		display: block !important;
		position: absolute !important;
		right: 0.5rem !important;
		bottom: 0.5rem !important;
		top: auto !important;
		left: auto !important;
		width: 2.75rem !important;
		height: 2.75rem !important;
		margin: 0 !important;
		transform: none !important;
		z-index: 3;
	}

	/* ================= Сравнение GEO/SEO ================= */
	.geo-lp .geo-compare {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		padding: 0 1.25rem;
		flex-direction: column !important;
		height: auto !important;
		gap: 2rem !important;
	}
	.geo-lp .geo-compare .frame {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}
	.geo-lp .geo-compare .div { width: 100% !important; font-size: 1.5rem !important; line-height: 1.875rem !important; }
	.geo-lp .geo-compare .p { width: 100% !important; }
	/* таблица прокручивается по горизонтали (жёсткая ширина 67rem) */
	.geo-lp .geo-compare .table {
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
	}
	/* иллюстрация с телефонами AEO/SEO — уменьшаем через zoom, чтобы влезла */
	.geo-lp .geo-compare .pic {
		zoom: 0.5;
		margin: 0 auto !important;
	}

	/* ================= Состав услуги ================= */
	.geo-lp .geo-service {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 1.25rem;
		gap: 2rem !important;
	}
	.geo-lp .geo-service .title { width: 100%; }
	.geo-lp .geo-service .div { width: 100% !important; font-size: 1.5rem !important; line-height: 1.875rem !important; }
	.geo-lp .geo-service .p { width: 100% !important; }
	.geo-lp .geo-service .cards { gap: 1rem !important; }
	/* ряды по 3 → в столбик, карточки на всю ширину */
	.geo-lp .geo-service .frame {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 1rem !important;
		width: 100% !important;
	}
	.geo-lp .geo-service .container {
		width: 100% !important;
		height: auto !important;
		min-height: 16rem;
	}
	.geo-lp .geo-service .background { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; }
	/* контент карточки — в поток, чтобы карточка РОСЛА под текст (весь текст влезает).
	   .frame-4 — карточка 06 (Мониторинг и отчётность): та же структура, но другой класс. */
	.geo-lp .geo-service .frame-2,
	.geo-lp .geo-service .frame-4 {
		position: static !important;
		width: 100% !important;
		height: auto !important;               /* у .frame-4 была фикс. высота — сбрасываем */
		top: auto !important; left: auto !important; right: auto !important;
		padding: 1.875rem 1.5rem !important;
		margin: 0 !important;
		gap: 1.25rem !important;
		box-sizing: border-box;
	}
	.geo-lp .geo-service .frame-3,
	.geo-lp .geo-service .frame-5 { width: 100% !important; margin-bottom: 0 !important; }
	.geo-lp .geo-service .div-wrapper { width: 100% !important; height: auto !important; }
	.geo-lp .geo-service .text-wrapper-4 {
		position: static !important;
		white-space: normal !important;
		font-size: clamp(1rem, 4.5vw, 1.25rem) !important;
		line-height: 1.3 !important;
	}
	.geo-lp .geo-service .paragraph { width: 100% !important; }
	.geo-lp .geo-service .AI,
	.geo-lp .geo-service .AI-2 {
		width: 100% !important;
		font-size: clamp(0.8125rem, 3.6vw, 1rem) !important;
		line-height: 1.375 !important;
	}
	/* убираем крупные номера 01–06 на мобилке */
	.geo-lp .geo-service .text-wrapper-5,
	.geo-lp .geo-service .text-wrapper-7,
	.geo-lp .geo-service .text-wrapper-10,
	.geo-lp .geo-service .text-wrapper-11 { display: none !important; }

	/* ================= Тарифы ================= */
	.geo-lp .geo-tariffs {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 1.25rem;
		height: auto !important;
		gap: 2rem !important;
	}
	.geo-lp .geo-tariffs .title { width: 100% !important; height: auto !important; }
	.geo-lp .geo-tariffs .p { width: 100% !important; }
	/* 3 карты в столбик на всю ширину */
	.geo-lp .geo-tariffs .tariff {
		width: 100% !important;
		height: auto !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 1.25rem !important;
	}
	.geo-lp .geo-tariffs .start,
	.geo-lp .geo-tariffs .opti,
	.geo-lp .geo-tariffs .prem {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		/* отступы фона карточки: сверху/снизу 30px, бока 25px; текст↔кнопка 25px */
		padding: 30px 25px !important;
		gap: 25px !important;
		box-sizing: border-box;
		overflow: hidden !important;   /* контент строго внутри фона карточки */
		/* фон-картинка растягивается на всю карточку; базовый цвет — на случай кэша/непокрытия */
		background-color: #132c2a !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
	}
	/* Все тарифы — JPG-фон, заполняет всю карточку (лишнее по ширине обрезается) */
	.geo-lp .geo-tariffs .start,
	.geo-lp .geo-tariffs .opti,
	.geo-lp .geo-tariffs .prem {
		background-image: url(/geo-aeo/./img/start-bg.jpg) !important;
		background-size: cover !important;
	}
	/* ничто внутри карточки не выходит за её ширину */
	.geo-lp .geo-tariffs .start *,
	.geo-lp .geo-tariffs .opti *,
	.geo-lp .geo-tariffs .prem * {
		max-width: 100% !important;
		box-sizing: border-box;
		overflow-wrap: anywhere;
	}
	/* обёртка контента (title+list+price) → в поток, первой */
	.geo-lp .geo-tariffs .frame,
	.geo-lp .geo-tariffs .frame-6,
	.geo-lp .geo-tariffs .frame-8 {
		position: static !important;
		width: 100% !important;
		order: 1;
		gap: 1.5rem !important;
	}
	/* кнопка → в поток, под ценой, на всю ширину; компактнее (макет: 44px, 14px) */
	.geo-lp .geo-tariffs .button,
	.geo-lp .geo-tariffs .button-2,
	.geo-lp .geo-tariffs .button-3 {
		position: relative !important;  /* в потоке, но рипл держится внутри кнопки */
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		height: 2.75rem !important;
		padding: 0.75rem 1rem !important;
		border-width: 1px !important;
		overflow: hidden !important;
		order: 2;
		margin: 0 !important;
	}
	.geo-lp .geo-tariffs .text-wrapper-2 { width: auto !important; font-size: clamp(0.75rem, 3.3vw, 0.875rem) !important; white-space: normal !important; text-align: center; }
	/* внутренние фикс-ширины → 100% */
	.geo-lp .geo-tariffs .frame-2,
	.geo-lp .geo-tariffs .frame-7,
	.geo-lp .geo-tariffs .frame-9,
	.geo-lp .geo-tariffs .frame-3 { width: 100% !important; }
	.geo-lp .geo-tariffs .frame-4 { height: auto !important; }
	.geo-lp .geo-tariffs .frame-4 img { display: none !important; }
	/* заголовок тарифа — 22px по макету */
	.geo-lp .geo-tariffs .GEO-AEO,
	.geo-lp .geo-tariffs .GEO-aeopro,
	.geo-lp .geo-tariffs .GEO-aeomax {
		position: static !important;
		width: 100% !important;
		white-space: normal !important;
		font-size: 1.375rem !important;
		line-height: 1.75rem !important;
	}
	/* описание тарифа — 14px */
	.geo-lp .geo-tariffs .GEO { width: 100% !important; font-size: 0.875rem !important; line-height: 1.25rem !important; }
	/* пункты списка — 14px, переносятся */
	.geo-lp .geo-tariffs .text-wrapper-3,
	.geo-lp .geo-tariffs .text-wrapper-4,
	.geo-lp .geo-tariffs .text-wrapper-6 {
		width: auto !important;
		white-space: normal !important;
		font-size: 0.875rem !important;
		line-height: 1.2rem !important;
	}
	/* цена — 26px по макету */
	.geo-lp .geo-tariffs .text-wrapper-5 { font-size: 1.625rem !important; }
	.geo-lp .geo-tariffs .frame-wrapper { width: auto !important; height: auto !important; }
	/* отступы карточки тарифа: 30px верх/низ, 25px бока; текст↔кнопка 25px */
	.geo-lp .geo-tariffs .start,
	.geo-lp .geo-tariffs .opti,
	.geo-lp .geo-tariffs .prem { padding: 30px 25px !important; gap: 25px !important; }

	/* ================= Кейсы ================= */
	.geo-lp .geo-cases {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 1.25rem;
		gap: 2rem !important;
	}
	.geo-lp .geo-cases .div { font-size: 1.5rem !important; line-height: 1.875rem !important; }
	/* сетка: 3 квадратных превью в ряд, переносятся строками */
	.geo-lp .geo-cases .projects {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 9px !important;
		overflow: visible !important;
	}
	.geo-lp .geo-cases .case {
		flex: 0 0 calc((100% - 18px) / 3) !important;  /* 3 в ряд */
		min-width: 0 !important;
		width: auto !important;
		height: auto !important;
		aspect-ratio: 1 !important;
	}

	/* ================= Преимущества ================= */
	.geo-lp .geo-adv {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 1.25rem;
		gap: 2rem !important;
	}
	.geo-lp .geo-adv .adv-head h2 { font-size: 1.5rem !important; line-height: 1.875rem !important; }
	.geo-lp .geo-adv .cards {
		display: flex !important;
		flex-direction: column !important;
		gap: 1.5rem !important;
	}
	.geo-lp .geo-adv .card { flex: 0 0 auto !important; width: 100% !important; }
	/* карточку «Работаем в Омске» (первую) — в конец списка на мобилке */
	.geo-lp .geo-adv .cards .card:first-child { order: 1 !important; }
	/* порядок внутри карточки: год → «Работаем в Омске» → текст → бейджи; без лишних отступов */
	.geo-lp .geo-adv .card .visual { min-height: auto !important; }
	.geo-lp .geo-adv .card .rating { margin-top: 0.25rem !important; }
	/* Кнопки блока — единый размер, влезают на экран; иконки масштабируются с текстом (em) */
	.geo-lp .geo-adv .card .adv-btn {
		margin-top: 0.5rem !important;
		align-self: stretch !important;
		width: 100% !important;
		justify-content: center !important;
		white-space: nowrap !important;
		font-size: clamp(0.75rem, 3.4vw, 1rem) !important;
		padding: 0 1rem !important;
		gap: 0.5em !important;
	}
	.geo-lp .geo-adv .card .adv-btn .play { width: 1.125em !important; height: 1.125em !important; }

	/* ================= Блог (карусель) ================= */
	.geo-lp .geo-blog {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 !important;               /* секция во всю ширину, чтобы карточки выглядывали у края */
		gap: 1.75rem !important;
	}
	.geo-lp .geo-blog > .title,
	.geo-lp .geo-blog > .p {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
		box-sizing: border-box;
		width: 100% !important;
	}
	.geo-lp .geo-blog .div { font-size: 1.5rem !important; line-height: 1.875rem !important; }
	/* убираем ссылку «Все статьи» с иконкой */
	.geo-lp .geo-blog .view { display: none !important; }
	/* горизонтальная карусель: чёткое листание (snap) + следующая карточка выглядывает справа */
	.geo-lp .geo-blog .cards {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		padding: 0 1.25rem 0.5rem !important;
		scroll-padding-left: 1.25rem !important;
		gap: 0.875rem !important;
		width: 100% !important;
		box-sizing: border-box;
		scrollbar-width: none;
	}
	.geo-lp .geo-blog .cards::-webkit-scrollbar { display: none; }
	.geo-lp .geo-blog .card {
		flex: 0 0 80vw !important;
		width: 80vw !important;
		max-width: 22rem !important;
		scroll-snap-align: start;
	}

	/* ================= FAQ ================= */
	.geo-lp .geo-faq {
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 1.25rem;
		gap: 2rem !important;
	}
	.geo-lp .geo-faq .title { width: 100% !important; height: auto !important; }
	.geo-lp .geo-faq .p { font-size: 1.5rem !important; line-height: 1.875rem !important; white-space: normal !important; }
	.geo-lp .geo-faq .frame { width: 100% !important; }
	/* вопрос и ответ — без боковых отступов, вровень с заголовком «Частые вопросы» */
	.geo-lp .geo-faq .q,
	.geo-lp .geo-faq .q-2,
	.geo-lp .geo-faq .q-3 { padding: 1rem 0 !important; }
	.geo-lp .geo-faq .text-wrapper-3,
	.geo-lp .geo-faq .text-wrapper-5 { font-size: 1.0625rem !important; line-height: 1.4rem !important; }
	.geo-lp .geo-faq .img,
	.geo-lp .geo-faq .icon-add,
	.geo-lp .geo-faq summary::after { width: 2rem !important; height: 2rem !important; }
	.geo-lp .geo-faq .div-wrapper { padding: 0.25rem 0 1rem !important; }
	.geo-lp .geo-faq .q-text { width: 100% !important; }
	.geo-lp .geo-faq .text-wrapper-4 { font-size: 0.9375rem !important; }

	/* ============ Форма «Не знаете, что выбрать?» ============ */
	.geo-lp .geo-choose {
		width: 100% !important;
		margin: 0 !important;
		min-height: 590px !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 1.25rem !important;
		/* отступ сверху 168px — под декоративную часть фона */
		padding: 168px 1.5rem 1.75rem !important;
		border-radius: 0 !important;
		/* фон показан полностью, без обрезки */
		background: #161c1b url(/geo-aeo/./img/m/choose-bg.jpg) center / 100% 100% no-repeat !important;
	}
	.geo-lp .geo-choose .text { max-width: 100% !important; }
	.geo-lp .geo-choose .text .div { font-size: 1.375rem !important; }
	.geo-lp .geo-choose .text .p { font-size: 1rem !important; }
	.geo-lp .geo-choose .inputs {
		margin-left: 0 !important;
		max-width: 100% !important;
		flex-direction: column !important;
		align-items: stretch !important;
		flex-wrap: nowrap !important;
		gap: 0.75rem !important;
	}
	.geo-lp .geo-choose .input { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; }
	/* подписи полей — только внутри полей (placeholder); дублирующие label скрыть */
	.geo-lp .geo-choose .inputs label,
	.geo-lp .geo-choose label.visually-hidden {
		position: absolute !important;
		width: 1px !important; height: 1px !important;
		padding: 0 !important; margin: -1px !important;
		overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important; border: 0 !important;
	}
	/* отступ кнопки от последнего поля 30px (12px gap + 18px) */
	.geo-lp .geo-choose .BTN-hover { width: 100% !important; justify-content: center !important; margin-top: 18px !important; }
	.geo-lp .geo-choose .form-msg { text-align: center !important; }

	/* ============ Финальная форма «Обсудим Ваш проект»: мобильный фон ============ */
	.geo-page .clover-form {
		background: #132c2a url(/geo-aeo/./img/m/form-bg.jpg) no-repeat center top / cover !important;
	}
	/* меняем местами: сначала заголовок+контакты (cf-right), потом форма (cf-left) */
	.geo-page .cf-right { order: 1 !important; }
	.geo-page .cf-left { order: 2 !important; }
	/* отступ 60px между полем «Адрес сайта» и блоком согласия (учитываем gap формы 1.125rem) */
	.geo-page .clover-checkbox { margin-top: calc(60px - 1.125rem) !important; }
	/* контакты — каждый во всю ширину, содержимое (иконка+текст) слева */
	.geo-page .cf-contacts { flex-direction: column !important; align-items: stretch !important; width: 100% !important; align-self: stretch !important; gap: 0.75rem !important; }
	.geo-page .cf-contact {
		width: 100% !important;
		justify-content: flex-start !important;
		box-sizing: border-box;
		overflow: visible !important;
		-webkit-mask: none !important; mask: none !important;
	}
	/* номер/почта всегда видны полностью, без затухания (перебиваем hover-эффект шаблона) */
	.geo-page .cf-contact .cf-val,
	.geo-page .cf-contact:hover .cf-val,
	.geo-page .cf-cc,
	.geo-page .cf-cc * {
		-webkit-mask: none !important; mask: none !important;
		-webkit-text-fill-color: currentColor !important;
		background: none !important;
		background-image: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		opacity: 1 !important;
	}
	.geo-page .cf-contact .cf-val { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; white-space: nowrap !important; max-width: none !important; }
	.geo-page .cf-contact .cf-label { color: #d9d9d9 !important; -webkit-text-fill-color: #d9d9d9 !important; }
}


/* ===== Лайтбокс таблицы сравнения (только мобилка) ===== */
@media (max-width: 900px) {
	.geo-table-backdrop {
		position: fixed; inset: 0; z-index: 99998;
		background: rgba(0, 0, 0, 0.9);
		-webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
	}
	.geo-table-close {
		position: fixed; top: 0.75rem; right: 0.75rem; z-index: 100000;
		width: 2.75rem; height: 2.75rem; padding: 0;
		border: none; cursor: pointer;
		/* крест как в FAQ: тот же плюс, повёрнутый на 45° */
		background: url(/geo-aeo/./img/faq/icon-plus.svg) center / contain no-repeat;
		transform: rotate(45deg);
		font-size: 0; color: transparent;
	}
	.geo-lp .geo-compare .table { cursor: zoom-in; }
	.geo-lp .geo-compare .table.is-open {
		position: fixed !important;
		top: 50% !important; left: 50% !important;
		width: 67.125rem !important; height: 34.5rem !important;
		max-width: none !important;
		z-index: 99999 !important;
		overflow: visible !important;
		cursor: default;
		transform-origin: center center;
		/* transform (translate + scale) выставляет JS под размер экрана */
	}
}

/* End */


/* Start:/geo-aeo/21-mpains.css?17857658705007*/
/* ==== Боли — отдельная МОБИЛЬНАЯ секция .geo-mpains (по макету, 330px) ==== */
/* По умолчанию (десктоп) — скрыта */
.geo-lp .geo-mpains { display: none; }

@media (max-width: 900px) {
	/* Десктопную секцию болей прячем, показываем мобильную */
	.geo-lp .geo-pains { display: none !important; }

	.geo-lp .geo-mpains,
	.geo-lp .geo-mpains * { box-sizing: border-box; -webkit-font-smoothing: antialiased; }

	.geo-lp .geo-mpains {
		display: flex !important;
		flex-direction: column;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 1.25rem !important;   /* боковые отступы как у других блоков */
		box-sizing: border-box;
		align-items: flex-start;
		gap: 40px;
		position: relative;
	}
	.geo-lp .geo-mpains .title {
		display: flex; flex-direction: column; align-items: flex-start;
		gap: 15px; position: relative; align-self: stretch; width: 100%;
	}
	.geo-lp .geo-mpains .text {
		display: flex; flex-direction: column; align-items: flex-start;
		gap: 7px; position: relative; align-self: stretch; width: 100%;
	}
	.geo-lp .geo-mpains .text-wrapper {
		position: relative; width: fit-content; margin-top: -1px;
		font-family: "Manrope", Helvetica; font-weight: 500; color: #788d45;
		font-size: 14px; line-height: normal;
	}
	.geo-lp .geo-mpains .div {
		position: relative; width: 100%;
		font-family: "Manrope", Helvetica; font-weight: 700; color: #ffffff;
		font-size: 24px; line-height: 36px;
	}
	.geo-lp .geo-mpains .p {
		position: relative; align-self: stretch;
		font-family: "Manrope", Helvetica; font-weight: 400; color: #838383;
		font-size: 14px; line-height: 20px;
	}
	.geo-lp .geo-mpains .cards {
		display: flex; flex-direction: column; align-items: stretch;
		gap: 40px; position: relative; width: 100%;
		margin: 0; padding: 0; list-style: none;
	}

	/* ---- Единая карточка боли: проблема сверху + решение снизу, обе на 100% ширины ---- */
	.geo-lp .geo-mpains .pcard {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	/* карточка «проблема» (светлая, полупрозрачная) */
	.geo-lp .geo-mpains .pcard-problem {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 6px;
		background-color: #d9d9d91a;
		border-radius: 14.45px;
		box-shadow: inset -1.32px 1.32px 1.32px #ffffff66, inset 1.32px -1.32px 1.32px #9fba5d80;
		backdrop-filter: blur(6.61px) brightness(100%);
		-webkit-backdrop-filter: blur(6.61px) brightness(100%);
		padding: 16px 22px 28px;
		box-sizing: border-box;
	}
	.geo-lp .geo-mpains .pcard-ptitle {
		margin: 0 0 6px;
		font-family: "Manrope", Helvetica; font-weight: 700; color: #ee4c43;
		font-size: 13px; line-height: 19.5px;
	}
	.geo-lp .geo-mpains .pcard-ptext {
		margin: 0;
		font-family: "Manrope", Helvetica; font-weight: 400; color: #d9d9d9;
		font-size: 12px; line-height: 17.3px;
	}
	/* карточка «решение» (зелёная), слегка наложена снизу, иконка справа */
	.geo-lp .geo-mpains .pcard-solution {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 4px;
		margin-top: -16px;               /* лёгкое наложение на карточку проблемы */
		background-color: #788d45;
		border-radius: 14.45px;
		padding: 16px 74px 16px 22px;    /* справа — место под иконку-клевер */
		box-sizing: border-box;
	}
	.geo-lp .geo-mpains .pcard-slabel {
		margin: 0 0 4px;
		font-family: "Manrope", Helvetica; font-weight: 700; color: #132c2a;
		font-size: 12px; line-height: 20.2px;
	}
	.geo-lp .geo-mpains .pcard-stext {
		margin: 0;
		font-family: "Manrope", Helvetica; font-weight: 700; color: #ffffff;
		font-size: 13px; line-height: 17.3px;
	}
	.geo-lp .geo-mpains .pcard-ic {
		position: absolute;
		right: 16px; bottom: 14px;
		width: 47px; height: 47px;
		display: block;
	}

	/* Лёгкие наклоны карточек (как в макете) — чередуем направление,
	   «проблема» и «решение» наклонены в разные стороны для эффекта наклеек */
	.geo-lp .geo-mpains .pcard:nth-child(odd)  .pcard-problem  { transform: rotate(-2deg); }
	.geo-lp .geo-mpains .pcard:nth-child(odd)  .pcard-solution { transform: rotate(1.2deg); }
	.geo-lp .geo-mpains .pcard:nth-child(even) .pcard-problem  { transform: rotate(2deg); }
	.geo-lp .geo-mpains .pcard:nth-child(even) .pcard-solution { transform: rotate(-1.2deg); }
	/* иконку возвращаем в вертикаль относительно наклонённого решения */
	.geo-lp .geo-mpains .pcard:nth-child(odd)  .pcard-ic { transform: rotate(-1.2deg); }
	.geo-lp .geo-mpains .pcard:nth-child(even) .pcard-ic { transform: rotate(1.2deg); }
}

/* End */


/* Start:/geo-aeo/11-choose.css?17857658702975*/
/* Форма «Не знаете, что выбрать?» — компактная полоса с фоном block6.jpg. .geo-lp scope. */
.geo-lp .geo-choose {
	position: relative;
	width: 112rem;
	min-height: 11.5rem;
	border-radius: 1.25rem;
	overflow: hidden;
	background: #161c1b url(/geo-aeo/./img/choose/bg.jpg) center / cover no-repeat;
	display: flex;
	align-items: center;
	gap: 2.5rem;
	padding: 1.75rem 2.5rem 1.75rem 12.5rem;
	box-sizing: border-box;
}
.geo-lp .geo-choose .text {
	display: flex;
	flex-direction: column;
	gap: 0.4375rem;
	max-width: 37.25rem;
	flex: 0 1 auto;
}
.geo-lp .geo-choose .text .div {
	font-family: "Manrope", Helvetica;
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 1.15;
	color: #9fba5d;
}
.geo-lp .geo-choose .text .p {
	font-family: "Manrope", Helvetica;
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.4;
	color: #ffffff;
}
.geo-lp .geo-choose .inputs {
	margin-left: auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;               /* 3 поля в 1-й строке, кнопка переносится во 2-ю */
	justify-content: flex-end;
	gap: 1rem;
	max-width: 58rem;
}
/* подписи — только внутри полей (placeholder); внешние label скрыты */
.geo-lp .geo-choose .inputs label { display: none !important; }
.geo-lp .geo-choose .input {
	flex: 1 1 calc((100% - 2rem) / 3);  /* ровно 3 поля в ряд (100% минус 2 гэпа) */
	min-width: 0;
	height: 2.75rem;
	border-radius: 0.1875rem;
	border: 1px solid #9fba5d;
	background: transparent;
	color: #ffffff;
	font-family: "Manrope", Helvetica;
	font-weight: 500;
	font-size: 0.875rem;
	padding: 0 0.9375rem;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
}
.geo-lp .geo-choose .input::placeholder { color: #c4c4c4; opacity: 1; }
.geo-lp .geo-choose .input:focus-visible { border-color: #ffffff; box-shadow: 0 0 0 2px rgba(159,186,93,.45); }
/* Кнопка «Хочу выбрать» — вид из макета (зелёная), ripple как на баннере */
.geo-lp .geo-choose .BTN-hover {
	all: unset;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	flex: 0 0 auto;                 /* кнопка не сжимается */
	margin-left: auto;              /* по макету: 2-я строка, прижата вправо (под телефоном) */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 2.75rem;
	gap: 1rem;
	padding: 0.625rem 2.25rem;
	background-color: #9fba5d;
	border-radius: 0.1875rem;
	box-shadow: inset 1px 2px 5px #788d45;
	white-space: nowrap;
}
.geo-lp .geo-choose .BTN-hover .text-wrapper-4 {
	font-family: "Manrope", Helvetica;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.02rem;
	color: var(--secondary, #ffffff);
}
.geo-lp .geo-choose .form-msg { flex-basis: 100%; text-align: right; color: #d9d9d9; font-family: "Manrope", Helvetica; font-size: 0.875rem; }

/* End */


/* Start:/geo-aeo/12-advantages.css?17857658703330*/
/* Блок «Почему клиенты выбирают Clover-IT» (Преимущества). .geo-lp scope, rem. */
.geo-lp .geo-adv {
	display: flex;
	flex-direction: column;
	width: 112rem;
	align-items: flex-start;
	gap: 3.125rem;
}
.geo-lp .geo-adv .adv-head {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	width: 100%;
}
.geo-lp .geo-adv .eyebrow {
	font-family: "Manrope", Helvetica;
	font-weight: 500;
	color: #788d45;
	font-size: 0.875rem;
}
.geo-lp .geo-adv .adv-head h2 {
	margin: 0;
	font-family: "Manrope", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 2.25rem;
	line-height: 2.875rem;
}
.geo-lp .geo-adv .adv-sub {
	font-family: "Manrope", Helvetica;
	font-weight: 400;
	color: #838383;
	font-size: 1rem;
	line-height: 1.5rem;
	max-width: 100%;
}
.geo-lp .geo-adv .cards {
	display: flex;
	width: 100%;
	gap: 2.0625rem;
	align-items: stretch;
}
.geo-lp .geo-adv .card {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.25rem;
}
.geo-lp .geo-adv .card .visual {
	min-height: 6.875rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.geo-lp .geo-adv .card .visual > img {
	max-height: 6.75rem;
	max-width: 100%;
	object-fit: contain;
}
.geo-lp .geo-adv .card h3 {
	margin: 0;
	font-family: "Manrope", Helvetica;
	font-weight: 700;
	color: #9fba5d;
	font-size: 1.375rem;
	line-height: 1.75rem;
}
.geo-lp .geo-adv .card .AI {
	font-family: "Manrope", Helvetica;
	font-weight: 400;
	color: #d9d9d9;
	font-size: 1.125rem;
	line-height: 1.625rem;
}
/* «с 2007г» — визуал 1-й карточки */
.geo-lp .geo-adv .since {
	display: inline-flex;
	align-items: baseline;
	gap: 0.25rem;
	color: #9fba5d;
	font-family: "Manrope", Helvetica;
	font-weight: 800;
	line-height: 1;
}
.geo-lp .geo-adv .since .c,
.geo-lp .geo-adv .since .g { font-size: 2rem; }
.geo-lp .geo-adv .since .year { font-size: 3.75rem; letter-spacing: -0.05rem; }
/* Рейтинг-бейджи внизу 1-й карточки */
.geo-lp .geo-adv .rating {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}
.geo-lp .geo-adv .rating .review-badge {
	display: inline-flex;
	transition: transform .25s ease;
}
.geo-lp .geo-adv .rating .review-badge:hover { transform: translateY(-2px); }
.geo-lp .geo-adv .rating .review-badge img { height: 2.5625rem; display: block; }
/* Кнопки карточек — вид из макета, ховер-ripple как на баннере */
.geo-lp .geo-adv .adv-btn {
	all: unset;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin-top: auto;
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	height: 2.6875rem;
	padding: 0 1.5rem;
	border-radius: 0.1875rem;
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #ffffff;
	font-family: "Manrope", Helvetica;
	font-weight: 700;
	font-size: 1rem;
	white-space: nowrap;
}
.geo-lp .geo-adv .adv-btn .ruble { color: inherit; }
.geo-lp .geo-adv .adv-btn .play {
	width: 1.125rem;
	height: 1.125rem;
	flex: 0 0 auto;
	fill: #9fba5d;
}
/* Если под заголовком нет кнопки (карточка 1) — прижать рейтинг к низу */
.geo-lp .geo-adv .card .AI { flex: 0 0 auto; }

/* End */
/* /geo-aeo/_base.css?17857658703968 */
/* /geo-aeo/01-banner.css?178576587011122 */
/* /geo-aeo/02-facts.css?178576587025074 */
/* /geo-aeo/03-pains.css?178576587010711 */
/* /geo-aeo/04-compare.css?17857658709964 */
/* /geo-aeo/05-service.css?178576587038775 */
/* /geo-aeo/06-tariffs.css?178576587013089 */
/* /geo-aeo/07-faq.css?17857658706002 */
/* /geo-aeo/08-cases.css?17857658703819 */
/* /geo-aeo/09-blog.css?17857658702479 */
/* /geo-aeo/13-projform.css?17857658705554 */
/* /geo-aeo/20-mobile.css?178578650629313 */
/* /geo-aeo/21-mpains.css?17857658705007 */
/* /geo-aeo/11-choose.css?17857658702975 */
/* /geo-aeo/12-advantages.css?17857658703330 */