.hero { background: linear-gradient(160deg, #fff 0%, #f5fbf3 100%); }

  /* BFSI visual */
  .bfsi-visual { position: relative; width: 100%; height: 400px; }

  .bfsi-loan {
    position: absolute; left: 26px; top: 36px;
    width: 232px; height: 288px;
    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;
  }
  .bfsi-top { background: var(--green); height: 52px; display: flex; align-items: center; padding: 0 16px; color: #fff; font-weight: 900; font-size: 12px; letter-spacing: .06em; }
  .bl-row { display: flex; align-items: center; gap: 8px; margin: 10px 16px; }
  .bl-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); flex: 0 0 auto; }
  .bl-line { flex: 1; height: 9px; border-radius: 999px; background: #eaeaea; }
  .bl-line.s { width: 54%; flex: none; }
  .bl-progress {
    margin: 14px 16px 0;
    background: var(--green-soft);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
  }
  .bl-bar { height: 100%; width: 72%; background: var(--green); border-radius: 999px; }

  .bfsi-b2 {
    position: absolute; left: 48px; top: 58px;
    width: 232px; height: 288px;
    border-radius: 22px; background: var(--green-soft);
    border: 1px solid var(--green-mid);
    opacity: .6; z-index: -1;
    transform: rotate(5deg);
  }

  .bfsi-badge-rbi {
    position: absolute; right: 20px; top: 42px;
    background: #111; color: #fff;
    border-radius: 14px; padding: 12px 16px;
    font-weight: 900; font-size: 13px;
    box-shadow: 0 16px 36px rgba(0,0,0,.22);
    animation: badgeFloat 4.5s ease-in-out infinite;
  }
  .bfsi-badge-rbi small { display: block; color: var(--yellow); font-size: 11px; font-weight: 700; margin-top: 3px; }

  .bfsi-badge-kyc {
    position: absolute; right: 38px; bottom: 76px;
    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 5s ease-in-out infinite reverse;
  }
  .bfsi-badge-kyc small { display: block; font-size: 11px; font-weight: 700; opacity: .65; margin-top: 3px; }

  .dot-b1 { width: 18px; height: 18px; background: var(--green); top: 22px; right: 150px; animation-delay: .4s; }
  .dot-b2 { width: 26px; height: 26px; background: var(--yellow); bottom: 52px; left: 22px; animation-delay: 1.2s; }
  .dot-b3 { width: 12px; height: 12px; background: #111; top: 198px; right: 24px; animation-delay: 1.9s; }

  @keyframes cardFloat {
    0%,100% { transform: translateY(0); }
    50%      { transform: translateY(-12px) rotate(.5deg); }
  }


  /* Structural Layout Paddings & Margins */
.proof-bar-section {
  padding: 16px 0 40px;
}

.help-items-grid {
  margin-top: 28px; 
  display: grid; 
  gap: 10px;
}

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

/* Custom Highlight Elements — Solved Challenge Box */
.challenges-grid .challenge-solved {
  background: linear-gradient(135deg, var(--green-soft), #e0f0da);
  border-color: var(--green-mid);
}

.challenges-grid .challenge-check {
  background: #fff;
}

.challenges-grid .challenge-solved-title {
  color: var(--green-dark);
}

/* Repository Headings & Visual Guides */
.help-visual .repository-header {
  font-weight: 900;
  color: var(--green-dark);
  font-size: 15px;
  margin-bottom: 6px;
}

.workflow-section .workflow-subhead {
  color: rgba(255, 255, 255, .6);
}

/* Call to Action Grid & Stats Configurations */
.cta-box .cta-stats-panel {
  display: grid;
  gap: 14px;
  min-width: 200px;
}

.cta-stats-panel .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-card .cta-stat-value {
  font-size: 28px;
  font-weight: 900;
  color: var(--yellow);
}

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