/* Сброс */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Roboto', sans-serif;
  background: #ffffff;
  color: #131c29;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { text-decoration: none; color: inherit; }
img { display: block; }
button, input { font-family: inherit; cursor: pointer; border: none; outline: none; }
ul { list-style: none; }

/* Переменные */
:root {
  --dark:      #131c29;
  --navy:      #172033;
  --gray:      #425673;
  --muted:     #9a9a9a;
  --red:       #e60000;
  --green:     #36b555;
  --blue:      #1565c0;
  --border:    #e8ecf2;

  --shadow-lg:
    0 10px 15px -3px rgba(0, 0, 0, .10),
    0  4px  6px -4px rgba(0, 0, 0, .10);

  --ease:   cubic-bezier(.16, 1, .3, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);

  --content-w: 1180px;
  --page-pad: max(24px, calc((100% - var(--content-w)) / 2));
}

/* Анимация при скролле */
.sr {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .6s var(--ease), transform .6s var(--ease);
}
.sr.on { opacity: 1; transform: none; }
.sr.d1 { transition-delay: .07s; }
.sr.d2 { transition-delay: .14s; }
.sr.d3 { transition-delay: .21s; }
.sr.d4 { transition-delay: .28s; }

/* Скроллбар */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(127,173,228,.3);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(127,173,228,.5); }