/* Services page */
.services-page{background:#0d1422;color:#fff}
.services-nav-wrap{position:absolute;background:rgba(5,15,34,.78);backdrop-filter:blur(16px)}
.services-page .nav{height:88px}
.services-page .nav-links a[aria-current="page"]{color:#59d8ff;opacity:1}
.services-hero{min-height:530px;position:relative;overflow:hidden;background:linear-gradient(115deg,#071329,#10244a 62%,#071329);padding:115px 0 0;color:#fff}
.services-hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000 65%)}
.services-hero-inner{position:relative;z-index:1}
.services-breadcrumb{display:flex;gap:10px;align-items:center;margin:0 0 55px;color:#899bb7;font-size:11px}.services-breadcrumb a:hover{color:#fff}.services-breadcrumb span:last-child{color:#fff}
.services-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-top:19px}
.services-intro-grid h1{font-size:clamp(54px,7vw,84px);line-height:.98;letter-spacing:-4px;margin:18px 0 0}
.services-intro-grid h1 em{font-style:normal;color:#55d4ff}
.services-intro-grid>div>p{max-width:470px;color:#b2c0d6;font-size:16px;line-height:1.75}
.services-jump{display:inline-flex;gap:14px;align-items:center;margin-top:22px;color:#fff;font-size:13px;font-weight:700}.services-jump span{color:#52d5ff;font-size:20px}
.services-hero-meta{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);margin-top:72px;padding:17px 0;color:#7487a5;font-size:9px;letter-spacing:1.6px}
.services-catalog{background:#0d1422;padding:76px 0 112px;color:#fff}
.services-catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}
.services-catalog-heading h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1.2px;margin-top:13px}
.services-catalog-heading>p{max-width:400px;color:#99a8bf;font-size:13px;line-height:1.7}
.services-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-tile{min-width:0;background:#131d31;border:1px solid #26344d;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}
.service-tile:hover{transform:translateY(-5px);border-color:#3d91c7;box-shadow:0 16px 45px rgba(0,0,0,.25)}
.service-art{height:190px;position:relative;overflow:hidden;background:#102b49}
.service-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(8,16,31,.5))}
.service-art i,.service-art b{position:absolute;display:block}
.art-ai{background:radial-gradient(ellipse at 74% 30%,rgba(46,211,255,.55),transparent 35%),linear-gradient(135deg,#0e3461,#0b1834 75%)}
.art-orb{position:absolute;width:160px;height:160px;border:1px solid rgba(93,218,255,.45);border-radius:50%;right:12%;top:8%;box-shadow:0 0 50px rgba(35,175,255,.16)}
.art-orb:before,.art-orb:after{content:"";position:absolute;inset:18px;border:1px solid rgba(93,218,255,.35);border-radius:50%;transform:rotateX(65deg)}.art-orb:after{transform:rotateY(65deg)}
.art-core{position:absolute;z-index:1;right:calc(12% + 57px);top:65px;font-size:26px;font-weight:800;color:#b6f4ff;text-shadow:0 0 25px #17aaff}
.art-ai i{width:250px;height:1px;left:0;top:52%;background:linear-gradient(90deg,transparent,#4ddcff,transparent);transform:rotate(-22deg)}.art-ai b{width:90px;height:90px;border:1px solid rgba(68,178,255,.3);border-radius:50%;left:12%;top:20%}
.art-software{background:linear-gradient(130deg,#123d66,#11182d 70%)}
.art-window{position:absolute;left:12%;top:16%;width:57%;height:70%;border:1px solid rgba(119,212,255,.5);border-radius:7px;background:linear-gradient(140deg,rgba(30,109,162,.45),rgba(9,18,36,.7));box-shadow:18px 15px 0 rgba(18,102,162,.2)}
.art-window i{width:5px;height:5px;background:#53d5ff;border-radius:50%;top:10px;left:10px;box-shadow:11px 0 #4d84ff,22px 0 #9bdcff}
.art-window b{left:13px;right:13px;top:39px;height:55px;border-left:1px solid rgba(90,209,255,.55);border-bottom:1px solid rgba(90,209,255,.4);background:linear-gradient(155deg,transparent 48%,rgba(55,193,255,.3) 49%,transparent 51%)}
.art-code{position:absolute;right:11%;top:30%;font-size:44px;color:#69dfff;font-weight:700;text-shadow:0 0 30px rgba(32,179,255,.7)}
.art-quality{background:radial-gradient(ellipse at center,#164163,#102038 70%)}
.quality-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(78,214,255,.4);border-radius:50%}.quality-ring.ring-a{width:130px;height:130px}.quality-ring.ring-b{width:178px;height:178px;border-color:rgba(78,214,255,.18)}
.quality-check{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(140deg,#39d6ff,#1769ff);font-size:38px;font-weight:700;color:#fff;box-shadow:0 0 45px rgba(27,151,255,.45)}
.art-quality i{position:absolute;width:240px;height:1px;background:linear-gradient(90deg,transparent,rgba(77,212,255,.5),transparent);top:50%;left:20%;transform:rotate(32deg)}
.art-cloud{background:linear-gradient(145deg,#102c4d,#0c1a32)}
.cloud-shape{position:absolute;left:50%;top:21%;transform:translateX(-50%);font-size:78px;line-height:1;color:#72dcff;text-shadow:0 0 40px rgba(56,168,255,.55)}
.cloud-node{position:absolute;width:12px;height:12px;background:#4fd7ff;border-radius:50%;box-shadow:0 0 20px #1baaff}.node-one{left:24%;top:32%}.node-two{right:22%;top:37%}.node-three{left:49%;bottom:14%}
.art-cloud i{position:absolute;width:56%;height:55%;left:22%;top:23%;border:1px solid rgba(83,200,255,.33);border-bottom:0;border-radius:50% 50% 0 0}
.art-automation{background:linear-gradient(135deg,#29235c,#11243c 65%,#0c1830)}
.auto-loop{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);font-size:92px;line-height:1;color:#72caff;text-shadow:0 0 35px rgba(82,157,255,.65)}
.auto-chip{position:absolute;z-index:1;font-size:8px;letter-spacing:1px;padding:7px 10px;border:1px solid rgba(117,204,255,.45);border-radius:3px;background:#132640;color:#b9eaff}.chip-one{left:12%;top:25%}.chip-two{right:10%;bottom:21%}
.art-automation i{position:absolute;width:70%;height:60%;left:15%;top:19%;border:1px dashed rgba(82,177,255,.35);border-radius:50%}
.art-api{background:radial-gradient(ellipse at 50% 48%,#153f68,#0d1c34 72%)}
.api-node{position:absolute;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(109,221,255,.7);border-radius:12px;background:#112b49;color:#8ceaff;font-weight:700;box-shadow:0 0 28px rgba(39,161,255,.18)}.api-a{left:20%;top:24%}.api-b{right:19%;top:24%}.api-c{left:calc(50% - 22px);bottom:15%}
.api-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#54d8ff,transparent);transform-origin:left}.line-a{left:31%;top:42%;width:39%;transform:rotate(0)}.line-b{left:35%;top:46%;width:40%;transform:rotate(58deg)}
.service-tile-copy{position:relative;min-height:165px;padding:20px 22px 24px}
.service-tile-copy>span:first-child{font-size:8px;letter-spacing:1.5px;color:#63cfff;font-weight:700}
.service-tile-copy h3{font-size:17px;line-height:1.3;margin-top:9px;padding-right:20px}
.service-tile-copy p{font-size:11px;line-height:1.65;color:#a1aec2;margin-top:9px;max-width:310px}
.service-tile-copy .service-arrow{position:absolute;right:20px;top:39px;font-size:18px;color:#55d5ff;transition:transform .2s}.service-tile:hover .service-arrow{transform:translate(3px,-3px)}
.services-cta{padding:78px 0;background:linear-gradient(110deg,#1260d8,#0c9ed1);color:#fff}
.services-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.services-cta h2{font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-2px;margin-top:17px}
.services-cta .careers-eyebrow{color:#dbedff}
.services-cta .button{margin:0}
@media(max-width:900px){.services-intro-grid{grid-template-columns:1fr 1fr;gap:35px}.services-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-hero{min-height:500px}}
@media(max-width:600px){.services-page .nav{height:70px}.services-hero{padding-top:100px;min-height:auto}.services-breadcrumb{margin-bottom:42px}.services-intro-grid{grid-template-columns:1fr;gap:24px}.services-intro-grid h1{font-size:56px;letter-spacing:-3px}.services-hero-meta{margin-top:50px;font-size:7px;letter-spacing:1px}.services-catalog{padding:65px 0 75px}.services-catalog-heading{align-items:start;flex-direction:column;gap:14px}.services-card-grid{grid-template-columns:1fr;gap:14px}.service-art{height:180px}.service-tile-copy{min-height:150px}.services-cta-inner{align-items:flex-start;flex-direction:column}.services-cta .button{margin-top:5px}}