.hosting-topology,.hosting-topology *,.hosting-recovery-path,.hosting-recovery-path *,.hosting-decision__matrix,.hosting-decision__matrix *,.hosting-route-map,.hosting-route-map *{pointer-events:none}.hosting-topology{color:#f6fbfa;isolation:isolate;background:#102229;border:1px solid #07181f29;border-radius:2rem;grid-template-rows:auto 1fr auto auto;min-height:39rem;padding:1.6rem;display:grid;position:relative;overflow:hidden;box-shadow:0 2.2rem 5.5rem #07181f2b}.hosting-topology:before{z-index:-1;content:"";background-color:#0000;background-image:linear-gradient(90deg,#53cad00e 1px,#0000 1px),linear-gradient(#53cad00e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:3rem 3rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;mask-image:linear-gradient(135deg,#000,#0000 78%)}.hosting-topology:after{z-index:-1;content:"";border:1px dashed #53cad052;border-radius:50%;width:25rem;height:25rem;animation:14s linear infinite hostingOrbit;position:absolute;top:8rem;left:50%;transform:translate(-50%)}.hosting-topology__head{color:#adbdc0;min-height:3rem;font-size:var(--font-size-min);letter-spacing:.1em;border-bottom:1px solid #ffffff24;align-items:center;gap:.55rem;font-weight:900;display:flex}.hosting-topology__head span{margin-right:auto}.hosting-topology__head i{background:#63797e;border-radius:50%;width:.7rem;height:.7rem}.hosting-topology__head i:last-child{background:var(--coral)}.hosting-topology__map{min-height:25rem;position:relative}.hosting-topology__map>strong{z-index:3;background:var(--aqua);color:#102229;letter-spacing:-.06em;text-align:center;border-radius:42% 58% 48% 52%;place-items:center;width:11rem;height:11rem;font-size:clamp(1.7rem,3.1vw,2.8rem);line-height:.86;animation:8s ease-in-out infinite hostingCore;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hosting-topology__map>span,.hosting-topology__map>b{z-index:4;color:#fff;font-size:var(--font-size-min);letter-spacing:.06em;background:#182e35;border:1px solid #fff3;border-radius:999px;padding:.65rem .85rem;font-style:normal;font-weight:900;position:absolute}.hosting-topology__user{top:2.2rem;left:1rem}.hosting-topology__edge{top:45%;left:2rem}.hosting-topology__data{bottom:2.6rem;right:1rem}.hosting-topology__observe{top:3.6rem;right:1rem;color:#102229!important;background:#fff!important}.hosting-topology__map>i{z-index:1;background:linear-gradient(90deg,transparent,var(--aqua),transparent);transform-origin:50%;width:72%;height:1px;position:absolute;top:50%;left:50%}.hosting-topology__map>i:first-of-type{transform:translate(-50%,-50%)rotate(18deg)}.hosting-topology__map>i:nth-of-type(2){transform:translate(-50%,-50%)rotate(128deg)}.hosting-topology__map>i:nth-of-type(3){transform:translate(-50%,-50%)rotate(246deg)}.hosting-topology>p{grid-template-columns:repeat(5,1fr);gap:.4rem;margin:0 0 1rem;display:grid}.hosting-topology>p span{color:#b4c4c6;font-size:var(--font-size-min);text-align:center;border-top:2px solid #53cad0a6;padding:.6rem .25rem;font-weight:900}.hosting-topology>em{color:#aabbbd;font-size:var(--font-size-min);letter-spacing:.1em;font-style:normal;font-weight:900}.hosting-recovery-path{color:#102229;background:#edf8f5;border:1px solid #07181f26;border-radius:1.8rem;min-height:34rem;padding:1.7rem;position:relative;overflow:hidden}.hosting-recovery-path:after{content:"";border:1px dashed #129da54d;border-radius:50%;width:17rem;height:17rem;animation:6s ease-in-out infinite hostingPulse;position:absolute;bottom:-5rem;right:-5rem}.hosting-recovery-path__line{grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.5rem;display:grid}.hosting-recovery-path__line span{font-size:var(--font-size-min);letter-spacing:.07em;font-weight:900}.hosting-recovery-path__line i{background:linear-gradient(90deg,var(--aqua-dark),#129da526);height:2px}.hosting-recovery-path__window{color:#fff;background:#102229;border:1px solid #07181f26;border-radius:1rem;width:min(80%,24rem);padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1.8rem 4rem #07181f2e}.hosting-recovery-path__window small,.hosting-recovery-path>em{font-size:var(--font-size-min);letter-spacing:.08em;font-style:normal;font-weight:900}.hosting-recovery-path__window small{color:var(--aqua)}.hosting-recovery-path__window strong{color:#fff;letter-spacing:-.07em;margin:2.5rem 0 1rem;font-size:clamp(2.5rem,5vw,4.3rem);line-height:.8;display:block}.hosting-recovery-path__window p{color:#b8c7c9;font-size:var(--font-size-min);margin:0;font-weight:850}.hosting-recovery-path>em{color:#5f7075;position:absolute;bottom:1.5rem;left:1.7rem}.hosting-decision__matrix{background:#fff;border:1px solid #07181f24;border-radius:1.6rem;grid-template-columns:repeat(3,1fr);gap:.8rem;min-height:29rem;padding:1.7rem;display:grid}.hosting-decision__matrix>span,.hosting-decision__matrix>em{font-size:var(--font-size-min);letter-spacing:.08em;grid-column:1/-1;font-style:normal;font-weight:900}.hosting-decision__matrix>div{text-align:center;background:#f3f7f5;border:1px solid #07181f24;align-content:center;min-height:14rem;padding:1rem;display:grid}.hosting-decision__matrix>div:nth-of-type(2){background:#e9f8f5;border-color:#139da561}.hosting-decision__matrix b{font-size:clamp(1.35rem,2vw,1.8rem)}.hosting-decision__matrix small{color:#68787d;font-size:var(--font-size-min);margin-top:.5rem}.hosting-decision__matrix>em{color:var(--aqua-dark);align-self:end}.hosting-route-map{background:linear-gradient(145deg,#50c5cc0f,#ffffff05);border:1px solid #50c5cc47;border-radius:1.5rem;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.7rem;min-height:25rem;padding:2rem;display:grid;position:relative}.hosting-route-map span{color:#fff;font-size:var(--font-size-min);border:1px solid #fff3;border-radius:.5rem;padding:.7rem .8rem;font-weight:900}.hosting-route-map i{background:var(--aqua);height:2px}.hosting-route-map strong{color:var(--aqua);letter-spacing:-.06em;text-align:center;background:#102229;padding:1rem;font-size:clamp(2rem,4vw,3.6rem);line-height:.86;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hosting-route-map b{color:#aebec0;font-size:var(--font-size-min);letter-spacing:.08em;white-space:nowrap;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.hosting-topology,.hosting-recovery-path{transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s}.hosting-topology:hover{transform:translateY(calc(var(--parallax-y,0) - .35rem));box-shadow:0 2.8rem 6.2rem #07181f36}.hosting-recovery-path:hover{transform:translateY(-.3rem);box-shadow:0 2rem 4rem #07181f1c}}@media (width<=68rem){.hosting-topology{width:min(100%,44rem);min-height:36rem;margin-inline:auto}.hosting-recovery-path,.hosting-decision__matrix{width:min(100%,44rem)}}@media (width<=52rem){.hosting-decision__matrix{grid-template-columns:1fr}.hosting-decision__matrix>span,.hosting-decision__matrix>em{grid-column:1}.hosting-decision__matrix>div{min-height:9rem}}@media (width<=35rem){.hosting-topology{min-height:32rem;padding:1rem}.hosting-topology__map{min-height:21rem}.hosting-topology__map>strong{width:8.5rem;height:8.5rem}.hosting-topology__user{left:0}.hosting-topology__observe{right:0}.hosting-topology>p{grid-template-columns:repeat(3,1fr)}.hosting-recovery-path{min-height:32rem;padding:1rem}.hosting-recovery-path__line{grid-template-columns:1fr;justify-items:center}.hosting-recovery-path__line i{width:2px;height:.8rem}.hosting-recovery-path>em{text-align:center;left:1rem;right:1rem}.hosting-route-map{grid-template-columns:1fr;justify-items:center;min-height:30rem}.hosting-route-map i{width:2px;height:1rem}.hosting-route-map strong{margin-top:1rem;position:static;transform:none}.hosting-route-map b{white-space:normal;position:static;transform:none}}@media (prefers-reduced-motion:reduce){.hosting-topology,.hosting-recovery-path{transform:none!important}.hosting-topology:after,.hosting-topology__map>strong,.hosting-recovery-path:after{animation:none!important}}@keyframes hostingOrbit{to{transform:translate(-50%)rotate(360deg)}}@keyframes hostingCore{0%,to{border-radius:42% 58% 48% 52%}50%{border-radius:58% 42% 54% 46%;transform:translate(-50%,-50%)rotate(3deg)}}@keyframes hostingPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}