.cp-page{--accent:#9b5cff;--blue:#6558ff;--navy:#111a45}.cp-hero{background:radial-gradient(circle at 78% 46%,rgba(155,92,255,.2),transparent 33%),linear-gradient(130deg,#fff 38%,#f2efff)}.cp-visual{position:relative;width:min(48vw,610px);height:590px;margin-left:auto}.cp-ring{position:absolute;border:1px solid rgba(101,88,255,.3);border-radius:50%;inset:7%;animation:dp-spin 23s linear infinite}.cp-ring.ring-b{inset:23%;border-style:dashed;animation-direction:reverse;animation-duration:17s}.cp-core{position:absolute;z-index:2;inset:27%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(145deg,#b8c7ff 0,#6558ff 48%,#4a28a0 100%);clip-path:polygon(50%0,91% 15%,84% 75%,50% 100%,16% 75%,9% 15%);filter:drop-shadow(0 25px 35px rgba(80,46,166,.32))}.cp-core small{font-size:12px;letter-spacing:.13em}.cp-core strong{margin:10px 0;font-size:28px;line-height:1.05;letter-spacing:.02em}.cp-core span{font-size:12px;font-weight:600}.cp-node{position:absolute;z-index:3;width:170px;padding:18px 20px;border:1px solid rgba(101,88,255,.2);border-radius:17px;background:rgba(255,255,255,.93);box-shadow:0 18px 40px rgba(65,46,130,.14);transition:.35s}.cp-node:hover{transform:translateY(-6px);box-shadow:0 23px 46px rgba(101,88,255,.25)}.cp-node b,.cp-node span{display:block}.cp-node b{font-size:13px;letter-spacing:.08em;color:var(--blue)}.cp-node span{font-size:12px;color:#617991}.node-device{left:0;top:15%}.node-mail{right:0;top:15%}.node-cloud{left:50%;bottom:0;transform:translateX(-50%)}.node-cloud:hover{transform:translateX(-50%) translateY(-6px)}.cp-page .dp-services{background:radial-gradient(circle at 88% 12%,rgba(155,92,255,.2),transparent 28%),linear-gradient(145deg,#111a45,#20205e)}.cp-page .dp-card{border-color:rgba(184,199,255,.22);background:linear-gradient(145deg,rgba(101,88,255,.2),rgba(24,39,90,.78))}.cp-page .dp-card:hover{border-color:rgba(184,199,255,.68)}.cp-page .dp-card>small{color:#b8c7ff}.cp-page .dp-card li:before{background:#9b5cff}.cp-page .dp-plan{background:linear-gradient(135deg,#111a45,#5136aa)}.cp-page .dp-contact{background:linear-gradient(135deg,#111a45,#6558ff)}@media (max-width:880px){.cp-visual{width:min(100%,540px);height:500px;margin:35px auto 0}}@media (max-width:600px){.cp-visual{height:405px}.cp-core{inset:25%}.cp-core strong{font-size:21px}.cp-node{width:145px;padding:13px}.node-device{left:-2%;top:8%}.node-mail{right:-2%;top:8%}}