.sys{background:var(--color-canvas);padding:0 8px}@media (min-width:48rem){.sys{padding-inline:12px}}.sys-stage{isolation:isolate;color:var(--color-on-ink);background:#0b111d;border-radius:28px;position:relative;overflow:clip}@media (min-width:64rem){.sys-stage{min-height:min(820px, calc(100svh - var(--header-h) - 72px));border-radius:36px;align-items:center;display:flex}}.sys-bg{z-index:-1;background:radial-gradient(42% 55% at 74% 46%,#4f78c957,#0000 70%),radial-gradient(30% 40% at 92% 6%,#c9c1ef38,#0000 70%),radial-gradient(36% 46% at 4% 102%,#b8e7f524,#0000 70%),radial-gradient(26% 30% at 40% 0,#f4d2bf14,#0000 70%);position:absolute;inset:0}.sys-bg:before{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-position:-1px -1px;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 70% 45%,#000 10%,#0000 75%);mask-image:radial-gradient(60% 70% at 70% 45%,#000 10%,#0000 75%)}.sys-bg:after{content:"";opacity:.045;background-image:url(/grain.png);position:absolute;inset:0}.sys-grid{--inset:8px;width:100%;max-width:calc(var(--content-max) + var(--page-margin) * 2 - var(--inset) * 2);padding:44px calc(var(--page-margin) - var(--inset)) 28px;grid-template-columns:minmax(0,1fr);gap:40px;margin-inline:auto;display:grid}@media (min-width:48rem){.sys-grid{--inset:12px;padding:64px calc(var(--page-margin) - var(--inset)) 40px}}@media (min-width:64rem){.sys-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:32px;padding-block:56px}}.sys-title{color:#fff;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;letter-spacing:-.048em;max-width:13.5ch;font-size:clamp(2.125rem,.9rem + 4vw,4.6rem);font-weight:560;line-height:.98}.sys-title-glow{background:linear-gradient(100deg,#b8e7f5 0%,#8ea8d9 38%,#c9c1ef 70%,#f4d2bf 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.sys-lead{max-width:31rem;color:var(--color-on-ink-2);margin-top:22px;font-size:1.125rem;line-height:1.55}@media (min-width:64rem){.sys-lead{font-size:1.25rem}}.sys-actions{flex-direction:column;gap:12px;margin-top:32px;display:flex}@media (min-width:40rem){.sys-actions{flex-direction:row;align-items:center}}.sys-ghost{box-shadow:inset 0 0 0 1px #ffffff29}.sys-facts{border-top:1px solid #ffffff17;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:40px;padding-top:24px;display:grid}@media (min-width:40rem){.sys-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.sys-facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-2);font-size:.75rem;font-weight:560}.sys-facts dd{color:var(--color-on-ink);margin-top:4px;font-size:.9375rem;line-height:1.4}.sys-map{--cycle:4.8s;--loop:19.2s;will-change:transform;aspect-ratio:600/540;width:100%;max-width:640px;margin-inline:auto;position:relative;container-type:inline-size}.sys-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sys-wire{fill:none;stroke:url(#sys-wire);stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 7;animation:1.6s linear infinite sys-dash}@keyframes sys-dash{to{stroke-dashoffset:-9px}}.sys-pulse{fill:url(#sys-pulse);offset-rotate:0deg;opacity:0}.sys-pulse-in{animation:sys-run-in var(--loop) var(--ease-in-out) infinite}.sys-pulse-out{animation:sys-run-out var(--cycle) var(--ease-in-out) infinite}@keyframes sys-run-in{0%{offset-distance:0%;opacity:0}1.5%{opacity:1}9%{offset-distance:100%;opacity:1}10%,to{offset-distance:100%;opacity:0}}@keyframes sys-run-out{0%{offset-distance:0%;opacity:0}6%{opacity:1}38%{offset-distance:100%;opacity:1}42%,to{offset-distance:100%;opacity:0}}.sys-node{white-space:nowrap;color:#fff;background:#161f30db;border-radius:999px;align-items:center;gap:.45em;padding:.55em .95em .55em .75em;font-size:clamp(.6875rem,2.5cqi,.9375rem);font-weight:540;display:inline-flex;position:absolute;translate:-50% -50%;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px -12px #0009}.sys-node svg{width:1.1em;height:1.1em;color:var(--color-accent-2)}.sys-node-in{animation:sys-node-active var(--loop) var(--ease-out) infinite;animation-delay:calc(var(--i) * var(--cycle))}.sys-node-out{animation:sys-node-land var(--cycle) var(--ease-out) infinite;animation-delay:calc(var(--cycle) * .42)}@keyframes sys-node-active{0%,10%{box-shadow:inset 0 0 0 1px #b8e7f5b3,0 0 0 4px #8ea8d929,0 0 26px -2px #8ea8d999}16%,to{box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px -12px #0009}}@keyframes sys-node-land{0%,34%{box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px -12px #0009}40%,62%{box-shadow:inset 0 0 0 1px #5ddea8b3,0 0 0 4px #5ddea81f,0 0 26px -2px #5ddea873}80%,to{box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px -12px #0009}}.sys-hub{width:clamp(148px,40cqi,232px);color:var(--color-on-ink);background:linear-gradient(160deg,#253555eb,#0f1626f0);border-radius:clamp(14px,3cqi,20px);padding:clamp(10px,2.4cqi,16px);font-size:clamp(.6875rem,2.2cqi,.8125rem);position:absolute;translate:-50% -50%;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 6px #8ea8d90f,0 30px 60px -20px #000000b3,0 0 80px -10px #4f78c98c}.sys-hub-head{color:#fff;align-items:center;gap:.6em;font-weight:600;display:flex}.sys-hub-deg{background:conic-gradient(from 200deg,#fff,#b8e7f5,#8ea8d9,#c9c1ef,#fff);border-radius:50%;width:.9em;height:.9em;animation:6s linear infinite sys-spin;-webkit-mask:radial-gradient(closest-side,#0000 50%,#000 56%);mask:radial-gradient(closest-side,#0000 50%,#000 56%)}.sys-hub-live{width:7px;height:7px;animation:sys-blink var(--cycle) ease-in-out infinite;background:#5ddea8;border-radius:50%;margin-left:auto;box-shadow:0 0 0 3px #5ddea82e}.sys-hub-src{background:#ffffff0d;border-radius:.8em;justify-content:space-between;align-items:center;gap:.6em;margin-top:.9em;padding:.55em .7em;display:flex}.sys-hub-k{color:var(--color-on-ink-2)}.sys-hub-cycle{text-align:right;grid-template-columns:minmax(0,1fr);min-width:0;display:grid;overflow:hidden}@container not (min-width:380px){.sys-hub-k{display:none}.sys-hub-src{justify-content:center}.sys-hub-cycle{text-align:center}}.sys-hub-cycle b{color:#b8e7f5;opacity:0;animation:sys-src var(--loop) var(--ease-out) infinite;animation-delay:calc(var(--i) * var(--cycle));grid-area:1/1;font-weight:600}@keyframes sys-src{0%{opacity:0;translate:0 4px}2%,23%{opacity:1;translate:0}25%,to{opacity:0;translate:0 -4px}}.sys-hub-steps{grid-template-columns:minmax(0,1fr);gap:.5em;margin-top:.7em;display:grid}.sys-hub-steps li{color:var(--color-on-ink-2);animation:sys-step-text var(--cycle) var(--ease-out) infinite;animation-delay:calc(var(--i) * .12s);align-items:center;gap:.6em;line-height:1.25;display:flex}.sys-hub-check{color:#0000;width:1.45em;height:1.45em;animation:sys-step var(--cycle) var(--ease-out) infinite;animation-delay:calc(var(--i) * .12s);border-radius:50%;flex-shrink:0;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.sys-hub-check svg{width:.9em;height:.9em}@keyframes sys-step{0%,36%{color:#0000;background:0 0}42%,90%{color:#0b111d;background:#5ddea8}to{color:#0000;background:0 0}}@keyframes sys-step-text{0%,36%{color:var(--color-on-ink-2)}42%,90%{color:#fff}to{color:var(--color-on-ink-2)}}@keyframes sys-spin{to{rotate:1turn}}@keyframes sys-blink{0%,30%,to{opacity:1}15%{opacity:.35}}.sys-ticker{padding-right:64px;padding-block:22px;position:relative}.sys-ticker-window{overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.sys-motion-toggle{inset-block:0;margin-block:auto;position:absolute;right:12px}:is(.sys:has(.sys-motion-toggle[aria-pressed=true]) .sys-map *,.sys:has(.sys-motion-toggle[aria-pressed=true]) .sys-ticker-track){animation-play-state:paused}.sys-ticker-track{width:max-content;animation:48s linear infinite sys-marquee;display:flex}.sys-ticker ul{flex-shrink:0;display:flex}.sys-ticker li{letter-spacing:-.01em;color:var(--color-secondary);white-space:nowrap;align-items:center;gap:28px;padding-right:28px;font-size:1.0625rem;font-weight:520;display:flex}.sys-ticker li:after{content:"°";color:var(--color-accent);font-size:1.25rem}@keyframes sys-marquee{to{translate:-50%}}@media (prefers-reduced-motion:reduce){.sys-pulse{display:none}.sys-map *,.sys-ticker-track{animation:none!important}.sys-hub-cycle b:not(:first-child){opacity:0}.sys-hub-cycle b:first-child{opacity:1}.sys-hub-check{color:#0b111d;background:#5ddea8}.sys-hub-steps li{color:#fff}.sys-ticker{padding-right:0}.sys-ticker-window{-webkit-mask-image:none;mask-image:none}.sys-motion-toggle{display:none}.sys-ticker-track{justify-content:center;width:auto}.sys-ticker ul{flex-wrap:wrap;justify-content:center;row-gap:8px}.sys-ticker ul+ul{display:none}}
