/* Dedicated systems page, using the existing Autnix palette and typography. */
.systems-proof{min-width:0;margin:0;border-radius:22px;overflow:hidden;border:1px solid #ffffff28;background:#10120e}
.systems-proof img{display:block;width:100%;aspect-ratio:1.2;object-fit:contain;background:#171717}
.systems-proof figcaption{font-size:11px;line-height:1.7;color:#c8ccbf;padding:16px 20px}
.systems-page .hero-layout{grid-template-columns:1.05fr 1fr;gap:64px}
.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}
.system-example{min-width:0;scroll-margin-top:110px}
.system-diagram{position:relative;display:block;border-radius:20px;overflow:hidden;background:#e8e9e2;border:1px solid var(--line)}
.system-diagram img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}
.system-diagram:hover img{transform:scale(1.025)}
.system-diagram span{position:absolute;bottom:12px;right:12px;background:var(--lime);color:var(--ink);padding:9px 13px;border-radius:30px;font-size:11px}
.system-example h3{font-size:19px;line-height:1.4;margin:18px 0 8px}
.system-example p{font-size:13px;line-height:1.8;color:var(--muted)}
.system-viewer{margin:auto;width:min(1120px,94vw);max-height:90vh;padding:28px;background:var(--paper,#f8f8f4);border:1px solid var(--line);border-radius:22px;overflow:auto;color:var(--ink)}
.system-viewer::backdrop{background:#000b;backdrop-filter:blur(6px)}
.system-viewer h2{font-size:22px;margin:0 45px 24px 0}
.system-viewer img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}
.system-viewer p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:18px}
.system-close{position:absolute;right:14px;top:12px;border:0;border-radius:50%;width:44px;height:44px;font-size:27px;background:var(--lime);color:var(--ink);cursor:pointer}
@media(max-width:900px){.systems-page .hero-layout{grid-template-columns:1fr;gap:35px}.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-proof{max-width:600px}.systems-proof img{aspect-ratio:4/3}}
@media(max-width:600px){.systems-grid{grid-template-columns:1fr}.system-viewer{padding:22px 16px}.systems-page .clone-intro h1{font-size:46px}.systems-proof img{aspect-ratio:1.2}}