.os-hero-icons[data-astro-cid-3crlr737]{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:radial-gradient(54% 54% at 38% 50%,rgba(0,0,0,.03) 0%,rgba(0,0,0,.03) 52%,rgba(0,0,0,.35) 74%,rgba(0,0,0,1) 96%);mask-image:radial-gradient(54% 54% at 38% 50%,#00000008 0% 52%,#00000059 74%,#000 96%)}.os-hero-tile[data-astro-cid-3crlr737]{position:absolute;width:var(--os-size);height:var(--os-size);margin-inline-start:calc(var(--os-size) / -2);margin-top:calc(var(--os-size) / -2);opacity:var(--os-o);will-change:transform;animation:os-hero-drift var(--os-dur, 12s) var(--ease-in-out, ease-in-out) var(--os-delay, 0s) infinite}.os-hero-tile__inner[data-astro-cid-3crlr737]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:22%}.os-hero-tile--empty[data-astro-cid-3crlr737] .os-hero-tile__inner[data-astro-cid-3crlr737]{background-color:color-mix(in srgb,var(--accent-color) 16%,transparent)}.os-hero-tile[data-astro-cid-3crlr737] .product-icon-mask[data-astro-cid-3crlr737]{width:64%;height:64%}@keyframes os-hero-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(var(--os-fx, 0),var(--os-fy, 0),0)}}.os-hero-copy[data-astro-cid-3crlr737]{position:relative;z-index:1}[dir=rtl] .os-hero-icons[data-astro-cid-3crlr737]{transform:scaleX(-1);-webkit-mask-image:radial-gradient(54% 54% at 38% 50%,rgba(0,0,0,.03) 0%,rgba(0,0,0,.03) 52%,rgba(0,0,0,.35) 74%,rgba(0,0,0,1) 96%);mask-image:radial-gradient(54% 54% at 38% 50%,#00000008 0% 52%,#00000059 74%,#000 96%)}[dir=rtl] .os-hero-tile__inner[data-astro-cid-3crlr737]{transform:scaleX(-1)}@media(max-width:768px){.os-hero-tile__inner[data-astro-cid-3crlr737]{transform:scale(.82)}[dir=rtl] .os-hero-tile__inner[data-astro-cid-3crlr737]{transform:scale(.82) scaleX(-1)}.os-hero-tile[data-astro-cid-3crlr737]{opacity:calc(var(--os-o) * .85)}}@media(max-width:480px){.os-hero-tile__inner[data-astro-cid-3crlr737]{transform:scale(.66)}[dir=rtl] .os-hero-tile__inner[data-astro-cid-3crlr737]{transform:scale(.66) scaleX(-1)}.os-hero-tile[data-astro-cid-3crlr737]{opacity:calc(var(--os-o) * .75)}}@media(prefers-reduced-motion:reduce){.os-hero-tile[data-astro-cid-3crlr737]{animation:none}}.osd-root{--sky: #009bf0;--indigo: #00466e;--bg: #f0f5fa;--node-bg: #ffffff;--node-bdr: rgba(0, 155, 240, .18);--node-sh: rgba(0, 70, 110, .08);--disk-fill: rgba(255, 255, 255, .82);--wave: rgba(0, 155, 240, .1);--center-bg: #009bf0;--center-r1: rgba(0, 155, 240, .15);--center-r2: rgba(0, 155, 240, .05);--lbl-bg: #00466e;--icon-idle: #4a86a8;direction:ltr;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex;justify-content:center;width:100%;margin-block:-2rem -5rem}.osd-root *,.osd-root *:before,.osd-root *:after{box-sizing:border-box;margin:0;padding:0}.osd-frame{position:relative;width:100%;max-width:820px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,#009bf01a,#009bf00d 30%,#009bf005,#009bf000 66%);overflow:visible}.osd-root .diagram{position:relative;width:94%;aspect-ratio:1 / 1;overflow:visible;flex-shrink:0}.osd-root .wave{position:absolute;border-radius:50%;border:1.5px solid var(--wave);top:50%;left:50%;opacity:0;pointer-events:none;z-index:0;transform:translate(-50%,-50%) scale(.85);animation:osdWaveIn .9s ease forwards}.osd-root .wave:nth-child(1){width:18%;height:18%;animation-delay:.05s}.osd-root .wave:nth-child(2){width:38%;height:38%;animation-delay:.18s}.osd-root .wave:nth-child(3){width:58%;height:58%;animation-delay:.31s}@keyframes osdWaveIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.osd-root .disk{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;opacity:0}.osd-root .disk-inner{width:43%;height:43%;background:var(--disk-fill);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1.5px #009bf02e,0 8px 36px #00466e0f,inset 0 1px #fff;animation:osdFadeIn .6s .5s ease forwards}.osd-root .disk-outer{width:66%;height:66%;background:#f0f7ff8c;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 1.5px #009bf021;animation:osdFadeIn .6s .65s ease forwards}.osd-root .halo{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;width:88%;height:88%;background:radial-gradient(circle,transparent 36%,rgba(255,255,255,.14) 50%,rgba(210,228,245,.18) 63%,rgba(190,215,238,.09) 78%,transparent 100%);opacity:0;animation:osdFadeIn .8s .8s ease forwards}.osd-root .disk-int{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);width:89%;height:89%;pointer-events:none;z-index:2}.osd-root .connectors{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:2;opacity:0;animation:osdFadeIn .5s .9s ease forwards}.osd-root .ripple-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.osd-root .ripple-ring.r1{width:96%;height:96%;border:1px dashed rgba(0,155,240,.13);animation:osdFadeIn 1s 1s ease forwards,osdSpinSlow 90s linear infinite}.osd-root .ripple-ring.r2{width:110%;height:110%;border:1px dashed rgba(0,155,240,.09);animation:osdFadeIn 1s 1.2s ease forwards,osdSpinSlow 120s linear infinite reverse}.osd-root .ripple-ring.r3{width:126%;height:126%;border:1px dotted rgba(0,155,240,.06);animation:osdFadeIn 1s 1.4s ease forwards,osdSpinSlow 150s linear infinite}.osd-root .ripple-ring.r4{width:144%;height:144%;border:1px dotted rgba(0,155,240,.04);animation:osdFadeIn 1s 1.6s ease forwards,osdSpinSlow 200s linear infinite reverse}@keyframes osdSpinSlow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.osd-root .center-node{position:absolute;width:21%;height:21%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--center-bg);box-shadow:0 0 0 8px var(--center-r1),0 0 0 16px var(--center-r2),0 12px 40px #009bf03d;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;cursor:default;opacity:0;animation:osdFadeIn .7s .05s ease forwards,osdCorePulse 4.5s 2s ease-in-out infinite}.osd-root .center-node .os-name{font-size:clamp(15px,3.4vw,24px);font-weight:700;color:#fff;letter-spacing:-.4px;line-height:1}.osd-root .center-node .os-name em{font-style:normal;font-weight:300;opacity:.7}@keyframes osdCorePulse{0%,to{box-shadow:0 0 0 8px #009bf026,0 0 0 16px #009bf00d,0 12px 40px #009bf03d}50%{box-shadow:0 0 0 11px #009bf02e,0 0 0 22px #009bf00a,0 16px 52px #009bf04d}}.osd-root .node-wrap{position:absolute;width:0;height:0;opacity:0;will-change:opacity,transform}.osd-root .node-wrap.core-node{z-index:8}.osd-root .node-wrap.app-node{z-index:7}.osd-root .node-wrap.int-node{z-index:6}.osd-root .node-core{--sz: clamp(28px, 4.8vw, 36px);width:var(--sz);height:var(--sz);position:absolute;top:calc(-.5 * var(--sz));left:calc(-.5 * var(--sz));border-radius:50%;background:var(--node-bg);border:1.5px solid var(--node-bdr);box-shadow:0 2px 10px var(--node-sh),inset 0 1px #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--icon-idle);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.osd-root .node-core svg{width:54%;height:54%;display:block;pointer-events:none}.osd-root .node-app{--sz: clamp(36px, 5.8vw, 44px);width:var(--sz);height:var(--sz);position:absolute;top:calc(-.5 * var(--sz));left:calc(-.5 * var(--sz));border-radius:12px;border:none;box-shadow:0 3px 12px #0000001f,0 1px 3px #0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-radius .2s ease}.osd-root .node-app svg{display:block;pointer-events:none;flex-shrink:0;fill:#fff}.osd-root .node-int{position:absolute;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:default;overflow:hidden;color:#fff;opacity:.45;filter:saturate(.7) brightness(.95);transition:opacity .25s ease,filter .25s ease,transform .22s ease}.osd-root .node-int svg{width:58%;height:58%;display:block;pointer-events:none}.osd-root .int-label{position:absolute;left:0;transform:translate(-50%);font-size:clamp(7.5px,1.1vw,9.5px);font-weight:600;color:#9db8c8;white-space:nowrap;letter-spacing:.05px;text-shadow:0 0 8px rgba(255,255,255,1),0 0 16px rgba(255,255,255,.9);transition:opacity .2s ease,color .2s ease}.osd-root .core-label{position:absolute;white-space:nowrap;background:var(--lbl-bg);color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.1px;padding:4px 10px;border-radius:7px;box-shadow:0 3px 10px #00466e2e;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40;transform:translateY(5px)}.osd-root .core-label:after{content:"";position:absolute;top:100%;left:var(--arrow-pos, 50%);transform:translate(-50%);border:5px solid transparent;border-top-color:var(--lbl-bg)}.osd-root .app-chip{position:absolute;background:none;border:none;padding:0;text-align:center;width:76px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40}.osd-root .app-chip .chip-name{font-size:10px;font-weight:700;color:var(--indigo);display:block;white-space:nowrap;text-shadow:0 0 10px rgba(255,255,255,1),0 0 18px rgba(255,255,255,.95)}.osd-root .app-chip .chip-sub{font-size:8px;font-weight:400;color:#00466e94;display:block;white-space:normal;margin-top:2px;line-height:1.35;text-shadow:0 0 8px rgba(255,255,255,1),0 0 16px rgba(255,255,255,.9)}.osd-root .float-icon{position:absolute;pointer-events:none;opacity:0;will-change:opacity}.osd-root .arc-wrap{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:2}.osd-root .arc-wrap span{position:absolute;font-family:Inter,sans-serif;font-weight:400;color:#7aafc8;opacity:.22;transform-origin:0 0;line-height:1}@media(hover:hover){.osd-root .node-wrap.core-node:hover{z-index:20}.osd-root .node-wrap.core-node:hover .node-core{background:var(--sky);border-color:var(--sky);box-shadow:0 6px 20px #009bf057;color:var(--indigo)}.osd-root .node-wrap.core-node:hover .core-label{opacity:1;transform:translateY(0)}.osd-root .node-wrap.app-node:hover{z-index:20}.osd-root .node-wrap.app-node:hover .node-app{transform:translateY(-3px);border-radius:16px;box-shadow:0 10px 26px #0000002e}.osd-root .node-wrap.app-node:hover .app-chip{opacity:1;transform:translateY(0)}.osd-root .node-wrap.int-node:hover{z-index:20}.osd-root .node-wrap.int-node:hover .node-int{opacity:1;filter:saturate(1.3) brightness(1.12);transform:translateY(-2px)}.osd-root .node-wrap.int-node:hover .int-label{opacity:1;color:var(--indigo)}}@keyframes osdNodeReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes osdIntReveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes osdFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.osd-root{display:block;margin-block:-1rem -1.5rem}.osd-frame{width:100vw;max-width:none;margin-inline:calc((100vw - 100%)/-2);aspect-ratio:1 / 1.12;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%)}.osd-root .diagram{position:absolute;left:50%;top:0;width:130%;aspect-ratio:1 / 1;transform:translate(-50%,-21%)}.osd-root .int-label{opacity:1}.osd-root .app-chip{opacity:1;transform:none}.osd-root .app-chip .chip-sub,.osd-root .core-label,.osd-root .arc-wrap,.osd-root .float-icon{display:none}}@media(prefers-reduced-motion:reduce){.osd-root *,.osd-root *:before,.osd-root *:after{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}