.transparency-hero { background: var(--color-primary); color: #fff; padding: 120px 0 60px; text-align: center; }
.transparency-hero h1 { font-size: 3.5rem; }

.fund-utilization { padding: 60px 0; background: var(--color-bg-light); text-align: center; }
.fund-chart { max-width: 600px; margin: 30px auto; }
.chart-bar { display: flex; align-items: center; gap: 12px; margin: 12px 0; }
.chart-bar span { width: 100px; text-align: left; font-weight: 600; }
.chart-bar div { height: 30px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 12px; color: #fff; font-weight: 600; }

.verification-process { padding: 60px 0; background: #fff; text-align: center; }
.verification-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 30px; }
.v-step { background: var(--color-bg-light); padding: 24px; border-radius: 12px; font-weight: 600; }

.reports-section { padding: 60px 0; background: var(--color-bg-light); text-align: center; }
.reports-section .btn { margin: 8px; }

.promises { padding: 60px 0; background: var(--color-primary); color: #fff; text-align: center; }
.promises-list { list-style: none; max-width: 400px; margin: 30px auto; text-align: left; font-size: 1.2rem; }
.promises-list li { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }

@media (max-width: 768px) {
  .verification-steps { grid-template-columns: 1fr 1fr; }
}