html {
  /* Градиент на html — покрывает весь viewport всегда, без обрыва */
  background-color: #000000 !important;
  background:
    radial-gradient(ellipse 120% 60% at 50% -5%, rgba(0,183,230,.28) 0%, transparent 65%),
    linear-gradient(
      180deg,
      #00344a 0%,
      #002030 20%,
      #001520 50%,
      #000b12 75%,
      #000000 100%
    ) !important;
  background-attachment: fixed !important;
  min-height: 100%;
}

@media (max-width: 900px) {
  html {
    background-attachment: scroll !important;
  }
}

body{
  font-family:"Roboto",sans-serif;
  color:var(--bo-text);
  background: transparent !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background: radial-gradient(1200px 900px at 50% 50%, rgba(0,0,0,0) 55%, rgba(0,0,0,.65) 100%);
  z-index:0;
}

.wp-site-blocks{
  position:relative;
  z-index:1;
  background:transparent;
}

h1,h2,h3,h4,h5,h6{
  font-family:"Roboto",sans-serif;
  font-weight:500;
  letter-spacing:0;
  line-height:1.1;
}

h1 { font-size: clamp(30px, 3.5vw, 44px); }
h2 { font-size: clamp(26px, 3.5vw, 38px); }
h3 { font-size: clamp(20px, 2.5vw, 26px); }

p{
  font-size:18px;
  line-height:1.7;
  color:var(--bo-text-soft);
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em{
  font-style:italic;
  font-weight:600;
}