/* about — port of the Next page */
[data-cmp="about"] .ab, [data-cmp="about"].ab { background: var(--surface-base); }
[data-cmp="about"] .ab .cap-hero, [data-cmp="about"].ab .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="about"] .ab .cap-hero-glow, [data-cmp="about"].ab .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="about"] .ab-hero-inner, [data-cmp="about"].ab-hero-inner { position: relative; max-width: 48rem; margin-inline: auto; text-align: center; }
[data-cmp="about"] .ab-hero-inner .asio-h1, [data-cmp="about"].ab-hero-inner .asio-h1 { margin: 0; font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3rem); }
[data-cmp="about"] .ab-hero-inner .asio-lead, [data-cmp="about"].ab-hero-inner .asio-lead { margin: var(--space-5) auto 0; max-width: 42rem;
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem); }

[data-cmp="about"] .ab-body, [data-cmp="about"].ab-body { max-width: 48rem; margin-inline: auto; padding: var(--space-12) var(--space-6); }
[data-cmp="about"] .ab-mission, [data-cmp="about"].ab-mission { border-left: 4px solid var(--accent); padding-left: var(--space-6); margin-bottom: var(--space-12); }
[data-cmp="about"] .ab-mission h2, [data-cmp="about"].ab-mission h2 { margin: 0 0 var(--space-2); font-size: 1.25rem; font-weight: 600; }
[data-cmp="about"] .ab-mission p, [data-cmp="about"].ab-mission p { margin: 0; font-size: 1.125rem; line-height: 1.65; color: var(--text-secondary); }

[data-cmp="about"] .ab-block, [data-cmp="about"].ab-block { margin-bottom: var(--space-12); }
[data-cmp="about"] .ab-block h2, [data-cmp="about"].ab-block h2 { margin: 0 0 var(--space-4); font-size: 1.5rem; font-weight: 600; letter-spacing: -0.02em; }
[data-cmp="about"] .ab-block p, [data-cmp="about"].ab-block p { margin: 0 0 var(--space-4); line-height: 1.7; color: var(--text-secondary); }
[data-cmp="about"] .ab-block p:last-child, [data-cmp="about"].ab-block p:last-child { margin-bottom: 0; }
[data-cmp="about"] .ab-ops, [data-cmp="about"].ab-ops { display: flex; flex-direction: column; gap: var(--space-6); }
[data-cmp="about"] .ab-ops h3, [data-cmp="about"].ab-ops h3 { margin: 0 0 var(--space-2); font-size: 1.125rem; font-weight: 600; }
[data-cmp="about"] .ab-ops p, [data-cmp="about"].ab-ops p { margin: 0; }

[data-cmp="about"] .ab-proof, [data-cmp="about"].ab-proof { margin-top: var(--space-12); background: var(--surface-subtle);
  border-radius: var(--radius-lg); padding: var(--space-8); }
[data-cmp="about"] .ab-proof-lead, [data-cmp="about"].ab-proof-lead { margin: var(--space-4) 0; color: var(--text-secondary); }
[data-cmp="about"] .ab-proof-grid, [data-cmp="about"].ab-proof-grid { display: grid; gap: var(--space-4); grid-template-columns: repeat(2, 1fr); text-align: center; }
@media (min-width: 768px) { [data-cmp="about"] .ab-proof-grid, [data-cmp="about"].ab-proof-grid { grid-template-columns: repeat(4, 1fr); }}
[data-cmp="about"] .ab-proof-val, [data-cmp="about"].ab-proof-val { margin: 0; font-size: 1.5rem; font-weight: 700; color: var(--text-primary); }
[data-cmp="about"] .ab-proof-label, [data-cmp="about"].ab-proof-label { margin: 4px 0 0; font-size: 0.875rem; color: var(--text-muted); }

[data-cmp="about"] .ab-cta, [data-cmp="about"].ab-cta { margin-top: var(--space-12); padding-top: var(--space-8); border-top: 1px solid var(--border-default); text-align: center; }
[data-cmp="about"] .ab-cta h2, [data-cmp="about"].ab-cta h2 { margin: 0 0 var(--space-4); font-size: 1.5rem; font-weight: 600; }
[data-cmp="about"] .ab-cta p, [data-cmp="about"].ab-cta p { margin: 0 0 var(--space-6); color: var(--text-secondary); }