:root {
  /* typo */
  --ff-one: system-ui, sans-serif;
  --rem-in-px: 0.0625rem;
  --typo-2xs-fs: calc(13 * var(--rem-in-px));
  --typo-2xs-lh-s: calc(16 * var(--rem-in-px));
  --typo-2xs-lh-m: calc(20 * var(--rem-in-px));
  --typo-2xs-lh-l: calc(24 * var(--rem-in-px));
  --typo-2xs-ps-s: 0;
  --typo-2xs-ps-m: calc(8 * var(--rem-in-px));
  --typo-2xs-ps-l: calc(12 * var(--rem-in-px));
  --typo-xs-fs: calc(16 * var(--rem-in-px));
  --typo-xs-lh-s: calc(20 * var(--rem-in-px));
  --typo-xs-lh-m: calc(24 * var(--rem-in-px));
  --typo-xs-lh-l: calc(28 * var(--rem-in-px));
  --typo-xs-ps-s: 0;
  --typo-xs-ps-m: calc(12 * var(--rem-in-px));
  --typo-xs-ps-l: calc(16 * var(--rem-in-px));
  --typo-s-fs: calc(19 * var(--rem-in-px));
  --typo-s-lh-s: calc(24 * var(--rem-in-px));
  --typo-s-lh-m: calc(28 * var(--rem-in-px));
  --typo-s-lh-l: calc(32 * var(--rem-in-px));
  --typo-s-ps-s: 0;
  --typo-s-ps-m: calc(16 * var(--rem-in-px));
  --typo-s-ps-l: calc(20 * var(--rem-in-px));
  --typo-m-fs: calc(23 * var(--rem-in-px));
  --typo-m-lh-s: calc(28 * var(--rem-in-px));
  --typo-m-lh-m: calc(32 * var(--rem-in-px));
  --typo-m-lh-l: calc(36 * var(--rem-in-px));
  --typo-m-ps-s: 0;
  --typo-m-ps-m: calc(20 * var(--rem-in-px));
  --typo-m-ps-l: calc(24 * var(--rem-in-px));
  --typo-l-fs: calc(28 * var(--rem-in-px));
  --typo-l-lh-s: calc(36 * var(--rem-in-px));
  --typo-l-lh-m: calc(40 * var(--rem-in-px));
  --typo-l-lh-l: calc(44 * var(--rem-in-px));
  --typo-l-ps-s: 0;
  --typo-l-ps-m: calc(24 * var(--rem-in-px));
  --typo-l-ps-l: calc(28 * var(--rem-in-px));
  --typo-xl-fs: calc(34 * var(--rem-in-px));
  --typo-xl-lh-s: calc(42 * var(--rem-in-px));
  --typo-xl-lh-m: calc(48 * var(--rem-in-px));
  --typo-xl-lh-l: calc(56 * var(--rem-in-px));
  --typo-xl-ps-s: 0;
  --typo-xl-ps-m: calc(28 * var(--rem-in-px));
  --typo-xl-ps-l: calc(36 * var(--rem-in-px));
  --typo-2xl-fs: calc(41 * var(--rem-in-px));
  --typo-2xl-lh-s: calc(48 * var(--rem-in-px));
  --typo-2xl-lh-m: calc(56 * var(--rem-in-px));
  --typo-2xl-lh-l: calc(64 * var(--rem-in-px));
  --typo-2xl-ps-s: 0;
  --typo-2xl-ps-m: calc(36 * var(--rem-in-px));
  --typo-2xl-ps-l: calc(44 * var(--rem-in-px));
  --typo-3xl-fs: calc(49 * var(--rem-in-px));
  --typo-3xl-lh-s: calc(56 * var(--rem-in-px));
  --typo-3xl-lh-m: calc(64 * var(--rem-in-px));
  --typo-3xl-lh-l: calc(72 * var(--rem-in-px));
  --typo-3xl-ps-s: 0;
  --typo-3xl-ps-m: calc(44 * var(--rem-in-px));
  --typo-3xl-ps-l: calc(52 * var(--rem-in-px));
  --typo-4xl-fs: calc(59 * var(--rem-in-px));
  --typo-4xl-lh-s: calc(72 * var(--rem-in-px));
  --typo-4xl-lh-m: calc(84 * var(--rem-in-px));
  --typo-4xl-lh-l: calc(96 * var(--rem-in-px));
  --typo-5xl-fs: calc(71 * var(--rem-in-px));
  --typo-5xl-lh-s: calc(84 * var(--rem-in-px));
  --typo-5xl-lh-m: calc(100 * var(--rem-in-px));
  --typo-5xl-lh-l: calc(112 * var(--rem-in-px));
  --typo-6xl-fs: calc(85 * var(--rem-in-px));
  --typo-6xl-lh-s: calc(100px * var(--rem-in-px));
  --typo-6xl-lh-m: calc(116px * var(--rem-in-px));
  --typo-6xl-lh-l: calc(136px * var(--rem-in-px));
  --typo-7xl-fs: calc(102 * var(--rem-in-px));
  --typo-8xl-fs: calc(122 * var(--rem-in-px));
  --typo-9xl-fs: calc(146 * var(--rem-in-px));
  --typo-10xl-fs: calc(175 * var(--rem-in-px));
  --typo-11xl-fs: calc(210 * var(--rem-in-px));
  /* size */
  --size-2xs: calc(8 * var(--rem-in-px));
  --size-xs: calc(16 * var(--rem-in-px));
  --size-s: calc(32 * var(--rem-in-px));
  --size-m: calc(48 * var(--rem-in-px));
  --size-l: calc(64 * var(--rem-in-px));
  --size-xl: calc(80 * var(--rem-in-px));
  --size-2xl: calc(96 * var(--rem-in-px));
  --size-3xl: calc(114 * var(--rem-in-px));
  --size-4xl: calc(168 * var(--rem-in-px));
  --size-5xl: calc(256 * var(--rem-in-px));
  --size-6xl: calc(384 * var(--rem-in-px));
  --size-7xl: calc(576 * var(--rem-in-px));
  --size-8xl: calc(864 * var(--rem-in-px));
  /* color */
  --color-theme-primary-900: #AF1E49;
  --color-theme-primary-900-rgb: 175, 30, 73;
  --color-theme-primary-800: #C22151;
  --color-theme-primary-800-rgb: 194, 33, 81;
  --color-theme-primary-700: #C83762;
  --color-theme-primary-600: #CE4D74;
  --color-theme-primary-500: #D46485;
  --color-theme-primary-400: #DA7A97;
  --color-theme-primary-300: #E190A8;
  --color-theme-primary-200: #E7A6B9;
  --color-theme-primary-100: #EDBCCB;
  --color-theme-primary-50: #F3D3DC;
  --color-theme-fill-1: #F4FFFF;
  --color-theme-fill-2: #2E3A60;
  --color-ui-gray-900: #18181B;
  --color-ui-gray-800: #27272A;
  --color-ui-gray-800-rgb: 38, 38, 41;
  --color-ui-gray-700: #3F3F46;
  --color-ui-gray-700-rgb: 63, 63, 70;
  --color-ui-gray-650: #494950;
  --color-ui-gray-600-rgb: 82, 82, 91;
  --color-ui-gray-600: #52525B;
  --color-ui-gray-500-rgb: 113, 113, 122;
  --color-ui-gray-500: #71717A;
  --color-ui-gray-400: #A1A1AA;
  --color-ui-gray-300: #D4D4D8;
  --color-ui-gray-200: #E4E4E7;
  --color-ui-gray-100: #F4F4F5;
  --color-ui-gray-100-rgb: 244, 244, 245;
  --color-ui-gray-50: #FAFAFA;
  --color-ui-red-900: #7F1D1D;
  --color-ui-red-800: #991B1B;
  --color-ui-red-700: #B91C1C;
  --color-ui-red-700-rgb: 185, 28, 28;
  --color-ui-red-600: #DC2626;
  --color-ui-red-600-rgb: 220, 38, 38;
  --color-ui-red-500: #EF4444;
  --color-ui-red-400: #F87171;
  --color-ui-red-300: #FCA5A5;
  --color-ui-red-200: #FECACA;
  --color-ui-red-100: #FEE2E2;
  --color-ui-red-50: #FEF2F2;
  --color-ui-yellow-900: #713F12;
  --color-ui-yellow-800: #854D0E;
  --color-ui-yellow-700: #A16207;
  --color-ui-yellow-600: #CA8A04;
  --color-ui-yellow-500: #EAB308;
  --color-ui-yellow-400: #FACC15;
  --color-ui-yellow-300: #FDE047;
  --color-ui-yellow-200: #FEF08A;
  --color-ui-yellow-100: #FEF9C3;
  --color-ui-yellow-50: #FEFCE8;
  --color-ui-green-900: #14532D;
  --color-ui-green-800: #166534;
  --color-ui-green-700: #15803D;
  --color-ui-green-700-rgb: 21, 128, 61;
  --color-ui-green-600: #16A34A;
  --color-ui-green-600-rgb: 22, 163, 74;
  --color-ui-green-500: #22C55E;
  --color-ui-green-400: #4ADE80;
  --color-ui-green-300: #86EFAC;
  --color-ui-green-200: #BBF7D0;
  --color-ui-green-100: #DCFCE7;
  --color-ui-green-50: #F0FDF4;
  --color-ui-blue-900: #1E3A8A;
  --color-ui-blue-800: #1E40AF;
  --color-ui-blue-700: #1D4ED8;
  --color-ui-blue-700-rgb: 29, 79, 215;
  --color-ui-blue-600: #2563EB;
  --color-ui-blue-600-rgb: 36, 99, 235;
  --color-ui-blue-500: #3B82F6;
  --color-ui-blue-400: #60A5FA;
  --color-ui-blue-300: #93C5FD;
  --color-ui-blue-200: #BFDBFE;
  --color-ui-blue-100: #DBEAFE;
  --color-ui-blue-50: #EFF6FF;
  --color-ui-gold-700: #AE7642;
  --color-ui-gold-700-rgb: 174, 118, 66;
  --color-ui-gold-600: #D79154;
  --color-ui-gold-600-rgb: 215, 145, 84;
  --color-social-tw: #1da1f2;
  --color-social-fb: #3b5998;
  --color-social-yt: #ff0000;
  --color-social-ok: #ee8208;
  --color-social-vk: #2787f5;
  --color-social-mir: #005ff9;
  --color-social-skype: #0078ca;
  --color-social-tlg: #1d98dc;
  --color-social-wtsp: #03b55c;
  --color-social-viber: #574e92;
  /* shadow */
  --shadow-one-s: 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 0.05);
  --shadow-one-m: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.1), 0 0.125rem 0.25rem -0.125rem rgb(0 0 0 / 0.1);
  --shadow-one-l: 0 0.625rem 0.9375rem -0.1875rem rgb(0 0 0 / 0.1), 0 0.25rem 0.375rem -0.25rem rgb(0 0 0 / 0.1);
  --shadow-one-xl: 0 1.25rem 1.5625rem -0.3125rem rgb(0 0 0 / 0.1), 0 0.5rem 0.625rem -0.375rem rgb(0 0 0 / 0.1);
  --shadow-one-2xl: 0 1.5625rem 3.125rem -0.75rem rgb(0 0 0 / 0.25);
  /* border radius */
  --bdrs-s: calc(4 * var(--rem-in-px));
  --bdrs-m: calc(8 * var(--rem-in-px));
  --bdrs-l: calc(16 * var(--rem-in-px));
  --bdrs-xl: calc(32 * var(--rem-in-px));
  /* clip path */
  --theme-clip-path-one: url("data:image/svg+xml,%3Csvg width='114' height='114' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.51 35.81c2.02-15.22 4.04-19.8 8.77-24.53C16 6.55 20.59 4.53 35.8 2.5a149.08 149.08 0 0 1 42.38 0c15.22 2.02 19.8 4.04 24.53 8.77 4.73 4.73 6.75 9.31 8.77 24.53a149.08 149.08 0 0 1 0 42.38c-2.02 15.22-4.04 19.8-8.77 24.53-4.73 4.73-9.31 6.75-24.53 8.77a149.08 149.08 0 0 1-42.38 0c-15.22-2.02-19.8-4.04-24.53-8.77C6.55 98 4.53 93.41 2.5 78.2a149.08 149.08 0 0 1 0-42.38Z'/%3E%3C/svg%3E");
  --backdrop-fill: rgba(35, 35, 35, .9);
}

* {
  box-sizing: border-box;
}

article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}

html {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body {
  margin: 0;
  background-color: white;
  padding: 0;
  font-family: var(--ff-one);
  font-size: var(--typo-xs-fs);
  font-weight: 400;
  color: var(--color-ui-gray-700);
  overflow-wrap: break-word;
}

.content {
  max-width: 60rem;
  margin-inline: auto;
  padding-inline: 0.75rem;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline-offset: 4px;
  border-radius: var(--bdrs-m);
  background-color: var(--color-ui-blue-700);
  height: 3rem;
  padding-block-end: 0.25rem;
  text-decoration: none;
  font-size: var(--typo-s-fs);
  line-height: normal;
  color: white;
  cursor: pointer;
  padding-inline: 1.5rem;
}

@media (hover: hover) and (pointer: fine) {
  .button:hover {
    background-color: var(--color-ui-blue-800);
    color: white;
  }
}

.intro {
  background-image: linear-gradient(to bottom, #CEE3F2, #E0F7F7);
  background-color: #2E3A60;
}

@media (width <=767px) {
  .intro {
    padding-block: 2rem 2.5rem;
    border-bottom-left-radius: var(--bdrs-l);
    border-bottom-right-radius: var(--bdrs-l);
  }
}

@media (width >=768px) {
  .intro {
    padding-block: 2.5rem 3rem;
    border-bottom-left-radius: var(--bdrs-xl);
    border-bottom-right-radius: var(--bdrs-xl);
  }
}

@media (width >=768px) {
  .intro_layout {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    column-gap: 2rem;
    justify-items: start;
  }
}

@media (width <=767px) {
  .intro_title {
    letter-spacing: -.02em;
    font-size: var(--typo-l-fs);
    line-height: 2rem;
    font-weight: 500;
    margin-block: 0 1rem;
  }
}

@media (width >=768px) {
  .intro_title {
    min-inline-size: 0;
    letter-spacing: -.02em;
    font-size: var(--typo-2xl-fs);
    line-height: 3rem;
    font-weight: 500;
    margin-block: 0;
    grid-row: span 2;
  }
}

.intro_list {
  padding-inline-start: 0;
  list-style-type: none;
}

@media (width <=767px) {
  .intro_list {
    margin-block-start: 0;
    padding-inline-start: 1rem;
    font-size: var(--typo-xs-fs);
    line-height: var(--typo-xs-lh-s);
  }
}

@media (width >=768px) {
  .intro_list {
    margin-block-start: 0;
    margin-block-end: 1.25rem;
  }
}

@media (width <=767px) {
  .intro_list-item {
    margin-block-end: .5rem;
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-s);
  }
}

@media (width >=768px) {
  .intro_list-item {
    margin-block-end: .25rem;
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m);
  }
}

.intro_list-icon {
  height: auto;
  width: 0.625rem;
  vertical-align: middle;
}

@media (width <=767px) {
  .intro_btn {
    margin-block-start: 0.75rem;
  }
}

.facts {}

@media (width <=767px) {
  .facts {
    padding-block-start: 2rem;
  }
}

.facts_title {
  text-align: center;
}

@media (width <=767px) {
  .facts_title {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m);
    font-weight: 500;
    margin-block: 0;
  }
}

@media (width >=768px) {
  .facts_title {
    font-size: var(--typo-s-fs);
    line-height: var(--typo-s-lh-m);
    font-weight: 500;
    margin-block: 3rem 0;
  }
}

.facts_service {
  padding-inline-start: 0;
  list-style-type: none;
}

@media (width <=767px) {
  .facts_service {
    margin-block: .5rem 2rem;
  }
}

@media (width >=768px) {
  .facts_service {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-inline-size: 52rem;
    column-gap: 1rem;
    margin-block: 1rem 3.5rem;
    margin-inline: auto;
  }
}

.facts_service-item {
  text-align: center;
}

@media (width <=767px) {
  .facts_service-item {
    margin-block-end: .25rem;
    letter-spacing: -.02em;
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-m);
  }
}

@media (width >=768px) {
  .facts_service-item {
    min-width: 0;
    letter-spacing: -.02em;
    font-size: var(--typo-xl-fs);
    line-height: 2.5rem;
  }
}

.facts_experts {
  padding-inline-start: 0;
  list-style-type: none;
}

@media (width >=768px) {
  .facts_experts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-block-start: 0;
    padding-inline-start: 0;
    column-gap: 2rem;
  }
}

@media (width <=767px) {
  .facts_experts-item {
    margin-block-end: 1.5rem;
    max-inline-size: 90%;
  }
}

@media (width >=768px) {
  .facts_experts-item {
    min-inline-size: 0;
  }
}

.facts_experts-pic {
  position: relative;
  display: block;
  flex-shrink: 0;
  height: auto;
  width: var(--size-3xl);
  overflow: hidden;
  -webkit-mask-image: var(--theme-clip-path-one);
  aspect-ratio: 1;
  mask-image: var(--theme-clip-path-one);
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media (width <=767px) {
  .facts_experts-pic {
    margin-inline-start: 1rem;
    inline-size: var(--size-2xl);
  }
}

@media (width <=767px) {
  .facts_experts-name {
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-s);
    font-weight: 500;
    margin-block: 0.5rem .5rem;
  }
}

@media (width >=768px) {
  .facts_experts-name {
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-s);
    font-weight: 500;
    margin-block: 0.5rem .5rem;
  }
}

.facts_experts-info {
  margin: 0;
}

@media (width >=768px) {
  .facts_experts-info {
    font-size: var(--typo-xs-fs);
    line-height: var(--typo-xs-lh-m);
  }
}

.cta {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

@media (width >=768px) {
  .cta {
    margin-block: 3rem 3rem;
  }
}

.cta_text {
  margin-block-start: 0;
  text-align: center;
  margin-inline: auto;
}

@media (width <=767px) {
  .cta_text {
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-s);
  }
}

@media (width >=768px) {
  .cta_text {
    margin-block-end: 1.5rem;
    max-inline-size: 43rem;
    font-size: var(--typo-m-fs);
    line-height: var(--typo-m-lh-m);
  }
}

@media (width <=767px) {
  .outro {
    padding-block: 1rem 3rem;
  }
}

@media (width <=767px) {
  .footer {
    padding-block: 1rem;
  }
}

@media (width >=768px) {
  .footer {
    padding-block: 1rem 3rem;
  }
}

.footer_text {
  margin-block-start: 0;
  margin-block-end: .5rem;
  font-size: var(--typo-2xs-fs);
  line-height: var(--typo-2xs-lh-m);
  color: var(--color-ui-gray-500);
}

@media (width >=768px) {
  .footer_text {
    max-width: 60em;
  }
}