*{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 */
header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(120,130,255,.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;
  box-shadow:0 10px 30px rgba(123,140,255,.3)
}
.logo-text h1{font-size:22px;font-weight:800}
.logo-text span{font-size:13px;color:#70789d}
.menu{display:flex;gap:28px;align-items:center}
.menu a{text-decoration:none;color:#3a4161;font-weight:500}
.btn{
  display:inline-block;
  padding:14px 28px;border-radius:14px;
  background:linear-gradient(135deg,#7b8cff,#92a1ff);
  color:#fff!important;text-decoration:none;font-weight:600;
  box-shadow:0 10px 25px rgba(123,140,255,.3)
}

/* Hero */
.hero{padding:90px 0 40px;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:20px}
.hero p{max-width:780px;margin:0 auto;font-size:20px;color:#66708f}

/* Content */
.section{padding:40px 0 80px}
.grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:30px;
}
.card{
  background:#fff;
  border-radius:30px;
  padding:40px;
  box-shadow:0 20px 60px rgba(0,0,0,.05);
}
.card h3{font-size:32px;margin-bottom:24px}
.info-item{margin-bottom:18px;color:#69728f}
.info-item strong{color:#1d2440}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.map iframe{
  width:100%;
  height:520px;
  border:none;
  border-radius:20px;
}

/* Footer */
footer{
  background:#ffffff;
  border-top:1px solid rgba(120,130,255,0.08);
  margin-top:40px;
}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:40px;
  padding:60px 0 40px;
}
.footer-title{
  font-size:22px;
  margin-bottom:16px;
  font-weight:700;
}
.footer-text,
.footer-links a{
  color:#70789d;
  text-decoration:none;
  line-height:2;
}
.footer-bottom{
  border-top:1px solid rgba(120,130,255,0.08);
  padding:20px 0 30px;
  text-align:center;
  color:#8c92ab;
}

/* Mobile */
@media(max-width:900px){
  .grid{grid-template-columns:1fr}
  .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;
  }

}