.it-visual-hero{margin-top:-96px;background:radial-gradient(ellipse at 80% 45%,#15516d 0,#082e4d 38%,#041c34 75%);padding:160px 0 80px;color:white;overflow:hidden}.it-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.it-hero-copy h1{color:#fff}.it-hero-copy p{color:#c7ddec}.it-hero-copy .v4-link{color:#fff}.it-hero-art{display:grid;grid-template-columns:1fr 1fr;gap:36px;position:relative;align-items:center;padding:25px 0}.it-hero-art svg{width:68px;height:68px;color:#65d5ff}.it-rack{position:relative;background:linear-gradient(120deg,#274860,#0c2135);border:1px solid #6b9bb4;border-radius:14px;padding:25px;display:flex;align-items:center;flex-direction:column;gap:22px;box-shadow:0 24px 55px #0005;z-index:1}.it-rack>svg{width:130px;height:160px}.it-rack-label{letter-spacing:.2em;font-size:10px;color:#b2d1e3}.it-rack:after{content:'';position:absolute;width:37px;height:2px;left:100%;top:50%;background:#47c6f3}.it-leds{display:flex;gap:12px}.it-leds i{width:5px;height:5px;background:#5ae4b7;border-radius:50%;box-shadow:0 0 9px #5ae4b7}.it-hero-branches{display:grid;gap:13px;border-left:2px solid #47c6f380;padding:10px 0 10px 18px}.it-hero-branches>div{display:flex;align-items:center;gap:15px;padding:13px;background:#193b53;border:1px solid #4e7188;border-radius:6px;font-size:13px;position:relative}.it-hero-branches>div:before{content:'';position:absolute;right:100%;width:20px;height:2px;background:#47c6f380}.it-hero-branches svg{width:30px;height:30px;flex-shrink:0}.it-art-caption{grid-column:1/-1;text-align:center;color:#a9c9de!important;font-size:13px!important;margin:0!important}.it-system{background:#f1f8fc}.it-map{margin-top:35px;display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:center}.it-map-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:150px 150px;gap:50px 25px;padding:15px 0}.it-map-grid:before{content:'';position:absolute;top:90px;bottom:90px;left:16.7%;right:16.7%;border:2px solid #65b4d5;border-radius:24px}.it-map-grid:after{content:'';position:absolute;top:90px;bottom:90px;left:50%;width:2px;background:#65b4d5}.it-node{z-index:1;position:relative;padding:18px 12px;background:#fff;border:1px solid #c3d8e5;border-radius:9px;color:#123b56;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font:600 14px/1.4 Arial;box-shadow:0 4px 16px #06244408}.it-node svg{width:47px;height:47px;color:#008bb8}.it-node[aria-pressed=true]{border:2px solid #008cc9;background:#e5f6ff;box-shadow:0 8px 22px #008cc921}.it-node:hover{border-color:#008cc9}.node-server{grid-area:1/1}.node-files{grid-area:1/2}.node-box{grid-area:1/3}.node-devices{grid-area:2/1}.node-network{grid-area:2/2}.node-voice{grid-area:2/3}.it-map-detail{padding:30px;background:#062444;border-radius:9px;min-height:240px}.it-map-detail h3{color:#fff}.it-map-detail p{color:#c5dbea;margin:0}.it-map-note{font-size:12px!important;margin:25px 0 0!important;color:#526a80!important}.it-flow{display:flex;align-items:center;justify-content:center;gap:25px;padding:35px;background:linear-gradient(115deg,#eef7fc,#fff);border:1px solid #dce6ee;border-radius:9px;margin:25px 0 32px}.it-flow>div{display:flex;flex-direction:column;align-items:center;gap:15px;flex:1;text-align:center;font-weight:600;color:#12364e}.it-flow svg{width:70px;height:70px;color:#008bb8}.it-flow-arrow{font-size:26px;color:#58a3c5}.v4-ai .it-flow{background:#123452;border-color:#36516a}.v4-ai .it-flow>div{color:#fff}.v4-ai .it-flow svg{color:#65d5ff}.it-file-ui{border:1px solid #c6d9e7;background:#f7fbfd;border-radius:10px;padding:30px;box-shadow:0 16px 40px #12364e0c}.it-file-ui h3{border-bottom:1px solid #dce6ee;padding-bottom:20px}.it-file-row{display:flex;align-items:center;gap:20px;background:white;border:1px solid #e3edf3;border-radius:5px;padding:18px;margin-bottom:12px}.it-file-row svg{width:38px;height:38px;color:#008cc9;flex-shrink:0}.it-file-ui small{color:#536b7f;display:block;margin-top:20px}
@media(max-width:1000px){.it-hero-grid{gap:30px}.it-rack{padding:18px}.it-hero-branches>div{padding:10px;gap:8px;font-size:12px}.it-hero-art{gap:25px}.it-rack:after{width:26px}.it-map{grid-template-columns:1fr}.it-map-detail{min-height:0}.it-map-grid{max-width:780px;width:100%;margin:auto}}
@media(max-width:900px){.it-visual-hero{margin-top:-80px;padding-top:130px}}
@media(max-width:700px){.it-hero-grid{grid-template-columns:1fr;gap:25px}.it-visual-hero{padding-bottom:40px}.it-hero-art{max-width:500px;width:100%;justify-self:center}.it-hero-branches>div{font-size:13px}.it-hero-copy h1{font-size:38px!important}.it-rack>svg{width:100px;height:135px}.it-map-grid{gap:32px 10px;grid-template-rows:125px 125px}.it-node{font-size:12px;padding:12px 7px;gap:10px}.it-node svg{width:36px;height:36px}.it-map-grid:before{top:77px;bottom:77px}.it-map-grid:after{top:77px;bottom:77px}.it-map-detail{padding:24px}.it-flow{padding:22px 12px;gap:10px}.it-flow>div{font-size:12px}.it-flow svg{width:47px;height:47px}.it-flow-arrow{font-size:19px}.it-file-ui{padding:22px}}

.it-map-grid:before,.it-map-grid:after{display:none}.it-map-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}