.hero {
      background: linear-gradient(160deg, #fff 0%, #f3faf1 100%);
    }
    /* Insurance visual */
    .ins-visual {
      position: relative;
      width: 100%;
      height: 400px;
    }

    .ins-policy {
      position: absolute;
      left: 24px;
      top: 38px;
      width: 230px;
      height: 280px;
      border-radius: 22px;
      background: #fff;
      border: 1px solid rgba(0, 0, 0, .08);
      box-shadow: 0 24px 56px rgba(0, 0, 0, .15);
      overflow: hidden;
      animation: cardFloat 6s ease-in-out infinite;
    }

    .ins-policy-top {
      background: #111;
      height: 52px;
      display: flex;
      align-items: center;
      padding: 0 16px;
      color: var(--yellow);
      font-weight: 900;
      font-size: 12px;
      letter-spacing: .06em;
    }

    .ins-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 10px 16px;
    }

    .ins-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--green);
      flex: 0 0 auto;
    }

    .ins-line {
      flex: 1;
      height: 9px;
      border-radius: 999px;
      background: #eaeaea;
    }

    .ins-line.s {
      width: 52%;
      flex: none;
    }

    .ins-policy-b2 {
      position: absolute;
      left: 46px;
      top: 60px;
      width: 230px;
      height: 280px;
      border-radius: 22px;
      background: var(--green-soft);
      border: 1px solid var(--green-mid);
      opacity: .6;
      z-index: -1;
      transform: rotate(5deg);
    }

    .ins-badge-irdai {
      position: absolute;
      right: 24px;
      top: 48px;
      background: var(--green);
      color: #fff;
      border-radius: 14px;
      padding: 12px 16px;
      font-weight: 900;
      font-size: 13px;
      box-shadow: 0 16px 36px rgba(31, 122, 16, .3);
      animation: badgeFloat 4.5s ease-in-out infinite;
    }

    .ins-badge-irdai small {
      display: block;
      color: rgba(255, 255, 255, .75);
      font-size: 11px;
      font-weight: 700;
      margin-top: 3px;
    }

    .ins-badge-claim {
      position: absolute;
      right: 40px;
      bottom: 78px;
      background: var(--yellow);
      color: #111;
      border-radius: 14px;
      padding: 12px 16px;
      font-weight: 900;
      font-size: 13px;
      box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
      animation: badgeFloat 5.2s ease-in-out infinite reverse;
    }

    .ins-badge-claim small {
      display: block;
      font-size: 11px;
      font-weight: 700;
      opacity: .65;
      margin-top: 3px;
    }

    .dot-i1 {
      width: 18px;
      height: 18px;
      background: var(--green);
      top: 24px;
      right: 150px;
      animation-delay: .5s;
    }

    .dot-i2 {
      width: 26px;
      height: 26px;
      background: var(--yellow);
      bottom: 54px;
      left: 24px;
      animation-delay: 1.3s;
    }

    .dot-i3 {
      width: 12px;
      height: 12px;
      background: #111;
      top: 200px;
      right: 30px;
      animation-delay: 2s;
    }

    @keyframes cardFloat {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-12px) rotate(.5deg);
      }
    }



/* Proof Bar Spacing Settings */
.proof-section {
  padding: 16px 0 40px;
}

/* Solved Highlight Card Visual Styling */
.challenge-solved-highlight {
  background: linear-gradient(135deg, var(--green-soft), #e0f0da);
  border-color: var(--green-mid);
}

.challenge-check-bg {
  background: #fff;
}

.challenge-solved-text {
  color: var(--green-dark);
}

/* How Kleeto Helps Layout Enhancements */
.help-items-grid {
  margin-top: 28px; 
  display: grid; 
  gap: 10px;
}

.unified-repo-title {
  font-weight: 900;
  color: var(--green-dark);
  font-size: 15px;
  margin-bottom: 6px;
}

/* Sub-text Configurations */
.workflow-subtext {
  color: rgba(255, 255, 255, .6);
}

.faq-cta-spacing {
  margin-top: 8px;
}

/* Call-to-Action Metrics Block */
.cta-stats-panel {
  display: grid;
  gap: 14px;
  min-width: 200px;
}

.cta-stat-card {
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  padding: 18px 20px;
  color: #fff;
}

.cta-stat-value {
  font-size: 24px;
  font-weight: 900;
  color: var(--yellow);
}

.cta-stat-label {
  font-size: 12px;
  font-weight: 700;
  opacity: .7;
  margin-top: 4px;
}