/* Services page specific styles */
.hero {
  padding-block: var(--space-12) var(--space-10);
  background: radial-gradient(1200px 600px at 20% -10%, rgba(230,179,90,0.12), transparent 60%),
              linear-gradient(180deg, rgba(255,255,255,0.02), transparent 60%);
}
.hero .badge { margin-bottom: var(--space-3); }
.hero h1 { max-width: 18ch; }
.hero__lead { color: var(--color-text-muted); margin-top: var(--space-3); max-width: 60ch; }
.hero__actions { margin-top: var(--space-6); display: flex; gap: var(--space-3); flex-wrap: wrap; }

.section { padding-block: var(--space-12); }
.services-grid .card__body ul { margin-top: var(--space-3); color: var(--color-text-muted); }
.services-grid .card__cta { margin-top: var(--space-4); }

/* Pricing */
.pricing-table-wrapper { margin-top: var(--space-4); }
.pricing-table thead th { background: rgba(255,255,255,0.03); }
.pricing-table tbody tr:hover { background: rgba(255,255,255,0.02); }
.pricing-note { color: var(--color-text-muted); margin-top: var(--space-3); }
.pricing-cta { margin-top: var(--space-5); display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Process */
.process-steps h3 { margin-bottom: var(--space-2); }
.process-steps p { color: var(--color-text-muted); }

/* Guarantees */
.guarantees-list { display: grid; gap: var(--space-3); margin-top: var(--space-3); }
.guarantees-list li { background: var(--color-elevated); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-md); padding: var(--space-4); }
.guarantees-list .badge { margin-right: var(--space-2); }

/* Portfolio */
.portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-6); margin-top: var(--space-4); }
.portfolio-grid figure { overflow: hidden; }
.portfolio-grid img { width: 100%; height: auto; border-radius: var(--radius-md); }
.portfolio-grid figcaption { color: var(--color-text-muted); margin-top: var(--space-2); }
.portfolio-cta { margin-top: var(--space-5); }

/* FAQ */
.faq { display: grid; gap: var(--space-3); margin-top: var(--space-3); }
.faq__item { background: var(--color-elevated); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }
.faq__item summary { cursor: pointer; font-weight: var(--font-weight-medium); }
.faq__item[open] { box-shadow: var(--shadow-md); }
.faq__item p { color: var(--color-text-muted); margin-top: var(--space-2); }

/* Contact */
.contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); margin-top: var(--space-4); }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }