/* ====== Home-specific (Hero, etc.) ====== */

.hero{
  position:relative; min-height:100svh;
  display:grid; place-items:center; padding:120px 0 70px; overflow:clip;
}
.hero__bg{
  position:absolute; inset:0; z-index:-2; background-position:center;
  background-size:cover; background-repeat:no-repeat; transform:scale(1.02);
  filter:saturate(110%);
}
.hero__overlay{
  position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(60% 50% at 70% 30%, rgba(0,0,0,.15), rgba(0,0,0,.55) 70%),
    linear-gradient(to top, rgba(14,15,18,.85), rgba(14,15,18,.55) 40%, rgba(14,15,18,.25) 65%, rgba(14,15,18,.65));
}

/* Контент и типографика */
.hero__content{ display:grid; gap:26px; text-align:left; }
.hero__title{
  font-family: "Cinzel Decorative", serif;
  font-size: clamp(36px, 5.6vw, 64px);
  line-height:1.05; font-weight:700;
  text-shadow:0 4px 20px rgba(0,0,0,.35);
  margin-bottom:10px;
}
.hero__subtitle{
  font-family: "Inter", system-ui, sans-serif;
  max-width:760px; color:var(--muted);
  font-size: clamp(16px, 2.6vw, 18px);
  line-height:1.6; margin-top:0;
}

.hero__cta{ display:flex; gap:12px; flex-wrap:wrap; }
.hero__meta{ display:flex; gap:14px; align-items:center; color:var(--muted); margin-top:12px; font-size:14px; }
.dot{ width:6px; height:6px; border-radius:99px; background: var(--success); box-shadow:0 0 0 6px rgba(89,209,137,.12); }

/* Wave divider */
.section-divider{
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  width: 100%; height: 120px; display: block;
  pointer-events: none;
}
.section-divider path{ fill:#0e0f12; opacity:1; }

/* Временно скрываем разделы, но футер оставляем видимым */
#about, #features, #screens, #join { display: none !important; }

/* Соцсети */
.hero__socials{ display:flex; gap:10px; }
.social{
  display:grid; place-items:center; width:44px; height:44px; border-radius:10px;
  background: rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08);
  color: var(--muted); font-size:20px; transition: all .25s ease;
}
.social:hover{ color: var(--accent); background: rgba(255,255,255,.06); transform: translateY(-2px); }

/* Онлайн-индикатор */
@keyframes dot-pulse {
  0% { box-shadow: 0 0 0 6px rgba(89,209,137,.12); }
  50%{ box-shadow: 0 0 0 10px rgba(89,209,137,.05); }
  100%{ box-shadow: 0 0 0 6px rgba(89,209,137,.12); }
}
@keyframes dot-pulse-red {
  0% { box-shadow: 0 0 0 6px rgba(226,92,92,.12); }
  50%{ box-shadow: 0 0 0 10px rgba(226,92,92,.05); }
  100%{ box-shadow: 0 0 0 6px rgba(226,92,92,.12); }
}
.hero__meta.online .dot{ background: var(--success); animation: dot-pulse 1.4s ease-in-out infinite; }
.hero__meta.offline .dot{ background: #e25c5c; box-shadow: 0 0 0 6px rgba(226,92,92,.12); animation: dot-pulse-red 1.4s ease-in-out infinite; }
.hero__meta.unknown .dot{ background:#7a7f8a; box-shadow:none; animation:none; }

/* Скрыть футер на лендинге */
footer,
.footer {
  display: none !important;
}