/* About Us sub-tabs (25 Oct): Our Approach · Our Team · Our AI Team · T.O.N.I, sticky under the header on all four pages. */
.ab-tabs { position: sticky; top: var(--hd); z-index: 45; background: oklch(0.135 0.006 358 / .94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--rule-soft); }
.ab-tabs-in { display: flex; align-items: center; gap: 4px; min-height: 52px; overflow-x: auto; scrollbar-width: none; }
.ab-tabs-in::-webkit-scrollbar { display: none; }
.ab-tabs-k { flex: none; margin-right: 18px; font: 400 10px/1 var(--f-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--fg-3); }
.ab-tabs a { position: relative; flex: none; padding: 17px 14px; color: var(--fg-2); text-decoration: none; font: 600 .9rem/1 var(--f-body); transition: color .3s; }
.ab-tabs a:hover { color: var(--fg); }
.ab-tabs a[aria-current="page"] { color: #fff; }
.ab-tabs a[aria-current="page"]::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 2px; background: #E6007E; }
.ab-tabs a:focus-visible { outline: 2px solid #E6007E; outline-offset: -4px; }
@media (max-width: 599px) { .ab-tabs-k { display: none; } .ab-tabs a { padding: 16px 10px; font-size: .84rem; } }

/* About: the AI team teaser (25 Oct) */
.ab-ai { padding: clamp(88px, 13vh, 150px) 0; background: var(--ink-0); color: var(--fg); border-top: 1px solid var(--rule-soft); }
.ab-ai-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.ab-ai .h2 { max-width: 16ch; }
.ab-ai .body { color: var(--fg-2); max-width: 50ch; margin-top: 16px; }
.ab-ai-ctas { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; margin-top: 28px; }
.ab-ai-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px 6px; align-items: end; padding: 28px; border: 1px solid var(--rule-soft); background: radial-gradient(60% 60% at 50% 40%, oklch(0.24 0.06 358 / .6), transparent 75%); transition: border-color .3s; }
.ab-ai-row:hover { border-color: #E6007E; }
.ab-ai-row svg { display: block; width: 100%; height: auto; aspect-ratio: 12.4 / 11.2; overflow: visible; }
.ab-ai-row .ab-ai-toni { grid-row: span 2; align-self: center; }
@media (max-width: 899px) { .ab-ai-grid { grid-template-columns: 1fr; } }
@media (max-width: 599px) { .ab-ai-row { grid-template-columns: repeat(4, 1fr); padding: 18px; } }