@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap' );

/* Фиксируем хэдер (первый блок страницы) */
.t-rec:first-child {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #F1F0ED;
}

/* Добавляем отступ сверху чтобы контент не прятался под хэдером */
.t-rec:first-child + .t-rec {
  margin-top: 72px !important;
}

/* Плавная прокрутка */
html {
  scroll-behavior: smooth;
}

.t-records, .t-records__holder, [data-record-type="html"] {
  overflow: hidden !important;
  max-width: 100vw !important;
}

@media (max-width: 640px) {
  .akiro-hero-grid { grid-template-columns: 1fr !important; }
  .akiro-mockup-col { display: none !important; }
  .akiro-hero-form { flex-direction: column !important; max-width: 100% !important; }
  .akiro-hero-btn { width: 100% !important; }
  .akiro-hero-h1 { font-size: 28px !important; letter-spacing: -0.5px !important; }
  .akiro-hero-date { font-size: 9px !important; letter-spacing: 1.5px !important; }
  .akiro-hero-wrap { padding: 28px 20px !important; }
  .akiro-hero-left p { max-width: 100% !important; }
}