.technical-scene,.website-panels{container-type:inline-size}.home-hero-illustration.technical-scene{aspect-ratio:5 / 4}.technical-panel-stage{position:absolute;inset:0 0 auto;width:100%;aspect-ratio:3 / 2}.technical-network{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.technical-window{position:absolute;transform:skewY(23deg);transform-origin:center}.technical-window--rear{z-index:1;width:24%;height:30%;left:70%;top:14%}.technical-window--back{z-index:2;width:27%;height:36%;left:61%;top:20%}.technical-window--main{z-index:3;width:49%;height:57%;left:28%;top:18%}.technical-window--small{z-index:4;width:25%;height:32%;left:9%;top:51%}.technical-node{position:absolute;z-index:5;top:80%;width:18%}.technical-node--round{left:19%}.technical-node--square{left:63%}.technical-node-connection{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.interface-panel{width:100%;height:100%;overflow:hidden;border:1px solid #637cad;border-radius:8px;background:linear-gradient(145deg,#172b4b,#0c162b 45%,#060d1b);box-shadow:3px 5px #060c1b,4px 6px #2c3e67,12px 22px 32px #0005;color:#b9c9e9;font-size:1.25cqw;line-height:1.4}.interface-chrome{height:10%;display:flex;align-items:center;gap:7%;padding:0 4%;border-bottom:1px solid #687fa435;background:#060c18aa}.interface-chrome>span{display:flex;gap:.5cqw}.interface-chrome i{width:.5cqw;height:.5cqw;border-radius:50%;background:#8278cc}.interface-chrome i:nth-child(2){background:#4d8dbd}.interface-chrome i:nth-child(3){background:#537589}.interface-chrome>div{width:42%;height:20%;margin-inline:auto;border-radius:2px;background:#3b50723b}.interface-chrome>svg{width:1.4cqw;height:1.4cqw;color:#748db4}.interface-workspace{height:90%;display:grid;grid-template-columns:24% 1fr}.interface-sidebar{padding:16% 12%;border-right:1px solid #536d9229}.interface-sidebar>div{display:flex;align-items:center;gap:13%;padding:12% 8%;margin-bottom:17%;border-radius:3px}.interface-sidebar>div:first-child{background:#436bbc42}.interface-sidebar svg{flex:0 0 auto;width:1.5cqw;height:1.5cqw;color:#70a4ff}.interface-sidebar i{width:65%;height:.4cqw;background:#567098;border-radius:1px}.interface-content{padding:7%;min-width:0}.interface-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7%;color:#d5e4ff;font-weight:650;font-size:1.35cqw;white-space:nowrap}.interface-title>i{width:1cqw;height:1cqw;border:1px solid #7d94bf;border-radius:50%}.interface-tabs{display:flex;align-items:center;gap:7%;font-size:.9cqw;margin-bottom:8%}.interface-tabs>span:first-child{padding:4% 6%;color:#e4f3ff;border-radius:3px;background:linear-gradient(100deg,#2560c3,#427df5)}.interface-chart{padding:7% 5% 1%;background:#142342;border:1px solid #324d76;border-radius:4px}.interface-chart>div{display:flex;justify-content:space-between;margin-bottom:6%}.interface-chart i{width:25%;height:.4cqw;background:#5b7fa8}.interface-chart i:last-child{width:10%;background:#716acc}.interface-chart svg{display:block;width:100%;height:auto}.interface-chart-guides{stroke:#8babd81a;stroke-width:1}.interface-chart-fill{fill:#3762d426}.interface-chart-line{stroke:#6baeff;stroke-width:2}.interface-rows{margin-top:6%;display:grid;gap:1cqw}.interface-rows>div{display:flex;align-items:center;gap:8%}.interface-rows span{width:.7cqw;height:.7cqw;border-radius:2px;background:#517ccc}.interface-rows i{width:32%;height:.3cqw;background:#35517c}.interface-rows i:nth-of-type(2){width:20%}.interface-rows b{margin-left:auto;width:16%;height:.6cqw;border-radius:2px;background:#5175ce}.interface-activity{display:grid;gap:1.6cqw;margin-top:12%}.interface-activity>div{display:flex;align-items:center;gap:8%;font-size:.85cqw}.interface-activity>div>span{display:grid;place-items:center;width:1.8cqw;height:1.8cqw;border-radius:3px;background:#3151a7;color:#97b7ff}.interface-activity svg{width:1.1cqw;height:1.1cqw}.interface-activity>div>svg{margin-left:auto;color:#75d9c5}.interface-activity i{display:block;width:70%;height:.3cqw;margin-top:.6cqw;background:#3e5b85}.interface-site{padding:4% 6%;height:90%}.interface-site-nav{display:flex;align-items:center;gap:5%}.interface-site-nav>svg{width:2cqw;height:2cqw;margin-right:auto;color:#8f9dff}.interface-site-nav>span{width:10%;height:.35cqw;background:#617697}.interface-site-body{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:center;margin:7% 0}.interface-site-body small{color:#91aff5;font-size:.9cqw}.interface-site-body strong{display:block;margin:5% 0 8%;font-size:1.8cqw;line-height:1.35;font-weight:600;color:#e1eaff}.interface-site-body i{display:block;height:.3cqw;width:85%;background:#4b6285;margin-bottom:5%}.interface-site-body i+i{width:60%}.interface-site-body b{display:block;width:35%;height:1.4cqw;margin-top:10%;border-radius:2px;background:#6467ed}.interface-site-symbol{display:grid;place-items:center;aspect-ratio:1;border:1px solid #7698ef;border-radius:12%;background:linear-gradient(140deg,#33448b,#172844);color:#abc7ff}.interface-site-symbol svg{width:60%;height:60%}.interface-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.interface-site-cards>div{padding:11%;border-radius:3px;background:#1a2c4b}.interface-site-cards svg{width:1.7cqw;height:1.7cqw;color:#89b5ff}.interface-site-cards i{display:block;width:90%;height:.3cqw;background:#516e99;margin-top:11%}.interface-site-cards i+i{width:60%}.technical-window:not(.technical-window--main) .interface-title{font-size:.8cqw}.technical-window:not(.technical-window--main) .interface-tabs{font-size:.65cqw}.technical-window--back .interface-site-body strong{font-size:1cqw}.technical-window--small .interface-activity,.technical-window--rear .interface-activity{gap:.85cqw}.website-panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.website-panel{position:absolute;width:46%;height:44%;left:27%;transform:matrix(.86,.31,-.62,.5,0,0);transform-origin:center}.website-panel--bottom{top:45%}.website-panel--middle{top:27%}.website-panel--top{top:9%}.website-panel .interface-panel{border-color:#598dcb}.website-panel--middle .interface-panel{border-color:#8873d7}.offer-network{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.offer-network path{stroke:#637df1;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.offer-network--ports{z-index:4}.offer-network--ports circle{fill:#bddaff;stroke:#6884ed;stroke-width:1.5}.website-satellite{position:absolute;z-index:3}.service-hero-visual--websites .website-satellite img{position:static;width:100%;height:auto;transform:none}.systems-illustration{position:relative;aspect-ratio:3 / 2}.service-hero-visual .systems-illustration img{width:100%;transform:none}.systems-network path{stroke:#91c8ff;stroke-width:2.5}.flow-connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.flow-connections path{stroke:#647898;stroke-width:1.25;opacity:.7}.flow-connections--ordered path{stroke:#738dff;opacity:1;stroke-linejoin:round}.manual-flow-diagram .manual-flow-sources,.ordered-flow-diagram .ordered-flow-tools{height:100%;grid-template-rows:repeat(5,1fr);gap:0;align-items:center}.manual-flow-diagram .manual-flow-people,.ordered-flow-diagram .ordered-flow-people{height:100%;grid-template-rows:repeat(4,1fr);gap:0;align-items:center}.automation-diagram .automation-wiring{top:344px;left:0;right:0;width:100%;overflow:visible}.automation-wiring path{stroke:#6384f5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hosting-browser-panel .interface-panel{font-size:2.6cqw}.hosting-browser-panel .interface-chrome i{width:1cqw;height:1cqw}.hosting-browser-panel .interface-chrome>svg{width:3cqw;height:3cqw}.hosting-browser-panel .interface-site-body strong{font-size:4cqw}.hosting-browser-panel .interface-site-body small{font-size:2cqw}.hosting-browser-panel .interface-site-nav>svg,.hosting-browser-panel .interface-site-cards svg{width:4cqw;height:4cqw}.hosting-browser-panel .interface-site-body b{height:3cqw}@media(max-width:820px){.home-hero-illustration.technical-scene{transform:none;margin-block:8px 14px}.interface-panel{box-shadow:2px 3px #060c1b,3px 4px #2c3e67,8px 14px 24px #0005;border-radius:5px}}