.service-more{border:0;padding:0;background:none;font-size:10px;text-transform:uppercase;color:#09c4e8;font-weight:800;letter-spacing:.8px;cursor:pointer}.service-more i{margin-left:4px;transition:.25s}.service-more:hover i{display:inline-block;transform:translate(3px,-3px)}
.service-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .28s,visibility .28s}.service-modal.is-open{visibility:visible;opacity:1}.service-modal__backdrop{position:absolute;inset:0;background:rgba(1,4,12,.88);backdrop-filter:blur(12px)}.service-modal__dialog{position:relative;width:min(1050px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(17,180,229,.3);border-radius:14px;background:linear-gradient(145deg,#091426,#040916 72%);box-shadow:0 30px 100px #000,0 0 80px rgba(0,118,255,.09);transform:translateY(18px) scale(.985);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.service-modal.is-open .service-modal__dialog{transform:none}.service-modal__dialog:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 25%)}.service-modal__close{position:absolute;z-index:5;right:19px;top:18px;width:42px;height:42px;border:1px solid rgba(92,137,188,.25);border-radius:50%;background:rgba(3,9,20,.68);color:#a9b7c9;cursor:pointer;transition:.25s}.service-modal__close:hover{color:#fff;border-color:#08c7e9;transform:rotate(90deg)}.service-modal__content{min-height:610px;grid-template-columns:.92fr 1.08fr}.service-modal__content:not([hidden]){display:grid}.service-modal__visual{position:relative;overflow:hidden;display:grid;place-items:center;border-right:1px solid rgba(82,143,217,.16);background:radial-gradient(circle at 50% 48%,rgba(0,118,255,.2),transparent 42%),linear-gradient(155deg,#08172c,#030815)}.visual-grid{position:absolute;inset:-20%;opacity:.18;background-image:linear-gradient(rgba(14,137,229,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(14,137,229,.24) 1px,transparent 1px);background-size:34px 34px;transform:perspective(600px) rotateX(62deg) translateY(30%);mask-image:radial-gradient(circle,black,transparent 68%)}.visual-orbit{position:absolute;width:330px;height:330px;border:1px dashed rgba(0,185,237,.25);border-radius:50%;animation:modal-spin 24s linear infinite}.visual-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#0cd6eb;top:48px;right:46px;box-shadow:0 0 15px #0cd6eb}.service-modal__body{padding:70px 56px 48px}.service-modal__body h2{font-size:42px;letter-spacing:-1.8px}.service-modal__body h3{font:600 17px/1.4 var(--display);color:#d7e7fa;margin:18px 0 15px}.service-modal__body>p{color:#8c9aaf;font-size:13px;line-height:1.85;margin:0}.service-modal__body ul{list-style:none;padding:0;margin:27px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:11px}.service-modal__body li{font-size:11px;color:#a7b4c6;display:flex;gap:8px;align-items:flex-start}.service-modal__body li i{color:#08c5e5;font-size:14px}.service-modal__actions{display:flex;align-items:center;gap:17px}.service-modal__actions>span{max-width:170px;color:#68788e;font-size:9px;line-height:1.5}
.design-window,.code-window{position:relative;z-index:2;width:285px;height:205px;border:1px solid rgba(0,199,235,.42);border-radius:9px;background:rgba(6,19,39,.9);box-shadow:0 25px 55px #000,0 0 35px rgba(0,138,255,.16);transform:perspective(700px) rotateY(8deg) rotateX(3deg)}.design-window>i{position:absolute;top:13px;width:6px;height:6px;border-radius:50%;background:#117ca2}.design-window>i:nth-child(1){left:14px}.design-window>i:nth-child(2){left:25px}.design-window>i:nth-child(3){left:36px}.design-window b{position:absolute;left:20px;top:40px;width:75px;height:143px;border-radius:5px;background:linear-gradient(#17304e 15%,transparent 15% 22%,#102640 22% 29%,transparent 29% 36%,#102640 36% 43%,transparent 43%)}.design-window strong{position:absolute;right:20px;top:40px;width:145px;height:82px;border-radius:5px;background:linear-gradient(135deg,#0957d2,#08c9df);box-shadow:0 8px 25px rgba(0,115,255,.28)}.design-window small{position:absolute;right:20px;bottom:22px;width:145px;height:43px;border-radius:5px;border:1px solid #173552;background:repeating-linear-gradient(90deg,#112a46 0 30px,transparent 30px 37px)}.code-window{padding:30px 24px}.code-window:before{content:"";position:absolute;left:0;right:0;top:0;height:24px;border-bottom:1px solid #16324e;background:radial-gradient(circle at 12px 12px,#0abfda 2px,transparent 3px),radial-gradient(circle at 22px 12px,#156db5 2px,transparent 3px)}.code-window span{font:600 13px monospace;color:#09d2e9}.code-window i{display:block;height:7px;margin-top:15px;border-radius:4px;background:linear-gradient(90deg,#0f78c9 20%,#1a334f 20% 66%,transparent 66%)}.code-window i:nth-of-type(2){width:80%;background:linear-gradient(90deg,#09bedb 12%,#1a334f 12% 75%,transparent 75%)}.code-window i:nth-of-type(3){width:65%}.code-window b{position:absolute;right:19px;bottom:17px;color:#31d9ae;font:600 9px monospace}.api-core,.ai-network{position:relative;z-index:2;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0e5eb9,#06142a 66%);border:1px solid #0b9fdb;box-shadow:0 0 55px rgba(0,137,255,.4),inset 0 0 35px rgba(0,190,255,.18)}.api-core strong,.ai-network strong{font:700 27px var(--display);color:#c8f7ff}.api-core i,.ai-network i{position:absolute;width:10px;height:10px;border:2px solid #0ed3e7;border-radius:50%;box-shadow:0 0 12px #0ed3e7}.api-core i:before,.ai-network i:before{content:"";position:absolute;width:75px;height:1px;right:7px;top:3px;background:linear-gradient(90deg,#08a9db,transparent)}.api-core i:nth-of-type(1){left:-90px;top:20px}.api-core i:nth-of-type(2){right:-90px;top:20px;transform:rotate(180deg)}.api-core i:nth-of-type(3){left:-90px;bottom:20px}.api-core i:nth-of-type(4){right:-90px;bottom:20px;transform:rotate(180deg)}.server-stack{position:relative;z-index:2;width:245px;display:grid;gap:12px;transform:perspective(600px) rotateY(-8deg)}.server-stack>span{height:65px;display:flex;align-items:center;gap:8px;padding:0 18px;border:1px solid rgba(0,185,231,.38);border-radius:7px;background:linear-gradient(90deg,#09213c,#071426);box-shadow:0 12px 30px rgba(0,0,0,.35)}.server-stack i{width:7px;height:7px;border-radius:50%;background:#08d2df;box-shadow:0 0 10px #08d2df}.server-stack i:last-child{margin-left:auto;width:80px;height:3px;border-radius:3px;background:linear-gradient(90deg,#0a82d6 60%,#162e48 60%);box-shadow:none}.shield-core{position:relative;z-index:2}.shield-core>i{font-size:140px;line-height:1;color:#09c7e5;filter:drop-shadow(0 0 30px rgba(0,163,255,.4))}.shield-core span{position:absolute;inset:50%;width:230px;height:230px;border:1px solid rgba(0,183,237,.18);border-radius:50%;transform:translate(-50%,-50%);animation:shield-pulse 2.8s ease-out infinite}.shield-core span:last-child{animation-delay:1.4s}.ai-network strong{font-size:35px}.ai-network i:nth-of-type(1){left:-70px;top:15px}.ai-network i:nth-of-type(2){right:-70px;top:15px}.ai-network i:nth-of-type(3){left:-95px;top:72px}.ai-network i:nth-of-type(4){right:-95px;top:72px}.ai-network i:nth-of-type(5){left:-60px;bottom:5px}.ai-network i:nth-of-type(6){right:-60px;bottom:5px}.ai-network i:nth-of-type(even){transform:rotate(180deg)}
body.modal-open{overflow:hidden}@keyframes modal-spin{to{transform:rotate(360deg)}}@keyframes shield-pulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(.45)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}@media(max-width:800px){.service-modal{padding:12px}.service-modal__dialog{max-height:calc(100vh - 24px)}.service-modal__content{grid-template-columns:1fr}.service-modal__visual{min-height:260px;border-right:0;border-bottom:1px solid rgba(82,143,217,.16)}.service-modal__body{padding:38px 28px}.service-modal__body h2{font-size:33px}.visual-orbit{width:240px;height:240px}.design-window,.code-window{transform:scale(.78)}.server-stack{transform:scale(.8)}.service-modal__close{top:12px;right:12px}}@media(max-width:480px){.service-modal__visual{min-height:210px}.service-modal__body{padding:30px 20px}.service-modal__body ul{grid-template-columns:1fr}.service-modal__actions{display:block}.service-modal__actions .button{width:100%}.service-modal__actions>span{display:block;margin-top:12px;max-width:none;text-align:center}.api-core,.ai-network{transform:scale(.75)}}
@media(prefers-reduced-motion:reduce){.visual-orbit,.shield-core span{animation:none}}