.agency-hero { background: var(--color-bg); color: var(--color-text); padding: var(--space-10) 0 calc(var(--space-10) + var(--space-4)); }
.agency-hero h1 { font-size: var(--font-size-display); color: var(--color-text); max-width: 20ch; }
.agency-hero p.lede { margin-top: var(--space-4); font-size: var(--font-size-lg); color: var(--color-text-muted); max-width: 52ch; }
.agency-hero__actions { display: flex; gap: var(--space-4); margin-top: var(--space-6); flex-wrap: wrap; align-items: center; }
.agency-hero__actions a.secondary { color: var(--color-text-muted); text-decoration: underline; align-self: center; }

.stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); margin-top: var(--space-8); }
.stat-row__num { font-family: var(--font-family-mono); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-accent-text); display: block; }
.stat-row__label { color: var(--color-text-muted); font-size: var(--font-size-sm); margin-top: var(--space-2); }
.stat-row__source { color: var(--color-text-muted); font-size: var(--font-size-xs); margin-top: var(--space-8); max-width: 72ch; }

.loop-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); margin-top: var(--space-8); }

.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); margin-top: var(--space-8); }
.price-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); }
.price-card.featured { border-color: var(--color-accent); box-shadow: var(--shadow-signature); }
.price-card__badge { display: inline-block; background: var(--color-accent); color: var(--color-accent-contrast); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); margin-bottom: var(--space-3); }
.price-card__name { font-weight: var(--font-weight-semibold); color: var(--color-text-muted); font-size: var(--font-size-sm); text-transform: uppercase; letter-spacing: 0.05em; }
.price-card__amount { font-family: var(--font-family-mono); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); margin-top: var(--space-1); }
.price-card__amount span { font-family: var(--font-family-sans); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); color: var(--color-text-muted); }
.price-card__workspaces { color: var(--color-text-muted); font-size: var(--font-size-sm); margin-top: var(--space-1); }
.price-card ul { list-style: none; padding: 0; margin: var(--space-5) 0 0 0; }
.price-card li { padding: var(--space-2) 0; font-size: var(--font-size-sm); color: var(--color-text-muted); }
.pricing-note { margin-top: var(--space-6); color: var(--color-text-muted); font-size: var(--font-size-sm); }

@media (max-width: 860px) {
  .stat-row { grid-template-columns: 1fr; gap: var(--space-6); }
  .loop-steps { grid-template-columns: 1fr 1fr; }
  .pricing-grid { grid-template-columns: 1fr; }
}