/* =========================================================
   НеоКад — надстройка «технологичного» hero
   Подключать ПОСЛЕ styles.css. Использует те же переменные.
   Ничего из основного стиля не переопределяет, кроме слоёв hero.
   ========================================================= */

/* Холст геодезической сети — позади контента, поверх фонового свечения */
.hero-net{
  position:absolute; inset:0;
  width:100%; height:100%;
  display:block; z-index:1; pointer-events:none;
}

/* Контент поднимаем над холстом (в базе был z-index:2) */
.hero .container{ z-index:3; max-width:var(--maxw); }

/* Двухколоночный первый экран: текст слева, форма справа (только главная) */
.hero{ padding-top:clamp(40px,5vw,72px); }
.hero-grid{
  display:grid;
  grid-template-columns:1fr minmax(330px,390px);
  gap:clamp(28px,4vw,56px);
  align-items:start;
}
.hero-copy{ min-width:0; }
.hero-form{ position:relative; z-index:3; }

/* Карточка формы поверх анимации — лёгкое «стекло», чтобы сеть просвечивала */
.hero-form .form-card{
  background:var(--glass-card);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  border:1px solid var(--line-2);
}
/* поля тоже полупрозрачные — сквозь форму видно радар */
.hero-form .form input,
.hero-form .form textarea{ background:var(--glass-input); }
.hero-form .form textarea{ min-height:84px; }

@media(max-width:980px){
  .hero-grid{ grid-template-columns:1fr; }
  .hero-form{ margin-top:6px; max-width:480px; }
}

/* Статичную эмблему чуть приглушаем — теперь главный акцент даёт сеть */
.hero-emblem{ opacity:.10; z-index:0; }

/* HUD-ридауты в правом поле hero */
.hud-read{
  position:absolute; z-index:2; pointer-events:none;
  font-family:var(--font-mono);
  font-size:.66rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--accent-2);
  background:var(--glass-input);
  border:1px solid var(--line-2); border-radius:12px;
  padding:11px 14px; backdrop-filter:blur(4px);
}
.hud-read .k{
  display:block; color:var(--muted);
  font-size:.58rem; letter-spacing:.2em; margin-bottom:6px;
}
.hud-read .v{
  display:block; color:var(--ink);
  font-size:.86rem; letter-spacing:.06em; line-height:1.55;
}
.hud-read .v b{ color:var(--accent-2); font-weight:600; }

.hud-tr{ top:clamp(74px,10vw,120px); right:24px; }
.hud-br{ bottom:clamp(64px,8vw,110px); right:24px; }

/* На планшетах/телефонах HUD прячем, чтобы не мешал тексту */
@media(max-width:980px){
  .hud-read{ display:none; }
}


/* Значения стекла по темам */
:root{ --glass-card:rgba(13,20,33,.40); --glass-input:rgba(9,14,22,.45); }
html[data-theme="light"]{ --glass-card:rgba(255,255,255,.72); --glass-input:rgba(255,255,255,.85); }
html[data-theme="light"] .hero-form .form-card{ border:1px solid var(--line); box-shadow:0 10px 40px -18px rgba(14,23,38,.25); }