/* AM OUTCOMES · Systems pages (/systems/). Loaded after style.css. */
.sys-frame { position: relative; aspect-ratio: 16 / 9; background: #0a0a0b; overflow: hidden; }
.sys-video { display: block; width: 100%; height: 100%; object-fit: cover; }
.sys-reel { padding-top: 0; }
.sys-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 4vw, 56px); }
.sys-card { position: relative; display: flex; flex-direction: column; gap: 12px; }
.sys-card__link { position: absolute; inset: 0; z-index: 2; }
.sys-card__num { color: var(--blue-dark, #4b72ff); margin-top: 8px; }
.sys-card__name { margin: 0; font: 400 clamp(1.5rem, 2.4vw, 2.1rem)/1.12 var(--serif); letter-spacing: -.015em; }
.sys-card p { margin: 0; opacity: .72; max-width: 560px; }
.sys-card__more { align-self: flex-start; }
.sys-card:hover .sys-frame { outline: 1px solid var(--blue, #2f5bff); }
.sys-problem { font-size: clamp(1.15rem, 1.6vw, 1.4rem); line-height: 1.45; }
.sys-src { opacity: .55; font-size: .62rem; margin-top: 12px; }
.case-hero .ai-hero__actions { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; margin-top: 26px; }
@media (max-width: 760px) { .sys-grid { grid-template-columns: 1fr; } }