/* Process page specific styles — minimal, non-duplicative of base.css */
.hero { padding-block: var(--space-12) var(--space-10); background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 100%); }
.hero__grid { display: grid; gap: var(--space-8); align-items: center; grid-template-columns: 1.1fr 0.9fr; }
.hero__lead { color: var(--color-text-muted); margin-top: var(--space-3); }
.hero__actions { display: flex; gap: var(--space-3); margin-top: var(--space-6); flex-wrap: wrap; }
.hero__media { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); }

.section { padding-block: var(--space-10); }

/* Steps timeline */
.steps { counter-reset: step; display: grid; gap: var(--space-5); margin-top: var(--space-4); }
.step { position: relative; padding-left: var(--space-8); }
.step h3 { margin-bottom: var(--space-2); }
.step::before { counter-increment: step; content: counter(step); position: absolute; left: var(--space-4); top: calc(var(--space-6) - 2px); transform: translate(-50%, -50%); width: 32px; height: 32px; border-radius: var(--radius-full); background: var(--color-primary); color: #121212; display: grid; place-items: center; font-weight: var(--font-weight-bold); box-shadow: var(--shadow-md); }

/* Case studies */
.case-study__media { border-radius: var(--radius-lg); overflow: hidden; margin-bottom: var(--space-4); box-shadow: var(--shadow-md); }
.metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-4); }

/* FAQ */
.faq { display: grid; gap: var(--space-4); margin-top: var(--space-4); }
.faq details > summary { cursor: pointer; outline: none; }
.faq details > summary::-webkit-details-marker { display: none; }
.faq details > summary { position: relative; padding-right: calc(var(--space-8)); }
.faq details > summary::after { content: "+"; position: absolute; right: var(--space-4); top: 0; color: var(--color-text-muted); font-weight: var(--font-weight-bold); }
.faq details[open] > summary::after { content: "–"; }
.faq-cta { display: flex; gap: var(--space-3); margin-top: var(--space-6); flex-wrap: wrap; }

/* Highlight for deep-linked step */
.is-highlighted { box-shadow: 0 0 0 3px rgba(230, 179, 90, 0.35) inset, var(--shadow-lg); transition: box-shadow var(--duration-slow) var(--easing-standard); }

@media (max-width: 1000px) {
  .hero__grid { grid-template-columns: 1fr; }
}