.cloud-service{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 50%,rgba(20,184,166,.22),transparent 28%),linear-gradient(135deg,#06172b,#0a2849 58%,#071b31)}
.cloud-service:before{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle,#5eead4 0 2px,transparent 3px),linear-gradient(30deg,transparent 49%,#5eead4 50%,transparent 51%);background-size:100px 100px,200px 115px}
.cloud-service-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.cloud-label{display:inline-block;padding:7px 14px;border:1px solid rgba(94,234,212,.35);border-radius:99px;background:rgba(20,184,166,.12);color:#99f6e4;font-size:12px;font-weight:800}
.cloud-copy h2{font-size:42px;margin:20px 0}.cloud-copy h2 span{color:#5eead4}.cloud-copy>p{color:#b9cddd;max-width:650px}
.cloud-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.cloud-features div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.05)}.cloud-features b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(94,234,212,.14);color:#5eead4}
.cloud-order{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.cloud-order small,.cloud-order strong{display:block}.cloud-order small{color:#92aabd}.cloud-order strong{font-size:23px}.cloud-order em{font-style:normal;font-size:12px}.cloud-btn{background:linear-gradient(135deg,#14b8a6,#0f8fa1);color:#fff}
.cloud-visual{position:relative;min-height:430px;display:grid;place-items:center}.cloud-center{position:relative;z-index:3;width:155px;height:155px;border-radius:40px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#7c3aed,#14b8a6);box-shadow:0 25px 70px rgba(20,184,166,.3)}.cloud-center b{font-size:48px}.cloud-center span{font-size:8px;letter-spacing:2px}.cloud-phone,.cloud-owner{position:absolute;z-index:4;width:145px;padding:17px;border-radius:17px;background:rgba(255,255,255,.97);color:#0b2744;box-shadow:0 20px 55px rgba(0,0,0,.28);font-weight:800}.cloud-phone{right:5%;top:12%}.cloud-owner{left:3%;bottom:12%}.cloud-phone span,.cloud-owner span{display:block;color:#0f9f8e;font-size:10px}.cloud-orbit{position:absolute;border:1px solid rgba(94,234,212,.25);border-radius:50%}.cloud-orbit.one{width:300px;height:300px}.cloud-orbit.two{width:410px;height:410px}.cloud-flow{position:absolute;font-size:38px;color:#5eead4;animation:cloudSpin 5s linear infinite}@keyframes cloudSpin{to{transform:rotate(360deg)}}@media(max-width:850px){.cloud-service-grid{grid-template-columns:1fr}.cloud-copy h2{font-size:34px}.cloud-visual{min-height:360px}.cloud-order{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.cloud-features{grid-template-columns:1fr}.cloud-orbit.two{width:330px;height:330px}}