/* Start:/local/templates/new/css/stats/style.css?17830904077036*/
    :root {
      --text: #20242a;
      --muted: #667085;
      --line: #e7eaf0;
      --soft: #f5f7fb;
      --blue: #2f80ed;
      --blue-dark: #0b63ce;
      --red: #e31e24;
      --dark: #101828;
    }

    * { box-sizing: border-box; }
    body {
      margin: 0;
      color: var(--text);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.45;
      background: #fff;
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }

    .container {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }

    .header {
      border-bottom: 1px solid var(--line);
      background: #fff;
    }

    .header__inner {
      min-height: 78px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .logo {
      font-size: 26px;
      font-weight: 800;
      letter-spacing: 0;
    }

    .logo span { color: var(--red); }

    .nav {
      display: flex;
      align-items: center;
      gap: 26px;
      color: #343942;
      font-size: 15px;
    }

    .phone {
      font-weight: 700;
      white-space: nowrap;
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 22px;
      border: 1px solid var(--dark);
      border-radius: 0;
      background: var(--dark);
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
    }

    .button--light {
      background: #fff;
      color: var(--dark);
    }

    .button--blue {
      border-color: var(--blue);
      background: var(--blue);
    }

    .button--blue:hover {
      border-color: var(--blue-dark);
      background: var(--blue-dark);
    }

    .text-link {
      color: var(--blue);
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .hero {
      padding: 66px 0 42px;
      background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
      border-bottom: 1px solid var(--line);
    }

    .hero__grid {
      padding-bottom: 16px;
      display: grid;
      grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
      gap: 42px;
      align-items: center;
    }

    .eyebrow {
      display: inline-flex;
      margin-bottom: 22px;
      color: var(--blue);
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
    }

    h1 {
      margin: 0 0 22px;
      max-width: 100%;
      font-size: clamp(38px, 5vw, 70px);
      line-height: 0.95;
      letter-spacing: 0;
    }

    h1, h2, h3, p, a, span, strong {
      overflow-wrap: break-word;
    }

    .lead {
      margin: 0 0 30px;
      max-width: 610px;
      color: #3b414c;
      font-size: 20px;
    }

    .hero__actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-bottom: 28px;
    }

    .facts {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      border-top: 1px solid var(--line);
      padding-top: 24px;
    }

    .fact strong {
      display: block;
      font-size: 25px;
      line-height: 1.1;
    }

    .fact span {
      display: block;
      margin-top: 6px;
      color: var(--muted);
      font-size: 14px;
    }

    .hero-shot {
      border: 1px solid #dfe4ec;
      background: #fff;
      box-shadow: 0 18px 50px rgba(16, 24, 40, 0.12);
    }

    .section {
      padding: 74px 0;
      border-bottom: 1px solid var(--line);
    }

    .section--soft { background: var(--soft); }

    .section__head {
      max-width: 760px;
      margin-bottom: 34px;
    }

    h2 {
      margin: 0 0 16px;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.05;
      letter-spacing: 0;
    }

    .section__head p {
      margin: 0;
      color: var(--muted);
      font-size: 18px;
    }

    .cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .card {
      min-height: 210px;
      padding: 26px;
      border: 1px solid var(--line);
      border-radius: 0;
      background: #fff;
    }

    .card__num {
      margin-bottom: 18px;
      color: var(--blue);
      font-size: 14px;
      font-weight: 800;
    }

    .card h3 {
      margin: 0 0 12px;
      font-size: 22px;
      line-height: 1.15;
    }

    .card p {
      margin: 0;
      color: var(--muted);
    }

    .media-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
      align-items: start;
    }

    .shot--wide {
      grid-column: 1 / -1;
    }

    .shot {
      overflow: hidden;
      border: 1px solid #dfe4ec;
      background: #fff;
    }

    .shot figcaption {
      padding: 14px 18px 16px;
      color: var(--muted);
      font-size: 14px;
      border-top: 1px solid var(--line);
    }

    .table-wrap {
      overflow-x: auto;
      border: 1px solid var(--line);
      background: #fff;
    }

    table {
      width: 100%;
      min-width: 760px;
      border-collapse: collapse;
    }

    th, td {
      padding: 18px 20px;
      border-bottom: 1px solid var(--line);
      text-align: left;
      vertical-align: top;
    }

    th {
      color: #4c5564;
      font-size: 14px;
      font-weight: 700;
      background: #fafbfc;
    }

    td strong { white-space: nowrap; }

    tr:last-child td { border-bottom: 0; }

    .steps {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      background: var(--line);
      border: 1px solid var(--line);
    }

    .step {
      min-height: 190px;
      padding: 25px;
      background: #fff;
    }

    .step b {
      display: inline-flex;
      margin-bottom: 18px;
      color: var(--blue);
      font-size: 15px;
    }

    .step h3 {
      margin: 0 0 10px;
      font-size: 20px;
    }

    .step p {
      margin: 0;
      color: var(--muted);
      font-size: 15px;
    }

    .cta {
      padding: 70px 0;
      color: #fff;
      background: var(--dark);
    }

    .cta__inner {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 32px;
      align-items: center;
    }

    .cta h2 { max-width: 760px; }

    .cta p {
      max-width: 650px;
      margin: 0;
      color: #d0d5dd;
      font-size: 18px;
    }

    .note {
      margin-top: 18px;
      color: var(--muted);
      font-size: 14px;
    }

    @media (max-width: 980px) {
      .nav { display: none; }
      .hero__grid,
      .media-grid,
      .cta__inner {
        grid-template-columns: 1fr;
      }
      .cards,
      .steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .container { width: min(100% - 24px, 1180px); }
      .hero { padding-top: 42px; }
      .phone { display: none; }
      .facts,
      .cards,
      .steps {
        grid-template-columns: 1fr;
      }
      .button { width: 100%; }
      .header__inner { min-height: 66px; }
    }
/* End */
/* /local/templates/new/css/stats/style.css?17830904077036 */