.system-flow[data-astro-cid-l4tixnrh]{padding:var(--section-padding-lg) 0;background:var(--color-bg-primary);position:relative;overflow:hidden}.system-flow[data-astro-cid-l4tixnrh]:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(34,211,238,.03),transparent 70%);pointer-events:none}.container[data-astro-cid-l4tixnrh]{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:1}.system-flow__carousel[data-astro-cid-l4tixnrh]{position:relative;margin-top:var(--spacing-8);overflow:hidden;padding:var(--spacing-2) 0}.system-flow__track[data-astro-cid-l4tixnrh]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);width:max-content;animation:scrollCarousel 20s linear infinite;will-change:transform}.system-flow__track[data-astro-cid-l4tixnrh].paused{animation-play-state:paused}@keyframes scrollCarousel{0%{transform:translate(0)}to{transform:translate(-50%)}}.system-flow__step-wrapper[data-astro-cid-l4tixnrh]{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.system-flow__step[data-astro-cid-l4tixnrh]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;min-width:200px;min-height:80px;backdrop-filter:blur(12px);box-shadow:0 4px 24px #0003;cursor:default;flex-shrink:0}.system-flow__step[data-astro-cid-l4tixnrh]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 60px #0006}.system-flow__step--cyan[data-astro-cid-l4tixnrh]{border-color:#22d3ee33}.system-flow__step--cyan[data-astro-cid-l4tixnrh]:hover{border-color:var(--color-cyan);box-shadow:0 16px 60px #22d3ee1f}.system-flow__step--purple[data-astro-cid-l4tixnrh]{border-color:#a855f733}.system-flow__step--purple[data-astro-cid-l4tixnrh]:hover{border-color:var(--color-purple);box-shadow:0 16px 60px #a855f71f}.system-flow__orb[data-astro-cid-l4tixnrh]{position:absolute;top:-20%;right:-10%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.06),transparent 70%);pointer-events:none;transition:all .6s ease}.system-flow__step--purple[data-astro-cid-l4tixnrh] .system-flow__orb[data-astro-cid-l4tixnrh]{background:radial-gradient(circle,rgba(168,85,247,.06),transparent 70%)}.system-flow__step[data-astro-cid-l4tixnrh]:hover .system-flow__orb[data-astro-cid-l4tixnrh]{transform:scale(1.3);opacity:1}.system-flow__step-number[data-astro-cid-l4tixnrh]{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-muted);opacity:.15;line-height:1;min-width:40px}.system-flow__step--cyan[data-astro-cid-l4tixnrh] .system-flow__step-number[data-astro-cid-l4tixnrh]{color:var(--color-cyan);opacity:.4}.system-flow__step--purple[data-astro-cid-l4tixnrh] .system-flow__step-number[data-astro-cid-l4tixnrh]{color:var(--color-purple);opacity:.4}.system-flow__step-icon[data-astro-cid-l4tixnrh]{font-size:var(--text-2xl);line-height:1;flex-shrink:0}.system-flow__step-content[data-astro-cid-l4tixnrh]{display:flex;flex-direction:column;gap:var(--spacing-0-5)}.system-flow__step-label[data-astro-cid-l4tixnrh]{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-snug);letter-spacing:var(--tracking-wide)}.system-flow__step-status[data-astro-cid-l4tixnrh]{font-family:var(--font-body);font-size:var(--text-2xs);color:var(--color-text-muted);opacity:.4;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.system-flow__connection[data-astro-cid-l4tixnrh]{display:flex;align-items:center;gap:0;flex-shrink:0;padding:0 var(--spacing-1);position:relative;width:48px;height:3px}.system-flow__connection-line[data-astro-cid-l4tixnrh]{flex:1;height:2px;background:linear-gradient(90deg,var(--color-cyan),var(--color-purple));opacity:.2;border-radius:var(--radius-full);transition:all .4s ease}.system-flow__connection-dot[data-astro-cid-l4tixnrh]{width:6px;height:6px;border-radius:50%;background:var(--color-cyan);opacity:.3;flex-shrink:0;transition:all .4s ease;box-shadow:0 0 20px #22d3ee33}.system-flow__step-wrapper[data-astro-cid-l4tixnrh]:hover .system-flow__connection-line[data-astro-cid-l4tixnrh]{opacity:.6}.system-flow__step-wrapper[data-astro-cid-l4tixnrh]:hover .system-flow__connection-dot[data-astro-cid-l4tixnrh]{opacity:1;transform:scale(1.5);box-shadow:0 0 40px #22d3ee66}.system-flow__controls[data-astro-cid-l4tixnrh]{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-4)}.system-flow__control[data-astro-cid-l4tixnrh]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--border-subtle);color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease}.system-flow__control[data-astro-cid-l4tixnrh]:hover{background:var(--card-bg-hover);border-color:var(--color-cyan);color:var(--color-cyan);transform:scale(1.05)}.system-flow__control[data-astro-cid-l4tixnrh] svg[data-astro-cid-l4tixnrh]{width:18px;height:18px}@media (max-width: 1024px){.system-flow__step[data-astro-cid-l4tixnrh]{min-width:160px;min-height:70px;padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-3)}.system-flow__step-number[data-astro-cid-l4tixnrh]{font-size:var(--text-xl);min-width:32px}.system-flow__step-label[data-astro-cid-l4tixnrh]{font-size:var(--text-sm)}.system-flow__connection[data-astro-cid-l4tixnrh]{width:32px}}@media (max-width: 768px){.system-flow[data-astro-cid-l4tixnrh]{padding:var(--section-padding-md) 0}.system-flow__carousel[data-astro-cid-l4tixnrh]{margin-top:var(--spacing-4)}.system-flow__track[data-astro-cid-l4tixnrh]{gap:var(--spacing-1);padding:var(--spacing-2)}.system-flow__step-wrapper[data-astro-cid-l4tixnrh]{gap:var(--spacing-1)}.system-flow__step[data-astro-cid-l4tixnrh]{min-width:140px;min-height:60px;padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2);border-radius:var(--radius-xl)}.system-flow__step-number[data-astro-cid-l4tixnrh]{font-size:var(--text-base);min-width:24px}.system-flow__step-icon[data-astro-cid-l4tixnrh]{font-size:var(--text-xl)}.system-flow__step-label[data-astro-cid-l4tixnrh]{font-size:var(--text-xs)}.system-flow__connection[data-astro-cid-l4tixnrh]{width:20px}.system-flow__connection-line[data-astro-cid-l4tixnrh]{height:1.5px}.system-flow__connection-dot[data-astro-cid-l4tixnrh]{width:4px;height:4px}.system-flow__orb[data-astro-cid-l4tixnrh]{display:none}.system-flow__controls[data-astro-cid-l4tixnrh]{margin-top:var(--spacing-3)}.system-flow__control[data-astro-cid-l4tixnrh]{width:34px;height:34px}.system-flow__control[data-astro-cid-l4tixnrh] svg[data-astro-cid-l4tixnrh]{width:14px;height:14px}}@media (max-width: 480px){.system-flow[data-astro-cid-l4tixnrh]{padding:var(--section-padding-sm) 0}.system-flow__track[data-astro-cid-l4tixnrh]{gap:var(--spacing-0-5);padding:var(--spacing-1)}.system-flow__step[data-astro-cid-l4tixnrh]{min-width:110px;min-height:50px;padding:var(--spacing-1-5) var(--spacing-2-5);gap:var(--spacing-1-5);border-radius:var(--radius-lg)}.system-flow__step-number[data-astro-cid-l4tixnrh]{font-size:var(--text-sm);min-width:20px}.system-flow__step-icon[data-astro-cid-l4tixnrh]{font-size:var(--text-base)}.system-flow__step-label[data-astro-cid-l4tixnrh]{font-size:var(--text-2xs)}.system-flow__connection[data-astro-cid-l4tixnrh]{width:16px}.system-flow__connection-line[data-astro-cid-l4tixnrh]{height:1px}.system-flow__connection-dot[data-astro-cid-l4tixnrh]{width:3px;height:3px}.system-flow__control[data-astro-cid-l4tixnrh]{width:30px;height:30px}.system-flow__control[data-astro-cid-l4tixnrh] svg[data-astro-cid-l4tixnrh]{width:12px;height:12px}}