.shortcuts{grid-template-columns:repeat(6,1fr)}.product-showcase{perspective:1400px}.product-showcase>p{font-size:10px;color:#8490a0}.product-3d{transform-style:preserve-3d;transition:transform .45s,box-shadow .45s}.product-3d:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-3deg);box-shadow:20px 25px 50px #08172b24}.product-3d .art{perspective:700px;overflow:visible;position:relative;background:radial-gradient(circle,#fff,#d9e3ee)}.model{width:115px;height:105px;position:relative;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(28deg);transition:transform .8s;z-index:2}.product-3d:hover .model{transform:rotateX(-8deg) rotateY(388deg) scale(1.08)}.face{position:absolute;display:grid;place-items:center;border:1px solid #28384b;background:linear-gradient(145deg,#24354a,#080e18);color:#3dc5ff}.face.front{inset:0;font-size:58px;transform:translateZ(22px)}.face.side{width:44px;height:105px;right:-22px;top:0;transform:rotateY(90deg);background:#101c2a}.face.top{width:115px;height:44px;left:0;top:-22px;transform:rotateX(90deg);background:#31445a}.model-1{width:130px;height:82px}.model-1 .face.side{height:82px}.model-1 .face.top{width:130px}.orbit{position:absolute;width:145px;height:46px;border:1px solid #169dff;border-radius:50%;transform:rotateX(70deg);bottom:15px;box-shadow:0 0 18px #0878f955}.web-service{background:radial-gradient(circle at 25% 50%,#123a66,#07111f 58%);color:#fff;padding:90px max(calc((100vw - 1180px)/2),24px);display:grid;grid-template-columns:1fr 1fr;gap:90px}.web-service h2{font-size:42px;letter-spacing:-.04em}.web-service h2 em{font-style:normal;color:#31b7ff}.web-service p{color:#9aaabd;line-height:1.7}.web-service .features span{background:#ffffff0b;border:1px solid #ffffff17;color:#8fa0b5}.web-service .features b{color:#fff}.web-scene{position:relative;min-height:390px;perspective:900px}.browser-3d{position:absolute;width:72%;height:58%;left:8%;top:15%;background:linear-gradient(145deg,#17283d,#08101b);border:5px solid #2f435a;transform:rotateX(8deg) rotateY(18deg);box-shadow:-25px 35px 70px #000,0 0 40px #0878f944}.browser-bar{height:30px;background:#26374b;display:flex;align-items:center;gap:6px;padding-left:10px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#3fc4ff}.browser-logo{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:62px;font-weight:900;font-style:italic;color:#12a9ff;text-shadow:10px 0 #0878f9}.browser-logo span{display:block;color:#fff;font-size:9px;letter-spacing:.28em;text-shadow:none}.server-stack{position:absolute;right:2%;bottom:5%;width:32%;padding:12px;background:#0c1725;border:3px solid #30445b;transform:rotateY(-18deg);box-shadow:15px 25px 45px #000}.server-stack i{display:block;height:34px;margin:5px;background:#14263a;border-left:3px solid #17b7ff}.server-stack span{position:absolute;right:17px;bottom:22px;color:#20db9a}@media(max-width:1000px){.shortcuts{grid-template-columns:repeat(3,1fr)}.web-service{grid-template-columns:1fr}.web-scene{min-height:330px;order:2}}@media(max-width:560px){.shortcuts{grid-template-columns:1fr}.web-service{padding:60px 22px}.web-scene{min-height:270px}}