.sysd{background:linear-gradient(90deg,#c8a97e12,#0000 24%),repeating-linear-gradient(90deg,#0000 0 63px,#ffffff05 64px),repeating-linear-gradient(0deg,#0000 0 63px,#ffffff04 64px);min-height:500px;position:relative;overflow:hidden}.sysd:before{content:"";pointer-events:none;border-top:1px solid #c8a97e24;border-bottom:1px solid #ffffff0f;position:absolute;inset:12%;transform:skewY(-4deg)}.sysd-topline{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:28px;left:clamp(24px,4vw,48px);right:clamp(24px,4vw,48px)}.sysd-topline span,.sysd-topline strong{color:var(--text-dim);font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.sysd-topline strong{color:var(--accent)}.sysd-core{z-index:2;border-radius:var(--radius);background:#0a0a0ab8;border:1px solid #c8a97e38;width:min(42%,260px);padding:22px;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #00000047}.sysd-core span{color:var(--accent);font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.6875rem;font-weight:700;display:block}.sysd-core strong{color:var(--text);font-family:var(--font-heading);letter-spacing:-.035em;font-size:clamp(1.35rem,3vw,2rem);font-weight:700;line-height:1.05}.sysd-route{z-index:2;grid-template-columns:repeat(var(--sysd-steps,4),minmax(0,1fr));gap:18px;display:grid;position:absolute;bottom:104px;left:clamp(24px,4vw,48px);right:clamp(24px,4vw,48px)}.sysd-route-line{pointer-events:none;background:linear-gradient(90deg,#c8a97e1f,#c8a97e85,#c8a97e1f);height:1px;position:absolute;top:24px;left:28px;right:28px}.sysd-signal{animation:4.2s ease-in-out infinite signal-travel-x;top:50%;transform:translate(-50%,-50%)}.sysd-step{min-width:0;padding-top:58px;position:relative}.sysd-step span{width:48px;height:48px;color:var(--accent);font-family:var(--font-heading);background:#0a0a0ae6;border:1px solid #c8a97e3d;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:0;left:0}.sysd-step strong{min-height:40px;color:var(--text);font-family:var(--font-heading);overflow-wrap:anywhere;font-size:.875rem;font-weight:650;line-height:1.35;display:block}.sysd-footer{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:28px;left:clamp(24px,4vw,48px);right:clamp(24px,4vw,48px)}.sysd-footer span{min-height:38px;color:var(--text-muted);border-bottom:1px solid #ffffff1b;align-items:center;padding:0 0 6px;font-size:.8125rem;line-height:1.35;display:inline-flex}.sysd-layers{z-index:2;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:84px clamp(24px,6vw,80px) 104px}.sysd-layer-row{flex-direction:column;display:flex}.sysd-layer-link{background:#c8a97e59;align-self:center;width:1px;height:26px;position:relative}.sysd-layer-signal{animation:3.6s ease-in-out infinite signal-travel-y;left:50%;transform:translate(-50%,-50%)}.sysd-layer{border-radius:var(--radius);background:#0c0c0cd1;border:1px solid #ffffff17;align-items:center;gap:16px;padding:16px 20px;display:flex}.sysd-layer span{color:var(--accent);font-family:var(--font-heading);letter-spacing:.14em;font-size:.6875rem;font-weight:700}.sysd-layer strong{color:var(--text);font-family:var(--font-heading);font-size:.9375rem;font-weight:650}.sysd-layer em{color:var(--accent);font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;margin-left:auto;font-size:.625rem;font-style:normal;font-weight:700}.sysd-layer-core{background:#c8a97e12;border-color:#c8a97e6b;box-shadow:0 18px 60px #0000004d}.sysd-ring-wrap{z-index:2;position:absolute;inset:60px 24px 84px}.sysd-ring{aspect-ratio:1;border:1px dashed #c8a97e52;border-radius:50%;width:min(310px,58%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sysd-orbit{animation:7s linear infinite sysdOrbit;position:absolute;inset:0}.sysd-orbit-dot{top:-4px;left:50%;transform:translate(-50%)}@keyframes sysdOrbit{to{transform:rotate(360deg)}}.sysd-ring-core{border-radius:var(--radius);text-align:center;background:#0a0a0ad9;border:1px solid #c8a97e38;padding:18px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sysd-ring-core span{color:var(--accent);font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:.625rem;font-weight:700;display:block}.sysd-ring-core strong{color:var(--text);font-family:var(--font-heading);letter-spacing:-.03em;font-size:1.2rem;font-weight:700}.sysd-ring-node{border-radius:var(--radius);background:#0c0c0ce0;border:1px solid #ffffff17;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute}.sysd-ring-node span{width:26px;height:26px;color:var(--accent);font-family:var(--font-heading);border:1px solid #c8a97e4d;border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex}.sysd-ring-node strong{color:var(--text);font-family:var(--font-heading);white-space:nowrap;font-size:.8125rem;font-weight:650}.sysd-ring-node-1{top:0;left:50%;transform:translate(-50%)}.sysd-ring-node-2{top:50%;right:0;transform:translateY(-50%)}.sysd-ring-node-3{bottom:0;left:50%;transform:translate(-50%)}.sysd-ring-node-4{top:50%;left:0;transform:translateY(-50%)}.sysd-modules{z-index:2;position:absolute;inset:70px 24px 96px}.sysd-module-lines{pointer-events:none;position:absolute;inset:0}.sysd-module-lines span{transform-origin:0;background:linear-gradient(90deg,#c8a97e66,#c8a97e0f);width:34%;height:1px;position:absolute;top:50%;left:50%}.sysd-module-lines span:first-child{transform:rotate(-155deg)}.sysd-module-lines span:nth-child(2){transform:rotate(-25deg)}.sysd-module-lines span:nth-child(3){transform:rotate(155deg)}.sysd-module-lines span:nth-child(4){transform:rotate(25deg)}.sysd-modules-core{z-index:1;border-radius:var(--radius);text-align:center;background:#0a0a0ae0;border:1px solid #c8a97e42;padding:18px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 26px 80px #00000052}.sysd-modules-core span{color:var(--accent);font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:.625rem;font-weight:700;display:block}.sysd-modules-core strong{color:var(--text);font-family:var(--font-heading);letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.sysd-module{border-radius:var(--radius);animation:2.8s ease-in-out infinite sysdModulePulse;animation-delay:var(--module-delay,0s);background:#0c0c0ce0;border:1px solid #ffffff17;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute}@keyframes sysdModulePulse{0%,to{border-color:#ffffff17}50%{border-color:#c8a97e73}}.sysd-module span{color:var(--accent);font-family:var(--font-heading);letter-spacing:.14em;font-size:.625rem;font-weight:700}.sysd-module strong{color:var(--text);font-family:var(--font-heading);white-space:nowrap;font-size:.8125rem;font-weight:650}.sysd-module-1{top:6%;left:8%}.sysd-module-2{top:6%;right:8%}.sysd-module-3{bottom:6%;left:8%}.sysd-module-4{bottom:6%;right:8%}.sysd-stairs{z-index:2;position:absolute;inset:90px clamp(24px,5vw,56px) 110px}.sysd-stairs-line{transform-origin:0 100%;background:linear-gradient(90deg,#c8a97e1f,#c8a97e8c);width:92%;height:1px;position:absolute;bottom:18%;left:4%;transform:rotate(-14deg)}.sysd-stairs-signal{animation:4.6s ease-in-out infinite signal-travel-x;top:50%;transform:translate(-50%,-50%)}.sysd-stair{border-radius:var(--radius);background:#0c0c0ce0;border:1px solid #ffffff17;width:21%;min-width:130px;padding:12px 14px;position:absolute}.sysd-stair span{color:var(--accent);font-family:var(--font-heading);letter-spacing:.14em;margin-bottom:6px;font-size:.625rem;font-weight:700;display:block}.sysd-stair strong{color:var(--text);font-family:var(--font-heading);font-size:.8125rem;font-weight:650;line-height:1.3}.sysd-stair-1{bottom:4%;left:0}.sysd-stair-2{bottom:24%;left:26%}.sysd-stair-3{bottom:44%;left:52%}.sysd-stair-4{background:#c8a97e12;border-color:#c8a97e66;bottom:64%;left:78%}.sysd-fork{z-index:2;grid-template-columns:1.1fr auto 1fr;align-items:center;gap:0 12px;display:grid;position:absolute;inset:100px clamp(24px,4vw,48px) 110px}.sysd-fork-trunk{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid;position:relative}.sysd-fork-line{pointer-events:none;background:linear-gradient(90deg,#c8a97e1f,#c8a97e85);height:1px;position:absolute;top:24px;left:28px;right:-12px}.sysd-fork-signal{animation:3.4s ease-in-out infinite signal-travel-x;top:50%;transform:translate(-50%,-50%)}.sysd-fork-arms{width:clamp(48px,6vw,90px);height:150px;position:relative}.sysd-fork-arm{transform-origin:0;background:linear-gradient(90deg,#c8a97e80,#c8a97e24);width:100%;height:1px;position:absolute;top:50%;left:0}.sysd-fork-arm-up{transform:rotate(-32deg)}.sysd-fork-arm-down{transform:rotate(32deg)}.sysd-fork-ends{gap:46px;display:grid}.sysd-fork .sysd-step{padding-top:58px}.sysd-fork-ends .sysd-step{padding-top:0;padding-left:60px}.sysd-fork-ends .sysd-step span{top:50%;transform:translateY(-50%)}.sysd-fork-human span{border-style:dashed}@media (max-width:900px){.sysd{min-height:460px}.sysd-route{gap:12px}}@media (max-width:640px){.sysd{min-height:430px}.sysd-core{width:min(60%,240px)}.sysd-step span{width:38px;height:38px}.sysd-step{padding-top:48px}.sysd-step strong{font-size:.75rem}.sysd-footer,.sysd-ring,.sysd-module-lines,.sysd-stairs-line,.sysd-fork-arms{display:none}.sysd-ring-wrap,.sysd-modules,.sysd-stairs{flex-direction:column;justify-content:center;gap:10px;display:flex;inset:64px 20px 24px}.sysd-ring-core,.sysd-modules-core{order:-1;margin-bottom:6px;position:static;transform:none}.sysd-ring-node,.sysd-module,.sysd-stair{width:auto;min-width:0;position:static;transform:none}.sysd-stair{align-items:center;gap:10px;display:flex}.sysd-stair span{margin-bottom:0}.sysd-fork{flex-direction:column;justify-content:center;gap:14px;display:flex;inset:64px 20px 24px}.sysd-fork-trunk{grid-template-columns:1fr;gap:14px}.sysd-fork-line{display:none}.sysd-fork .sysd-step,.sysd-fork-ends .sysd-step{padding:0 0 0 50px}.sysd-fork .sysd-step span{top:50%;transform:translateY(-50%)}.sysd-fork-ends{gap:14px}}