.hero-bg{
    position: relative;
    background:
        linear-gradient(
            90deg,
            rgba(5,9,18,.95) 0%,
            rgba(5,9,18,.88) 35%,
            rgba(5,9,18,.55) 65%,
            rgba(5,9,18,.25) 100%
        ),
        url("../images/kailm.b340937b0ba4.png");

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}

@media (max-width: 640px) {
  .hero-bg {
    background:
      linear-gradient(
        180deg,
        rgba(5,9,18,0.98) 0%,
        rgba(5,9,18,0.92) 50%,
        rgba(5,9,18,0.85) 100%
      ),
      url("../images/kailm.b340937b0ba4.png");
    background-size: cover;
    background-position: center;
  }
}
  .hero-stars{
    background-image:
      radial-gradient(1px 1px at 12% 22%, rgba(255,255,255,.7), transparent 60%),
      radial-gradient(1px 1px at 28% 68%, rgba(255,255,255,.5), transparent 60%),
      radial-gradient(1px 1px at 45% 18%, rgba(255,255,255,.6), transparent 60%),
      radial-gradient(1px 1px at 62% 52%, rgba(255,255,255,.4), transparent 60%),
      radial-gradient(1.5px 1.5px at 78% 30%, rgba(255,255,255,.7), transparent 60%),
      radial-gradient(1px 1px at 92% 66%, rgba(255,255,255,.5), transparent 60%);
  }

  /* Kerala AI map illustration */
  .ai-map{
    background:
      radial-gradient(circle at 20% 20%, rgba(34,197,94,.6) 0 2px, transparent 3px),
      radial-gradient(circle at 60% 40%, rgba(34,197,94,.55) 0 2px, transparent 3px),
      radial-gradient(circle at 40% 60%, rgba(34,197,94,.5) 0 2px, transparent 3px),
      radial-gradient(circle at 70% 75%, rgba(34,197,94,.55) 0 2px, transparent 3px),
      radial-gradient(circle at 35% 85%, rgba(34,197,94,.5) 0 2px, transparent 3px),
      radial-gradient(ellipse at center, rgba(34,197,94,.25) 0%, transparent 60%),
      linear-gradient(180deg,#04140b,#020a05);
    clip-path: polygon(50% 0, 68% 6%, 78% 20%, 78% 40%, 70% 60%, 74% 74%, 60% 92%, 42% 100%, 32% 88%, 26% 70%, 30% 54%, 22% 36%, 30% 18%, 40% 8%);
  }

  .lift{transition:transform .25s ease, box-shadow .25s ease}
  .lift:hover{transform:translateY(-3px); box-shadow:0 10px 30px -12px rgba(15,23,42,.18)}
  .no-scrollbar::-webkit-scrollbar{display:none}
  .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

  .pill{display:inline-flex;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:500;border-radius:9999px}
  .dotted-arrow{flex:1;height:2px;background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1.5px);background-size:8px 2px;background-repeat:repeat-x}

  ::selection{background:#0F5D3D;color:#FFF9EC}

  @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  .rise{animation:rise .7s ease both}
  .rise-1{animation-delay:.05s}.rise-2{animation-delay:.15s}.rise-3{animation-delay:.25s}