@import url('/css/nil-home-v5.css?v=20260708n');

.nil-hero {
  grid-template-columns: minmax(420px, 0.86fr) minmax(680px, 1.14fr) !important;
  gap: clamp(30px, 3.6vw, 64px) !important;
  align-items: center !important;
}
.nil-hero-switcher {
  position: relative !important;
  display: block !important;
  min-height: clamp(560px, 45vw, 700px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 36px !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(239,246,255,0.92)) !important;
  border: 1px solid rgba(13,110,253,0.10) !important;
  box-shadow: 0 24px 58px rgba(8,26,68,0.08) !important;
}
.nil-hero-switcher::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 22% 22%, rgba(87,118,255,0.13), transparent 34%),
    radial-gradient(circle at 78% 30%, rgba(89,178,255,0.12), transparent 36%);
  pointer-events: none;
  z-index: 0;
}
.nil-hero-switcher .nil-hero-slide {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 34px 30px;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: scale(1.004);
  animation: nilHeroSlide 4s infinite;
  animation-fill-mode: both;
  z-index: 1;
}
.nil-hero-switcher .nil-hero-slide-two { animation-delay: 2s; }
.nil-hero-switcher .nil-hero-slide img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}
.nil-hero-switcher .nil-hero-slide figcaption { display: none !important; }
.nil-hero-slide-dots {
  position: absolute;
  right: 28px;
  bottom: 26px;
  z-index: 2;
  display: flex;
  gap: 8px;
}
.nil-hero-slide-dots span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(65,91,228,0.22);
  border: 1px solid rgba(65,91,228,0.26);
  animation: nilHeroDot 4s infinite;
}
.nil-hero-slide-dots span:nth-child(2) { animation-delay: 2s; }
@keyframes nilHeroSlide {
  0%, 44% { opacity: 1; transform: scale(1); }
  50%, 94% { opacity: 0; transform: scale(1.004); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes nilHeroDot {
  0%, 44% { background: #415be4; transform: scale(1.25); }
  50%, 94% { background: rgba(65,91,228,0.22); transform: scale(1); }
  100% { background: #415be4; transform: scale(1.25); }
}
@media (prefers-reduced-motion: reduce) {
  .nil-hero-switcher .nil-hero-slide,
  .nil-hero-slide-dots span { animation: none !important; }
  .nil-hero-switcher .nil-hero-slide-one { opacity: 1; transform: none; }
  .nil-hero-switcher .nil-hero-slide-two { opacity: 0; }
}
@media (max-width: 1480px) {
  .nil-hero { grid-template-columns: minmax(390px, 0.88fr) minmax(620px, 1.12fr) !important; }
  .nil-hero-switcher { min-height: clamp(520px, 44vw, 660px) !important; }
  .nil-hero-switcher .nil-hero-slide { padding: 30px 26px; }
}
@media (max-width: 1280px) {
  .nil-hero { grid-template-columns: minmax(350px, 0.88fr) minmax(560px, 1.12fr) !important; }
  .nil-hero-switcher { min-height: clamp(480px, 45vw, 600px) !important; }
  .nil-hero-switcher .nil-hero-slide { padding: 28px 24px; }
}
@media (max-width: 1000px) {
  .nil-hero { grid-template-columns: 1fr !important; }
  .nil-hero-switcher { min-height: 500px !important; }
}
@media (max-width: 720px) {
  .nil-hero-switcher { min-height: 360px !important; border-radius: 24px !important; }
  .nil-hero-switcher .nil-hero-slide { padding: 16px; }
}