.api-cloud-fold{position:relative;overflow:hidden;padding:112px 0 82px;background:linear-gradient(145deg,#061938 0%,#082c68 48%,#0874ef 130%);color:#fff;isolation:isolate}.api-cloud-fold:before{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 82%,transparent);content:""}.api-cloud-fold:after{position:absolute;z-index:-1;width:680px;height:680px;right:-220px;top:-330px;border:1px solid rgba(0,217,189,.2);border-radius:50%;box-shadow:0 0 0 88px rgba(8,116,239,.06),0 0 0 176px rgba(0,217,189,.025);content:""}.api-cloud-atmosphere i{position:absolute;border-radius:50%;background:#00d9bd;box-shadow:0 0 20px rgba(0,217,189,.8)}.api-cloud-atmosphere i:nth-child(1){width:5px;height:5px;left:9%;top:28%}.api-cloud-atmosphere i:nth-child(2){width:3px;height:3px;right:14%;top:21%}.api-cloud-atmosphere i:nth-child(3){width:4px;height:4px;left:22%;bottom:14%}.api-cloud-shell{position:relative}.api-cloud-head{max-width:850px;margin:0 auto 66px;text-align:center}.api-cloud-badge{display:inline-flex;align-items:center;gap:9px;margin:0 0 23px;padding:8px 13px;border:1px solid rgba(125,225,255,.24);border-radius:999px;background:rgba(255,255,255,.07);color:#d7f9f4;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(10px)}.api-cloud-badge span{width:6px;height:6px;border-radius:50%;background:#00d9bd;box-shadow:0 0 0 5px rgba(0,217,189,.1)}.api-cloud-head h2{margin:0 0 21px;font-size:clamp(43px,5vw,68px);line-height:1.01;letter-spacing:-.052em}.api-cloud-head h2 em{display:block;color:#8eeedf;font-style:normal}.api-cloud-head>p:last-child{max-width:720px;margin:0 auto;color:#b9cce6;font-size:17px;line-height:1.7}.api-cloud-journey{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.api-cloud-signal{position:absolute;left:13%;right:13%;top:-27px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,217,189,.75) 18%,rgba(125,180,255,.6) 82%,transparent)}.api-cloud-signal:before,.api-cloud-signal:after{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#00d9bd;box-shadow:0 0 0 5px rgba(0,217,189,.11),0 0 18px #00d9bd;content:""}.api-cloud-signal:before{left:19%}.api-cloud-signal:after{right:19%}.api-cloud-signal span{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 14px 3px rgba(255,255,255,.7);animation:api-signal 6s ease-in-out infinite}.api-cloud-card{position:relative;min-height:322px;display:flex;flex-direction:column;padding:31px 30px 27px;border:1px solid rgba(194,222,255,.17);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));box-shadow:0 24px 70px rgba(0,8,28,.16);backdrop-filter:blur(14px);transition:border-color .25s ease,transform .25s ease,background .25s ease}.api-cloud-card:before{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 72% 0,rgba(70,159,255,.17),transparent 40%);pointer-events:none;content:""}.api-cloud-card:hover{border-color:rgba(104,238,214,.42);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06));transform:translateY(-5px)}.api-cloud-card-featured{border-color:rgba(0,217,189,.28);background:linear-gradient(145deg,rgba(9,123,227,.28),rgba(255,255,255,.07))}.api-cloud-icon{position:relative;width:48px;height:48px;display:grid;margin-bottom:28px;border:1px solid rgba(117,228,255,.3);border-radius:15px;background:linear-gradient(145deg,rgba(8,116,239,.72),rgba(0,217,189,.24));box-shadow:0 12px 28px rgba(0,12,38,.18);place-items:center}.api-cloud-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.api-cloud-step{position:absolute;right:27px;top:34px;margin:0;color:#79e7d3;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.api-cloud-card h3{position:relative;margin:0 0 12px;font-size:23px;letter-spacing:-.03em}.api-cloud-card>p:not(.api-cloud-step){position:relative;margin:0;color:#b8cbe4;font-size:14px;line-height:1.65}.api-cloud-status{position:relative;display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:25px;color:#dcecff;font-size:10px;font-weight:700}.api-cloud-status i{width:6px;height:6px;border-radius:50%;background:#00d9bd;box-shadow:0 0 0 4px rgba(0,217,189,.09)}.api-cloud-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px;padding-top:27px;border-top:1px solid rgba(185,215,247,.15)}.api-cloud-foot p{margin:0;color:#aebfd7;font-size:13px}.api-cloud-foot strong{color:#fff}.api-cloud-foot a{display:flex;align-items:center;gap:13px;color:#fff;font-size:12px;font-weight:800}.api-cloud-foot a span{display:grid;width:31px;height:31px;border-radius:10px;background:#fff;color:#0874ef;place-items:center;transition:transform .2s ease}.api-cloud-foot a:hover span{transform:translateX(3px)}@keyframes api-signal{0%{left:3%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:96%;opacity:0}}@media(max-width:900px){.api-cloud-journey{grid-template-columns:1fr}.api-cloud-signal{left:23px;right:auto;top:30px;bottom:30px;width:1px;height:auto;background:linear-gradient(transparent,rgba(0,217,189,.55),transparent)}.api-cloud-signal:before,.api-cloud-signal:after,.api-cloud-signal span{display:none}.api-cloud-card{min-height:280px;padding-left:78px}.api-cloud-icon{position:absolute;left:18px;top:28px}.api-cloud-step{position:static;margin:3px 0 8px}.api-cloud-head{margin-bottom:48px}}@media(max-width:650px){.api-cloud-fold{padding:76px 0 60px}.api-cloud-head{text-align:left}.api-cloud-head h2{font-size:42px}.api-cloud-head h2 em{display:inline}.api-cloud-head>p:last-child{font-size:15px}.api-cloud-journey{gap:12px}.api-cloud-card{min-height:0;padding:25px 21px 23px 72px;border-radius:18px}.api-cloud-icon{left:16px;top:22px;width:40px;height:40px;border-radius:12px}.api-cloud-icon svg{width:20px;height:20px}.api-cloud-card h3{font-size:20px}.api-cloud-card>p:not(.api-cloud-step){font-size:13px}.api-cloud-status{padding-top:20px}.api-cloud-foot{align-items:flex-start;flex-direction:column}.api-cloud-foot a{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.api-cloud-signal span{animation:none}.api-cloud-card,.api-cloud-foot a span{transition:none}}
