/* The outer panel uses the existing zp-enterprise card and its responsive tokens. */
.enterprise-api {
  --ea-text: var(--zp-ink);
  --ea-muted: var(--zp-muted);
  --ea-accent: #60a5fa;
  --ea-line: var(--zp-line);
  color: var(--ea-text);
  scroll-margin-top: 100px;
  text-align: left;
}
.enterprise-api__intro { min-width: 0; }
.enterprise-api__eyebrow { display: block; margin-bottom: 16px; color: var(--ea-accent); font: 500 11px/1.4 var(--font-mono,"JetBrains Mono",monospace); letter-spacing: .09em; }
.enterprise-api .enterprise-api__intro h2 { max-width: 460px; margin: 16px 0; color: var(--ea-text); font-family: var(--font-display,inherit); font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.035em; }
.enterprise-api__intro > p { margin: 0; }
.enterprise-api__networks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.enterprise-api__networks span { padding: 7px 10px; border: 1px solid var(--ea-line); border-radius: var(--zp-button-radius); color: var(--ea-muted); font: 400 11px/1.3 var(--font-mono,"JetBrains Mono",monospace); }
.enterprise-api__services { display: grid; gap: 20px; align-content: start; min-width: 0; }
.enterprise-api__service { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 14px; margin: 0; }
.enterprise-api__number { padding-top: 3px; color: var(--ea-accent); font: 400 11px/1.4 var(--font-mono,"JetBrains Mono",monospace); }
.enterprise-api .enterprise-api__service h3 { margin: 0 0 7px; color: var(--ea-text); font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: -.01em; }
.enterprise-api__service p { margin: 0; }
.enterprise-api__footer { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; border-top: 1px solid var(--ea-line); }
.enterprise-api .enterprise-api__footer p { max-width: 610px; margin: 0; font-size: 12px; }
.enterprise-api .enterprise-api__cta { display: inline-flex; align-items: center; justify-content: center; gap: 14px; width: auto; flex-shrink: 0; min-height: 46px; margin: 0; white-space: normal; text-align: center; }
[data-theme="light"] .enterprise-api { --ea-accent:#2563eb; }
@media(max-width:760px) {
  .enterprise-api .enterprise-api__intro h2 { font-size: 26px; }
  .enterprise-api__footer { grid-column: 1; flex-direction: column; align-items: stretch; gap: 18px; }
  .enterprise-api .enterprise-api__cta { width: 100%; }
}