/* Hero */
.hero { padding: 5rem 0; background: linear-gradient(150deg, #faf9f7 50%, #f0edf5 100%); }
.hero-inner { display: grid; grid-template-columns: 1fr 340px; gap: 3.5rem; align-items: center; }
.hero-eyebrow { font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-accent); font-weight: 600; margin-bottom: 1rem; }
.hero-text h1 { margin-bottom: 1.25rem; }
.hero-sub { font-size: 1.1rem; opacity: 0.85; margin-bottom: 2rem; font-style: italic; font-family: var(--font-heading); }
.hero-cta { display: flex; gap: 1rem; flex-wrap: wrap; }

.credential-card { background: var(--color-primary); border-radius: 10px; padding: 2rem; }
.credential-list { list-style: none; display: flex; flex-direction: column; gap: 1rem; }
.credential-list li { color: rgba(255,255,255,0.9); font-size: 0.9rem; display: flex; align-items: flex-start; gap: 0.75rem; }
.credential-icon { flex-shrink: 0; }

/* Offerings preview */
.offerings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.offering-card { background: #fff; border: 1px solid rgba(74,44,110,0.1); border-radius: 8px; padding: 2rem; border-top: 3px solid var(--color-accent); }
.offering-num { font-size: 2.5rem; font-family: var(--font-heading); color: var(--color-surface); font-weight: 600; line-height: 1; margin-bottom: 0.75rem; }
.offering-card h3 { color: var(--color-primary); margin-bottom: 0.75rem; font-size: 1.05rem; }
.offering-card p { font-size: 0.9rem; margin-bottom: 1.25rem; }
.card-link { font-size: 0.875rem; font-weight: 600; color: var(--color-accent); }

/* Testimonial spotlight */
.spotlight-quote { max-width: 720px; margin: 0 auto; text-align: center; }
.spotlight-quote p { font-family: var(--font-heading); font-style: italic; font-size: 1.3rem; color: var(--color-text); margin-bottom: 1.25rem; line-height: 1.5; }
.spotlight-quote cite { font-size: 0.875rem; opacity: 0.7; font-style: normal; }

/* About teaser */
.about-teaser-inner { max-width: 660px; }
.about-teaser-text h2 { margin-bottom: 1rem; }
.about-teaser-text p { margin-bottom: 1.5rem; }

/* CTA bar */
.cta-bar { text-align: center; }
.cta-bar h2 { margin-bottom: 0.75rem; }
.cta-bar p { margin: 0 auto 2rem; font-style: italic; }

@media (max-width: 860px) {
  .hero-inner { grid-template-columns: 1fr; }
  .offerings-grid { grid-template-columns: 1fr; }
}