@font-face {

  font-family: "NAMU";

  src: url("../fonts/NAMU-1750.woff2") format("woff2");

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "NAMU";

  src: url("../fonts/NAMU-1850.woff2") format("woff2");

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}

*,

*:before,

*:after {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



:focus,

:active {

  outline: none;

}



a:focus,

a:active {

  outline: none;

}



body {

  box-sizing: border-box;

  overflow-x: hidden;

}



aside,

nav,

footer,

header,

section {

  display: block;

}



input::-ms-clear {

  display: none;

}



button {

  cursor: pointer;

  border: none;

  background-color: transparent;

}



button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



a,

a:visited {

  text-decoration: none;

}



a:hover {

  text-decoration: none;

}



ul li {

  list-style: none;

}



dl,

ol,

ul {

  margin: 0;

  padding: 0;

}



label {

  margin: 0;

}



p {

  margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: inherit;

  font-size: inherit;

  margin: 0;

}



input:not([type=checkbox]):not([type=radio]),

textarea,

select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



html {

  scroll-behavior: smooth;

}



body {

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-style: normal;

  background: #12151C;

}



section {

  scroll-margin-top: 60px;

}



.container {

  width: 100%;

  max-width: 1220px;

  padding: 0 20px;

  margin: 0 auto;

}



.site {

  display: flex;

  flex-direction: column;

  min-height: 100vh;

  max-width: 100%;
  overflow: hidden;

}



img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;

}



svg {

  display: block;

  width: 100%;

  height: 100%;

}



.docs {

  padding: 80px 0;

  position: relative;

  color: #ffffff;

  overflow: hidden;

  display: flex;

   flex-direction: column;

   flex: 1 1 auto;

}



.docs-inner {

  display: grid;

  grid-template-columns: 300px 1fr;

  gap: 30px;

  position: relative;

  z-index: 2;

}



.docs-category-title {

  padding-left: 14px;

  font-size: 16px;

  font-weight: 500;

  color: #ffffff;

  margin-bottom: 20px;

  line-height: 1.1;

}



.docs-category-list {

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.docs-category-item {

  margin-bottom: 0;

}



.docs-category-link {

  display: block;

  font-size: 12px;

  font-weight: 500;

  color: #ffffff;

  text-decoration: none;

  padding: 14px;

  line-height: 1.1;

  transition: all 0.3s ease;

}

.docs-category-link:hover {

  opacity: 0.7;

}

.docs-category-link.active {

  border-radius: 33px;

  border: 1px solid #29377C;

  background: radial-gradient(43.7% 54.16% at 14.47% 94.02%, rgba(176, 181, 208, 0.1) 0%, rgba(42, 54, 118, 0) 100%), linear-gradient(180deg, rgba(59, 88, 246, 0.05) 0%, rgba(61, 79, 178, 0.05) 100%);

  box-shadow: -4px 0 31.2px 0 rgba(255, 255, 255, 0.05) inset;

  backdrop-filter: blur(16.2999992371px);

}



.docs-content {

  max-width: 100%;

}



.docs-header {

  margin-bottom: 48px;

}



.docs-title {

  font-size: 48px;

  font-weight: 700;

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 0.96px;

  line-height: 44px;

  margin: 0 0 20px;

}



.docs-subtitle {

  font-size: 22px;

  font-weight: 500;

  color: #ffffff;

  margin: 0;

  line-height: 1.1;

}



.docs-text {

  font-size: 16px;

  font-weight: 500;

  color: #ffffff;

  line-height: 1.5;

  margin-bottom: 48px;

}

.docs-text p {

  margin: 16px 0;

}

.docs-text p:last-child {

  margin-bottom: 0;

}



.docs-link, .docs-text a {

  color: #008fe6;

  text-decoration: underline;

  transition: all 0.3s ease;

  text-decoration: underline;

}

.docs-text img {
  max-width: 100%;
  object-fit: inherit;
  display: inline-block;
  width: revert-layer;
  height: auto;
}

.main {

  flex: 1 1 auto;

  display: flex;

  flex-direction: column;

}



.docs-link:hover, .docs-text a:hover {

  opacity: 0.7;

}



.docs-text .wp-video {

  width: 100%!important;

  max-width: 100%!important;

  margin: 16px 0;

}



.docs-text .wp-video .mejs-video {

  max-width: 100%!important;

    width: 100%!important;

}



.docs-section {

  margin-bottom: 48px;

}



.docs-text ul, .docs-text ol {

  padding-left: 40px;

}



.docs-text ul li {

    list-style: disc;

    margin-top: 10px;

    margin-bottom: 10px;

}



.docs-text ol li {

  list-style:auto;

  margin-top: 10px;

    margin-bottom: 10px;

}



.docs-section-title, .docs-text h2{

  font-size: 22px;

  font-weight: 500;

  color: #ffffff;

  margin: 24px 0;

  line-height: 1.1;

}



.docs-text h3 {

  font-size: 19px;

    font-weight: 500;

      margin: 20px 0;

}



.docs-text h3 {

  font-size: 16px;

    font-weight: 500;

      margin: 18px 0;

}



.docs-section-description {

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  line-height: 1.4;

  margin: 0 0 16px;

}



.docs-features-title {

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  line-height: 1.4;

  margin: 0 0 8px;

}



.docs-features-list, .docs-text ul {

  list-style: disc;

  margin: 16px 0 16px 30px;

  padding: 0;

}

.docs-features-list li, .docs-text li {

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  line-height: 1.4;

  margin-bottom: 0;

}



.docs-media {

  margin-top: 48px;

}



.docs-media-placeholder {

  width: 100%;

  height: 267px;

  background: rgba(59, 88, 246, 0.05);

  backdrop-filter: blur(16.3px);

  border: 1px solid #29377C;

  border-radius: 33px;

  box-shadow: inset 0px 0px 31.2px -4px rgba(255, 255, 255, 0.05);

  display: flex;

  align-items: center;

  justify-content: center;

  color: rgba(255, 255, 255, 0.5);

  font-size: 14px;

  font-weight: 500;

}



.docs-nav-list {

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.docs-nav-item {

  margin-bottom: 0;

}



.docs-nav-link {

  display: block;

  font-size: 12px;

  font-weight: 500;

  color: #ffffff;

  text-decoration: none;

  padding: 10px 16px;

  line-height: 1.1;

  transition: all 0.3s ease;

}

.docs-nav-link:hover {

  opacity: 0.7;

}

.docs-nav-link.active {

  border-radius: 33px;

  border: 1px solid #29377C;

  background: radial-gradient(43.7% 54.16% at 14.47% 94.02%, rgba(176, 181, 208, 0.1) 0%, rgba(42, 54, 118, 0) 100%), linear-gradient(180deg, rgba(59, 88, 246, 0.05) 0%, rgba(61, 79, 178, 0.05) 100%);

  box-shadow: -4px 0 31.2px 0 rgba(255, 255, 255, 0.05) inset;

  backdrop-filter: blur(16.2999992371px);

}



.docs-blob-blue {

  background: rgba(145, 161, 255, 0.6);

  left: -169px;

  top: 925px;

}



.docs-blob-green {

  background: rgba(135, 226, 120, 0.6);

  right: -169px;

  top: 211px;

}



.docs-blob {

  position: absolute;

  width: 401px;

  height: 272px;

  border-radius: 50%;

  filter: blur(166.5px);

  z-index: 1;

  pointer-events: none;

}



.docs .header-search {

  display: flex;

  align-items: center;

  gap: 8px;

  background: rgba(59, 88, 246, 0.05);

  backdrop-filter: blur(16.3px);

  border: 1px solid #29377C;

  border-radius: 33px;

  box-shadow: inset 0px 0px 31.2px -4px rgba(255, 255, 255, 0.05);

  padding: 12px 16px;

  height: 44px;

  min-width: 113px;

}



.docs .header-search-btn {

  background: transparent;

  border: none;

  padding: 0;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 22px;

  height: 22px;

  flex-shrink: 0;

}

.docs .header-search-btn img {

  width: 100%;

  height: 100%;

}



.docs .header-search-input {

  background: transparent;

  border: none;

  outline: none;

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  line-height: 1.1;

  width: 100%;

  min-width: 60px;

}

.docs .header-search-input::placeholder {

  color: rgba(255, 255, 255, 0.7);

  font-size: 14px;

  font-weight: 500;

}

.docs .header-search-input:focus {

  outline: none;

}



.faq {

  margin-bottom: 100px;

  color: #ffffff;

  position: relative;

}



.faq-inner {

  position: relative;

  text-align: center;

}



.faq-title {

  font-size: 48px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.96px;

  line-height: 0.9;

  margin-bottom: 80px;

  color: #ffffff;

}



.faq-list {

  max-width: 1000px;

  margin: 0 auto;

}



.faq-item {

  position: relative;

  margin-bottom: 35px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.faq-item:last-child {

  margin-bottom: 0;

}



.faq-question {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 16px;

  width: 100%;

  background: transparent;

  border: none;

  color: inherit;

  cursor: pointer;

  padding: 0;

  transition: all 0.3s ease;

}

.faq-question:hover {

  opacity: 0.7;

}

.faq-question--active .faq-question-text {

  color: #ffffff;

}



.faq-question-text {

  font-size: 22px;

  font-weight: 500;

  color: #ffffff;

  text-align: left;

  flex: 1;

}



.faq-arrow {

  width: 25px;

  height: 8px;

  flex-shrink: 0;

}

.faq-arrow img {

  width: 100%;

  height: 100%;

  transition: transform 0.3s ease;

}



.faq-answer {

  display: none;

  margin-bottom: 16px;

  text-align: left;

  color: #FFF;

  font-size: 14px;

  font-weight: 500;

  line-height: 1.1;

}



.faq-blob-blue {

  position: absolute;

  top: -74px;

  left: -20px;

  width: 401px;

  height: 272px;

  border-radius: 401px;

  background: rgba(145, 161, 255, 0.6);

  filter: blur(166.5px);

  pointer-events: none;

  z-index: -1;

}



.faq-blob-green {

  position: absolute;

  top: 39px;

  right: -187px;

  width: 401px;

  height: 272px;

  border-radius: 401px;

  background: rgba(135, 226, 120, 0.6);

  filter: blur(166.5px);

  pointer-events: none;

  z-index: -1;

}



.features {

  color: #ffffff;

  position: relative;

  margin-bottom: 140px;

}



.features-inner {

  position: relative;

}



.features-header {

  text-align: center;

  margin-bottom: 75px;

}



.features-title {

  font-size: 48px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.96px;

  line-height: 1.1;

  margin-bottom: 20px;

}



.features-subtitle {

  font-size: 14px;

  font-weight: 500;

  line-height: 1.4;

  text-align: center;

  opacity: 0.9;

}



.features-content {

  position: relative;

}



.features-globe {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 1;

}

.features-globe::before {

  content: "";

  width: 100%;

  height: 100%;

  flex-shrink: 0;

  border-radius: 401px;

  background: rgba(145, 161, 255, 0.6);

  filter: blur(166.5px);

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: -1;

}



.features-globe-img {

  width: 590px;

  height: 590px;

  object-fit: contain;

}



.features-cards {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 35px 485px;

  width: 100%;

}



.features-card {

  background: radial-gradient(circle, rgba(176, 181, 208, 0.1) 0%, rgba(42, 54, 118, 0) 100%);

  backdrop-filter: blur(16px);

  border: 1px solid #29377c;

  border-radius: 33px;

  box-shadow: inset -4px 0px 31px 0px rgba(255, 255, 255, 0.05);

  padding: 20px 25px;

  display: flex;

  flex-direction: column;

}



.features-wrapper {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-bottom: 16px;

}



.features-card-icon {

  width: 47px;

  height: 47px;

  flex-shrink: 0;

  background: radial-gradient(circle, rgba(183, 192, 255, 0.1) 0%, rgba(98, 121, 243, 0.1) 100%);

  border: 1px solid #29377c;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

}



.features-card-title {

  font-size: 16px;

  font-weight: 700;

  line-height: 1.4;

}



.features-card-text {

  font-size: 14px;

  font-weight: 400;

  line-height: 1.4;

  opacity: 0.9;

  margin: 0;

}



.features-blob-blue {

  width: 401px;

  height: 272px;

  flex-shrink: 0;

  border-radius: 401px;

  background: rgba(145, 161, 255, 0.6);

  filter: blur(166.5px);

  position: absolute;

  bottom: 40px;

  right: -270px;

  z-index: -1;

}



.features-blob-green {

  width: 401px;

  height: 272px;

  flex-shrink: 0;

  position: absolute;

  bottom: 40px;

  left: -340px;

  z-index: -1;

  border-radius: 401px;

  background: rgba(135, 226, 120, 0.6);

  filter: blur(166.5px);

}



.footer {

  margin-top: auto;

  padding: 52px 0;

  color: #ffffff;

  background: transparent;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}



.footer-inner {

  position: relative;

}



.footer-content {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.footer-logo {

  display: block;

  width: 205px;

  height: 44px;

  flex-shrink: 0;

}



.footer-privacy {

  flex: 1;

  text-align: center;

  justify-content: center;

  display: flex;

  gap: 10px;

  padding: 0 20px;

  flex-wrap: wrap;

}



.footer-privacy a {

  display: flex;

  padding: 0 10px;

}



.footer-privacy-link {

  font-size: 12px;

  font-weight: 500;

  color: #ffffff;

  text-decoration: none;

  line-height: 1.1;

  transition: all 0.3s ease;

}

.footer-privacy-link:hover {

  opacity: 0.7;

}



.footer-socials {

  display: flex;

  align-items: center;

  gap: 8px;

}



.footer-social-link {

  display: block;

  width: 41px;

  height: 41px;

  border-radius: 50%;

  transition: all 0.3s ease;

  flex-shrink: 0;

}

.footer-social-link:hover {

  transform: translateY(-2px);

  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);

}



.header {

  position: relative;

  padding: 20px 0;

  color: #ffffff;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.header-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}



.header-logo {

  display: block;

  width: 205px;

  height: 44px;

  flex-shrink: 0;

}



.header-nav-list {

  display: flex;

  align-items: center;

  gap: 44px;

}



.header-nav-link {

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  text-decoration: none;

  transition: all 0.3s ease;

}

.header-nav-link:hover {

  opacity: 0.7;

}



.header-btn {

  display: none;

  color: #FFF;

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 1.1;

}



.header-nav-close {

  position: absolute;

  top: 20px;

  right: 20px;

  background: transparent;

  border: none;

  color: #ffffff;

  cursor: pointer;

  font-size: 24px;

  padding: 10px;

  display: none;

}

.header-nav-close:hover {

  opacity: 0.7;

}



.header-search {

  display: flex;

  align-items: center;

  gap: 8px;

  background: rgba(59, 88, 246, 0.05);

  backdrop-filter: blur(16.3px);

  border: 1px solid #29377C;

  border-radius: 33px;

  box-shadow: inset 0px 0px 31.2px -4px rgba(255, 255, 255, 0.05);

  padding: 12px 16px;

  height: 44px;

  min-width: 113px;

}



.header-search-btn {

  background: transparent;

  border: none;

  padding: 0;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 22px;

  height: 22px;

  flex-shrink: 0;

}

.header-search-btn img {

  width: 100%;

  height: 100%;

}



.header-search-input {

  background: transparent;

  border: none;

  outline: none;

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  line-height: 1.1;

  width: 100%;

  min-width: 60px;

}

.header-search-input::placeholder {

  color: rgba(255, 255, 255, 0.7);

  font-size: 14px;

  font-weight: 500;

}

.header-search-input:focus {

  outline: none;

}



.hero {

  color: #ffffff;

  display: flex;

  align-items: center;

  padding-top: 120px;

  margin-bottom: 110px;

  position: relative;

}



.menu_tem {

  margin-top: 40px;

  padding-top: 40px;

  border-top: 1px solid rgba(255, 255, 255, 0.4);

  padding-bottom: 40px;

  display: none;

}



.hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 75px;
  align-items: center;
  text-align: center;
}



.hero-title {

  margin-bottom: 20px;

}

.hero-title h1,

.hero-title h2 {

  text-transform: uppercase;

  font-weight: 700;

  margin: 0;

  line-height: 1.1;

}

.hero-title h1 {

  font-size: 48px;

  letter-spacing: 0.96px;

}

.hero-title h1 span {

  background: linear-gradient(90deg, #00efff 0%, #0054e6 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

}

.hero-title h2 {

  font-size: 33px;

  letter-spacing: 0.66px;

}

.hero-title h2 span {

  background: linear-gradient(-8deg, #00efff 30%, #0054e6 96%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  opacity: 0.7;

}



.hero-subtitle {

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 22px;

  line-height: 1.4;

}



.hero-badge {

  display: flex;

  align-items: center;

  gap: 16px;

  margin-bottom: 48px;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 22px;

  letter-spacing: 0.44px;
  justify-content: center;

}



.hero-badge-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 41px;

  height: 41px;

  background: radial-gradient(circle, rgba(183, 192, 255, 0.1) 0%, rgba(98, 121, 243, 0.1) 100%);

  border: 1px solid #29377c;

  border-radius: 50%;

  font-size: 22px;

}



.hero-badge-text {

  background: linear-gradient(90deg, #00efff 0%, #0054e6 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

}



.hero-description {

  font-size: 14px;

  line-height: 1.5;

  opacity: 0.9;

  max-width: 530px;
  margin: 0 auto 20px auto;

}



.hero-video {

  position: relative;

}



.hero-video-wrapper {

  display: block;

  width: 100%;


  position: relative;

  background: radial-gradient(circle, rgba(176, 181, 208, 0.1) 0%, rgba(42, 54, 118, 0) 100%);

  backdrop-filter: blur(16px);

  border: 1px solid #29377c;

  border-radius: 33px;

  box-shadow: inset -4px 0px 31px 0px rgba(255, 255, 255, 0.05);

  overflow: hidden;

}

.hero-video-wrapper img {

  object-fit: cover;

  width: 100%;

  height: 100%;

}


.hero-video-play {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ff0000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: visible; 
}

.hero-video-play span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    position: absolute;
    border-radius: 50%;
}

.hero-video-play img {
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: scale(1.1);
}

.hero-video-play::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 0, 0, 0.5);
  animation: pulse 1.5s infinite;
  z-index: 1;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  70% {
    transform: scale(2.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.hero-blob-blue {

  width: 401px;

  height: 272px;

  flex-shrink: 0;

  border-radius: 401px;

  background: rgba(145, 161, 255, 0.6);

  filter: blur(166.5px);

  position: absolute;

  top: 107px;

  left: -20px;

  z-index: -1;

}



.hero-blob-green {

  width: 401px;

  height: 272px;

  flex-shrink: 0;

  border-radius: 401px;

  background: rgba(135, 226, 120, 0.6);

  filter: blur(166.5px);

  position: absolute;

  top: 210px;

  right: -190px;

  z-index: -1;

}



.need {

  margin-bottom: 115px;

  color: #ffffff;

  position: relative;

}



.need-inner {

  position: relative;

}



.need-title {

  font-size: 48px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.96px;

  line-height: 1.1;

  text-align: center;

  margin-bottom: 80px;

}



.need-items {

  display: flex;

  flex-direction: column;

  gap: 100px;

}



.need-item {

  display: grid;

  grid-template-columns: 500px 500px;

  gap: 85px;

  align-items: center;

  justify-content: space-between;
}

.need-item--left {
   grid-template-columns: 500px 1fr;
}

.need-item--right {
   grid-template-columns: 1fr 500px;
}

.need-item.need-item--right .need-content {

  order: 2;

}

.need-item.need-item--right .need-preview {

  order: 1;

}



.need-content {

  display: flex;

  flex-direction: column;

}



.need-header {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 24px;

}



.need-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 41px;

  height: 41px;

  background: radial-gradient(circle, rgba(183, 192, 255, 0.1) 0%, rgba(98, 121, 243, 0.1) 100%);

  border: 1px solid #29377c;

  border-radius: 50%;

  font-size: 22px;

  flex-shrink: 0;

}



.need-item-title {

  font-size: 48px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.96px;

  line-height: 1.1;

  margin: 0;

}



.need-text {

  font-size: 14px;

  font-weight: 500;

  line-height: 1.4;

  opacity: 0.9;

  margin-bottom: 32px;

  max-width: 477px;

}



.need-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 26px 63px;

  background: radial-gradient(circle, rgba(183, 192, 255, 0.1) 0%, rgba(98, 121, 243, 0.1) 100%);

  border: 1px solid #29377c;

  border-radius: 100px;

  color: #ffffff;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  text-decoration: none;

  transition: all 0.3s ease;

  width: fit-content;

}

.need-btn:hover {

  background: rgba(255, 255, 255, 0.1);

  transform: translateY(-2px);

}



.need-preview {

  width: 100%;

  height: auto;

  /* background: radial-gradient(circle, rgba(176, 181, 208, 0.1) 0%, rgba(42, 54, 118, 0) 100%); */

  /* backdrop-filter: blur(16px); */

  /* border: 1px solid #29377c; */

  /* border-radius: 33px; */

  /* box-shadow: inset -4px 0px 31px 0px rgba(255, 255, 255, 0.05); */

  display: flex;

  align-items: center;

  justify-content: center;

  /* overflow: hidden; */

}

.need-preview img {

  object-fit: cover;

}



.need-footer {

  text-align: center;

  margin-top: 90px;

}



.need-more-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 26px 62px;

  border-radius: 100px;

  border: 1px solid #29377C;

  background: radial-gradient(58.35% 58.35% at 59.72% 61.81%, #B7C0FF 0%, #6279F3 100%);

  color: #ffffff;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  text-decoration: none;

  transition: all 0.3s ease;

}

.need-more-btn:hover {

  transform: translateY(-2px);

}



.privacy-policy {

  position: relative;

  padding: 80px 0;

  color: #ffffff;

}



.privacy-blob {

  position: absolute;

  width: 401px;

  height: 272px;

  border-radius: 50%;

  filter: blur(166.5px);

  z-index: 1;

  pointer-events: none;

}



.privacy-blob-green {

  background: rgba(135, 226, 120, 0.6);

  right: -169px;

  top: 211px;

}



.privacy-inner {

  position: relative;

  z-index: 2;

  max-width: 100%;

  margin: 0 auto;

}



.privacy-header {

  text-align: center;

  margin-bottom: 46px;

}



.privacy-title {

  font-size: 48px;

  font-weight: 700;

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 0.96px;

  line-height: 44px;

  margin: 0;

}



.privacy-content {

  text-align: left;

}



.privacy-date {

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  line-height: normal;

  margin: 0 0 24px;

}



.privacy-text {

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  line-height: normal;

}

.privacy-text p {

  margin: 0 0 16px;

}

.privacy-text p:last-child {

  margin-bottom: 0;

}

.privacy-text strong {

  font-weight: 600;

  color: #ffffff;

}



.privacy-link, .privacy-policy a{

  color: #ffffff;

  text-decoration: underline;

  text-decoration-skip-ink: none;

  text-decoration-style: solid;

  text-underline-position: from-font;

  transition: all 0.3s ease;

}

.privacy-link:hover, .privacy-policy a:hover {

  opacity: 0.7;

}



.reviews {

  margin-bottom: 120px;

  color: #ffffff;

  position: relative;

}



.reviews-inner {

  position: relative;

  text-align: center;

}



.reviews-title {

  font-size: 48px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.96px;

  line-height: 0.9;

  margin-bottom: 50px;

  color: #ffffff;

}



.reviews-wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 90px;

  max-width: 739px;

  margin: 0 auto;

}



.reviews-slider {

  position: relative;

  flex-grow: 1;

}



.reviews-content {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}



.reviews-avatar {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  margin-bottom: 24px;

  overflow: hidden;

  background: #d9d9d9;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}

.reviews-avatar img {

  object-fit: cover;

}



.reviews-name {

  font-size: 16px;

  font-weight: 600;

  color: #ffffff;

  margin-bottom: 16px;

}



.reviews-text {

  font-size: 14px;

  font-weight: 500;

  line-height: 1.4;

  color: #ffffff;

  opacity: 0.9;

  margin: 0;

  max-width: 470px;

}



.reviews-button-prev,

.reviews-button-next {

  display: block;

  width: 41px;

  height: 41px;

  border: 1px solid #29377c;

  border-radius: 50%;

  background: transparent;

  color: #ffffff;

  cursor: pointer;

  transition: all 0.3s ease;

  pointer-events: all;

  flex-shrink: 0;

  position: relative;

}

.reviews-button-prev svg,

.reviews-button-next svg {

  width: 68px;

  height: 68px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.reviews-button-prev:hover,

.reviews-button-next:hover {

  background: rgba(255, 255, 255, 0.1);

  transform: translateY(-2px);

}

.reviews-button-prev:disabled,

.reviews-button-next:disabled {

  opacity: 0.5;

  cursor: not-allowed;

}

.reviews-button-prev:disabled:hover,

.reviews-button-next:disabled:hover {

  background: transparent;

  transform: none;

}

@media (max-width: 1365px) {

  .docs-title {

    font-size: 36px;

    letter-spacing: 0.72px;

    line-height: 38px;

  }

  .faq-title {

    font-size: 42px;

    letter-spacing: 0.84px;

    margin-bottom: 60px;

  }

  .features-header {

    margin-bottom: 60px;

  }

  .features-title {

    font-size: 42px;

    letter-spacing: 0.84px;

  }

  .features-globe-img {

    width: 480px;

    height: 480px;

  }

  .features-cards {

    gap: 30px 380px;

  }

  .features-card {

    padding: 18px 22px;

    border-radius: 28px;

  }

  .features-wrapper {

    gap: 12px;

    margin-bottom: 14px;

  }

  .features-card-icon {

    width: 42px;

    height: 42px;

    font-size: 20px;

  }

  .features-card-title {

    font-size: 15px;

  }

  .features-card-text {

    font-size: 13px;

  }

  .hero {

    margin-bottom: 100px;

  }

  .hero-inner {

    grid-template-columns: 580px 1fr;

    gap: 60px;

  }

  .hero-title {

    margin-bottom: 16px;

  }

  .hero-title h1 {

    font-size: 42px;

    letter-spacing: 0.84px;

  }

  .hero-title h2 {

    font-size: 28px;

    letter-spacing: 0.56px;

  }

  .hero-subtitle {

    font-size: 20px;

    margin-bottom: 18px;

  }

  .hero-badge {

    font-size: 20px;

    letter-spacing: 0.4px;

    margin-bottom: 34px;

    gap: 14px;

  }

  .hero-badge-icon {

    width: 36px;

    height: 36px;

    font-size: 20px;

  }

  .hero-description {

    font-size: 13px;

    max-width: 480px;

  }

  .hero-video-wrapper {
    border-radius: 28px;
  }

  .hero-video-play {
    width: 64px;
    height: 64px;
  }

  .need-title {

    font-size: 42px;

    letter-spacing: 0.84px;

    margin-bottom: 60px;

  }

  .need-items {
    gap: 40px;
  }

  .need-item {
    grid-template-columns: 1fr 1fr;
  }

  .need-header {

    gap: 16px;

    margin-bottom: 20px;

  }

  .need-icon {

    width: 36px;

    height: 36px;

    font-size: 20px;

  }

  .need-item-title {

    font-size: 42px;

    letter-spacing: 0.84px;

  }

  .need-text {

    font-size: 13px;

    margin-bottom: 28px;

    max-width: 400px;

  }

  .need-footer {

    margin-top: 70px;

  }

  .privacy-title {

    font-size: 36px;

    letter-spacing: 0.72px;

  }

  .reviews {

    margin-bottom: 100px;

  }

  .reviews-title {

    font-size: 42px;

    letter-spacing: 0.84px;

    margin-bottom: 40px;

  }

  .reviews-wrapper {

    gap: 70px;

  }

  .reviews-name {

    font-size: 15px;

    margin-bottom: 14px;

  }

  .reviews-text {

    font-size: 13px;

    max-width: 400px;

  }

}

@media (max-width: 1023px) {

  .docs {

    padding: 40px 0;

  }

  .docs-inner {

    grid-template-columns: 1fr;

    gap: 32px;

  }

  .docs-sidebar {

    order: 2;

  }

  .docs-category-title {

    font-size: 14px;

    margin-bottom: 16px;

  }

  .docs-category-list {

    flex-direction: row;

    flex-wrap: wrap;

    gap: 8px;

  }

  .docs-category-link {

    font-size: 11px;

    padding: 8px 12px;

    white-space: nowrap;

  }

  .docs-content {

    max-width: 100%;

    order: 1;

  }

  .docs-header {

    margin-bottom: 32px;

  }

  .docs-title {

    font-size: 26px;

    line-height: 28px;

    letter-spacing: 0.52px;

    margin-bottom: 16px;

  }

  .docs-subtitle {

    font-size: 18px;

  }

  .docs-text {

    font-size: 14px;

    margin-bottom: 32px;

  }

  .docs-section {

    margin-bottom: 32px;

  }

  .docs-section-title, .docs-text h2 {

    font-size: 18px;

    margin: 22px 0 ;

  }

  .docs-section-description {

    font-size: 13px;

    margin-bottom: 12px;

  }

  .docs-features-title {

    font-size: 13px;

  }

  .docs-features-list, .docs-text ul {

    margin-left: 18px;

  }

  .docs-features-list li, .docs-text li {

    font-size: 13px;

  }

  .docs-media {

    margin-top: 32px;

  }

  .docs-media-placeholder {

    height: 200px;

    font-size: 12px;

  }

  .docs-nav-list {

    align-items: flex-start;

    order: 3;

    margin-top: 24px;

  }

  .docs-nav-link {

    font-size: 11px;

    padding: 8px 12px;

  }

  .docs .header-search {

    min-width: 100px;

    padding: 10px 14px;

  }

  .docs .header-search-btn {

    width: 18px;

    height: 18px;

  }

  .docs .header-search-input {

    font-size: 12px;

    min-width: 50px;

  }

  .docs .header-search-input::placeholder {

    font-size: 12px;

  }

  .faq {

    margin-bottom: 60px;

  }

  .faq-title {

    font-size: 26px;

    letter-spacing: 0.52px;

    margin-bottom: 32px;

  }

  .faq-item {

    margin-bottom: 20px;

  }

  .faq-question-text {

    font-size: 14px;

    line-height: 1.1;

  }

  .faq-answer {

    font-size: 12px;

    line-height: 1.1;

  }

  .faq-blob-blue {

    left: -200px;

    top: -130px;

  }

  .faq-blob-green {

    display: none;

  }

  .features {

    margin-bottom: 0;

  }

  .features-header {

    margin-bottom: 28px;

  }

  .features-title {

    font-size: 26px;

    letter-spacing: 0.52px;

    margin-bottom: 10px;

  }

  .features-globe {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    top: 0;

    left: 0;

    transform: translate(0, 0);

  }

  .features-globe-img {

    max-width: 408px;

    width: 100%;

  }

  .features-cards {

    gap: 20px;

  }

  .features-blob-blue {

    display: none;

  }

  .features-blob-green {

    bottom: unset;

    top: -200px;

  }

  .hero {

    padding-top: 30px;

    margin-bottom: 50px;

  }

  .hero-inner {

    width: fit-content;

    margin: 0 auto;

    grid-template-columns: 1fr;

    gap: 30px;

    text-align: center;

  }

  .hero-title {

    margin-bottom: 20px;

    max-width: 359px;

    margin-left: auto;

    margin-right: auto;

  }

  .hero-title h1 {

    font-size: 26px;

    letter-spacing: 0.52px;

    line-height: 1;

  }

  .hero-title h2 {

    font-size: 26px;

    letter-spacing: 0.52px;

    line-height: 1;

  }

  .hero-subtitle {

    text-align: center;

    font-size: 22px;

    margin-bottom: 32px;

    line-height: 1;

  }

  .hero-badge {

    justify-content: center;

    font-size: 22px;

    letter-spacing: 0.44px;

    margin-bottom: 30px;

    gap: 16px;

  }

  .hero-badge-icon {

    width: 41px;

    height: 41px;

    font-size: 22px;

  }

  .hero-description {

    font-size: 12px;

    max-width: 311px;

    text-align: left;

    line-height: 1.4;

  }

  .hero-video {

    margin-bottom: 30px;

  }

  .hero-video-wrapper {

    max-width: 341px;
    margin: 0 auto;

    border-radius: 33px;

  }

  .hero-video-play {

    width: 65px;

    height: 65px;

  }

  .hero-blob-blue {

    display: none;

  }

  .hero-blob-green {

    display: none;

  }

  .need {

    margin-bottom: 70px;

  }

  .need-inner {

    width: 100%;

    max-width: 335px;

    margin: 0 auto;

  }

  .need-title {

    max-width: 200px;

    margin: 0 auto;

    font-size: 26px;

    letter-spacing: 0.52px;

    margin-bottom: 40px;

    line-height: 1;

  }

  .need-items {

    gap: 35px;

  }

  .need-item {

    grid-template-columns: 1fr;

    gap: 25px;

  }

  .need-header {

    gap: 12px;

    margin-bottom: 16px;

  }

  .need-icon {

    width: 41px;

    height: 41px;

    font-size: 22px;

  }

  .need-item-title {

    font-size: 26px;

    letter-spacing: 0.52px;

    line-height: 1;

  }

  .need-text {

    font-size: 14px;

    margin-bottom: 24px;

    max-width: 296px;

  }

  .need-preview {

    height: 219px;

    margin: 0 auto;

    border-radius: 33px;

    order: -1 !important;

  }

  .privacy-policy {

    padding: 40px 0;

  }

  .privacy-header {

    margin-bottom: 32px;

  }

  .privacy-title {

    font-size: 26px;

    letter-spacing: 0.52px;

  }

  .reviews-title {

    font-size: 26px;

    letter-spacing: 0.52px;

    margin-bottom: 28px;

  }



  .menu_tem {

    display: flex;

    gap: 8px;

  }



    .menu_tem a {

      font-size: 16px;

      font-weight: 400;
      padding: 0;

     }

}

@media (max-width: 767px) {

  .features-cards {

    grid-template-columns: repeat(1, 1fr);

  }

  .footer {

    padding: 30px 0;

  }

  .footer-content {

    flex-direction: column;

    gap: 20px;

  }

  .footer-logo {

    width: 162px;

    height: 34px;

  }

  .footer-privacy {

    order: 3;

    flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 4px;

  }

  .header-logo {

    width: 162px;

    height: 34px;

  }

  .header-nav {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(22, 28, 46, 0.95);

    backdrop-filter: blur(20px);

    z-index: 1000;

    padding: 20px 20px 30px 20px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease;

    overflow-y: auto;

  }

  .header-nav.active {

    opacity: 1;

    visibility: visible;

  }

  .header-nav-list {

    flex-direction: column;

    gap: 24px;

    margin-top: 40px;

    align-items: flex-start;

  }

  .header-nav-link {

    font-size: 18px;

    padding: 0;

  }

  .header-btn {

    display: block;

    padding: 14px;

    border-radius: 33px;

    border: 1px solid #29377C;

    background: radial-gradient(43.7% 54.16% at 14.47% 94.02%, rgba(176, 181, 208, 0.1) 0%, rgba(42, 54, 118, 0) 100%), linear-gradient(180deg, rgba(59, 88, 246, 0.05) 0%, rgba(61, 79, 178, 0.05) 100%);

    box-shadow: -4px 0 31.2px 0 rgba(255, 255, 255, 0.05) inset;

    backdrop-filter: blur(16.3px);

    font-size: 14px;

    font-weight: 500;

  }

  .header-nav-close {

    display: block;

  }

  .reviews {

    margin-bottom: 60px;

  }

  .reviews-wrapper {

    position: relative;

    padding: 0 30px;

  }

  .reviews-button-prev,

  .reviews-button-next {

    position: absolute;

    top: 60px;

  }

  .reviews-button-prev {

    left: 0;

  }

  .reviews-button-next {

    right: 0;

  }

}