/* =====================================================
   НАНОСИ — КОРП СТРАНИЦА
   Вставить в: Настройки сайта → Дополнительный CSS
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600&display=swap');
@import url('https://fonts.cdnfonts.com/css/benzin');

:root {
  --nc-blue: #4B4CEB;
  --nc-green: #B5FF47;
  --nc-dark: #0E0E1A;
  --nc-light: #F7F7F5;
}

/* ── АНИМАЦИИ СКРОЛЛА ── */
.nc-reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.nc-reveal.nc-visible { opacity: 1; transform: translateY(0); }
.nc-d1 { transition-delay: 0.08s; }
.nc-d2 { transition-delay: 0.16s; }
.nc-d3 { transition-delay: 0.24s; }
.nc-d4 { transition-delay: 0.32s; }

/* ── HERO АНИМАЦИИ ── */
@keyframes nc-heroIn {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes nc-blink { 0%,100%{opacity:1} 50%{opacity:0.25} }
@keyframes nc-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

.nc-a1 { animation: nc-heroIn 0.6s ease 0.10s both; }
.nc-a2 { animation: nc-heroIn 0.6s ease 0.22s both; }
.nc-a3 { animation: nc-heroIn 0.6s ease 0.34s both; }
.nc-a4 { animation: nc-heroIn 0.6s ease 0.46s both; }
.nc-a5 { animation: nc-heroIn 0.6s ease 0.58s both; }
.nc-blink { animation: nc-blink 2.2s ease-in-out infinite; }
.nc-float { animation: nc-float 4s ease-in-out infinite; }

/* ── HOVER КАРТОЧКИ ── */
.nc-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  cursor: default;
}
.nc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(75,76,235,0.12);
  border-color: rgba(75,76,235,0.25) !important;
}

/* ── КНОПКИ ── */
.nc-btn-main {
  display: inline-flex; align-items: center; gap: 9px;
  background: var(--nc-green); color: var(--nc-dark);
  border-radius: 100px; padding: 14px 28px;
  font-family: 'Benzin','Arial Black',sans-serif;
  font-size: 13px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.02em; text-decoration: none;
  border: none; white-space: nowrap;
  transition: transform 0.15s, box-shadow 0.15s;
}
.nc-btn-main:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(181,255,71,0.35);
  color: var(--nc-dark);
  text-decoration: none;
}
.nc-btn-ghost {
  display: inline-flex; align-items: center; gap: 9px;
  background: transparent; color: rgba(255,255,255,0.75);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 100px; padding: 13px 24px;
  font-family: 'Onest',sans-serif; font-size: 14px; font-weight: 500;
  text-decoration: none; white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
.nc-btn-ghost:hover { background: rgba(255,255,255,0.1); color:#fff; text-decoration:none; }

/* ── ПИЛЛЫ ── */
.nc-pill {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 100px; padding: 5px 13px;
  font-family: 'Onest',sans-serif; font-size: 12px;
  color: rgba(255,255,255,0.85); white-space: nowrap;
}
.nc-pill-check { color: var(--nc-green); font-size: 11px; }

/* ── ТЭГ СЕКЦИИ ── */
.nc-tag {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(75,76,235,0.07);
  border: 1px solid rgba(75,76,235,0.18);
  border-radius: 100px; padding: 5px 14px;
  font-family: 'Onest',sans-serif; font-size: 11px; font-weight: 600;
  color: var(--nc-blue); text-transform: uppercase; letter-spacing: 0.08em;
  margin-bottom: 18px;
}
.nc-tag-dot { width:6px; height:6px; border-radius:50%; background:var(--nc-blue); display:inline-block; flex-shrink:0; }

/* ── BENZIN СТИЛЬ ── */
.nc-bz {
  font-family: 'Benzin','Arial Black',sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  line-height: 1.0;
}

/* ── ОБЩИЕ ── */
.nc-wrap { max-width: 1200px; margin: 0 auto; }
.nc-onest { font-family: 'Onest',sans-serif; }