/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  overflow: hidden; /* 🔥 NO SCROLL */
  font-family: 'Poppins', sans-serif;
}

/* HERO SECTION */
.hero-section {
  position: relative;
  height: 100vh;
  width: 100%;
  /* background: linear-gradient(135deg, #050505, #0d0d0d); */
   background: url("assets/images/bg1.png") center/cover no-repeat;
  color: #fff;
}

/* BACKGROUND OVERLAY */
.bg-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(0,255,255,0.15), transparent 60%);
  z-index: 1;
}

/* CONTENT */
.hero-content {
  position: relative;
  z-index: 2;
  padding: 2rem;
}

/* LOGO */
.hero-logo {
  max-width: 350px;
  width: 100%;
}

/* TEXT */
.hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: #FFFFFF;
  /* max-width: 420px; */
  margin: auto;
}

.hero-sub strong {
  color: #00fff0;
  letter-spacing: 2px;
}

/* BUTTON */
.hero-btn {
  display: inline-block;
  padding: 10px 26px;
  border: 1px solid #00fff0;
  border-radius: 30px;
  font-size: 0.9rem;
  letter-spacing: 1px;
  color: #00fff0;
}

/* ROBOT */
.robot-container {
  position: relative;
  z-index: 2;
}

.robot-img {
  /* max-height: 100vh; */
  width: auto;
  max-width: 100%;
  object-fit: contain;
   /* max-height: 45vh; */
}

/* Desktop & Laptop */
@media (min-width: 1025px) {
  .robot-img {
    position: absolute;
    top: -310px;           /* 🔥 JOINT TO PAGE BOTTOM */
    right: 0;
    margin: 0;
  }
}

/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {
  .hero-content {
    text-align: center;
  }

  .hero-sub {
    margin: auto;
  }

  .robot-img {
    max-height: 60vh;
    margin: 0 !important;
  }
}
/* Apply ONLY on large devices (desktop & bigger) */
@media (max-width: 1024px) {
  .robot-img {
     margin-top: 103px;
  }
}
/* 2️⃣ Small laptops (≥1025px) */
/* @media (min-width: 1025px) {
  .robot-img {
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .robot-img {
    margin-top: 105px;
  }
} */