/* =========================================================
   BlinkyHost · Hero и крупные секции
   ========================================================= */

/* ============ HERO (центрированный) ============ */
.hero { min-height: 100svh; padding-top: calc(var(--nav-h) + clamp(28px, 4vw, 56px)); padding-bottom: clamp(28px, 4vw, 52px); position: relative; text-align: center; display: flex; flex-direction: column; }
.hero > .wrap { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: clamp(36px, 7vh, 88px); }
.hero__copy { max-width: 900px; margin-inline: auto; position: relative; }
/* Фростед-«ореол» под заголовком: тематический паттерн размазан, как под шапкой/карточками */
.hero__copy::before {
  content: ""; position: absolute; z-index: -1;
  inset: -54px -7% -40px;
  background: radial-gradient(58% 68% at 50% 46%, rgba(255,255,255,.52), rgba(247,250,255,.22) 58%, transparent 80%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-mask-image: radial-gradient(60% 70% at 50% 46%, #000 42%, transparent 82%);
  mask-image: radial-gradient(60% 70% at 50% 46%, #000 42%, transparent 82%);
  border-radius: 48px;
  pointer-events: none;
}

.hero__title { font-family: var(--f-display); font-weight: 800; font-size: clamp(2.4rem, 6.6vw, 4.7rem); letter-spacing: -.045em; line-height: 1.04; }
.hero__brandword {
  background: linear-gradient(100deg, var(--azure), var(--cobalt) 52%, var(--signal));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero__title .em { position: relative; color: var(--cobalt); white-space: nowrap; }

.hero__lead { margin: 26px auto 0; font-size: clamp(1.05rem, 1.7vw, 1.24rem); color: var(--tx-2); max-width: 580px; }
.hero__cta { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; justify-content: center; }

/* CTA-блок прямо под заголовком героя */
.hero__ctabox { max-width: 1040px; width: 100%; margin: 0 auto; text-align: left; padding: clamp(24px, 3vw, 36px) clamp(28px, 4vw, 52px); }

/* Раздел услуг (главный экран) */
.services .sec-head { display: flex; align-items: flex-end; justify-content: space-between; max-width: none; gap: 24px; flex-wrap: wrap; }
.services .sec-head > div { max-width: 640px; }