.diagram-enhanced .arch-clients,.diagram-enhanced .connectors,.diagram-enhanced .arch-core,.diagram-enhanced .arch-base{display:none}
.diagram-enhanced .diagram-top{align-items:center}
.diagram-enhanced .diagram-top span:first-child{color:#c4baff;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}
.solution-showcase{position:relative;isolation:isolate;min-height:360px;margin:24px 0 18px;overflow:hidden;border:1px solid #344d72;background:#0c1c35}
.solution-showcase:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#7185b008 1px,transparent 1px),linear-gradient(90deg,#7185b008 1px,transparent 1px);background-size:26px 26px}
.solution-showcase>div{min-height:360px;padding:24px}
.solution-showcase button{font:inherit;cursor:pointer}
.sd-module{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:70px;padding:12px 14px;border:1px solid #48618a;background:#192e50;color:#dce8fc;text-align:start;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.sd-module:hover,.sd-module:focus-visible{background:#2c426a;border-color:#bbb1ff;transform:translateY(-2px)}
.sd-module-index{color:#aaa1f2;font-size:10px;letter-spacing:1.4px}
.sd-module-label{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.architecture[data-active-node="0"] .solution-showcase [data-module="0"],.architecture[data-active-node="1"] .solution-showcase [data-module="1"],.architecture[data-active-node="2"] .solution-showcase [data-module="2"]{border-color:#bcb3ff;background:#344b79;box-shadow:0 0 24px #9b8dfb33}
.diagram-enhanced .arch-modules{display:none}
.diagram-enhanced .architecture-detail{margin-top:14px;min-height:106px}
.sd-platform-head{display:flex;justify-content:center;gap:18px;align-items:end;height:46px}
.sd-platform-frame{width:41%;height:38px;border:1px solid #6379a9;background:#1a3053;display:flex;align-items:center;gap:7px;padding:8px 10px;box-shadow:0 0 24px #8f8aff1a}
.sd-platform-frame span{display:block;height:5px;background:#83a4d8;flex:1;opacity:.75}
.sd-platform-frame span:first-child{flex:1.8;background:#ada3f9}
.sd-platform-frame-small{width:28%;height:30px;opacity:.8}
.sd-platform-rail{height:40px;display:flex;justify-content:space-around;width:74%;margin:auto;border-bottom:1px solid #7185bb}
.sd-platform-rail i{height:100%;width:1px;background:#7185bb}
.sd-platform-core{position:relative;width:86%;min-height:110px;margin:auto;padding:17px 20px;background:linear-gradient(110deg,#333f74,#253d68);border:1px solid #a59ce9;box-shadow:0 0 34px #9b8df52c;overflow:hidden}
.sd-core-overline{display:block;color:#b9b9ea;font-size:9px;letter-spacing:1.6px}
.sd-platform-core strong{position:relative;z-index:1;display:block;color:#eef0ff;font-size:22px;font-weight:500;margin-top:9px}
.sd-core-grid{position:absolute;right:18px;top:15px;display:grid;grid-template-columns:repeat(3,9px);gap:8px;opacity:.65}
.sd-core-grid b{height:9px;border:1px solid #cec6ff;background:#9c94e566}
.sd-platform-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:32px}
.sd-platform-modules{position:relative}
.sd-platform-modules:before{content:'';position:absolute;left:50%;margin-top:-32px;width:1px;height:32px;background:#7888bf}
.sd-platform-modules .sd-module{min-height:73px}
.sd-development{background:radial-gradient(ellipse at 42% 45%,#27466f66,transparent 68%)}
.sd-device-row{height:224px;display:flex;align-items:end;justify-content:center;gap:24px}
.sd-browser{width:64%;height:190px;border:2px solid #93a7d4;border-radius:8px 8px 2px 2px;background:#122543;box-shadow:0 16px 36px #060f2677}
.sd-browser-chrome{height:24px;border-bottom:1px solid #5c76a6;display:flex;align-items:center;gap:5px;padding:0 9px}
.sd-browser-chrome i{width:5px;height:5px;border-radius:50%;background:#aba3eb}
.sd-browser-chrome span{margin-left:12px;width:57%;height:7px;border:1px solid #55709d;border-radius:5px}
.sd-browser-body{padding:16px}
.sd-browser-hero{height:87px;border:1px solid #5c719d;background:linear-gradient(100deg,#283c69,#35568a);padding:15px}
.sd-browser-hero b,.sd-browser-hero i{display:block;height:6px;background:#c7c6ff;margin-bottom:9px;width:56%}
.sd-browser-hero i{height:4px;width:72%;background:#97b4e0}
.sd-browser-hero i:last-child{width:42%}
.sd-browser-cards{display:flex;gap:8px;margin-top:10px}
.sd-browser-cards i{flex:1;height:20px;border:1px solid #4e6792;background:#243b63}
.sd-phone{width:85px;height:178px;border:2px solid #a9a6e6;border-radius:17px;background:#101f3b;padding:8px;box-shadow:0 12px 28px #060f2677}
.sd-phone-speaker{width:23px;height:3px;background:#a09cce;border-radius:3px;margin:0 auto 10px}
.sd-phone-screen{height:140px;padding:10px 7px;background:linear-gradient(#334779,#1b3158)}
.sd-phone-screen>i,.sd-phone-screen>b{display:block;height:5px;width:58%;background:#b7b8f2;margin-bottom:9px}
.sd-phone-screen>b{height:34px;width:100%;background:#8b93d46b;border:1px solid #adb6f6}
.sd-phone-screen>i:nth-of-type(2){width:82%}
.sd-phone-screen>i:nth-of-type(3){width:65%}
.sd-phone-screen>div{display:flex;gap:5px;margin-top:15px}
.sd-phone-screen>div span{height:17px;flex:1;background:#526999}
.sd-development-links{height:38px;display:flex;align-items:center;justify-content:center;gap:12px}
.sd-development-links span{width:26%;height:1px;background:#8194c1}
.sd-development-links b{width:10px;height:10px;border-radius:50%;background:#b8adff;box-shadow:0 0 18px #b8adff;animation:sdPulse 2.4s ease-in-out infinite}
.sd-development-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sd-hosting{background:radial-gradient(ellipse at 60% 30%,#25507066,transparent 70%)}
.sd-hosting-flow{height:182px;display:flex;align-items:center;justify-content:center;gap:26px}
.sd-flow-source{display:grid;place-items:center;width:50px;height:50px;border:1px solid #90a6d5;border-radius:50%;color:#b6aeff;font-size:30px;box-shadow:0 0 24px #8c9bff40}
.sd-hosting-flow>i{width:15%;height:1px;background:linear-gradient(90deg,#768bbb,#c8c0ff);position:relative}
.sd-hosting-flow>i:after{content:'›';position:absolute;right:-5px;top:-18px;color:#c8c0ff;font-size:21px}
.sd-cloud-outline{width:62%;height:148px;border:1px solid #8da2cb;border-radius:48% 48% 12px 12px/35% 35% 12px 12px;background:#152e4e;box-shadow:inset 0 0 30px #5878b32e,0 0 25px #8da2cb26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.sd-cloud-outline>span{color:#a8bce4;font-size:9px;letter-spacing:1.6px}
.sd-server-racks{display:flex;gap:10px;width:75%;height:74px}
.sd-server-racks>b{flex:1;border:1px solid #8d9dd2;background:#263f67;padding:7px;display:flex;flex-direction:column;gap:5px}
.sd-server-racks i{height:11px;background:#142b4a;border:1px solid #6886ad;position:relative}
.sd-server-racks i:after{content:'';position:absolute;right:4px;top:3px;width:3px;height:3px;border-radius:50%;background:#b6a9ff;box-shadow:0 0 7px #b6a9ff}
.sd-hosting-links{display:flex;justify-content:space-around;width:74%;height:33px;margin:auto;border-top:1px solid #708ac1}
.sd-hosting-links span{height:100%;width:1px;background:#708ac1}
.sd-hosting-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sd-hosting-signal{height:26px;display:flex;justify-content:center;align-items:end;gap:4px;opacity:.75}
.sd-hosting-signal i{width:5px;height:6px;background:#8ba5d5;animation:sdBars 1.7s ease-in-out infinite alternate}
.sd-hosting-signal i:nth-child(3n){height:16px;animation-delay:.35s;background:#b0a5f2}
.sd-hosting-signal i:nth-child(4n){height:11px;animation-delay:.8s}
.sd-operations{background:radial-gradient(circle at 50% 45%,#293b6c77,transparent 62%)}
.sd-operations-ring{width:204px;height:204px;position:absolute;top:39px;left:50%;transform:translateX(-50%);border:1px solid #777bb9;border-radius:50%;box-shadow:0 0 0 19px #a9a0ed0c,0 0 0 42px #7e91c10a}
.sd-operations-ring:before,.sd-operations-ring:after{content:'';position:absolute;inset:13px;border:1px dashed #a4a3d680;border-radius:50%;animation:sdRotate 26s linear infinite}
.sd-operations-ring:after{inset:-13px;border-style:solid;border-color:transparent #a79eff transparent transparent;animation-duration:8s}
.sd-operations-inner{position:absolute;inset:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.sd-operations-inner>span{color:#9bb0d7;font-size:8px;letter-spacing:1.2px}
.sd-operations-inner strong{color:#edeaff;font-size:14px;line-height:1.35;font-weight:500;margin-top:7px}
.sd-heartbeat{display:flex;align-items:center;gap:3px;margin-top:12px;height:17px}
.sd-heartbeat i{width:3px;height:7px;background:#b6a9ff;animation:sdBars 1.3s ease-in-out infinite alternate}
.sd-heartbeat i:nth-child(2),.sd-heartbeat i:nth-child(4){height:15px;animation-delay:.4s}
.sd-heartbeat i:nth-child(3){height:10px;animation-delay:.7s}
.sd-operations-nodes{position:relative;height:290px}
.sd-operations-nodes .sd-module{position:absolute;z-index:1;width:31%;min-height:70px}
.sd-operations-one{left:0;top:15px}.sd-operations-two{right:0;top:15px}.sd-operations-three{left:50%;bottom:0;transform:translateX(-50%)}
.sd-operations-three:hover,.sd-operations-three:focus-visible{transform:translateX(-50%) translateY(-2px)}
.sd-operations-trace{position:absolute;inset:0;pointer-events:none}
.sd-operations-trace span{position:absolute;width:5px;height:5px;border-radius:50%;background:#b8afff;box-shadow:0 0 13px #b8afff;animation:sdPulse 2s ease-in-out infinite}
.sd-operations-trace span:nth-child(1){top:59px;left:32%}.sd-operations-trace span:nth-child(2){top:59px;right:32%;animation-delay:.5s}.sd-operations-trace span:nth-child(3){top:238px;left:50%;animation-delay:1s}
@keyframes sdPulse{50%{opacity:.4;transform:scale(.65)}}
@keyframes sdBars{to{height:3px;opacity:.5}}
@keyframes sdRotate{to{transform:rotate(360deg)}}
@media(max-width:760px){.solution-showcase{min-height:310px;margin:20px 0 14px}.solution-showcase>div{min-height:310px;padding:18px}.sd-module{padding:8px;min-height:60px}.sd-module-label{font-size:11px}.sd-platform-head{height:39px}.sd-platform-rail{height:27px}.sd-platform-core{min-height:94px;width:92%;padding:13px}.sd-platform-core strong{font-size:18px}.sd-platform-modules{margin-top:24px}.sd-platform-modules:before{margin-top:-24px;height:24px}.sd-device-row{height:187px;gap:12px}.sd-browser{height:160px}.sd-browser-body{padding:9px}.sd-browser-hero{height:69px;padding:10px}.sd-browser-cards i{height:15px}.sd-phone{height:155px;width:70px}.sd-phone-screen{height:119px}.sd-development-links{height:27px}.sd-hosting-flow{height:150px;gap:13px}.sd-cloud-outline{height:125px;width:66%}.sd-server-racks{height:60px}.sd-hosting-links{height:25px}.sd-hosting-signal{height:20px}.sd-operations-ring{width:168px;height:168px;top:38px}.sd-operations-inner{inset:28px}.sd-operations-inner strong{font-size:12px}.sd-operations-nodes{height:256px}.sd-operations-nodes .sd-module{width:34%;min-height:62px}.sd-operations-three{width:42%!important}.sd-operations-trace span:nth-child(3){top:209px}.diagram-enhanced .arch-modules button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.solution-showcase *{animation:none!important;transition:none!important}}
@media(max-width:760px){.sd-operations-nodes{height:428px}.sd-operations-nodes .sd-module{left:0;right:0;width:100%!important;min-height:54px;top:auto;bottom:auto;transform:none}.sd-operations-one{top:226px!important}.sd-operations-two{top:290px!important}.sd-operations-three{top:354px!important}.sd-operations-three:hover,.sd-operations-three:focus-visible{transform:translateY(-2px)}}