 * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: #111827;
      /*background: #f8fafc;*/
      line-height: 1.5;
    }

    .container {
      width: min(1120px, calc(100% - 32px));
      margin: 0 auto;
    }

 
 a {
    text-decoration: none;
    color: #161616;
}

 
    section {
      padding: 72px 0;
    }

    .section-title {
      margin: 0 0 14px;
      font-size: clamp(28px, 4vw, 40px);
      color: #111827;
      text-align: center;
    }

    .section-text {
      max-width: 760px;
      margin: 0 auto 36px;
      text-align: center;
      color: #4b5563;
      font-size: 17px;
    }



    .highlight {
      background: linear-gradient(135deg, #fff7ed 0%, #fffbeb 100%);
    }

    .step-number {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #f59e0b;
      color: #111827;
      font-weight: 800;
      margin-bottom: 16px;
    }

  

    .contacts-map {
      min-height: 100%;
      border: 0;
      width: 100%;
      border-radius: 20px;
      background: #e5e7eb;
    }

   




/*
    @media (max-width: 992px) {
      .hero-grid,
      .services-grid,
      .advantages-grid,
      .steps-grid,
      .contacts-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 720px) {
      .topbar-inner {
        flex-direction: column;
        justify-content: center;
        padding: 14px 0;
      }

      .nav {
        justify-content: center;
      }

      .hero {
        padding: 56px 0 48px;
      }

      .hero-grid,
      .services-grid,
      .advantages-grid,
      .steps-grid,
      .contacts-grid {
        grid-template-columns: 1fr;
      }

      .card,
      .hero-card,
      .cta-box {
        padding: 22px;
      }

      .btn {
        width: 100%;
      }

      .hero-actions {
        flex-direction: column;
      }

      .footer-inner {
        flex-direction: column;
        align-items: flex-start;
      }
    }