/* Inner Pages — Shared Styles */
.inner-hero { padding-top: calc(var(--header-height) + var(--space-16)); padding-bottom: var(--space-16); }
.inner-hero__content { max-width: 760px; }
.inner-hero__subtitle { font-size: var(--text-lg); color: var(--color-text-secondary); margin-top: var(--space-4); }
.inner-hero__ctas { display: flex; gap: var(--space-4); margin-top: var(--space-8); flex-wrap: wrap; justify-content: center; }

.quote-block { max-width: 700px; margin: 0 auto; text-align: center; padding: var(--space-8) var(--space-6) !important; }
.quote-text { font-size: var(--text-xl); font-style: italic; color: var(--color-text-primary); line-height: 1.6; margin-bottom: var(--space-4); }
.quote-author { font-size: var(--text-sm); color: var(--color-text-muted); }

.metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); text-align: center; }
.metric-card { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8) var(--space-6); transition: border-color var(--transition-base), transform var(--transition-base); }
.metric-card:hover { border-color: var(--color-border-hover); transform: translateY(-2px); }
.metric-value { display: block; font-size: var(--text-4xl); font-weight: var(--font-extrabold); background: var(--color-primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.metric-label { display: block; font-size: var(--text-sm); color: var(--color-text-secondary); margin-top: var(--space-2); }

@media (max-width: 768px) {
    .inner-hero__ctas { flex-direction: column; }
    .metrics-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .metrics-grid { grid-template-columns: 1fr; }
}