@charset "UTF-8";
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter.woff2") format("woff2"), url("../fonts/Inter/Inter.woff") format("woff");
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  src: url("../fonts/Inter/Inter-Italic.woff2") format("woff2"), url("../fonts/Inter/Inter-Italic.woff") format("woff");
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}
.container {
  max-width: 1600px;
  margin: 0px auto;
}

@media (max-width: 1700px) {
  .container {
    padding: 0px 20px;
    max-width: 100%;
  }
}
@media (max-width: 1250px) {
  .container {
    padding: 0px 20px;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
section {
  position: relative;
  overflow: hidden;
}

.section-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.section-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

section > .container {
  position: relative;
  z-index: 1;
}

*, *::before, *::after {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
       text-size-adjust: none;
}

html {
  font-size: 16px;
  background: var(--white);
  position: relative;
  margin: 0 !important;
  overflow-x: clip;
  max-width: 100%;
}
html.no-scroll {
  overflow: hidden;
}
@media (min-width: 1440px) {
  html {
    font-size: 16px;
  }
}

::-moz-selection {
  background-color: rgba(61, 61, 61, 0.05);
  color: var(--description);
}

::selection {
  background-color: rgba(61, 61, 61, 0.05);
  color: var(--description);
}

*:hover, *:active, *:focus {
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px transparent inset !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* Базовый стиль для слов */
.about .word {
  color: #747474;
  transition: color 0.3s ease-out;
}

/* Активное состояние */
.about .word--active {
  color: #fff;
}

/* Стили для слов внутри strong тегов */
.about strong .word {
  font-weight: 400;
}

/* Placeholder для ленивой загрузки */
.lazy:not(.loaded) {
  background: #f5f5f5;
  position: relative;
}

.lazy:not(.loaded)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: loading 1.5s infinite;
}

.cases-right {
  transition: opacity 0.2s ease;
  opacity: 0;
  background-color: #f5f5f5;
}

.cases-right.loaded {
  opacity: 1;
}


@keyframes loading {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
:root {
  --gfs: 1920;
  --vh: 1vh;
  --vw: 1vw;
  --app-height: 100%;
  font-size: 16px;
  --base-font-size: 16px;
  --stroke: #333;
  --gray: #1e1f22;
  --description: #747474;
  --black: #3d3d3d;
  --green: #DBFE01;
  --white: #fff;
  --color-glass: rgba(255, 255, 255, 0.05);
}

span, strong, div {
  line-height: 120%;
}

body {
  position: relative;
  font-weight: 400;
  margin: 0;
  overflow-x: clip;
  max-width: 100%;
  line-height: 140%;
  z-index: 1;
  font-size: 16px;
  color: var(--white);
  background: var(--white);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
body.no-scroll {
  overflow: hidden;
}

a {
  color: var(--white);
}

/* FORM */
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

a {
  text-decoration: none;
}

svg {
  transition: fill 280ms ease;
}

h1, h2, h3, h4 {
  padding: 0px;
  margin: 0px;
}

ul {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
}

p {
  padding: 0px;
  margin: 0px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

button, input {
  border: none;
  outline: none;
}
button:active, button:focus, input:active, input:focus {
  outline: none;
}

@keyframes fly {
  0% {
    transform: translateY(0) skewY(1deg);
  }
  50% {
    transform: translateY(-40px) skewY(-1deg);
  }
  100% {
    transform: translateY(0) skewY(1deg);
  }
}
@keyframes flyrotate {
  0% {
    transform: translateY(0) skewY(2deg) rotate(45deg) scale(0.5);
  }
  50% {
    transform: translateY(-5px) skewY(-2deg) rotate(45deg) scale(0.5);
  }
  100% {
    transform: translateY(0) skewY(2deg) rotate(45deg) scale(0.5);
  }
}
.policy-page {
  margin-bottom: 60px;
  padding-top: 80px;
}
.policy-page__name {
  margin-bottom: 40px;
}
.policy-page__title {
  margin-bottom: 20px;
}
.policy-page p {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

section {
  --section-radius: 70px;
  --enter-progress: 1;
  --bg-y: 0px;
  margin-top: -60px;
  padding-top: 120px;
  padding-bottom: 220px;
  border-top-left-radius: calc(var(--section-radius) * (1 - var(--enter-progress)));
  border-top-right-radius: calc(var(--section-radius) * (1 - var(--enter-progress)));
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: border-radius 0.1s linear;
}
section > .container {
  transform: scale(calc(0.88 + var(--enter-progress) * 0.12));
  transform-origin: 50% 50%;
  opacity: var(--enter-progress);
  transition: transform 0.1s linear, opacity 0.1s linear;
}
section > .section-bg {
  transform: translate3d(0, var(--bg-y), 0);
  will-change: transform;
  transition: transform 0.05s linear;
}

section.hero {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
section.hero > .container {
  transform: none;
  opacity: 1;
}

@media (max-width: 1700px) {
  section {
    --section-radius: 50px;
  }
}
@media (max-width: 1250px) {
  .title {
    text-align: center;
    font-size: 70px;
  }
  .subtitle {
    text-align: center;
  }
  section {
    --section-radius: 30px;
    padding-top: 40px;
    padding-bottom: 120px;
  }
}
.title {
  font-size: 120px;
  letter-spacing: -0.03em;
  line-height: 100%;
}

.subtitle {
  font-size: 64px;
  letter-spacing: -0.05em;
  line-height: 100%;
  opacity: 0.6;
  margin-top: 13px;
}
.subtitle br {
  display: none;
}

@media (max-width: 1700px) {
  .title {
    font-size: 90px;
  }
  .subtitle {
    font-size: 56px;
  }
}
@media (max-width: 1400px) {
  .title {
    font-size: 70px;
  }
  .subtitle {
    font-size: 42px;
  }
}
@media (max-width: 1250px) {
  .title {
    font-size: 60px;
  }
  .subtitle {
    font-size: 32px;
  }
  .btn {
    border-radius: 22px;
  }
}
@media (max-width: 768px) {
  .title {
    font-size: 38px;
  }
  .subtitle {
    font-size: 24px;
    margin-top: 10px;
  }
  .subtitle br {
    display: block;
  }
  .glass {
    background: rgba(255, 255, 255, 0.1);
  }
}
.btn {
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white);
  padding: 8px 8px 8px 20px;
  border-radius: 32px;
  gap: 84px;
  cursor: pointer;
  overflow: hidden;
  text-align: left;
}
.btn:hover .btn-icon i {
  transform: translateX(2px);
}
.btn-info strong {
  font-size: 32px;
  font-weight: 500;
}
.btn-info span {
  opacity: 0.6;
  display: block;
  margin-top: 4px;
}
.btn-icon {
  background: #053633;
  width: 48px;
  border-radius: 100px;
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-icon i {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99984 13.0001L3.99984 11.0001L15.9998 11.0001L10.4998 5.50008L11.9198 4.08008L19.8398 12.0001L11.9198 19.9201L10.4998 18.5001L15.9998 13.0001L3.99984 13.0001Z' fill='white' /%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  display: block;
  background-position: center;
  background-size: cover;
  transition: 0.2s;
}

.glass {
  background: var(--color-glass);
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  isolation: isolate;
  will-change: transform;
  cursor: pointer;
  transition: 0.2s;
}

.header {
  position: fixed;
  top: 40px;
  z-index: 10;
  width: 100%;
  right: 0;
  left: 0;
}
.header-wrap {
  display: flex;
  align-items: center;
  height: 80px;
  padding-left: 16px;
  border-radius: 32px;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.2s;
}
.header-wrap.active {
  background: #063734;
}
.header-wrap.invisible {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header__logo {
  padding-right: 27px;
  margin-right: 32px;
  position: relative;
  display: flex;
  gap: 2px;
  gap: 16px;
}
.header__logo img {
  max-width: 55px;
}
.header__logo-name {
  font-size: 26px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -2px;
  color: var(--white);
}
.header__logo-sub {
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -1px;
  color: var(--white);
  opacity: 0.44;
}
.header__logo-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.header__logo::after {
  content: "";
  position: absolute;
  height: 48px;
  width: 1px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.2;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 49.8%, rgba(255, 255, 255, 0) 100%);
}
.header__contacts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-right: 34px;
}
.header__contacts a {
  display: block;
}
.header__phone {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -1px;
  color: var(--white);
}
.header__email {
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -1px;
  opacity: 0.6;
}
.header__socials {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 37px;
}
.header__socials-item {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
}
.header__socials-item:hover i {
  transform: scale(1.05);
}
.header__socials-item i {
  width: 16px;
  height: 16px;
  transition: 0.2s;
  background-position: center;
  background-size: cover;
}
.header__socials-item[data-social=telegram] i {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_138_71)'%3E%3Cpath d='M14.7011 1.41942L0.525852 6.91398C-0.0445851 7.16986 -0.237523 7.68226 0.387977 7.96036L4.02454 9.12201L12.8173 3.65983C13.2974 3.31692 13.7889 3.40836 13.3659 3.78558L5.81416 10.6585L5.57695 13.5672C5.79667 14.0163 6.19898 14.0184 6.4556 13.7951L8.54492 11.808L12.1232 14.5013C12.9543 14.9959 13.4065 14.6767 13.5853 13.7703L15.9324 2.59933C16.176 1.48354 15.7605 0.99192 14.7011 1.41942Z' fill='white' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_138_71'%3E%3Crect width='16' height='16' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__socials-item[data-social=whatsapp] i {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_138_74)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99997 0.833374C11.958 0.833374 15.1666 4.04204 15.1666 8.00004C15.1666 11.958 11.958 15.1667 7.99997 15.1667C6.75997 15.1667 5.5933 14.8514 4.5753 14.2967L1.4153 14.8267C1.33742 14.8397 1.25756 14.8341 1.18227 14.8103C1.10698 14.7865 1.0384 14.7452 0.982141 14.6897C0.925884 14.6343 0.883551 14.5664 0.858608 14.4915C0.833665 14.4165 0.826821 14.3368 0.838637 14.2587L1.37197 10.732C1.01469 9.8656 0.831645 8.93725 0.833304 8.00004C0.833304 4.04204 4.04197 0.833374 7.99997 0.833374ZM5.2953 4.46671C4.8053 4.46671 4.3993 4.88004 4.4753 5.39071C4.6193 6.34804 5.04464 8.11204 6.30997 9.38671C7.63264 10.7194 9.5253 11.2894 10.55 11.514C11.0806 11.6307 11.5333 11.2107 11.5333 10.6927V9.47671C11.5333 9.43631 11.5211 9.39685 11.4983 9.36352C11.4754 9.3302 11.443 9.30459 11.4053 9.29004L10.0986 8.78804C10.0634 8.77454 10.025 8.77131 9.98797 8.77871L8.66997 9.03604C7.81997 8.59604 7.3053 8.10271 6.99664 7.35937L7.24464 6.01604C7.25128 5.9803 7.24805 5.94342 7.2353 5.90937L6.7453 4.59671C6.73108 4.55864 6.7056 4.52581 6.67225 4.50258C6.63891 4.47936 6.59928 4.46685 6.55864 4.46671H5.2953Z' fill='white' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_138_74'%3E%3Crect width='16' height='16' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__button {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -1px;
  border-radius: 24px;
  padding: 11px 24px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.header__button:hover {
  background: rgba(255, 255, 255, 0.09);
}

@media (max-width: 1700px) {
  .header {
    top: 36px;
  }
  .header-wrap {
    height: 70px;
    padding-left: 14px;
  }
  .header__logo {
    padding-right: 14px;
    margin-right: 14px;
  }
  .header__logo-name {
    font-size: 22px;
  }
  .header__logo-sub {
    font-size: 13px;
  }
  .header__logo::after {
    height: 42px;
  }
  .header__contacts {
    margin-right: 24px;
  }
  .header__email {
    font-size: 13px;
  }
  .header__socials {
    gap: 6px;
  }
  .header__socials-item {
    width: 44px;
    height: 44px;
  }
  .header__button {
    font-size: 17px;
    padding: 10px 20px;
    height: 56px;
    margin-right: 6px;
  }
}
@media (max-width: 1250px) {
  .header {
    top: 20px;
    left: 20px;
    right: 20px;
    max-width: calc(100% - 40px);
  }
  .header-wrap {
    height: 52px;
    padding-left: 16px;
    justify-content: space-between;
    padding-right: 7px;
    margin: auto;
  }
  .header__logo {
    padding-right: 12px;
    margin-right: 12px;
  }
  .header__logo-name {
    font-size: 20px;
  }
  .header__logo-sub {
    display: none;
  }
  .header__logo::after {
    height: 38px;
  }
  .header__contacts {
    margin-right: 12px;
  }
  .header__contacts a {
    font-size: 13px;
  }
  .header__email {
    font-size: 12px;
  }
  .header__socials {
    gap: 6px;
    margin-right: 8px;
  }
  .header__socials-item {
    width: 40px;
    height: 40px;
  }
  .header__button {
    font-size: 16px;
    padding: 0px 16px;
    height: 40px;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .header {
    top: 16px;
    left: 16px;
    right: 16px;
    max-width: calc(100% - 32px);
  }
  .header-wrap {
    height: 48px;
    padding-left: 12px;
    flex-wrap: wrap;
    padding-right: 7px;
  }
  .header__logo {
    padding-right: 10px;
    margin-right: 10px;
  }
  .header__logo-name {
    font-size: 18px;
  }
  .header__logo::after {
    height: 34px;
  }
  .header__contacts {
    margin-right: 8px;
  }
  .header__contacts a {
    font-size: 14px;
  }
  .header__email {
    display: none !important;
  }
  .header__socials {
    gap: 4px;
    margin-right: 8px;
    display: none;
  }
  .header__socials-item {
    width: 36px;
    height: 36px;
  }
  .header__button {
    font-size: 12px;
    padding: 0px 12px;
    height: 30px;
    margin-right: 0;
    display: none;
  }
}
.hero {
  margin: 0;
  border-radius: 0px;
  padding: 0;
}
.hero-tags {
  display: none;
}
.hero__tagline {
  position: absolute;
  top: 0;
  right: 160px;
  bottom: 0;
  height: -moz-fit-content;
  height: fit-content;
  top: 30px;
  height: 80px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -1px;
  color: var(--white);
  text-shadow: 0px 0px 40px #000000;
  z-index: 10;
}
.hero-wrap {
  position: relative;
  display: flex;
  min-height: calc(100vh - 100px);
  justify-content: space-between;
  align-items: flex-end;
}
.hero-left, .hero-right {
  margin-bottom: 140px;
}
.hero__title {
  font-size: 120px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -3px;
  opacity: 0.6;
  margin-bottom: 16px;
}
.hero__title .word {
  display: inline-block;
  margin-right: 0.2em;
  transform-style: preserve-3d;
  perspective: 1000px;
}
.hero__subtitle {
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -3px;
  margin-bottom: 20px;
}
.hero__description {
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -1px;
  opacity: 0.6;
}
.hero-right {
  position: relative;
}
.hero__video {
  padding-top: 58%;
  width: 100%;
  position: absolute;
  bottom: 130px;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.2s;
  z-index: 1;
  pointer-events: none;
}
.hero__video:hover {
  transform: scale(1.02);
}
.hero__video.expanded {
  position: fixed !important;
  padding-top: 0 !important;
  bottom: auto !important;
  z-index: 9999 !important;
  border-radius: 24px !important;
  cursor: default;
  transform: none !important;
  max-width: 900px;
}
.hero__video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  transition: opacity 0.5s ease;
}
.hero__video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.hero__video-overlay.active {
  opacity: 1;
  pointer-events: all;
}
.hero__video-close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.hero__video-close:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(90deg);
}
.hero__video-close.active {
  display: flex;
}
.hero__video-close::before, .hero__video-close::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--white);
  border-radius: 2px;
}
.hero__video-close::before {
  transform: rotate(45deg);
}
.hero__video-close::after {
  transform: rotate(-45deg);
}
.hero__button {
  transition: 0.2s;
  border: 1px solid var(--white);
}
.hero__button:hover {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: var(--white);
}
.hero-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 40px;
  padding: 24px 24px 16px 24px;
}
.hero-right__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.hero-right__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hero-right__title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -1px;
  color: #FFFFFF;
}
.hero-right__subtitle {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1px;
  color: #FFFFFF;
  opacity: 0.6;
}
.hero-right__desc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -1px;
  color: #FFFFFF;
  opacity: 0.6;
}
.hero-right__stats {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.hero-right__stat {
  flex: 1;
  border-radius: 20px;
  padding: 12px 8px 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 110px;
}
.hero-right__stat-label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -1px;
  color: #FFFFFF;
  opacity: 0.6;
}
.hero-right__stat-value {
  border-radius: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -1px;
  color: #FFFFFF;
  text-align: center;
  padding: 10px 8px;
}
.hero-right__link {
  position: relative;
  width: 100%;
  height: 120px;
  background: #FFFFFF;
  border-radius: 32px;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0 72px 0 24px;
  margin: 0px -8px;
  width: calc(100% + 17px);
}
.hero-right__link-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.hero-right__link-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1px;
  color: #3D3D3D;
}
.hero-right__link-sub {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
  color: #3D3D3D;
  opacity: 0.6;
}
.hero-right__link-arrow {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 104px;
  background: radial-gradient(105.21% 41.35% at 80.21% 64.42%, #10403D 0%, #032E2D 100%), rgba(255, 255, 255, 0.05);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-right__link-arrow svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 1700px) {
  .hero-wrap {
    padding-bottom: 100px;
    min-height: calc(100vh + 40px);
  }
  .hero-left, .hero-right {
    margin-bottom: 180px;
  }
  .hero__title {
    font-size: 100px;
  }
  .hero__subtitle {
    font-size: 42px;
  }
  .hero__description {
    font-size: 22px;
  }
}
@media (max-width: 1250px) {
  .hero-wrap {
    padding-bottom: 80px;
    padding-top: 160px;
    min-height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .hero-left, .hero-right {
    margin-bottom: 60px;
    width: 100%;
  }
  .hero__title {
    font-size: 80px;
  }
  .hero__subtitle {
    font-size: 36px;
  }
  .hero__description {
    font-size: 20px;
  }
  .hero-right {
    width: 100%;
  }
  .hero__video {
    width: 320px;
    height: 220px;
    position: relative;
    padding-top: 0;
    bottom: 0;
    margin: auto;
    margin-bottom: 10px;
  }
  .hero__button {
    width: 100%;
    gap: 40px;
    max-width: 320px;
    margin: auto;
    border-radius: 20px;
  }
  .hero__button .btn-info strong {
    font-size: 28px;
  }
  .hero__button .btn-info span {
    font-size: 16px;
  }
  .hero__button .btn-icon {
    width: 40px;
    height: 88px;
  }
}
@media (max-width: 768px) {
  .hero-wrap {
    padding-bottom: 16px;
    padding-top: 312px;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    gap: 24px;
  }
  .hero-left, .hero-right {
    margin-bottom: 0;
    width: 100%;
  }
  .hero__tagline {
    display: none;
  }
  .hero-left {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .hero__title {
    font-size: 64px;
    letter-spacing: -3px;
    opacity: 0.6;
    margin-bottom: 0;
  }
  .hero__subtitle {
    font-size: 32px;
    letter-spacing: -3px;
    margin-bottom: 16px;
    opacity: 1;
  }
  .hero__description {
    font-size: 18px;
    opacity: 0.6;
    letter-spacing: -1px;
    margin-top: 8px;
    order: 3;
  }
  .hero__description br {
    display: none;
  }
  .hero-tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -1px;
    color: var(--white);
    order: 2;
  }
  .hero-tags span {
    display: inline-flex;
  }
  .hero-right {
    background: transparent;
    backdrop-filter: none;
    border: none;
    padding: 0;
    gap: 0;
  }
  .hero-right__card {
    display: none;
  }
  .hero-right__link {
    width: 100%;
    height: 94px;
    background: var(--white);
    border-radius: 24px;
    padding: 16px 56px 16px 24px;
    margin: 0;
    gap: 8px;
  }
  .hero-right__link-text {
    gap: 8px;
  }
  .hero-right__link-title {
    font-size: 18px;
    letter-spacing: -1px;
  }
  .hero-right__link-sub {
    font-size: 14px;
    letter-spacing: -1px;
  }
  .hero-right__link-sub br {
    display: none;
  }
  .hero-right__link-arrow {
    width: 40px;
    height: 78px;
    right: 8px;
  }
  .hero-right__link-arrow svg {
    width: 16px;
    height: 16px;
  }
  .hero__button {
    gap: 24px;
    padding: 10px 6px 10px 16px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    color: var(--white);
  }
  .hero__button .btn-info strong {
    font-size: 24px;
  }
  .hero__button .btn-info span {
    font-size: 14px;
  }
  .hero__button .btn-icon {
    width: 36px;
    background: transparent;
    height: 72px;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 11px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  }
  .hero__video-close {
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
  .hero__video-close::before, .hero__video-close::after {
    width: 16px;
  }
}
.focus {
  background: #FFFFFF;
}
.focus-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.focus-title {
  flex: 0 0 790px;
}
.focus-title__main {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 100px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #3D3D3D;
}
.focus-title__sub {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 80px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #3D3D3D;
  opacity: 0.6;
  margin-top: 8px;
}
.focus-desc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #3D3D3D;
  opacity: 0.6;
}
.focus-cards {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 56px;
  align-items: stretch;
}
.focus-cards .swiper-wrapper {
  display: flex;
  gap: 20px;
  align-items: stretch;
}
.focus-cards .swiper-slide {
  flex: 1;
  display: flex;
  height: auto;
}
.focus-card {
  background: #F5F5F5;
  border-radius: 40px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.focus-card__illustration {
  position: relative;
  background: #FFFFFF;
  border-radius: 32px;
  height: 267px;
  overflow: hidden;
  flex-shrink: 0;
}
.focus-card__illustration img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.focus-card__badge {
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 100px;
  height: 83px;
  background: radial-gradient(108% 75.3% at 60.5% 57.23%, #10403D 0%, #032E2D 100%);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px;
}
.focus-card__badge-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -1px;
  color: var(--white);
  opacity: 0.6;
}
.focus-card__badge-value {
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -1px;
  color: var(--white);
}
.focus-card__info {
  margin-top: 20px;
  flex: 1;
}
.focus-card__title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #3D3D3D;
}
.focus-card__subtitle {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #3D3D3D;
  opacity: 0.6;
  margin-top: 8px;
}
.focus-card__desc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3D3D3D;
  opacity: 0.6;
  margin-top: 24px;
}

@media (max-width: 1919px) {
  .focus-title {
    flex: 0 0 580px;
  }
  .focus-title__main {
    font-size: 72px;
  }
  .focus-title__sub {
    font-size: 56px;
  }
  .focus-desc {
    font-size: 32px;
  }
  .focus-card {
    border-radius: 30px;
  }
  .focus-card__illustration {
    height: 200px;
    border-radius: 24px;
  }
  .focus-card__title {
    font-size: 36px;
  }
  .focus-card__subtitle {
    font-size: 24px;
  }
  .focus-card__desc {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .focus-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .focus-title {
    flex: none;
  }
  .focus-title__main {
    font-size: 48px;
  }
  .focus-title__sub {
    font-size: 36px;
  }
  .focus-desc {
    font-size: 18px;
  }
  .focus-cards {
    margin-top: 32px;
    overflow: hidden;
    gap: 0;
  }
  .focus-cards .swiper {
    overflow: visible;
  }
  .focus-cards .swiper-wrapper {
    gap: 0;
  }
  .focus-cards .swiper-slide {
    width: 280px;
    flex: none;
  }
  .focus-card {
    width: 280px;
    padding: 20px;
    border-radius: 32px;
  }
  .focus-card__illustration {
    height: 170px;
    border-radius: 20px;
  }
  .focus-card__title {
    font-size: 40px;
  }
  .focus-card__subtitle {
    font-size: 24px;
  }
  .focus-card__desc {
    font-size: 14px;
  }
}
.current-site {
  overflow: hidden;
  position: relative;
}
.current-site__title {
  font-weight: 500;
  color: #FFFFFF;
}
.current-site__subtitle {
  font-weight: 500;
  color: #FFFFFF;
}

.current-site-cards {
  margin-top: 40px;
}
.current-site-cards .swiper-slide {
  height: auto;
  display: flex;
}

.current-site-cards--desktop {
  position: relative;
}
.current-site-cards--desktop .swiper-wrapper {
  position: relative;
  min-height: 584px;
  perspective: 1500px;
}

.current-site-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 1.1s;
}
.current-site-group .swiper-slide {
  flex: 1;
  width: 0;
  opacity: 0;
  transform: translateY(30px) scale(0.94);
  filter: blur(12px);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), filter 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
.current-site-group--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s linear 0s;
}
.current-site-group--active .swiper-slide {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.current-site-group--active .swiper-slide:nth-child(1) {
  transition-delay: 0.05s;
}
.current-site-group--active .swiper-slide:nth-child(2) {
  transition-delay: 0.18s;
}
.current-site-group--active .swiper-slide:nth-child(3) {
  transition-delay: 0.31s;
}
.current-site-group--leaving {
  visibility: visible;
}
.current-site-group--leaving .swiper-slide {
  opacity: 0;
  transform: translateY(-20px) scale(0.96);
  filter: blur(8px);
  transition: opacity 0.5s ease, transform 0.5s ease, filter 0.5s ease;
}
.current-site-group--leaving .swiper-slide:nth-child(1) {
  transition-delay: 0s;
}
.current-site-group--leaving .swiper-slide:nth-child(2) {
  transition-delay: 0.05s;
}
.current-site-group--leaving .swiper-slide:nth-child(3) {
  transition-delay: 0.1s;
}

.current-site-card {
  border-radius: 40px;
  overflow: hidden;
  height: 584px;
  position: relative;
  flex: 1;
  width: 100%;
}
.current-site-card--white {
  background: #F5F5F5;
  padding: 32px 32px 9px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.current-site-card--red {
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.current-site-card--red .current-site-card__banner {
  background: radial-gradient(82.06% 92.11% at 41.42% 37.77%, #B35656 0%, #8E3535 100%);
}
.current-site-card--dark {
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.current-site-card--dark .current-site-card__banner {
  background: radial-gradient(121.77% 51.49% at 30.64% 45.14%, #379F77 0%, #075537 100%);
}
.current-site-card__dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.current-site-card__dot {
  height: 4px;
  border-radius: 100px;
  background: rgba(61, 61, 61, 0.2);
  position: relative;
  overflow: hidden;
  transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1), background 0.4s ease;
}
.current-site-card__dot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: #3D3D3D;
  border-radius: 100px;
}
.current-site-card__dot--sm {
  width: 30px;
}
.current-site-card__dot--active {
  width: 60px;
  background: rgba(61, 61, 61, 0.2);
}
.current-site-card__dot--active::before {
  animation: currentSiteDotFill 5000ms linear forwards;
}
.current-site-card__title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #3D3D3D;
}
.current-site-card__subtitle {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #3D3D3D;
  opacity: 0.6;
  margin-top: 16px;
}
.current-site-card__desc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.04em;
  color: #3D3D3D;
  opacity: 0.6;
  margin-top: 24px;
}
.current-site-card__result {
  background: #3D3D3D;
  border-radius: 32px;
  padding: 20px 24px;
  width: calc(100% + 48px);
  margin: 0px -24px;
  background: radial-gradient(144.73% 65.5% at 45.95% 61.31%, #10403d 0%, #032e2d 100%);
}
.current-site-card__result-label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.6);
}
.current-site-card__result-value {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin-top: 8px;
  display: block;
}
.current-site-card__result-value span {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.06em;
  opacity: 0.6;
  display: block;
  margin-top: 4px;
}
.current-site-card__banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-radius: 32px;
  padding: 16px 22px;
}
.current-site-card__banner-text {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex: 1;
}
.current-site-card__banner-label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 8px;
}
.current-site-card__banner-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  margin: 0;
  margin-bottom: 16px;
}
.current-site-card__banner-icon {
  width: 141px;
  height: 141px;
  border-radius: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1490196078);
}
.current-site-card__banner-icon svg {
  width: 67px;
  height: 92px;
}
.current-site-card__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
  border-radius: 100px;
  background: #FFFFFF;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: -0.04em;
  margin-top: auto;
  align-self: flex-start;
}
.current-site-card__pill--red {
  color: #A74B4B;
}
.current-site-card__pill--green {
  color: #0C5C3E;
}

.current-site-chat {
  margin-top: 32px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.0509803922);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  flex: 1;
}
.current-site-chat img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.current-site-cms {
  margin-top: 32px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.0509803922);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  flex: 1;
}
.current-site-cms img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

@media (max-width: 1919px) {
  .current-site-card {
    border-radius: 30px;
  }
  .current-site-card__title {
    font-size: 30px;
  }
  .current-site-card__subtitle {
    font-size: 22px;
  }
  .current-site-card__desc {
    font-size: 18px;
  }
  .current-site-card__result-value {
    font-size: 40px;
  }
  .current-site-card__result-value span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .current-site-cards {
    margin-top: 32px;
    overflow: hidden;
    gap: 0;
  }
  .current-site-cards .swiper {
    overflow: visible;
  }
  .current-site-cards .swiper-wrapper {
    gap: 0;
  }
  .current-site-cards .swiper-slide {
    width: 280px;
    flex: none;
  }
  .current-site-card {
    width: 280px;
    height: 480px;
    border-radius: 32px;
  }
  .current-site-card__title {
    font-size: 28px;
  }
  .current-site-card__desc {
    font-size: 14px;
  }
  .current-site-card__result-value {
    font-size: 36px;
  }
}
@keyframes currentSiteDotFill {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.cases-new {
  background: #FFFFFF;
}
.cases-new__title {
  font-weight: 500;
  color: #3D3D3D;
}
.cases-new__subtitle {
  font-weight: 500;
  color: #3D3D3D;
  margin-top: 16px;
}
.cases-new-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 56px;
}
.cases-new-list .swiper-wrapper {
  flex-direction: column;
  gap: 56px;
}
.cases-new-list .swiper-slide {
  width: 100%;
}
.cases-new-item {
  background: radial-gradient(116.14% 142.43% at 46.57% 36.64%, #A6302B 0%, #401311 100%);
  border-radius: 40px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  overflow: hidden;
}
.cases-new-item__header {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cases-new-item__logo {
  width: 90px;
  height: 90px;
  border-radius: 24px;
  background: #FFFFFF;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cases-new-item__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cases-new-item__meta {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cases-new-item__name {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}
.cases-new-item__categories {
  display: flex;
  align-items: center;
  gap: 6px;
}
.cases-new-item__category {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: -0.01em;
  padding: 0 12px;
  height: 27px;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 40px;
  letter-spacing: -0.06em;
}
.cases-new-item__description {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  opacity: 0.6;
}
.cases-new-item__comparison {
  display: flex;
  gap: 16px;
  max-width: 586px;
}
.cases-new-item__before, .cases-new-item__after {
  flex: 1;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 8px;
}
.cases-new-item__state-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #F5F5F5;
  border-radius: 100px;
  padding: 4px;
  gap: 12px;
}
.cases-new-item__state-tag {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  border-radius: 100px;
  padding: 0 10px;
  height: 24px;
  display: flex;
  align-items: center;
}
.cases-new-item__state-tag--before {
  background: radial-gradient(82.06% 92.11% at 41.42% 37.77%, #B35656 0%, #8E3535 100%);
}
.cases-new-item__state-tag--after {
  background: radial-gradient(60.02% 148.61% at 30.64% 45.14%, #379F77 0%, #075537 100%);
}
.cases-new-item__state-conversion {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.01em;
}
.cases-new-item__state-conversion--before {
  color: #A74B4B;
  opacity: 0.6;
}
.cases-new-item__state-conversion--after {
  color: #0C5C3E;
  opacity: 0.6;
}
.cases-new-item__state-content {
  margin: 0 8px;
}
.cases-new-item__state-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.01em;
  margin-top: 15px;
}
.cases-new-item__state-title--before {
  color: #A74B4B;
}
.cases-new-item__state-title--after {
  color: #0C5C3E;
}
.cases-new-item__bullets {
  margin-top: 14px;
  padding-bottom: 7px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cases-new-item__bullet {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #3D3D3D;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.cases-new-item__bullet::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.3em;
}
.cases-new-item__bullet--before::before {
  background: #A74B4B;
}
.cases-new-item__bullet--after::before {
  background: #0C5C3E;
}
.cases-new-item__footer {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 586px;
}
.cases-new-item__review, .cases-new-item__link {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  padding: 16px;
  text-decoration: none;
}
.cases-new-item__review-icon, .cases-new-item__link-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cases-new-item__review-icon i, .cases-new-item__link-icon i {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.cases-new-item__review-icon i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.26702 14.6802C8.08302 14.6802 7.95902 14.6982 7.89502 14.7162V15.8942C7.97102 15.9122 8.06602 15.9172 8.19702 15.9172C8.67602 15.9172 8.97102 15.6752 8.97102 15.2662C8.97102 14.9002 8.71702 14.6802 8.26702 14.6802ZM11.754 14.6922C11.554 14.6922 11.424 14.7102 11.347 14.7282V17.3382C11.424 17.3562 11.548 17.3562 11.66 17.3562C12.477 17.3622 13.009 16.9122 13.009 15.9602C13.015 15.1302 12.53 14.6922 11.754 14.6922Z' fill='white' /%3E%3Cpath d='M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2ZM9.498 16.19C9.189 16.48 8.733 16.61 8.202 16.61C8.09902 16.6119 7.99605 16.6059 7.894 16.592V18.018H7V14.082C7.40347 14.022 7.81112 13.9946 8.219 14C8.776 14 9.172 14.106 9.439 14.319C9.693 14.521 9.865 14.852 9.865 15.242C9.864 15.634 9.734 15.965 9.498 16.19ZM13.305 17.545C12.885 17.894 12.246 18.06 11.465 18.06C10.997 18.06 10.666 18.03 10.441 18V14.083C10.8446 14.0243 11.2521 13.9966 11.66 14C12.417 14 12.909 14.136 13.293 14.426C13.708 14.734 13.968 15.225 13.968 15.93C13.968 16.693 13.689 17.22 13.305 17.545ZM17 14.77H15.468V15.681H16.9V16.415H15.468V18.019H14.562V14.03H17V14.77ZM14 9H13V4L18 9H14Z' fill='white' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.26702 14.6802C8.08302 14.6802 7.95902 14.6982 7.89502 14.7162V15.8942C7.97102 15.9122 8.06602 15.9172 8.19702 15.9172C8.67602 15.9172 8.97102 15.6752 8.97102 15.2662C8.97102 14.9002 8.71702 14.6802 8.26702 14.6802ZM11.754 14.6922C11.554 14.6922 11.424 14.7102 11.347 14.7282V17.3382C11.424 17.3562 11.548 17.3562 11.66 17.3562C12.477 17.3622 13.009 16.9122 13.009 15.9602C13.015 15.1302 12.53 14.6922 11.754 14.6922Z' fill='white' /%3E%3Cpath d='M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2ZM9.498 16.19C9.189 16.48 8.733 16.61 8.202 16.61C8.09902 16.6119 7.99605 16.6059 7.894 16.592V18.018H7V14.082C7.40347 14.022 7.81112 13.9946 8.219 14C8.776 14 9.172 14.106 9.439 14.319C9.693 14.521 9.865 14.852 9.865 15.242C9.864 15.634 9.734 15.965 9.498 16.19ZM13.305 17.545C12.885 17.894 12.246 18.06 11.465 18.06C10.997 18.06 10.666 18.03 10.441 18V14.083C10.8446 14.0243 11.2521 13.9966 11.66 14C12.417 14 12.909 14.136 13.293 14.426C13.708 14.734 13.968 15.225 13.968 15.93C13.968 16.693 13.689 17.22 13.305 17.545ZM17 14.77H15.468V15.681H16.9V16.415H15.468V18.019H14.562V14.03H17V14.77ZM14 9H13V4L18 9H14Z' fill='white' /%3E%3C/svg%3E");
}
.cases-new-item__link-icon i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_382_3135)'%3E%3Cpath d='M5.5 8C5.5 8.63333 5.52833 9.24733 5.581 9.83333H10.419C10.4717 9.24733 10.5 8.63333 10.5 8C10.5 7.36667 10.4717 6.75267 10.4187 6.16667H5.58167C5.52833 6.75267 5.5 7.36667 5.5 8ZM4.57767 6.16667C4.5255 6.77638 4.49958 7.38806 4.5 8C4.5 8.62867 4.52667 9.24233 4.57733 9.83333H0.725667C0.578333 9.24667 0.5 8.63233 0.5 8C0.5 7.36767 0.578333 6.75333 0.725667 6.16667H4.57767ZM5.69967 5.16667H10.3C10.152 4.15767 9.928 3.258 9.65033 2.519C9.39067 1.828 9.094 1.303 8.79033 0.960333C8.486 0.616333 8.21733 0.5 8 0.5C7.78267 0.5 7.514 0.616667 7.20933 0.96C6.90567 1.30333 6.609 1.828 6.34933 2.519C6.07167 3.258 5.84767 4.15767 5.69933 5.16667M11.4223 6.16667C11.4733 6.75767 11.5 7.37133 11.5 8C11.5 8.62867 11.4733 9.24233 11.4227 9.83333H15.2743C15.4217 9.24667 15.5 8.63233 15.5 8C15.5 7.36767 15.4217 6.75333 15.2743 6.16667H11.4223ZM14.9467 5.16667H11.3103C11.1537 4.03733 10.9057 3.01667 10.5867 2.16733C10.383 1.62533 10.1457 1.14 9.87533 0.736333C12.182 1.33033 14.0587 2.994 14.946 5.16667M4.68933 5.16667H1.05367C1.94067 2.994 3.81767 1.33033 6.12433 0.736667C5.85433 1.14 5.61667 1.62533 5.413 2.16733C5.094 3.01667 4.84633 4.03733 4.68967 5.16667M4.68867 10.8333H1.05367C1.94033 13.005 3.81567 14.668 6.12033 15.2627C5.85033 14.8593 5.61367 14.374 5.41033 13.8327C5.092 12.9827 4.84467 11.9627 4.68867 10.8333ZM9.65333 13.4813C9.93 12.7423 10.1533 11.8427 10.3013 10.8333H5.69867C5.84633 11.8427 6.06967 12.7423 6.34667 13.4813C6.606 14.1723 6.90233 14.697 7.20667 15.0397C7.51067 15.383 7.78 15.5 8 15.5C8.22 15.5 8.48933 15.383 8.79333 15.0397C9.09767 14.697 9.394 14.1723 9.65333 13.4813ZM10.5897 13.8323C10.908 12.983 11.1553 11.9623 11.3113 10.8333H14.9463C14.0597 13.005 12.1843 14.668 9.87967 15.2627C10.1497 14.8593 10.3863 14.3737 10.5897 13.8323Z' fill='white' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_382_3135'%3E%3Crect width='16' height='16' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_382_3135)'%3E%3Cpath d='M5.5 8C5.5 8.63333 5.52833 9.24733 5.581 9.83333H10.419C10.4717 9.24733 10.5 8.63333 10.5 8C10.5 7.36667 10.4717 6.75267 10.4187 6.16667H5.58167C5.52833 6.75267 5.5 7.36667 5.5 8ZM4.57767 6.16667C4.5255 6.77638 4.49958 7.38806 4.5 8C4.5 8.62867 4.52667 9.24233 4.57733 9.83333H0.725667C0.578333 9.24667 0.5 8.63233 0.5 8C0.5 7.36767 0.578333 6.75333 0.725667 6.16667H4.57767ZM5.69967 5.16667H10.3C10.152 4.15767 9.928 3.258 9.65033 2.519C9.39067 1.828 9.094 1.303 8.79033 0.960333C8.486 0.616333 8.21733 0.5 8 0.5C7.78267 0.5 7.514 0.616667 7.20933 0.96C6.90567 1.30333 6.609 1.828 6.34933 2.519C6.07167 3.258 5.84767 4.15767 5.69933 5.16667M11.4223 6.16667C11.4733 6.75767 11.5 7.37133 11.5 8C11.5 8.62867 11.4733 9.24233 11.4227 9.83333H15.2743C15.4217 9.24667 15.5 8.63233 15.5 8C15.5 7.36767 15.4217 6.75333 15.2743 6.16667H11.4223ZM14.9467 5.16667H11.3103C11.1537 4.03733 10.9057 3.01667 10.5867 2.16733C10.383 1.62533 10.1457 1.14 9.87533 0.736333C12.182 1.33033 14.0587 2.994 14.946 5.16667M4.68933 5.16667H1.05367C1.94067 2.994 3.81767 1.33033 6.12433 0.736667C5.85433 1.14 5.61667 1.62533 5.413 2.16733C5.094 3.01667 4.84633 4.03733 4.68967 5.16667M4.68867 10.8333H1.05367C1.94033 13.005 3.81567 14.668 6.12033 15.2627C5.85033 14.8593 5.61367 14.374 5.41033 13.8327C5.092 12.9827 4.84467 11.9627 4.68867 10.8333ZM9.65333 13.4813C9.93 12.7423 10.1533 11.8427 10.3013 10.8333H5.69867C5.84633 11.8427 6.06967 12.7423 6.34667 13.4813C6.606 14.1723 6.90233 14.697 7.20667 15.0397C7.51067 15.383 7.78 15.5 8 15.5C8.22 15.5 8.48933 15.383 8.79333 15.0397C9.09767 14.697 9.394 14.1723 9.65333 13.4813ZM10.5897 13.8323C10.908 12.983 11.1553 11.9623 11.3113 10.8333H14.9463C14.0597 13.005 12.1843 14.668 9.87967 15.2627C10.1497 14.8593 10.3863 14.3737 10.5897 13.8323Z' fill='white' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_382_3135'%3E%3Crect width='16' height='16' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.cases-new-item__review-text, .cases-new-item__link-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cases-new-item__review-title, .cases-new-item__link-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.cases-new-item__review-sub, .cases-new-item__link-sub {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  opacity: 0.6;
}
.cases-new-item__image {
  position: absolute;
  right: 48px;
  top: 48px;
  bottom: 48px;
  width: 720px;
  border-radius: 32px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  padding: 8px;
}
.cases-new-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: inherit;
}

@media (max-width: 767px) {
  .cases-new {
    padding: 48px 16px;
    border-radius: 40px;
    margin-top: 12px;
  }
  .cases-new-list {
    gap: 0;
  }
  .cases-new-list .swiper {
    overflow: visible;
  }
  .cases-new-list .swiper-wrapper {
    flex-direction: row;
    gap: 0;
  }
  .cases-new-list .swiper-slide {
    width: 310px;
    flex: none;
  }
  .cases-new-item {
    border-radius: 32px;
    padding: 16px;
    gap: 16px;
  }
  .cases-new-item__image {
    display: none;
  }
  .cases-new-item__comparison {
    max-width: 100%;
    flex-direction: column;
  }
  .cases-new-item__footer {
    max-width: 100%;
    flex-direction: column;
  }
  .cases-new-item__name {
    font-size: 18px;
  }
  .cases-new-item__logo {
    width: 56px;
    height: 56px;
    border-radius: 16px;
  }
}
.assets-build {
  background: radial-gradient(86.78% 91.34% at 21.99% 26.78%, #0F4D49 0%, #042624 100%);
}
.assets-build-list {
  margin-top: 56px;
  overflow: visible;
}
.assets-build-list .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.assets-build-list .swiper-slide {
  width: 790px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}
.assets-build-card {
  position: relative;
  width: 100%;
  border-radius: 40px;
  padding: 32px;
  overflow: hidden;
  gap: 32px;
  display: flex;
  flex-direction: column;
}
.assets-build-card__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.assets-build-card__icon {
  position: relative;
  width: 150px;
  height: 150px;
  flex-shrink: 0;
  border-radius: 24px;
  overflow: hidden;
}
.assets-build-card__num {
  position: absolute;
  left: 16px;
  top: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -1px;
  color: var(--white);
  opacity: 0.6;
}
.assets-build-card__icon-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  height: 127px;
  -o-object-fit: contain;
     object-fit: contain;
}
.assets-build-card__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.assets-build-card__title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -3px;
  color: var(--white);
}
.assets-build-card__sub {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1px;
  color: var(--white);
  opacity: 0.6;
}
.assets-build-card__visuals {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
}
.assets-build-visual {
  position: relative;
  flex: 1;
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
}
.assets-build-visual img {
  width: 100%;
  border-radius: inherit;
}
.assets-build-card__visual {
  border-radius: 32px;
  display: flex;
}
.assets-build-card__visual img {
  width: 100%;
  border-radius: inherit;
}
.assets-build-bar {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  height: 93px;
  border-radius: 24px;
  padding-left: 16px;
  padding-right: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  z-index: 2;
}
.assets-build-bar--bad {
  background: radial-gradient(82.06% 92.11% at 41.42% 37.77%, #B35656 0%, #8E3535 100%);
}
.assets-build-bar--good {
  background: radial-gradient(122.1% 60.66% at 30.64% 45.14%, #379f77 0%, #075537 100%);
}
.assets-build-bar__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.assets-build-bar__label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
  color: var(--white);
  opacity: 0.6;
}
.assets-build-bar__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border-radius: 100px;
  background: var(--white);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: -1px;
  white-space: nowrap;
}
.assets-build-bar__pill--bad {
  color: #A74B4B;
}
.assets-build-bar__pill--good {
  color: #0C5C3E;
}
.assets-build-bar__icon {
  width: 77px;
  height: 77px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.assets-build-bar__icon i {
  display: block;
  width: 40px;
  height: 40px;
  background-color: var(--white);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.assets-build-bar__icon--bad {
  background: radial-gradient(82.97% 92.96% at 41.42% 37.77%, #b35656 0%, #8e3535 100%);
}
.assets-build-bar__icon--bad i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_382_3238' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' transform='matrix(1 0 0 -1 0 40)' fill='%23D9D9D9' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_382_3238)'%3E%3Cpath d='M30.0007 5.00065H14.334C13.7817 5.00065 13.334 5.44837 13.334 6.00065V26.2531C13.334 26.5183 13.4393 26.7727 13.6269 26.9602L24.2935 37.6269C24.6841 38.0174 25.3172 38.0174 25.7078 37.6269L27.084 36.2507C27.2784 36.0562 27.4382 35.7923 27.5632 35.459C27.6882 35.1257 27.7507 34.8062 27.7507 34.5007V34.0418C27.7507 33.9591 27.7404 33.8768 27.7201 33.7966L26.2322 27.9125C26.0724 27.2807 26.55 26.6673 27.2017 26.6673H35.0007C35.8895 26.6673 36.6673 26.334 37.334 25.6673C38.0006 25.0007 38.334 24.2229 38.334 23.334V20.0007C38.334 19.8062 38.3131 19.5979 38.2715 19.3757C38.2298 19.1534 38.1673 18.9451 38.084 18.7507L33.084 7.00065C32.834 6.4451 32.4173 5.97287 31.834 5.58398C31.2507 5.1951 30.6395 5.00065 30.0007 5.00065ZM9.00065 26.6673C9.55294 26.6673 10.0007 26.2196 10.0007 25.6673V6.00065C10.0007 5.44836 9.55294 5.00065 9.00065 5.00065H4.33398C3.7817 5.00065 3.33398 5.44837 3.33398 6.00065V25.6673C3.33398 26.2196 3.7817 26.6673 4.33398 26.6673H9.00065Z' fill='white' fill-opacity='0.01' /%3E%3Cpath d='M4.33398 26.167H9.00098C9.27697 26.1668 9.50098 25.943 9.50098 25.667V6.00098C9.50098 5.72494 9.27697 5.50115 9.00098 5.50098H4.33398C4.05784 5.50098 3.83398 5.72483 3.83398 6.00098V25.667C3.83398 25.9431 4.05784 26.167 4.33398 26.167ZM24.6475 37.2734C24.8427 37.4685 25.1593 37.4686 25.3545 37.2734L26.7305 35.8975C26.8619 35.766 26.9877 35.5686 27.0947 35.2832C27.202 34.9971 27.2509 34.7374 27.251 34.501V34.042C27.251 34.0007 27.2455 33.959 27.2354 33.9189L25.7471 28.0352C25.5074 27.0875 26.2246 26.167 27.2021 26.167H35.001C35.7485 26.1669 36.4013 25.8926 36.9805 25.3135C37.5596 24.7343 37.834 24.0815 37.834 23.334V20.001C37.834 19.842 37.8171 19.6644 37.7803 19.4678C37.7449 19.2791 37.692 19.1058 37.624 18.9473V18.9463L32.6279 7.20605C32.422 6.74847 32.0739 6.34481 31.5566 6C31.0472 5.66038 30.5315 5.50104 30.001 5.50098H14.334C14.0578 5.50098 13.834 5.72483 13.834 6.00098V26.2529C13.834 26.3855 13.8868 26.5127 13.9805 26.6064L24.6475 37.2734Z' stroke='white' stroke-opacity='0.6' /%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_382_3238' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' transform='matrix(1 0 0 -1 0 40)' fill='%23D9D9D9' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_382_3238)'%3E%3Cpath d='M30.0007 5.00065H14.334C13.7817 5.00065 13.334 5.44837 13.334 6.00065V26.2531C13.334 26.5183 13.4393 26.7727 13.6269 26.9602L24.2935 37.6269C24.6841 38.0174 25.3172 38.0174 25.7078 37.6269L27.084 36.2507C27.2784 36.0562 27.4382 35.7923 27.5632 35.459C27.6882 35.1257 27.7507 34.8062 27.7507 34.5007V34.0418C27.7507 33.9591 27.7404 33.8768 27.7201 33.7966L26.2322 27.9125C26.0724 27.2807 26.55 26.6673 27.2017 26.6673H35.0007C35.8895 26.6673 36.6673 26.334 37.334 25.6673C38.0006 25.0007 38.334 24.2229 38.334 23.334V20.0007C38.334 19.8062 38.3131 19.5979 38.2715 19.3757C38.2298 19.1534 38.1673 18.9451 38.084 18.7507L33.084 7.00065C32.834 6.4451 32.4173 5.97287 31.834 5.58398C31.2507 5.1951 30.6395 5.00065 30.0007 5.00065ZM9.00065 26.6673C9.55294 26.6673 10.0007 26.2196 10.0007 25.6673V6.00065C10.0007 5.44836 9.55294 5.00065 9.00065 5.00065H4.33398C3.7817 5.00065 3.33398 5.44837 3.33398 6.00065V25.6673C3.33398 26.2196 3.7817 26.6673 4.33398 26.6673H9.00065Z' fill='white' fill-opacity='0.01' /%3E%3Cpath d='M4.33398 26.167H9.00098C9.27697 26.1668 9.50098 25.943 9.50098 25.667V6.00098C9.50098 5.72494 9.27697 5.50115 9.00098 5.50098H4.33398C4.05784 5.50098 3.83398 5.72483 3.83398 6.00098V25.667C3.83398 25.9431 4.05784 26.167 4.33398 26.167ZM24.6475 37.2734C24.8427 37.4685 25.1593 37.4686 25.3545 37.2734L26.7305 35.8975C26.8619 35.766 26.9877 35.5686 27.0947 35.2832C27.202 34.9971 27.2509 34.7374 27.251 34.501V34.042C27.251 34.0007 27.2455 33.959 27.2354 33.9189L25.7471 28.0352C25.5074 27.0875 26.2246 26.167 27.2021 26.167H35.001C35.7485 26.1669 36.4013 25.8926 36.9805 25.3135C37.5596 24.7343 37.834 24.0815 37.834 23.334V20.001C37.834 19.842 37.8171 19.6644 37.7803 19.4678C37.7449 19.2791 37.692 19.1058 37.624 18.9473V18.9463L32.6279 7.20605C32.422 6.74847 32.0739 6.34481 31.5566 6C31.0472 5.66038 30.5315 5.50104 30.001 5.50098H14.334C14.0578 5.50098 13.834 5.72483 13.834 6.00098V26.2529C13.834 26.3855 13.8868 26.5127 13.9805 26.6064L24.6475 37.2734Z' stroke='white' stroke-opacity='0.6' /%3E%3C/g%3E%3C/svg%3E");
}
.assets-build-bar__icon--good {
  background: radial-gradient(144.73% 65.5% at 45.95% 61.31%, rgba(16, 64, 61, 0.5) 0%, rgba(3, 46, 45, 0.5) 100%);
}
.assets-build-bar__icon--good i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='35' height='33' viewBox='0 0 35 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.6667 32.9193H11C10.4477 32.9193 10 32.4716 10 31.9193V11.6668C10 11.4016 10.1054 11.1472 10.2929 10.9597L20.9596 0.293044C21.3501 -0.0974799 21.9832 -0.0974799 22.3738 0.293044L23.75 1.66927C23.9444 1.86372 24.1042 2.1276 24.2292 2.46094C24.3542 2.79427 24.4167 3.11372 24.4167 3.41927V3.87813C24.4167 3.96079 24.4064 4.04314 24.3862 4.12328L22.8982 10.0074C22.7384 10.6392 23.216 11.2526 23.8677 11.2526H31.6667C32.5556 11.2526 33.3333 11.5859 34 12.2526C34.6667 12.9193 35 13.697 35 14.5859V17.9193C35 18.1137 34.9792 18.322 34.9375 18.5443C34.8958 18.7665 34.8333 18.9748 34.75 19.1693L29.75 30.9193C29.5 31.4748 29.0833 31.947 28.5 32.3359C27.9167 32.7248 27.3056 32.9193 26.6667 32.9193ZM5.66667 11.2526C6.21895 11.2526 6.66667 11.7003 6.66667 12.2526V31.9193C6.66667 32.4716 6.21895 32.9193 5.66667 32.9193H0.999999C0.447714 32.9193 0 32.4716 0 31.9193V12.2526C0 11.7003 0.447715 11.2526 1 11.2526H5.66667Z' fill='white' fill-opacity='0.01' /%3E%3Cpath d='M1 11.7529H5.66699C5.94298 11.7531 6.16699 11.9769 6.16699 12.2529V31.9189C6.16699 32.195 5.94299 32.4188 5.66699 32.4189H1C0.723858 32.4189 0.5 32.1951 0.5 31.9189V12.2529C0.5 11.9768 0.723857 11.7529 1 11.7529ZM21.3135 0.646484C21.5088 0.451461 21.8253 0.451301 22.0205 0.646484L23.3965 2.02246C23.5279 2.15389 23.6537 2.35132 23.7607 2.63672C23.868 2.92285 23.9169 3.18247 23.917 3.41895V3.87793C23.917 3.91926 23.9115 3.9609 23.9014 4.00098L22.4131 9.88477C22.1734 10.8325 22.8906 11.7529 23.8682 11.7529H31.667C32.4145 11.753 33.0674 12.0273 33.6465 12.6064C34.2256 13.1856 34.5 13.8384 34.5 14.5859V17.9189C34.5 18.078 34.4832 18.2555 34.4463 18.4521C34.4109 18.6408 34.358 18.8141 34.29 18.9727V18.9736L29.2939 30.7139C29.088 31.1715 28.7399 31.5751 28.2227 31.9199C27.7132 32.2595 27.1975 32.4189 26.667 32.4189H11C10.7239 32.4189 10.5 32.1951 10.5 31.9189V11.667C10.5 11.5344 10.5528 11.4072 10.6465 11.3135L21.3135 0.646484Z' stroke='white' stroke-opacity='0.6' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='35' height='33' viewBox='0 0 35 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.6667 32.9193H11C10.4477 32.9193 10 32.4716 10 31.9193V11.6668C10 11.4016 10.1054 11.1472 10.2929 10.9597L20.9596 0.293044C21.3501 -0.0974799 21.9832 -0.0974799 22.3738 0.293044L23.75 1.66927C23.9444 1.86372 24.1042 2.1276 24.2292 2.46094C24.3542 2.79427 24.4167 3.11372 24.4167 3.41927V3.87813C24.4167 3.96079 24.4064 4.04314 24.3862 4.12328L22.8982 10.0074C22.7384 10.6392 23.216 11.2526 23.8677 11.2526H31.6667C32.5556 11.2526 33.3333 11.5859 34 12.2526C34.6667 12.9193 35 13.697 35 14.5859V17.9193C35 18.1137 34.9792 18.322 34.9375 18.5443C34.8958 18.7665 34.8333 18.9748 34.75 19.1693L29.75 30.9193C29.5 31.4748 29.0833 31.947 28.5 32.3359C27.9167 32.7248 27.3056 32.9193 26.6667 32.9193ZM5.66667 11.2526C6.21895 11.2526 6.66667 11.7003 6.66667 12.2526V31.9193C6.66667 32.4716 6.21895 32.9193 5.66667 32.9193H0.999999C0.447714 32.9193 0 32.4716 0 31.9193V12.2526C0 11.7003 0.447715 11.2526 1 11.2526H5.66667Z' fill='white' fill-opacity='0.01' /%3E%3Cpath d='M1 11.7529H5.66699C5.94298 11.7531 6.16699 11.9769 6.16699 12.2529V31.9189C6.16699 32.195 5.94299 32.4188 5.66699 32.4189H1C0.723858 32.4189 0.5 32.1951 0.5 31.9189V12.2529C0.5 11.9768 0.723857 11.7529 1 11.7529ZM21.3135 0.646484C21.5088 0.451461 21.8253 0.451301 22.0205 0.646484L23.3965 2.02246C23.5279 2.15389 23.6537 2.35132 23.7607 2.63672C23.868 2.92285 23.9169 3.18247 23.917 3.41895V3.87793C23.917 3.91926 23.9115 3.9609 23.9014 4.00098L22.4131 9.88477C22.1734 10.8325 22.8906 11.7529 23.8682 11.7529H31.667C32.4145 11.753 33.0674 12.0273 33.6465 12.6064C34.2256 13.1856 34.5 13.8384 34.5 14.5859V17.9189C34.5 18.078 34.4832 18.2555 34.4463 18.4521C34.4109 18.6408 34.358 18.8141 34.29 18.9727V18.9736L29.2939 30.7139C29.088 31.1715 28.7399 31.5751 28.2227 31.9199C27.7132 32.2595 27.1975 32.4189 26.667 32.4189H11C10.7239 32.4189 10.5 32.1951 10.5 31.9189V11.667C10.5 11.5344 10.5528 11.4072 10.6465 11.3135L21.3135 0.646484Z' stroke='white' stroke-opacity='0.6' /%3E%3C/svg%3E");
}
.assets-build-visual__glow {
  position: absolute;
  width: 488px;
  height: 324px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% - 93px));
  background: #369184;
  filter: blur(147px);
  opacity: 0.7;
  pointer-events: none;
  z-index: 0;
}
.assets-build-visual__art {
  position: absolute;
  left: 0;
  right: 0;
  top: 95px;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
}
.assets-build-art--bad .assets-build-art__phone, .assets-build-art--bad .assets-build-art__browser {
  position: absolute;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.25);
  transform: rotate(-13.22deg);
}
.assets-build-art--bad .assets-build-art__browser {
  width: 180px;
  height: 200px;
  left: -16px;
  top: 30px;
}
.assets-build-art--bad .assets-build-art__browser::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 22px;
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px 16px 0 0;
}
.assets-build-art--bad .assets-build-art__browser::after {
  content: "";
  position: absolute;
  left: 12px;
  top: 8px;
  width: 24px;
  height: 6px;
  border-radius: 100px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4), 10px 0 0 0 rgba(255, 255, 255, 0.4), 20px 0 0 0 rgba(255, 255, 255, 0.4);
  background: transparent;
}
.assets-build-art--bad .assets-build-art__phone {
  width: 100px;
  height: 170px;
  left: 130px;
  top: 100px;
  background: var(--white);
  border: none;
  box-shadow: inset 0 0 0 6px #134E46;
}
.assets-build-art--good .assets-build-art__window {
  position: absolute;
  left: 35px;
  right: 35px;
  bottom: -20px;
  top: 32px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.assets-build-art--good .assets-build-art__window-bar {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 9px;
  height: 6px;
  display: flex;
  flex-direction: row-reverse;
  gap: 4px;
}
.assets-build-art--good .assets-build-art__window-bar::before, .assets-build-art--good .assets-build-art__window-bar::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}
.assets-build-art--good .assets-build-art__window-bar::after {
  margin-right: 4px;
}
.assets-build-art--good .assets-build-art__window-extra {
  position: absolute;
  right: 18px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}
.assets-build-art--good .assets-build-art__bar {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 26px;
  height: 6px;
  border-radius: 3px;
  background: #134E46;
}
.assets-build-art--good .assets-build-art__grid {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 42px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 86px);
  gap: 10px;
}
.assets-build-art--good .assets-build-art__cell {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.assets-build-art--good .assets-build-art__cell::before {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  top: 6px;
  height: 32px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 5px;
}
.assets-build-art--good .assets-build-art__cell::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 6px;
  height: 16px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
}
.assets-build-art--good .assets-build-art__cell--active {
  background: rgba(255, 255, 255, 0.25);
}
.assets-build-art--good .assets-build-art__cell--active::before {
  background: rgba(255, 255, 255, 0.35);
}
.assets-build-art--good .assets-build-art__cell--active::after {
  background: #134E46;
}
.assets-build-art--good .assets-build-art__cursor {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-24deg);
}
.assets-build-art--good .assets-build-art__cursor::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--white);
  clip-path: polygon(0 0, 100% 60%, 55% 65%, 75% 100%, 60% 100%, 40% 70%, 0 100%);
}

@media (min-width: 1700px) {
  .assets-build__subtitle {
    font-size: 64px;
  }
}
@media (max-width: 1700px) {
  .assets-build__title {
    font-size: 72px;
  }
  .assets-build__subtitle {
    font-size: 28px;
    margin-top: 16px;
  }
  .assets-build-list {
    margin-top: 40px;
  }
  .assets-build-list .swiper-slide {
    width: 640px;
  }
  .assets-build-card {
    min-height: 480px;
    border-radius: 32px;
    padding: 24px;
  }
  .assets-build-card__icon {
    width: 120px;
    height: 120px;
    border-radius: 20px;
  }
  .assets-build-card__icon-img {
    width: 96px;
    height: 102px;
  }
  .assets-build-card__title {
    font-size: 32px;
    letter-spacing: -2px;
  }
  .assets-build-card__sub {
    font-size: 24px;
  }
  .assets-build-card__visuals {
    margin-top: 24px;
  }
  .assets-build-visual {
    height: 270px;
    border-radius: 24px;
  }
  .assets-build-bar {
    height: 76px;
    border-radius: 18px;
    padding: 0 12px;
  }
  .assets-build-bar__icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
  }
  .assets-build-bar__icon svg {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1250px) {
  .assets-build__title {
    font-size: 56px;
  }
  .assets-build__subtitle {
    font-size: 22px;
  }
  .assets-build-list .swiper-slide {
    width: 540px;
  }
  .assets-build-card__title {
    font-size: 28px;
  }
  .assets-build-card__sub {
    font-size: 20px;
  }
  .assets-build-visual {
    height: 240px;
  }
  .assets-build-bar__pill {
    font-size: 14px;
    height: 28px;
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  .assets-build__head {
    max-width: 100%;
  }
  .assets-build__title {
    font-size: 38px;
  }
  .assets-build__subtitle {
    font-size: 18px;
    margin-top: 12px;
  }
  .assets-build-list {
    margin-top: 28px;
  }
  .assets-build-list .swiper-wrapper {
    gap: 0;
  }
  .assets-build-list .swiper-slide {
    width: 320px;
  }
  .assets-build-card {
    min-height: 420px;
    border-radius: 28px;
    padding: 16px;
  }
  .assets-build-card__header {
    gap: 16px;
  }
  .assets-build-card__icon {
    width: 80px;
    height: 80px;
    border-radius: 16px;
  }
  .assets-build-card__num {
    left: 10px;
    top: 10px;
    font-size: 12px;
  }
  .assets-build-card__icon-img {
    width: 64px;
    height: 68px;
  }
  .assets-build-card__title {
    font-size: 24px;
    letter-spacing: -1.5px;
  }
  .assets-build-card__sub {
    font-size: 16px;
  }
  .assets-build-card__visuals {
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
  }
  .assets-build-visual {
    height: 200px;
    border-radius: 18px;
  }
  .assets-build-bar {
    height: 60px;
    border-radius: 14px;
    padding: 0 10px;
    gap: 8px;
  }
  .assets-build-bar__label {
    font-size: 13px;
  }
  .assets-build-bar__pill {
    font-size: 13px;
    height: 26px;
    padding: 0 10px;
  }
  .assets-build-bar__icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
  }
  .assets-build-bar__icon svg {
    width: 22px;
    height: 22px;
  }
}
.work-process {
  background: radial-gradient(116.05% 50% at 50% 50%, #013230 26.48%, #073834 41.03%, #023330 67.32%, #002C27 77.55%);
  color: var(--white);
  padding-top: 160px;
  overflow: visible;
}
.work-process-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.work-process-left {
  width: 49%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 140px;
}
.work-process__title {
  color: rgba(255, 255, 255, 0.3019607843);
}
.work-process__subtitle {
  color: var(--white);
  opacity: 1;
}
.work-process__desc {
  margin-top: 16px;
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(255, 255, 255, 0.6);
  max-width: 790px;
}
.work-process__btn {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white);
  border-radius: 32px;
  padding: 8px 8px 8px 24px;
  gap: 16px;
  width: 385px;
  cursor: pointer;
  text-decoration: none;
}
.work-process__btn-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.work-process__btn-info strong {
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1px;
  color: var(--black);
}
.work-process__btn-info span {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(61, 61, 61, 0.6);
}
.work-process__btn-icon {
  flex-shrink: 0;
  width: 48px;
  height: 104px;
  border-radius: 100px;
  background: radial-gradient(105.21% 41.35% at 80.21% 64.42%, #10403D 0%, #032E2D 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.work-process__btn-icon i {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99984 13.0001L3.99984 11.0001L15.9998 11.0001L10.4998 5.50008L11.9198 4.08008L19.8398 12.0001L11.9198 19.9201L10.4998 18.5001L15.9998 13.0001L3.99984 13.0001Z' fill='white' /%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.work-process-list {
  width: 49%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.work-process-card {
  position: relative;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.0509803922);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 40px;
  padding: 40px;
  min-height: 292px;
  overflow: hidden;
}
.work-process-card__content {
  position: relative;
  z-index: 1;
  max-width: 470px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.work-process-card__title {
  font-weight: 500;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -3px;
  color: var(--white);
}
.work-process-card__desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(255, 255, 255, 0.6);
}
.work-process-card__icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 280px;
  height: 280px;
  pointer-events: none;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.work-process-card__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right bottom;
     object-position: right bottom;
}

@media (max-width: 1700px) {
  .work-process__desc {
    font-size: 24px;
  }
  .work-process-card {
    padding: 32px;
    min-height: 260px;
  }
  .work-process-card__title {
    font-size: 40px;
  }
  .work-process-card__desc {
    font-size: 16px;
  }
  .work-process-card__icon {
    width: 220px;
    height: 220px;
  }
}
@media (max-width: 1250px) {
  .work-process-wrap {
    flex-direction: column;
    gap: 40px;
  }
  .work-process-left {
    width: 100%;
    position: static;
  }
  .work-process-list {
    width: 100%;
  }
  .work-process__desc {
    font-size: 20px;
  }
  .work-process__btn {
    width: 100%;
    max-width: 385px;
  }
  .work-process__btn-info strong {
    font-size: 24px;
  }
  .work-process-card {
    border-radius: 32px;
  }
  .work-process-card__title {
    font-size: 32px;
    letter-spacing: -2px;
  }
  .work-process-card__icon {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 768px) {
  .work-process-wrap {
    gap: 24px;
  }
  .work-process-left {
    gap: 16px;
  }
  .work-process__desc {
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -1px;
    margin-top: 0;
  }
  .work-process__btn {
    width: 100%;
    max-width: 343px;
    height: 94px;
    padding: 16px 8px 16px 24px;
    border-radius: 24px;
    gap: 8px;
  }
  .work-process__btn-info {
    gap: 8px;
  }
  .work-process__btn-info strong {
    font-size: 18px;
  }
  .work-process__btn-info span {
    font-size: 14px;
  }
  .work-process__btn-icon {
    width: 40px;
    height: 78px;
  }
  .work-process__btn-icon i {
    width: 16px;
    height: 16px;
  }
  .work-process-list {
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    margin: 0 -16px;
    padding: 0 16px;
  }
  .work-process-list::-webkit-scrollbar {
    display: none;
  }
  .work-process-card {
    flex-shrink: 0;
    width: 310px;
    min-height: 388px;
    padding: 24px 16px;
    border-radius: 32px;
    scroll-snap-align: start;
  }
  .work-process-card__content {
    gap: 16px;
    max-width: 100%;
  }
  .work-process-card__title {
    font-size: 26px;
    letter-spacing: -3px;
  }
  .work-process-card__desc {
    font-size: 16px;
  }
  .work-process-card__icon {
    width: 220px;
    height: 220px;
  }
}
.decisions {
  color: var(--black);
  background: var(--white);
}
.decisions__title {
  color: var(--black);
}
.decisions__subtitle {
  color: var(--black);
  margin-top: 16px;
}
.decisions-tabs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
}
.decisions-tabs__indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  background: var(--black);
  border-radius: 24px;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateX(0);
  transition: transform 600ms cubic-bezier(0.22, 0.61, 0.36, 1), width 600ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 300ms ease;
  box-shadow: 0 12px 40px -8px rgba(61, 61, 61, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.0784313725);
}
.decisions-tabs__indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.1215686275) 45%, transparent 70%);
  transform: translateX(-100%);
  animation: decisionsShine 2.6s linear infinite;
}
.decisions-tabs__indicator::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 26px;
  background: radial-gradient(60% 80% at 50% 50%, rgba(61, 61, 61, 0.2509803922) 0%, transparent 70%);
  filter: blur(10px);
  z-index: -1;
  opacity: 0.6;
}
.decisions-tab {
  position: relative;
  z-index: 1;
  height: 56px;
  padding: 0 24px;
  border-radius: 24px;
  background: rgba(61, 61, 61, 0.2);
  color: var(--black);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1px;
  cursor: pointer;
  white-space: nowrap;
  opacity: 0.6;
  transition: color 350ms ease, background 350ms ease, opacity 350ms ease, transform 350ms ease;
}
.decisions-tab:hover {
  opacity: 1;
}
.decisions-tab--active {
  background: transparent;
  color: var(--white);
  opacity: 1;
}
.decisions-panels {
  position: relative;
  margin-top: 72px;
}
.decisions-panel {
  display: none;
  grid-template-columns: 790fr 790fr;
  gap: 20px;
  align-items: stretch;
  opacity: 0;
  transform: translateY(20px);
  filter: blur(8px);
  transition: opacity 600ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 600ms cubic-bezier(0.22, 0.61, 0.36, 1), filter 600ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.decisions-panel--active {
  display: grid;
}
.decisions-panel--enter {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.decisions-panel__info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.decisions-panel__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.decisions-panel__title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -2px;
  color: var(--black);
  max-width: 790px;
}
.decisions-panel__sub {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -1px;
  color: var(--black);
  opacity: 0.6;
  max-width: 710px;
}
.decisions-panel__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.decisions-panel__preview {
  position: relative;
  background: #F5F5F5;
  border-radius: 40px;
  min-height: 455px;
  overflow: hidden;
}
.decisions-panel__preview-inner {
  position: absolute;
  inset: 9px;
  background: var(--white);
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.decisions-panel__preview-inner::before {
  content: "";
  width: 249px;
  height: 249px;
  border-radius: 32px;
  background: #F5F5F5;
}
.decisions-item {
  background: #F5F5F5;
  border-radius: 40px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  min-height: 140px;
  transition: transform 350ms ease, background 350ms ease;
}
.decisions-item__icon {
  flex-shrink: 0;
  width: 108px;
  height: 108px;
  background: var(--white);
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.decisions-item__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.decisions-item__title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1px;
  color: var(--black);
  flex: 1;
}
.decisions-item__desc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
  color: var(--black);
  opacity: 0.6;
  flex: 1;
}
.decisions-panel--enter .decisions-panel__title {
  animation: decisionsItemIn 600ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.decisions-panel--enter .decisions-panel__sub {
  animation: decisionsItemIn 600ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
  animation-delay: 80ms;
}
.decisions-panel--enter .decisions-item {
  animation: decisionsItemIn 600ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.decisions-panel--enter .decisions-item:nth-child(1) {
  animation-delay: 160ms;
}
.decisions-panel--enter .decisions-item:nth-child(2) {
  animation-delay: 220ms;
}
.decisions-panel--enter .decisions-item:nth-child(3) {
  animation-delay: 280ms;
}
.decisions-panel--enter .decisions-item:nth-child(4) {
  animation-delay: 340ms;
}
.decisions-panel--enter .decisions-panel__preview {
  animation: decisionsPreviewIn 700ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
  animation-delay: 120ms;
}

@media (min-width: 1700px) {
  .decisions__title {
    font-size: 100px;
  }
  .decisions__subtitle {
    font-size: 48px;
  }
}
@media (max-width: 1700px) {
  .decisions-panel__title {
    font-size: 32px;
    letter-spacing: -1.5px;
  }
  .decisions-panel__sub {
    font-size: 17px;
  }
  .decisions-panel__preview {
    min-height: 400px;
  }
  .decisions-item {
    min-height: 124px;
  }
  .decisions-item__icon {
    width: 92px;
    height: 92px;
  }
  .decisions-item__title {
    font-size: 22px;
  }
  .decisions-item__desc {
    font-size: 15px;
  }
}
@media (max-width: 1400px) {
  .decisions-panel__title {
    font-size: 28px;
  }
  .decisions-panel__sub {
    font-size: 16px;
  }
  .decisions-panel__preview {
    min-height: 360px;
  }
  .decisions-item {
    min-height: 110px;
    padding: 14px;
  }
  .decisions-item__icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
  }
  .decisions-item__title {
    font-size: 20px;
  }
  .decisions-item__desc {
    font-size: 14px;
  }
  .decisions-tab {
    font-size: 20px;
    height: 50px;
    padding: 0 20px;
    letter-spacing: -0.5px;
  }
  .decisions-tabs__indicator {
    height: 50px;
  }
}
@media (max-width: 1250px) {
  .decisions-tabs {
    gap: 10px;
    margin-top: 32px;
  }
  .decisions-tab {
    font-size: 16px;
    height: 44px;
    padding: 0 16px;
  }
  .decisions-tabs__indicator {
    height: 44px;
    border-radius: 18px;
  }
  .decisions-panels {
    margin-top: 32px;
  }
  .decisions-panel {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .decisions-panel__items {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .decisions-panel__preview {
    min-height: 320px;
    order: 2;
  }
  .decisions-panel__title {
    font-size: 26px;
  }
  .decisions-panel__sub {
    font-size: 15px;
  }
  .decisions-item {
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .decisions__subtitle {
    margin-top: 10px;
  }
  .decisions-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    margin-top: 24px;
    padding-bottom: 4px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .decisions-tabs::-webkit-scrollbar {
    display: none;
  }
  .decisions-tab {
    font-size: 14px;
    height: 40px;
    padding: 0 14px;
    flex-shrink: 0;
  }
  .decisions-tabs__indicator {
    height: 40px;
    border-radius: 16px;
  }
  .decisions-panels {
    margin-top: 24px;
  }
  .decisions-panel {
    gap: 20px;
  }
  .decisions-panel__title {
    font-size: 22px;
    letter-spacing: -1px;
  }
  .decisions-panel__sub {
    font-size: 14px;
  }
  .decisions-panel__preview {
    min-height: 240px;
    border-radius: 24px;
  }
  .decisions-panel__items.swiper {
    display: block;
    overflow: visible;
    grid-template-columns: none;
    gap: 0;
    width: 100%;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .decisions-panel__items.swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }
  .decisions-panel__items.swiper .swiper-slide {
    width: 280px;
    height: auto;
    flex-shrink: 0;
    display: flex;
  }
  .decisions-item {
    width: 100%;
    padding: 12px;
    gap: 12px;
    border-radius: 28px;
    min-height: auto;
  }
  .decisions-item__icon {
    width: 72px;
    height: 72px;
    border-radius: 16px;
  }
  .decisions-item__title {
    font-size: 17px;
  }
  .decisions-item__desc {
    font-size: 13px;
  }
}
@keyframes decisionsItemIn {
  0% {
    opacity: 0;
    transform: translateY(24px);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
@keyframes decisionsPreviewIn {
  0% {
    opacity: 0;
    transform: translateY(24px) scale(0.96);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@keyframes decisionsShine {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.support {
  background: var(--white);
  color: var(--black);
}
.support__head {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.support__title {
  color: var(--black);
  flex-shrink: 0;
}
.support__intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 655px;
}
.support__subtitle {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--black);
  opacity: 1;
}
.support__subtitle span {
  font-size: 48px;
  opacity: 0.6;
  line-height: 1;
}
.support__desc {
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(61, 61, 61, 0.6);
}
.support-cards {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.support-card {
  position: relative;
  background: #f5f5f5;
  border-radius: 40px;
  padding: 24px;
  min-height: 580px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.support-card__visual {
  width: 100%;
  height: 200px;
  border-radius: 24px;
  overflow: hidden;
}
.support-card__visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.support-card__content {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.support-card__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.support-card__title {
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -3px;
  color: var(--black);
}
.support-card__sub {
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -3px;
  color: rgba(61, 61, 61, 0.6);
}
.support-card__desc {
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(61, 61, 61, 0.6);
}
.support-card__pill {
  position: absolute;
  left: 24px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  padding: 0 12px;
  border-radius: 40px;
  background: var(--black);
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -1px;
}

@media (max-width: 1700px) {
  .support__desc {
    font-size: 20px;
  }
  .support-card {
    min-height: 520px;
    padding: 20px;
  }
  .support-card__title {
    font-size: 32px;
    letter-spacing: -2px;
  }
  .support-card__sub {
    font-size: 26px;
    letter-spacing: -2px;
  }
  .support-card__desc {
    font-size: 18px;
  }
}
@media (max-width: 1250px) {
  .support__head {
    flex-direction: column;
    gap: 24px;
  }
  .support__intro {
    max-width: 100%;
    padding-top: 0;
  }
  .support__desc {
    font-size: 18px;
  }
  .support-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .support-card {
    min-height: 480px;
  }
  .support-card__title {
    font-size: 28px;
  }
  .support-card__sub {
    font-size: 22px;
  }
  .support-card__desc {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .support__head {
    gap: 16px;
  }
  .support__intro {
    gap: 16px;
  }
  .support__subtitle {
    gap: 8px;
  }
  .support__desc {
    font-size: 18px;
  }
  .support-cards {
    display: flex;
    flex-direction: row;
    grid-template-columns: none;
    gap: 8px;
    margin: 32px -16px 0;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .support-cards::-webkit-scrollbar {
    display: none;
  }
  .support-card {
    flex-shrink: 0;
    width: 310px;
    min-height: 414px;
    padding: 24px;
    border-radius: 32px;
    scroll-snap-align: start;
  }
  .support-card__visual {
    height: 160px;
  }
  .support-card__content {
    margin-top: 32px;
    gap: 16px;
  }
  .support-card__head {
    gap: 8px;
  }
  .support-card__title {
    font-size: 32px;
    letter-spacing: -3px;
  }
  .support-card__sub {
    font-size: 24px;
    letter-spacing: -1px;
  }
  .support-card__desc {
    font-size: 18px;
  }
  .support-card__pill {
    left: 24px;
    bottom: 24px;
    font-size: 16px;
    height: 27px;
    letter-spacing: -1px;
  }
}
.callback {
  color: var(--white);
  padding-bottom: 0;
}
.callback-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
.callback-left {
  flex: 1;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.callback__title {
  color: var(--white);
}
.callback__subtitle {
  color: var(--white);
  margin-top: 8px;
}
.callback-info {
  position: relative;
  margin-top: 24px;
  padding: 32px;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.callback-info__head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 535px;
}
.callback-info__title {
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -3px;
  color: var(--white);
}
.callback-info__desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(255, 255, 255, 0.6);
}
.callback-info__icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.callback-info__icon i {
  display: block;
  width: 20px;
  height: 24px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0229 19.5732C10.7775 19.5732 10.6122 19.5972 10.5269 19.6212V21.1919C10.6282 21.2159 10.7549 21.2226 10.9295 21.2226C11.5682 21.2226 11.9615 20.8999 11.9615 20.3546C11.9615 19.8666 11.6229 19.5732 11.0229 19.5732ZM15.6722 19.5892C15.4055 19.5892 15.2322 19.6132 15.1295 19.6372V23.1172C15.2322 23.1412 15.3975 23.1412 15.5469 23.1412C16.6362 23.1492 17.3455 22.5492 17.3455 21.2799C17.3535 20.1732 16.7069 19.5892 15.6722 19.5892Z' fill='white'/%3E%3Cpath d='M18.6668 2.66699H8.00016C7.29292 2.66699 6.61464 2.94794 6.11454 3.44804C5.61445 3.94814 5.3335 4.62641 5.3335 5.33366V26.667C5.3335 27.3742 5.61445 28.0525 6.11454 28.5526C6.61464 29.0527 7.29292 29.3337 8.00016 29.3337H24.0002C24.7074 29.3337 25.3857 29.0527 25.8858 28.5526C26.3859 28.0525 26.6668 27.3742 26.6668 26.667V10.667L18.6668 2.66699ZM12.6642 21.587C12.2522 21.9737 11.6442 22.147 10.9362 22.147C10.7989 22.1496 10.6616 22.1416 10.5255 22.123V24.0243H9.3335V18.7763C9.87146 18.6963 10.415 18.6598 10.9588 18.667C11.7015 18.667 12.2295 18.8083 12.5855 19.0923C12.9242 19.3617 13.1535 19.803 13.1535 20.323C13.1522 20.8457 12.9788 21.287 12.6642 21.587ZM17.7402 23.3937C17.1802 23.859 16.3282 24.0803 15.2868 24.0803C14.6628 24.0803 14.2215 24.0403 13.9215 24.0003V18.7777C14.4597 18.6994 15.003 18.6624 15.5468 18.667C16.5562 18.667 17.2122 18.8483 17.7242 19.235C18.2775 19.6457 18.6242 20.3003 18.6242 21.2403C18.6242 22.2577 18.2522 22.9603 17.7402 23.3937ZM22.6668 19.6937H20.6242V20.9083H22.5335V21.887H20.6242V24.0257H19.4162V18.707H22.6668V19.6937ZM18.6668 12.0003H17.3335V5.33366L24.0002 12.0003H18.6668Z' fill='white'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0229 19.5732C10.7775 19.5732 10.6122 19.5972 10.5269 19.6212V21.1919C10.6282 21.2159 10.7549 21.2226 10.9295 21.2226C11.5682 21.2226 11.9615 20.8999 11.9615 20.3546C11.9615 19.8666 11.6229 19.5732 11.0229 19.5732ZM15.6722 19.5892C15.4055 19.5892 15.2322 19.6132 15.1295 19.6372V23.1172C15.2322 23.1412 15.3975 23.1412 15.5469 23.1412C16.6362 23.1492 17.3455 22.5492 17.3455 21.2799C17.3535 20.1732 16.7069 19.5892 15.6722 19.5892Z' fill='white'/%3E%3Cpath d='M18.6668 2.66699H8.00016C7.29292 2.66699 6.61464 2.94794 6.11454 3.44804C5.61445 3.94814 5.3335 4.62641 5.3335 5.33366V26.667C5.3335 27.3742 5.61445 28.0525 6.11454 28.5526C6.61464 29.0527 7.29292 29.3337 8.00016 29.3337H24.0002C24.7074 29.3337 25.3857 29.0527 25.8858 28.5526C26.3859 28.0525 26.6668 27.3742 26.6668 26.667V10.667L18.6668 2.66699ZM12.6642 21.587C12.2522 21.9737 11.6442 22.147 10.9362 22.147C10.7989 22.1496 10.6616 22.1416 10.5255 22.123V24.0243H9.3335V18.7763C9.87146 18.6963 10.415 18.6598 10.9588 18.667C11.7015 18.667 12.2295 18.8083 12.5855 19.0923C12.9242 19.3617 13.1535 19.803 13.1535 20.323C13.1522 20.8457 12.9788 21.287 12.6642 21.587ZM17.7402 23.3937C17.1802 23.859 16.3282 24.0803 15.2868 24.0803C14.6628 24.0803 14.2215 24.0403 13.9215 24.0003V18.7777C14.4597 18.6994 15.003 18.6624 15.5468 18.667C16.5562 18.667 17.2122 18.8483 17.7242 19.235C18.2775 19.6457 18.6242 20.3003 18.6242 21.2403C18.6242 22.2577 18.2522 22.9603 17.7402 23.3937ZM22.6668 19.6937H20.6242V20.9083H22.5335V21.887H20.6242V24.0257H19.4162V18.707H22.6668V19.6937ZM18.6668 12.0003H17.3335V5.33366L24.0002 12.0003H18.6668Z' fill='white'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.callback-info__items {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.callback-info__item {
  position: relative;
  flex: 1;
  width: 200px;
  height: 214px;
  border-radius: 24px;
  padding: 16px;
  overflow: hidden;
}
.callback-info__item-icon {
  position: absolute;
  left: calc(50% - 92px);
  top: 8px;
  width: 184px;
  height: 130px;
  background: var(--white);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.callback-info__item-icon svg {
  width: 80px;
  height: 80px;
}
.callback-info__item-text {
  position: absolute;
  left: 16px;
  top: 150px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.callback-info__item-text strong {
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1px;
  color: var(--white);
}
.callback-info__item-text span {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -1px;
  color: rgba(255, 255, 255, 0.6);
}
.callback-form {
  flex-shrink: 0;
  width: 720px;
  background: var(--white);
  border-radius: 40px;
  padding: 48px;
  color: var(--black);
}
.callback-form__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.callback-form__title {
  display: block;
  font-weight: 500;
  font-size: 80px;
  line-height: 100%;
  letter-spacing: -3px;
  color: var(--black);
}
.callback-form__sub {
  display: block;
  font-weight: 500;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -3px;
  color: rgba(61, 61, 61, 0.6);
}
.callback-form__desc {
  margin-top: 16px;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(61, 61, 61, 0.6);
}
.callback-form__row {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 24px;
}
.callback-form__row .callback-form__input {
  flex: 1;
  margin-top: 0;
}
.callback-form__input {
  display: block;
  width: 100%;
  height: 64px;
  padding: 0 24px;
  border-radius: 16px;
  background: #f5f5f5;
  border: none;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -1px;
  color: var(--black);
  margin-top: 12px;
  transition: background 0.2s;
}
.callback-form__input::-moz-placeholder {
  color: rgba(61, 61, 61, 0.6);
}
.callback-form__input::placeholder {
  color: rgba(61, 61, 61, 0.6);
}
.callback-form__input:focus {
  background: #ececec;
  outline: none;
}
.callback-form__textarea {
  height: 96px;
  padding: 20px 24px;
  resize: none;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.callback-form__button {
  width: 100%;
  height: 120px;
  margin-top: 16px;
  padding: 8px 8px 8px 24px;
  background: radial-gradient(88% 283.35% at 65.35% 107.5%, #10403D 0%, #032E2D 100%);
  border-radius: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  text-align: left;
  transition: filter 0.2s;
}
.callback-form__button:hover {
  filter: brightness(1.1);
}
.callback-form__button-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.callback-form__button-info strong {
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1px;
  color: var(--white);
}
.callback-form__button-info span {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(255, 255, 255, 0.6);
}
.callback-form__button-arrow {
  flex-shrink: 0;
  width: 48px;
  height: 104px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.callback-form__button-arrow svg {
  width: 24px;
  height: 24px;
}
.callback-form__policy {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -1px;
  color: rgba(61, 61, 61, 0.6);
  text-align: center;
}
.callback-form__policy a {
  color: var(--black);
  text-decoration: underline;
}
.callback-footer {
  position: relative;
  margin-top: 80px;
  height: 524px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 60px 60px 0 0;
}
.callback-footer__title {
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  font-weight: 600;
  font-size: 260px;
  line-height: 100%;
  letter-spacing: -21px;
  color: var(--white);
  text-align: center;
}
.callback-footer__title strong {
  font-weight: 600;
}
.callback-footer__title span {
  font-weight: 600;
}
.callback-footer-bottom {
  position: absolute;
  left: 50%;
  top: 380px;
  transform: translateX(-50%);
  width: 443px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: -1px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
.callback-footer-bottom span {
  display: block;
}
.callback-footer-bottom a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  text-align: center;
}
.callback-footer-bottom a:hover {
  color: var(--white);
}

@media (max-width: 1700px) {
  .callback-wrap {
    gap: 32px;
  }
  .callback-form {
    width: 600px;
    padding: 40px;
  }
  .callback-form__title {
    font-size: 64px;
  }
  .callback-form__sub {
    font-size: 36px;
  }
  .callback-form__desc {
    font-size: 20px;
  }
  .callback-form__button {
    height: 100px;
  }
  .callback-form__button-info strong {
    font-size: 26px;
  }
  .callback-form__button-info span {
    font-size: 15px;
  }
  .callback-form__button-arrow {
    height: 84px;
  }
  .callback-info__title {
    font-size: 32px;
  }
  .callback-info__item {
    height: 200px;
  }
  .callback-footer {
    margin-top: 60px;
    height: 420px;
  }
  .callback-footer__title {
    font-size: 200px;
    letter-spacing: -16px;
  }
  .callback-footer-bottom {
    top: 300px;
  }
}
@media (max-width: 1250px) {
  .callback-wrap {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }
  .callback-left {
    max-width: 100%;
  }
  .callback-form {
    width: 100%;
    max-width: 100%;
    padding: 32px;
  }
  .callback-form__title {
    font-size: 48px;
  }
  .callback-form__sub {
    font-size: 32px;
  }
  .callback-form__desc {
    font-size: 18px;
  }
  .callback-form__input {
    height: 56px;
    font-size: 16px;
  }
  .callback-form__button {
    height: 88px;
    padding: 8px 8px 8px 20px;
  }
  .callback-form__button-info strong {
    font-size: 22px;
  }
  .callback-form__button-info span {
    font-size: 14px;
  }
  .callback-form__button-arrow {
    width: 44px;
    height: 72px;
  }
  .callback-info {
    padding: 24px;
  }
  .callback-info__title {
    font-size: 28px;
  }
  .callback-info__items {
    flex-direction: row;
  }
  .callback-info__item {
    height: 180px;
  }
  .callback-footer {
    margin-top: 40px;
    height: 320px;
  }
  .callback-footer__title {
    top: 60px;
    font-size: 120px;
    letter-spacing: -10px;
  }
  .callback-footer-bottom {
    top: 200px;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .callback-wrap {
    gap: 24px;
  }
  .callback-left {
    gap: 16px;
  }
  .callback-info {
    padding: 20px;
    border-radius: 24px;
  }
  .callback-info__title {
    font-size: 24px;
    letter-spacing: -2px;
  }
  .callback-info__desc {
    font-size: 14px;
  }
  .callback-info__head {
    max-width: 100%;
    padding-right: 56px;
  }
  .callback-info__icon {
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
  }
  .callback-info__items {
    flex-direction: column;
    gap: 8px;
  }
  .callback-info__item {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 12px;
  }
  .callback-info__item-icon {
    position: static;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 12px;
  }
  .callback-info__item-icon svg {
    width: 48px;
    height: 48px;
  }
  .callback-info__item-text {
    position: static;
  }
  .callback-form {
    padding: 24px;
    border-radius: 32px;
  }
  .callback-form__title {
    font-size: 38px;
    letter-spacing: -2px;
  }
  .callback-form__sub {
    font-size: 24px;
    letter-spacing: -1px;
  }
  .callback-form__desc {
    font-size: 14px;
  }
  .callback-form__row {
    flex-direction: column;
    gap: 0;
    margin-top: 16px;
  }
  .callback-form__row .callback-form__input {
    margin-top: 12px;
  }
  .callback-form__input {
    height: 52px;
    padding: 0 16px;
    font-size: 14px;
  }
  .callback-form__textarea {
    height: 80px;
    padding: 14px 16px;
  }
  .callback-form__button {
    height: 80px;
    padding: 8px 8px 8px 16px;
    border-radius: 24px;
  }
  .callback-form__button-info strong {
    font-size: 18px;
  }
  .callback-form__button-info span {
    font-size: 13px;
  }
  .callback-form__button-arrow {
    width: 40px;
    height: 64px;
    border-radius: 32px;
  }
  .callback-footer {
    margin-top: 24px;
    height: 200px;
    border-radius: 40px 40px 0 0;
  }
  .callback-footer__title {
    top: 40px;
    font-size: 64px;
    letter-spacing: -4px;
  }
  .callback-footer-bottom {
    top: 130px;
    width: 90%;
    gap: 12px;
    font-size: 12px;
  }
  .callback-footer-bottom-arrow {
    right: 12px;
    width: 32px;
    height: 32px;
  }
  .callback-footer__policy {
    font-size: 12px;
  }
  .callback-footer {
    margin-top: 24px;
    padding-bottom: 24px;
    gap: 16px;
  }
  .callback-footer__title {
    font-size: 56px;
    letter-spacing: -2px;
  }
  .callback-footer-bottom {
    font-size: 12px;
  }
}/*# sourceMappingURL=style.css.map */