*{margin:0;padding:0;box-sizing:border-box}
    body{font-family:'Inter',sans-serif;background:#f8f9ff;color:#1d2440;line-height:1.7}
    .container{width:90%;max-width:1200px;margin:0 auto}
    header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(100,100,150,.08)}
    nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
    .logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
    .logo-box{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7b8cff,#b6c1ff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800}
    .logo-text h1{font-size:22px;font-weight:800}
    .logo-text span{font-size:13px;color:#70789d}
    .menu{display:flex;gap:30px;align-items:center}
    .menu a{text-decoration:none;color:#3a4161;font-weight:500}
    .btn{padding:14px 28px;border-radius:14px;background:linear-gradient(135deg,#7b8cff,#92a1ff);color:#fff!important;text-decoration:none;font-weight:600;display:inline-block}
    .hero{padding:100px 0 70px;text-align:center}
    .badge{display:inline-block;padding:10px 18px;border-radius:50px;background:#eef1ff;color:#7182ff;font-weight:600;margin-bottom:20px}
    .hero h2{font-size:56px;line-height:1.1;margin-bottom:24px}
    .hero p{max-width:820px;margin:0 auto;font-size:20px;color:#66708f}
    .section{padding:80px 0}
    .section-title{text-align:center;margin-bottom:50px}
    .section-title h3{font-size:42px;margin-bottom:15px}
    .section-title p,.content-card p,.value-card p,.stat-card p{color:#69728f}
    .content-card,.value-card,.stat-card{background:#fff;border-radius:32px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.05)}
    .values-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
    .value-card h4{font-size:24px;margin-bottom:12px}
    .number{font-size:46px;font-weight:800;color:#7284ff;margin-bottom:10px}
    footer{padding:40px 0;text-align:center;color:#8c92ab}
    @media(max-width:768px){.hero h2{font-size:38px}.menu{display:none}}

{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Inter', sans-serif;
      background: #f8f9ff;
      color: #1d2440;
      overflow-x: hidden;
    }

    .container {
      width: 90%;
      max-width: 1300px;
      margin: 0 auto;
    }

    header {
      position: sticky;
      top: 0;
      z-index: 1000;
      backdrop-filter: blur(14px);
      background: rgba(255,255,255,0.85);
      border-bottom: 1px solid rgba(100,100,150,0.08);
    }

    nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22px 0;
    }

    .logo {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .logo-box {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      background: linear-gradient(135deg,#7b8cff,#b6c1ff);
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 22px;
      font-weight: 800;
      box-shadow: 0 10px 30px rgba(123,140,255,0.3);
    }

    .logo-text h1 {
      font-size: 22px;
      font-weight: 800;
    }

    .logo-text span {
      font-size: 13px;
      color: #70789d;
    }

    .menu {
      display: flex;
      gap: 35px;
      align-items: center;
    }

    .menu a {
      text-decoration: none;
      color: #3a4161;
      font-weight: 500;
      transition: .3s;
    }

    .menu a:hover {
      color: #7488ff;
    }

    .btn {
      padding: 14px 28px;
      border-radius: 14px;
      background: linear-gradient(135deg,#7b8cff,#92a1ff);
      color: white;
      border: none;
      font-weight: 600;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
      text-align: center;
      transition: .3s;
      box-shadow: 0 10px 25px rgba(123,140,255,0.3);
    }

    .btn:hover {
      transform: translateY(-3px);
    }

    .hero {
      padding: 90px 0 70px;
      position: relative;
      overflow: hidden;
    }

    .hero-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }

    .badge {
      display: inline-block;
      padding: 10px 18px;
      border-radius: 50px;
      background: #eef1ff;
      color: #7182ff;
      font-weight: 600;
      margin-bottom: 25px;
    }

    .hero h2 {
      font-size: 64px;
      line-height: 1.1;
      margin-bottom: 24px;
      font-weight: 800;
    }

    .hero p {
      font-size: 18px;
      color: #66708f;
      line-height: 1.7;
      margin-bottom: 35px;
    }

    .hero-buttons {
      display: flex;
      gap: 18px;
      flex-wrap: wrap;
    }

    .btn-secondary {
      background: transparent;
      border: 2px solid #cfd6ff;
      color: #4a5480;
      box-shadow: none;
    }

    .hero-image {
      position: relative;
    }

    .hero-image img {
      width: 100%;
      border-radius: 40px;
      box-shadow: 0 30px 60px rgba(30,40,90,0.12);
      object-fit: cover;
    }

    .floating-card {
      position: absolute;
      bottom: -20px;
      left: -40px;
      background: white;
      border-radius: 24px;
      padding: 25px;
      width: 260px;
      box-shadow: 0 20px 50px rgba(30,40,90,0.12);
    }

    .floating-card h4 {
      font-size: 18px;
      margin-bottom: 12px;
    }

    .floating-card p {
      font-size: 14px;
      margin-bottom: 0;
    }

    .services {
      padding: 70px 0;
    }

    .section-title {
      text-align: center;
      margin-bottom: 60px;
    }

    .section-title h3 {
      font-size: 44px;
      margin-bottom: 16px;
    }

    .section-title p {
      color: #6d7694;
      font-size: 18px;
    }
.services-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 25px;
    }

    .service-card {
      background: white;
      border-radius: 30px;
      padding: 35px;
      transition: .35s;
      box-shadow: 0 15px 40px rgba(0,0,0,0.05);
      border: 1px solid rgba(130,140,255,0.08);
    }

    .service-card:hover {
      transform: translateY(-8px);
    }

    .service-icon {
      width: 72px;
      height: 72px;
      border-radius: 20px;
      background: linear-gradient(135deg,#eef1ff,#dfe5ff);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      margin-bottom: 24px;
    }

    .service-card h4 {
      font-size: 24px;
      margin-bottom: 14px;
    }

    .service-card p {
      color: #69738f;
      line-height: 1.7;
    }

    .stats {
      padding: 80px 0;
    }

    /* ПРАВАЯ КОЛОНКА СО СТАТИСТИКОЙ */
    .stats-wrapper {
      background: linear-gradient(135deg,#f1f4ff,#ffffff);
      border-radius: 40px;
      padding: 70px;
      display: grid;
      grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
      gap: 30px;
      box-shadow: 0 20px 60px rgba(0,0,0,0.04);
    }

    .stat-box h3 {
      font-size: 54px;
      color: #7284ff;
      margin-bottom: 10px;
    }

    .stat-box p {
      color: #68728f;
      line-height: 1.6;
    }

    /* БЛОК КАК МЫ РАБОТАЕМ */
    .workflow {
      padding: 90px 0;
    }

    .workflow-grid {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      gap: 25px;
    }

    .workflow-card {
      background: white;
      border-radius: 30px;
      padding: 35px;
      text-align: center;
      box-shadow: 0 15px 40px rgba(0,0,0,0.05);
    }

    .workflow-number {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: linear-gradient(135deg,#7b8cff,#b6c1ff);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      font-weight: 700;
      margin: 0 auto 20px;
    }

    .workflow-card h4 {
      margin-bottom: 14px;
      font-size: 22px;
    }

    .workflow-card p {
      color: #6d7694;
      line-height: 1.7;
    }

    /* БЛОК ПОЧЕМУ ВЫБИРАЮТ НАС */
    .advantages-wrapper {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 35px;
      align-items: stretch;
    }

    .advantages-grid {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 25px;
    }

    .advantage-card {
      background: white;
      border-radius: 30px;
      padding: 30px;
      display: flex;
      gap: 20px;
      box-shadow: 0 15px 40px rgba(0,0,0,0.05);
      align-items: flex-start;
    }

    .advantage-card h4 {
      margin-bottom: 10px;
      font-size: 22px;
    }

    .advantage-card p {
      color: #6d7694;
      line-height: 1.7;
    }

    /* БЛОК ИНТЕГРАЦИЙ */
    .marketplaces {
      padding: 70px 0;
    }

    .marketplaces-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
      gap: 25px;
    }

    .market-card {
      background: white;
      border-radius: 24px;
      padding: 35px;
      text-align: center;
      font-size: 28px;
      font-weight: 800;
      box-shadow: 0 10px 30px rgba(0,0,0,0.05);
      color: #6d77a3;
    }

    .cta {
      padding: 80px 0;
    }

    /* НИЖНИЙ БЛОК С ЗАЯВКОЙ */
    .cta-wrapper {
      background: linear-gradient(135deg,#eef1ff,#ffffff);
      border-radius: 40px;
      padding: 50px;
      display: grid;
      grid-template-columns: 420px 1fr;
      gap: 50px;
      align-items: center;
      box-shadow: 0 20px 50px rgba(0,0,0,0.05);
    }

    .cta-image img {
      width: 100%;
      border-radius: 30px;
      height: 100%;
      object-fit: cover;
    }

    .cta-content h3 {
      font-size: 42px;
      margin-bottom: 18px;
    }
.cta-content p {
      color: #69728f;
      font-size: 18px;
      line-height: 1.8;
      margin-bottom: 30px;
    }

    .cta h3 {
      font-size: 42px;
      margin-bottom: 14px;
    }

    .cta p {
      color: #69728f;
      font-size: 18px;
    }

    footer {
      padding: 70px 0 40px;
      background: white;
      margin-top: 60px;
      border-top: 1px solid rgba(120,130,255,0.08);
    }

    .footer-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
      gap: 40px;
      margin-bottom: 50px;
    }

    .footer-column h4 {
      margin-bottom: 20px;
      font-size: 22px;
    }

    .footer-column p,
    .footer-column a {
      color: #70789d;
      line-height: 2;
      text-decoration: none;
      display: block;
    }

    .copyright {
      text-align: center;
      color: #8c92ab;
      padding-top: 20px;
      border-top: 1px solid rgba(120,130,255,0.08);
    }

    .background-blur {
      position: absolute;
      width: 600px;
      height: 600px;
      border-radius: 50%;
      background: radial-gradient(circle,#dfe5ff 0%,transparent 70%);
      top: -200px;
      right: -100px;
      opacity: 0.8;
      z-index: -1;
    }

    .mobile-btn {
      display: none;
      font-size: 28px;
      cursor: pointer;
    }

    @media(max-width: 1200px) {
      .workflow-grid {
        grid-template-columns: repeat(2,1fr);
      }

      .advantages-wrapper {
        grid-template-columns: 1fr;
      }
    }

    @media(max-width: 1024px) {
      .hero-wrapper {
        grid-template-columns: 1fr;
      }

      .hero h2 {
        font-size: 48px;
      }

      .floating-card {
        left: 20px;
      }

      .cta-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
      }
    }

    @media(max-width: 768px) {
      .services-grid,
      .workflow-grid,
      .advantages-grid,
      .cta-wrapper {
        grid-template-columns: 1fr;
      }

      .menu {
        position: absolute;
        top: 90px;
        left: 0;
        width: 100%;
        background: white;
        flex-direction: column;
        padding: 30px;
        display: none;
        box-shadow: 0 20px 40px rgba(0,0,0,0.08);
      }

      .menu.active {
        display: flex;
      }

      .mobile-btn {
        display: block;
      }

      .hero h2 {
        font-size: 38px;
      }

      .section-title h3,
      .cta h3 {
        font-size: 34px;
      }

      .stats-wrapper,
      .cta-wrapper {
        padding: 40px 25px;
      }

      .floating-card {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
        margin-top: 20px;
      }
    }
  
    /* Форма заявки */
    .contact-form-wrapper {
      max-width: 720px;
      margin: 0 auto 60px;
      background: linear-gradient(135deg,#eef1ff,#ffffff);
      border-radius: 32px;
      padding: 40px;
      box-shadow: 0 20px 50px rgba(0,0,0,0.05);
    }

    .contact-form-wrapper h3 {
      font-size: 36px;
      margin-bottom: 12px;
      text-align: center;
    }

    .contact-form-wrapper p {
      text-align: center;
      color: #69728f;
      margin-bottom: 30px;
      line-height: 1.7;
    }

    .contact-form {
      display: grid;
      gap: 18px;
    }

    .contact-form input {
      width: 100%;
      padding: 16px 20px;
      border: 1px solid #dfe5ff;
      border-radius: 14px;
      font-family: inherit;
      font-size: 16px;
      outline: none;
      transition: .3s;
      background: #fff;
    }

    .contact-form input:focus {
      border-color: #7b8cff;
      box-shadow: 0 0 0 4px rgba(123,140,255,0.12);
    }

    .contact-form .btn {
      width: 100%;
    }

    @media(max-width: 768px) {
      .contact-form-wrapper {
        padding: 30px 20px;
      }

      .contact-form-wrapper h3 {
        font-size: 28px;
      }
    }


    .g-recaptcha {
      display: flex;
      justify-content: center;
    }

    .g-recaptcha > div {
      margin: 0 auto;
    }

/* блок иконок */

.social-floating{
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

.social-floating a{
  width: 55px;
  height: 55px;
  min-width: 55px;
  min-height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
  animation: pulse 2s infinite;
  transition: transform 0.3s ease;
}

.social-floating a:hover{
  transform: scale(1.1);
}

.social-floating img{
  width: 28px;
  height: 28px;
  object-fit: contain;
  position: relative;
  z-index: 2;
}

/* пульсация без увеличения кнопок */
@keyframes pulse{
  0%{
    box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
  }

  70%{
    box-shadow: 0 0 0 14px rgba(0,0,0,0);
  }

  100%{
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}

/* задержка */
.social-floating a:nth-child(1){
  animation-delay: 0s;
}

.social-floating a:nth-child(2){
  animation-delay: 0.4s;
}

.social-floating a:nth-child(3){
  animation-delay: 0.8s;
}

.social-floating a:nth-child(4){
  animation-delay: 1.2s;
}


/* Блок отзывов */
.reviews {
  padding: 80px 0;
}
.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.review-card {
  background: #ffffff;
  border-radius: 30px;
  padding: 35px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
  border: 1px solid rgba(130,140,255,0.08);
}
.review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.review-author {
  font-size: 20px;
  font-weight: 700;
}
.review-rating {
  color: #ffb400;
  font-size: 18px;
  letter-spacing: 2px;
}
.review-text {
  color: #6d7694;
  line-height: 1.8;
}
.review-btn {
  text-align: center;
  margin-top: 30px;
}
.review-note {
  text-align: center;
  margin-top: 20px;
  color: #8c92ab;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .reviews-grid {
    grid-template-columns: 1fr;
  }

}