/* Home: animated system map under "Behind every request". */
.sysmap{margin:10px 0 56px;border:1px solid rgba(185,161,106,.2);background:radial-gradient(120% 120% at 50% 0%,#192220 0%,#131819 60%,#101415 100%);padding:28px 24px}
.sysmap svg{display:block;width:100%;height:auto}
.sysmap .sys-v{display:none}
.sysmap text{font-family:'Hanken Grotesk',sans-serif;fill:#d9d3c6}
.sysmap .sys-label{font-size:15px;font-weight:500;letter-spacing:.02em}
.sysmap .sys-small{font-size:12px;fill:#8e9a9d;letter-spacing:.06em;text-transform:uppercase}
.sysmap .sys-group{font-size:11px;fill:#c6aa70;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.sysmap .sys-line{fill:none;stroke:rgba(198,170,112,.35);stroke-width:1.2}
.sysmap .sys-flowline{fill:none;stroke:rgba(240,217,162,.75);stroke-width:1.4;stroke-dasharray:3 14;animation:sysDash 1.6s linear infinite}
.sysmap .sys-flowline.back{stroke:rgba(118,196,160,.75);animation-direction:reverse}
@keyframes sysDash{to{stroke-dashoffset:-34}}
.sysmap .sys-node{fill:#151d1d;stroke:rgba(198,170,112,.45);stroke-width:1}
.sysmap .sys-core{fill:#18211f;stroke:#c6aa70;stroke-width:1.2}
.sysmap .sys-cloud{fill:none;stroke:rgba(198,170,112,.55);stroke-width:1;stroke-dasharray:4 4}
.sysmap .sys-icon{fill:none;stroke:#e6d6b0;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sysmap .sys-pulse{fill:none;stroke:#c6aa70;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:sysPulse 2.6s ease-out infinite}
.sysmap .sys-pulse.d2{animation-delay:1.3s}
@keyframes sysPulse{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}
@media(max-width:760px){.sysmap{padding:20px 12px;margin-bottom:40px}.sysmap .sys-h{display:none}.sysmap .sys-v{display:block;max-width:360px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.sysmap .sys-flowline,.sysmap .sys-pulse{animation:none}}