:root {
  --bg1: #c7e8be;
  --bg2: #9fc6ce;
  --lime: #CFFC87;
  --ink: #0f1720;
  --white: #ffffff;
}

.header-wrapper {
  display: none !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'Anek Latin', sans-serif !important;
}

/* ===== BASE ===== */
.i2c-hero {
  position: relative !important;
  width: 100% !important;
  /* min-height: 100vh !important; */
  max-height: 1200px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: clamp(3rem, 6vw, 6rem) 1.5rem 0 !important;
  background: linear-gradient(135deg, var(--bg1), var(--bg2)) !important;
  box-sizing: border-box !important;
  color: var(--white) !important;
  overflow: hidden !important;
}

.i2c-hero-inner {
  position: relative !important;
  max-width: 1280px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(2rem, 5vw, 4rem) !important;
}

/* ===== GRID ===== */
.i2c-hero-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: clamp(2rem, 5vw, 5rem) !important;
}

/* ===== LEFT ===== */
.i2c-hero-left {
  flex: 1 1 220px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1rem !important;
  z-index: 2 !important;
}

.i2c-hero-title {
  font-family: "Anek Latin", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 5vw, 4rem) !important;
  line-height: 1.05 !important;
  color: var(--white) !important;
  margin: 0 !important;
}

.i2c-hero-the {
  display: inline-block !important;
}

.i2c-hero-logo {
  /* width: min(40vw, 540px) !important; */
  height: auto !important;
  margin-top: 0.3rem !important;
}

.i2c-hero-btn {
  background: var(--lime) !important;
  color: var(--ink) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding: 0.9rem 2rem !important;
  border-radius: 10px !important;
  margin-top: 0.75rem !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.i2c-hero-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

.i2c-hero-sub {
  font-size: clamp(0.9rem, 1vw, 1rem) !important;
  color: var(--white) !important;
  /* margin: 0 !important; */
  /* opacity: 0.85 !important; */
  font-weight: 600 !important;
}

/* ===== RIGHT ===== */
.i2c-hero-right {
  flex: 1 1 260px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1.5rem !important;
  text-align: center !important;
}

.i2c-hero-illus {
  width: min(46vw, 700px) !important;
  height: auto !important;
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.25)) !important;
}

.i2c-hero-logos {
  width: min(40vw, 480px) !important;
  height: auto !important;
  opacity: 0.95 !important;
}

/* ===== BADGE ===== */
.i2c-hero-badge {
  position: absolute !important;
  top: clamp(1rem, 3vw, 2rem) !important;
  right: clamp(1rem, 3vw, 2rem) !important;
  transform: skewX(-12deg) !important;
  background: var(--lime) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25) !important;
  z-index: 3 !important;
}
.i2c-hero-badge span {
  display: block !important;
  padding: 0.5rem 1rem !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  transform: skewX(12deg) !important;
  white-space: nowrap !important;
  font-size: clamp(0.9rem, 1vw, 1rem) !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 980px) {
  .i2c-hero-content {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: -70px !important;
  }
  .i2c-hero-left {
    align-items: center !important;
  }
  .i2c-hero-illus {
    width: min(80vw, 600px) !important;
  }
  .i2c-hero-logos {
    width: min(70vw, 480px) !important;
  }
  .i2c-hero-badge {
    position: relative !important;
    transform: skewX(-12deg) !important;
    /* margin: 1rem auto 0 !important; */
    margin: -10px auto 30px !important;
    right: unset !important;
  }
  .i2c-hero-logo {
    width: min(40vw, 540px) !important;
  }
}
@media (max-width: 560px) {
  .i2c-hero {
    min-height: auto !important;
    padding: 3rem 1rem !important;
  }
  .i2c-hero-title {
    font-size: clamp(1.8rem, 8vw, 2.4rem) !important;
  }
  .i2c-hero-logo {
    width: min(70vw, 400px) !important;
  }
  .i2c-hero-btn {
    padding: 0.8rem 1.6rem !important;
    font-size: 0.95rem !important;
  }
  .i2c-hero-illus {
    width: 90% !important;
  }
  .i2c-hero-logos {
    width: 80% !important;
  }
}

.i2c-form-section {
  max-width: 1100px !important;
  margin: 0 auto !important;
}