/* Убираем возможные отступы */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: linear-gradient(180deg,#0a58ff 0%, #4aa3ff 100%); /* поставь свой фон */
  -webkit-overflow-scrolling: touch;
}

/* Чтобы фон дошёл в область выреза */
body {
  padding-top: env(safe-area-inset-top); /* для современных браузеров */
  padding-top: constant(safe-area-inset-top); /* для старых WebKit (iOS) */
  box-sizing: border-box;
}

/* Если у тебя верхний блок имеет класс, например .t-cover или .header — заставим его тянуться под вырез */
.t-cover, .header, .t396__artboard {
  background: transparent;
}

/* Если нужно, чтобы первый блок точно закрылся под статус-баром — убираем отступы сверху */
.t-rec {
  margin-top: 0 !important;
}

/* Пример: если у тебя верхний блок — .first-block, задаём ему фон и убираем отступ */
.first-block {
  background: linear-gradient(180deg,#0a58ff 0%, #4aa3ff 100%);
  padding-top: env(safe-area-inset-top);
}