/* Certification page specific styles (kept minimal; relies on base.css) */
.hero {
  background: linear-gradient(180deg, rgb(var(--color-primary-rgb) / 0.06), transparent 60%);
}
.hero__grid { display: grid; gap: var(--space-8); align-items: center; padding-block: var(--space-12); }
.hero__eyebrow { font-weight: 700; color: var(--color-primary); letter-spacing: 0.3px; margin-bottom: var(--space-2); }
.hero__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
.hero__media { max-width: 560px; margin-inline: auto; }

.section { padding-block: var(--space-12); }
.section--cards .cards-grid { gap: var(--space-6); }
@media (min-width: 900px) { .section--cards .cards-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.benefits__grid { display: grid; gap: var(--space-8); align-items: center; }
@media (min-width: 900px) { .benefits__grid { grid-template-columns: 1.2fr 1fr; } }
.kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-4); }
.kpi { background: var(--gray-50); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-4); text-align: center; }
.kpi strong { display: block; font-size: var(--text-3xl); line-height: var(--leading-tight); }
.kpi span { color: var(--color-text-muted); font-size: var(--text-sm); }

.steps { counter-reset: step; display: grid; gap: var(--space-5); padding-left: 0; list-style: none; margin-top: var(--space-4); }
.steps > li { position: relative; padding-left: calc(var(--space-8) + 6px); border-left: 2px solid var(--color-border); margin-left: var(--space-2); }
.steps > li::before { counter-increment: step; content: counter(step); position: absolute; left: -14px; top: 0; width: 32px; height: 32px; display: grid; place-items: center; background: var(--color-primary); color: var(--color-primary-contrast); border-radius: var(--radius-round); font-weight: 700; box-shadow: var(--shadow-sm); }
.steps h3 { margin-top: 0; margin-bottom: var(--space-1); }

.resources-grid { gap: var(--space-6); }
@media (min-width: 900px) { .resources-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.verify-form { margin-top: var(--space-4); }
.verify-form__row { display: grid; gap: var(--space-3); grid-template-columns: 1fr; }
@media (min-width: 600px) { .verify-form__row { grid-template-columns: 1fr auto; } }
.verify-result { margin-top: var(--space-4); }

.badge-list { display: grid; gap: var(--space-2); padding-left: var(--space-6); }

.faq details { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-4); background: #fff; }
.faq details + details { margin-top: var(--space-3); }
.faq summary { cursor: pointer; font-weight: 600; }

.testimonials-grid { gap: var(--space-6); }
@media (min-width: 900px) { .testimonials-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.testimonial-media { margin-top: var(--space-6); }

.cta { background: linear-gradient(180deg, transparent, rgb(var(--color-primary-rgb) / 0.05)); }

/* Dark scheme adjustments inherit from base; ensure subtle surfaces */
@media (prefers-color-scheme: dark) {
  .kpi { background: color-mix(in srgb, var(--color-surface) 70%, var(--gray-50)); }
  .faq details { background: color-mix(in srgb, var(--color-surface) 80%, #000); }
}