:root{--ui-bg: rgba(255, 255, 255, .5);--ui-bg-soft: rgba(255, 255, 255, .45);--ui-bg-strong: rgba(255, 255, 255, .7);--border: rgba(120, 140, 160, .12);--border-soft: rgba(120, 140, 160, .08);--text: rgba(40, 60, 80, .85);--text-soft: rgba(40, 60, 80, .7);--text-muted: rgba(40, 60, 80, .6);--shadow-sm: 0 10px 26px rgba(0, 0, 0, .05);--shadow-md: 0 14px 36px rgba(0, 0, 0, .07);--radius: 14px}.ui-card{background:var(--ui-bg-soft);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.media-icon .number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#5a6e821a;border:1px solid rgba(90,110,130,.15);color:#283c50d9;font-size:11px;font-weight:600;position:absolute;top:-6px;right:-6px}.stack-meta{font-size:11px;letter-spacing:.05em;color:var(--text-soft);margin-bottom:9px}.system-flow-v2{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px;position:relative;overflow:hidden}.system-flow-v2:before{content:"";position:absolute;top:40px;bottom:40px;width:1px;background:#5a6e821a;left:50%;transform:translate(-50%);z-index:0}.flow-section-label{margin-top:14px;margin-bottom:20px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);font-weight:600}.flow-card{background:var(--ui-bg-soft);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .25s ease;will-change:transform;padding:14px 20px;min-width:260px;box-shadow:var(--shadow-sm);position:relative;animation:flowFadeIn .6s ease both}.flow-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--ui-bg)}.flow-card small{display:block;font-size:12px;margin-top:4px;color:var(--text-soft)}.flow-card-muted{background:#f8f8f899;border:1px solid var(--border-soft);box-shadow:none;opacity:.95}.flow-side{min-width:220px;opacity:.9}.flow-arrow{font-size:18px;color:#304a63bf;opacity:.7;animation:flowArrowMove 1.6s ease-in-out infinite;text-shadow:0 0 10px rgba(90,110,130,.08)}.flow-divider{width:60px;height:1px;background:#5a6e8226;margin:6px 0}.architecture-summary{background:var(--ui-bg-soft);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px 16px;box-shadow:none}.summary-label{font-size:11px;letter-spacing:.14em;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;display:block}.summary-text{font-size:14px;line-height:1.65;color:var(--text-soft);font-weight:500}.architecture-footer{background:var(--ui-bg-strong);border:1px solid rgba(120,140,160,.18);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:26px 18px;box-shadow:0 12px 30px #0000000a}.footer-title{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--text);margin-bottom:10px}.footer-text{font-size:14px;line-height:1.65;color:var(--text-soft);font-weight:500}.flow-separator{border:0;height:1px;width:100%;max-width:640px;margin:60px auto;background:linear-gradient(to right,transparent,rgba(90,110,130,.18),rgba(90,110,130,.38),rgba(90,110,130,.18),transparent)}@keyframes flowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flowPulse{0%{box-shadow:0 0 #5a6e822e}70%{box-shadow:0 0 0 10px #5a6e8200}to{box-shadow:0 0 #5a6e8200}}@keyframes flowLineGlow{0%{opacity:.25}50%{opacity:.45}to{opacity:.25}}@keyframes flowArrowMove{0%{transform:translateY(0);opacity:.35}50%{transform:translateY(2px);opacity:.75}to{transform:translateY(0);opacity:.35}}@keyframes flowLinePulse{0%{opacity:.25;box-shadow:0 0 #5a6e8200}50%{opacity:.55;box-shadow:0 0 8px #5a6e8214}to{opacity:.25;box-shadow:0 0 #5a6e8200}}.flow-card.delay-1{animation-delay:.05s}.flow-card.delay-2{animation-delay:.1s}.flow-card.delay-3{animation-delay:.15s}.flow-card.is-active{animation:flowPulse 2.2s infinite;border-color:#5a6e824d;background:var(--ui-bg)}.flow-arrow{animation:flowLineGlow 2.5s ease-in-out infinite;transition:all .3s ease}.system-flow-v2:hover .flow-arrow{opacity:.5}.system-flow-v2:after{content:"";position:absolute;left:50%;top:40px;width:6px;height:6px;background:#5a6e8266;border-radius:50%;transform:translate(-50%);animation:flowDotMove 2.5s linear infinite;pointer-events:none}@keyframes flowDotMove{0%{transform:translate(-50%);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(-50%,320px);opacity:0}}.system-flow-v2:hover .flow-card{border-color:#5a6e822e}@media(max-width:767px){.media-style2{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}.media-style2 .media-icon{flex:0 0 48px;height:48px;display:flex;align-items:center;justify-content:center}.media-style2 .media-icon img{width:100%;height:100%;object-fit:contain}.media-style2 .media-body{display:block!important;width:auto!important;opacity:1!important;visibility:visible!important;overflow:visible!important;flex:1 1 auto!important}.media-style2 .media-title,.media-style2 .media-text{display:block!important}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}