@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#f0f4f8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#0891b2;--secondary:#ec4899;--accent:#8b5cf6;--glass-bg:#ffffff40;--glass-border:#ffffff80;--glass-radius:20px;--font-display:"Orbitron", sans-serif;--font-body:"Exo 2", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.bg-blobs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(100px);opacity:.45;will-change:transform;border-radius:50%;position:absolute}.blob-1{background:var(--primary);width:55vw;height:55vw;animation:25s ease-in-out infinite alternate blobFloat1;top:-15%;left:-5%}.blob-2{background:var(--secondary);width:50vw;height:50vw;animation:22s ease-in-out infinite alternate blobFloat2;bottom:-25%;right:-5%}.blob-3{background:var(--accent);width:35vw;height:35vw;animation:28s ease-in-out infinite alternate blobFloat3;top:35%;left:50%}@keyframes blobFloat1{0%{transform:translate(0)scale(1)}to{transform:translate(8%,12%)scale(1.08)}}@keyframes blobFloat2{0%{transform:translate(0)scale(1)}to{transform:translate(-6%,-8%)scale(1.12)}}@keyframes blobFloat3{0%{transform:translate(0)scale(1)}to{transform:translate(-10%,6%)scale(.92)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--glass-radius);transition:transform .35s cubic-bezier(.25,.8,.25,1),box-shadow .35s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px #00000005,0 12px 24px #0000000a,0 24px 48px #0000000f,inset 0 1px #fffc,inset 0 -1px #ffffff26}.glass:hover{transform:translateY(-3px);box-shadow:0 8px 12px #00000008,0 20px 40px #0000000f,0 32px 64px #00000014,inset 0 1px #fffffff2,inset 0 -1px #fff3}.btn{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;padding:.9rem 2rem;box-shadow:0 8px 20px -4px #0891b259}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -4px #0891b280}.btn-ghost{-webkit-backdrop-filter:blur(12px);color:var(--text-primary);background:#ffffff59;border:1px solid #ffffff80;padding:.9rem 2rem;box-shadow:inset 0 1px #fff9}.btn-ghost:hover{background:#fff9;transform:translateY(-2px)}.app{z-index:1;flex-direction:column;gap:1.5rem;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:1.25rem 2rem;display:flex;position:relative}.navbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:.8rem 1.8rem;display:flex}.nav-brand{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-mark{font-size:1.4rem;line-height:1}.brand-name{font-family:var(--font-display);letter-spacing:.06em;font-size:1.15rem;font-weight:800}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-status{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #22c55e80}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.nav-cta{padding:.6rem 1.4rem;font-size:.75rem}.terminal-section{align-items:stretch;gap:2rem;display:flex}.sidebar{flex-direction:column;flex-shrink:0;gap:.75rem;width:420px;display:flex}.sidebar-header{padding:0 .25rem}.sidebar-title{margin-bottom:.25rem;font-size:1.4rem}.sidebar-sub{color:var(--text-muted);font-size:.85rem;font-weight:500}.cmd-list{flex-direction:column;gap:.6rem;display:flex}.cmd-item{cursor:pointer;text-align:left;color:var(--text-primary);border-radius:16px;align-items:center;gap:1rem;padding:.9rem 1.2rem;transition:all .25s;display:flex}.cmd-item:hover{background:#ffffff8c;transform:none;box-shadow:0 6px 16px #0000000d,inset 0 1px #ffffffe6,inset 0 -1px #fff3}.cmd-item:hover .cmd-arrow{opacity:1;transform:translate(0)}.cmd-item:hover .cmd-icon{color:var(--primary);background:#0891b214}.cmd-active{background:#ffffffa6!important;box-shadow:0 8px 20px #0000000f,inset 0 1px #fffffff2,inset 0 -1px #fff3!important}.cmd-active .cmd-label{color:var(--primary)}.cmd-icon{width:44px;height:44px;color:var(--text-secondary);background:#ffffff80;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #fffc}.cmd-active .cmd-icon{color:var(--primary);background:#0891b214}.cmd-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.cmd-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:600}.cmd-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.cmd-arrow{color:var(--text-muted);opacity:0;flex-shrink:0;font-size:1.1rem;transition:all .25s;transform:translate(-6px)}.console{background:#0f172a0f;border-radius:14px;flex-shrink:0;align-items:center;min-height:52px;padding:1rem 1.2rem;display:flex}.console-line{font-family:var(--font-mono);color:var(--primary);align-items:center;font-size:.8rem;font-weight:500;display:flex}.caret{background:var(--primary);border-radius:1px;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}.display{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.module{width:100%;max-width:700px;padding:2.5rem;animation:.45s cubic-bezier(.16,1,.3,1) forwards moduleIn}@keyframes moduleIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mod-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.mod-title{font-size:1.8rem;line-height:1.15}.mod-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;background:#fff6;border:1px solid #fff9;border-radius:50px;flex-shrink:0;padding:.35rem .9rem;font-size:.65rem;font-weight:700;box-shadow:inset 0 1px #fffc}.mod-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.mod-actions{flex-wrap:wrap;gap:.8rem;display:flex}.mod-extra{margin-bottom:2rem}.flow-section{text-align:center;padding:.5rem 0}.flow-section-title{margin-bottom:.3rem;font-size:1.35rem}.flow-section-sub{color:var(--text-muted);margin-bottom:1rem;font-size:.78rem}.flow-canvas{width:fit-content;margin:0 auto;padding:1.2rem 1.5rem 1rem;overflow-x:auto}.flow-canvas:hover{transform:none}.flow-row{justify-content:center;align-items:center;gap:1.2rem;display:flex;position:relative}.flow-row-top{gap:.6rem}.flow-row-agents{gap:1.2rem}.flow-row-tools{gap:1rem}.flow-row-memory{gap:3rem}.flow-node{white-space:nowrap;border-radius:10px;align-items:center;gap:.5rem;display:flex;position:relative}.flow-node div{flex-direction:column;display:flex}.flow-node strong{font-family:var(--font-display);color:var(--text-primary);font-size:.82rem;font-weight:700;line-height:1.3}.flow-node small{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.65rem}.flow-ico{color:var(--primary);opacity:.6;flex-shrink:0}.flow-ico-sm{color:var(--text-muted);opacity:.5;flex-shrink:0}.flow-line-h{border-top:1.5px dashed var(--primary);opacity:.3;flex-shrink:0;width:48px;height:0;display:block}.flow-trigger{background:#ffffff80;border:1.5px solid #ffffffb3;border-radius:50%;flex-shrink:0;justify-content:center;width:52px;height:52px;box-shadow:0 4px 12px #0000000f}.flow-router{background:#ffffff80;border:1px solid #ffffffa6;padding:.65rem 1rem;box-shadow:0 2px 8px #0000000d}.flow-coordinator{border:1.5px solid var(--primary);background:#0891b20f;border-radius:12px;padding:.7rem 1.1rem;box-shadow:0 4px 16px #0891b226}.flow-agent{background:#8b5cf60a;border:1px solid #8b5cf640;padding:.75rem 1rem;box-shadow:0 3px 10px #8b5cf614}.flow-tool-group{gap:.7rem;display:flex}.flow-tool{background:#fff6;border:.75px solid #c8c8c866;border-radius:8px;padding:.5rem .7rem;box-shadow:0 1px 4px #00000008}.flow-tool strong{font-size:.72rem}.flow-tool small{font-size:.58rem}.flow-memory{font-family:var(--font-display);color:var(--text-primary);border:.75px dashed var(--primary);background:#0891b208;border-radius:14px;gap:.35rem;padding:.4rem 1rem;font-size:.68rem;font-weight:600}.flow-memory span{font-family:var(--font-display);font-size:.68rem;font-weight:600}.flow-conn-fan3{justify-content:center;align-items:flex-start;gap:0;height:24px;display:flex;position:relative}.flow-conn-fan3:before{content:"";background:var(--primary);opacity:.25;width:1.5px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.flow-conn-fan3:after{content:"";border-top:1.5px dashed var(--primary);opacity:.25;width:56%;height:0;position:absolute;top:14px;left:50%;transform:translate(-50%)}.flow-conn-fan3 span{background:var(--primary);opacity:.25;width:1.5px;height:22px;display:block;position:absolute;top:14px}.flow-conn-fan3 span:first-child{left:22%}.flow-conn-fan3 span:nth-child(2){left:50%}.flow-conn-fan3 span:nth-child(3){left:78%}.flow-conn-tools{justify-content:center;gap:1.5rem;height:20px;display:flex;position:relative}.flow-conn-pair{gap:0;width:160px;height:100%;display:flex;position:relative}.flow-conn-pair:before{content:"";background:var(--primary);opacity:.2;width:1.5px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.flow-conn-pair:after{content:"";border-top:1px dashed var(--primary);opacity:.2;width:70%;height:0;position:absolute;top:10px;left:15%}.flow-conn-pair span{background:var(--primary);opacity:.2;width:1px;height:18px;display:block;position:absolute;top:10px}.flow-conn-pair span:first-child{left:15%}.flow-conn-pair span:nth-child(2){right:15%}.flow-conn-memory{justify-content:center;gap:0;height:20px;display:flex;position:relative}.flow-conn-memory span{border-left:1px dashed var(--primary);opacity:.15;width:1px;height:20px;display:block;position:absolute}.flow-conn-memory span:first-child{left:22%}.flow-conn-memory span:nth-child(2){left:50%}.flow-conn-memory span:nth-child(3){left:78%}.flow-pulse{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite flowPulse;position:absolute;top:-4px;right:-4px}@keyframes flowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}.aws-badge{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.04em;border-radius:14px;align-items:center;gap:.75rem;padding:.8rem 1.4rem;font-size:.9rem;font-weight:700;display:inline-flex}.aws-text{font-family:var(--font-display);color:#f90;letter-spacing:.05em;font-size:1.1rem;font-weight:900}.empty-display{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.empty-text{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.85rem}.loader{border:3px solid #0891b226;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-section{padding:1rem 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-card{text-align:center;flex-direction:column;gap:.5rem;padding:2rem 1.5rem;display:flex}.stat-card:hover{transform:none}.stat-value{font-family:var(--font-display);font-size:2.4rem;font-weight:900;line-height:1}.stat-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.clients-section{padding:1.5rem 0}.clients-inner{text-align:center}.clients-title{margin-bottom:2rem;font-size:1.6rem}.clients-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.client-card{color:var(--text-primary);text-align:center;flex-direction:column;gap:.3rem;min-width:200px;padding:1.5rem 2.5rem;text-decoration:none;display:flex}.client-card:hover{transform:translateY(-3px)}.client-name{font-family:var(--font-display);letter-spacing:.04em;font-size:1.3rem;font-weight:800}.client-url{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.seo-section{padding:1rem 0}.seo-inner{width:100%}.seo-card{padding:3rem}.seo-card:hover{transform:none}.seo-title{text-align:center;margin-bottom:2rem;font-size:1.8rem}.seo-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.seo-block h3{color:var(--text-primary);margin-bottom:.6rem;font-size:1rem}.seo-block p{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.footer{text-align:center;padding:1.5rem 0 1rem}.footer-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-links a{font-family:var(--font-mono);color:var(--primary);font-size:.85rem;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.7}.footer-copy{color:var(--text-muted);font-size:.8rem}.powered-pill{background:#ffffff59;border:1px solid #ffffff73;border-radius:20px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;text-decoration:none;transition:all .25s;display:inline-flex}.powered-pill:hover{background:#ffffff8c}.powered-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;align-items:center;font-size:9px;font-weight:500;line-height:1;display:flex}.powered-logo{object-fit:contain;vertical-align:middle;width:auto;height:13px;display:block;position:relative;top:-1.5px;left:-3px}@media (width<=1024px){.sidebar{width:340px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app{gap:1rem;padding:1rem}.terminal-section{flex-direction:column;min-height:auto}.sidebar{width:100%}.nav-status{display:none}.module{padding:1.5rem}.mod-title{font-size:1.4rem}.mod-top{flex-direction:column;gap:.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.seo-grid{grid-template-columns:1fr}.seo-card{padding:1.5rem}.clients-title{font-size:1.3rem}.flow-canvas{min-width:unset;width:100%;padding:1.5rem 1rem}.flow-row-tools{flex-wrap:wrap;justify-content:center}.flow-row-memory{gap:2rem}}
