/* Services page specific styles (kept minimal, leveraging base.css) */
.hero { padding: var(--space-12) 0; color: #fff; text-align: left; }
.hero__inner { display: grid; gap: var(--space-6); }
.kicker { font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.9; }
.hero__actions { display: flex; gap: var(--space-5); flex-wrap: wrap; }

.section { padding: var(--space-11) 0; }
.section--alt { background: var(--gray-50); }

.media-block { margin-top: var(--space-8); }
.media-block figcaption { color: var(--gray-600); margin-top: var(--space-3); font-size: var(--font-size-sm); }

.table-wrap { overflow-x: auto; }
.note { color: var(--gray-600); font-size: var(--font-size-sm); margin-top: var(--space-4); }

.booking-demo .booking-actions { display: flex; flex-wrap: wrap; gap: var(--space-5); margin-top: var(--space-6); }

.actions { margin-top: var(--space-7); display: flex; gap: var(--space-5); flex-wrap: wrap; }

.faq .faq-toggle { width: 100%; text-align: left; padding: 0; color: var(--color-primary); font-weight: 600; }
.faq .faq-toggle[aria-expanded="true"] { color: var(--color-accent); }
.faq .faq-panel { margin-top: var(--space-3); }

.testimonials blockquote p { font-size: var(--font-size-lg); }
.testimonials .stars { color: var(--color-accent); font-weight: 700; letter-spacing: 0.05em; }

@media (min-width: 768px) {
  .hero { text-align: left; }
}