/* Product illustrations: animation communicates each service rather than decorating it. */
.hero-content{z-index:3}.hero .reveal{animation:heroArrive .9s cubic-bezier(.22,.8,.2,1) both}.hero .reveal:nth-child(1){animation-delay:.08s}.hero .reveal:nth-child(2){animation-delay:.16s}.hero .reveal:nth-child(3){animation-delay:.28s}.hero .reveal:nth-child(4){animation-delay:.4s}.hero .reveal.shown{opacity:1}.product-visual{position:absolute;z-index:0;right:-3px;top:-1px;width:63%;height:49%;overflow:hidden;pointer-events:none;opacity:.92}.service-card>*:not(.product-visual){position:relative;z-index:1}.service-card .service-glyph{z-index:2}.product-visual:before,.product-visual:after{content:"";position:absolute}.visual-hosting{background:radial-gradient(circle at 70% 35%,#22d2d62b,transparent 42%)}.visual-hosting:before{width:170px;height:56px;right:30px;top:51px;border:1px solid #58e1e345;border-radius:14px;box-shadow:0 67px 0 -1px #58e1e345,0 134px 0 -1px #58e1e345;animation:serverBreathe 5s ease-in-out infinite}.visual-hosting:after{width:42px;height:4px;right:54px;top:77px;background:#5be6e5;border-radius:10px;box-shadow:0 67px #5be6e5,0 134px #5be6e5;animation:statusBlink 2.8s ease-in-out infinite}.visual-hosting i{position:absolute;width:5px;height:5px;border-radius:50%;background:#8ff6e4;right:41px;top:74px;box-shadow:0 67px #8ff6e4,0 134px #8ff6e4;animation:statusBlink 2.8s .5s ease-in-out infinite}.visual-support{background:radial-gradient(circle at 78% 25%,#58d8da1c,transparent 42%)}.visual-support:before{width:150px;height:150px;right:30px;top:16px;border:1px solid #5fe5e638;border-radius:50%;animation:supportOrbit 9s linear infinite}.visual-support:after{width:12px;height:12px;right:99px;top:11px;background:#6ae6e4;border-radius:50%;box-shadow:69px 83px #259da6,-47px 135px #a2f0e6;animation:nodePulse 2.8s ease-in-out infinite}.visual-support i:nth-child(1){position:absolute;right:103px;top:45px;width:88px;height:45px;border:1px solid #61dfe252;border-radius:16px 16px 16px 4px;transform:rotate(-17deg)}.visual-support i:nth-child(2){position:absolute;right:41px;top:91px;width:69px;height:36px;border:1px solid #46c5c75c;border-radius:13px 13px 4px 13px;transform:rotate(18deg)}.visual-network{background:radial-gradient(circle at 76% 30%,#1aaec127,transparent 45%)}.visual-network:before{width:160px;height:160px;right:17px;top:10px;background:linear-gradient(31deg,transparent 49.5%,#62e1e33c 50%,transparent 50.5%),linear-gradient(-31deg,transparent 49.5%,#62e1e33c 50%,transparent 50.5%);animation:networkRotate 16s linear infinite}.visual-network i{position:absolute;width:11px;height:11px;border-radius:50%;background:#66e5e5;box-shadow:0 0 0 5px #66e5e512;animation:nodePulse 3s ease-in-out infinite}.visual-network i:nth-child(1){right:89px;top:18px}.visual-network i:nth-child(2){right:25px;top:82px;animation-delay:.7s}.visual-network i:nth-child(3){right:153px;top:82px;animation-delay:1.3s}.visual-network i:nth-child(4){right:89px;top:146px;animation-delay:1.8s}.visual-security{background:radial-gradient(circle at 77% 34%,#28cbd03b,transparent 48%)}.visual-security:before{width:185px;height:185px;right:18px;top:0;border:1px solid #62e6e52e;border-radius:50%;box-shadow:0 0 0 42px #62e6e50a,0 0 0 84px #62e6e506}.visual-security:after{width:93px;height:93px;right:63px;top:46px;border-radius:100% 0 0 0;background:linear-gradient(45deg,transparent 49%,#55e0df48 50%);transform-origin:100% 100%;animation:radarSweep 4.4s linear infinite}.visual-security i{position:absolute;width:6px;height:6px;border-radius:50%;background:#9af5df;right:75px;top:61px;box-shadow:50px 63px #55dede,-10px 110px #65e7e4;animation:statusBlink 2.4s ease-in-out infinite}.service-card:hover .product-visual{filter:brightness(1.18)}
@keyframes heroArrive{from{opacity:0;transform:translateY(18px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes serverBreathe{50%{transform:translateY(-5px);border-color:#89f5f67a}}@keyframes statusBlink{50%{opacity:.25;box-shadow:0 0 15px #77ffff}}@keyframes supportOrbit{to{transform:rotate(360deg)}}@keyframes nodePulse{50%{transform:scale(1.35);box-shadow:0 0 0 8px #66e5e51c}}@keyframes networkRotate{to{transform:rotate(360deg)}}@keyframes radarSweep{to{transform:rotate(360deg)}}@media(max-width:950px){.product-visual{width:48%;height:54%;right:0}}@media(max-width:650px){.product-visual{width:45%;height:62%;opacity:.72}.hero .reveal{animation:none;opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.product-visual *,.product-visual:before,.product-visual:after,.hero .reveal{animation:none!important}.hero .reveal{opacity:1;transform:none;filter:none}}