/* capabilities — port of the Next page */
[data-cmp="capabilities"] .cap, [data-cmp="capabilities"].cap { background: var(--surface-base); }

[data-cmp="capabilities"] .cap-hero, [data-cmp="capabilities"].cap-hero { position: relative; overflow: hidden; padding: var(--space-12) var(--space-4);
  background: color-mix(in srgb, var(--surface-subtle) 30%, var(--surface-base)); }
[data-cmp="capabilities"] .cap-hero-glow, [data-cmp="capabilities"].cap-hero-glow { pointer-events: none; position: absolute; left: 50%; top: 50%;
  width: 700px; height: 500px; transform: translate(-50%, -50%); border-radius: 50%;
  background: radial-gradient(ellipse, hsl(142 71% 45% / 0.06), transparent 70%); }
[data-cmp="capabilities"] .cap-hero-inner, [data-cmp="capabilities"].cap-hero-inner { position: relative; max-width: 56rem; margin-inline: auto; text-align: center; }
[data-cmp="capabilities"] .cap-hero-inner .asio-h1, [data-cmp="capabilities"].cap-hero-inner .asio-h1 { margin: 0; font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3rem); }
[data-cmp="capabilities"] .cap-hero-inner .asio-lead, [data-cmp="capabilities"].cap-hero-inner .asio-lead { margin: var(--space-5) auto 0; max-width: 48rem;
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem); }

[data-cmp="capabilities"] .cap-list, [data-cmp="capabilities"].cap-list { display: grid; gap: var(--space-6); max-width: 72rem; margin-inline: auto;
  padding: 0 var(--space-4) var(--space-10); margin-top: var(--space-6); }
[data-cmp="capabilities"] .cap-article, [data-cmp="capabilities"].cap-article { border: 1px solid var(--border-default); border-radius: var(--radius-xl);
  background: var(--surface-card); padding: var(--space-6); }
@media (min-width: 640px) { [data-cmp="capabilities"] .cap-article, [data-cmp="capabilities"].cap-article { padding: var(--space-8); }}
[data-cmp="capabilities"] .cap-article-head, [data-cmp="capabilities"].cap-article-head { margin-bottom: var(--space-6); }
[data-cmp="capabilities"] .cap-article-head h2, [data-cmp="capabilities"].cap-article-head h2 { margin: 0; font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem);
  font-weight: 600; letter-spacing: -0.02em; }
[data-cmp="capabilities"] .cap-article-head p, [data-cmp="capabilities"].cap-article-head p { margin: var(--space-3) 0 0; color: var(--text-secondary);
  font-size: clamp(1rem, 0.95rem + 0.3vw, 1.125rem); line-height: 1.6; }

[data-cmp="capabilities"] .cap-demo, [data-cmp="capabilities"].cap-demo { overflow: hidden; border: 1px solid var(--border-default); border-radius: var(--radius-xl);
  background: #ffffff; box-shadow: var(--asio-shadow-soft); }
[data-cmp="capabilities"] .cap-demo iframe, [data-cmp="capabilities"].cap-demo iframe { display: block; width: 100%; height: 500px; border: 0; }
@media (min-width: 640px) { [data-cmp="capabilities"] .cap-demo iframe, [data-cmp="capabilities"].cap-demo iframe { height: 680px; }}

[data-cmp="capabilities"] .cap-tiles, [data-cmp="capabilities"].cap-tiles { margin-top: var(--space-8); display: grid; gap: var(--space-4); grid-template-columns: 1fr; }
@media (min-width: 640px)  { [data-cmp="capabilities"] .cap-tiles, [data-cmp="capabilities"].cap-tiles { grid-template-columns: repeat(2, 1fr); }}
@media (min-width: 1024px) { [data-cmp="capabilities"] .cap-tiles, [data-cmp="capabilities"].cap-tiles { grid-template-columns: repeat(4, 1fr); }}
[data-cmp="capabilities"] .cap-tile, [data-cmp="capabilities"].cap-tile { border: 1px solid var(--border-default); border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--surface-subtle) 30%, var(--surface-base)); padding: var(--space-5); }
[data-cmp="capabilities"] .cap-tile-title, [data-cmp="capabilities"].cap-tile-title { margin: 0; font-size: 0.875rem; font-weight: 600; color: var(--text-primary); }
[data-cmp="capabilities"] .cap-tile p:not(.cap-tile-title), [data-cmp="capabilities"].cap-tile p:not(.cap-tile-title) { margin: var(--space-2) 0 0; font-size: 0.875rem;
  color: var(--text-secondary); line-height: 1.55; }

[data-cmp="capabilities"] .cap-cta, [data-cmp="capabilities"].cap-cta { padding: var(--space-2) var(--space-4) var(--space-12); }
[data-cmp="capabilities"] .cap-cta-card, [data-cmp="capabilities"].cap-cta-card { max-width: 72rem; margin-inline: auto; text-align: center;
  border: 1px solid var(--border-default); border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--surface-subtle) 40%, var(--surface-base));
  padding: var(--space-6); }
@media (min-width: 640px) { [data-cmp="capabilities"] .cap-cta-card, [data-cmp="capabilities"].cap-cta-card { padding: var(--space-8); }}
[data-cmp="capabilities"] .cap-cta-card h2, [data-cmp="capabilities"].cap-cta-card h2 { margin: 0; font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem); font-weight: 600; letter-spacing: -0.02em; }
[data-cmp="capabilities"] .cap-cta-card p, [data-cmp="capabilities"].cap-cta-card p { margin: var(--space-3) auto var(--space-6); max-width: 42rem; color: var(--text-secondary); }