.service-container{width:min(1170px,calc(100% - 96px));margin:auto}.services-nav{display:flex;align-items:center;gap:30px;margin-left:60px}.services-nav a{font-size:11px;color:#d9dfff;transition:color .2s}.services-nav a:hover,.services-nav a.current{color:#fff}.services-nav a.current{padding-bottom:5px;border-bottom:1px solid var(--yellow)}.service-menu{display:none}.service-hero{padding-top:100px}.service-side{position:absolute;left:28px;top:70px;height:calc(100% - 70px);display:flex;align-items:center;flex-direction:column;gap:16px;color:#b3c2ff;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.1em;z-index:2}.service-side:after{content:'';position:absolute;top:0;left:50%;height:100%;width:1px;background:rgba(255,255,255,.22);z-index:-1}.service-side>span{writing-mode:horizontal-tb;background:var(--yellow);color:var(--blue);padding:5px;font:11px var(--mono)}.service-side small{font-size:7px}.dark-side{color:#9ba0b0}.dark-side:after{background:#d6d8df}.service-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:110px;align-items:center}.service-hero h1{font-size:clamp(60px,6.4vw,90px);margin:28px 0 22px}.service-hero h1 em{color:var(--yellow)}.service-hero-grid>div>p{max-width:360px;font-size:12px;line-height:1.8;color:#c5d1ff;margin-bottom:24px}.hero-service-list{padding-top:15px}.service-list-label{display:flex;justify-content:space-between;font:8px var(--mono);color:#aebeff;padding-bottom:15px}.hero-service-list>a{border-top:1px solid rgba(255,255,255,.28);display:grid;grid-template-columns:35px 1fr auto 20px;gap:10px;align-items:center;padding:18px 0;transition:padding .25s,background .25s}.hero-service-list>a:last-child{border-bottom:1px solid rgba(255,255,255,.28)}.hero-service-list>a:hover{padding-left:10px;background:rgba(255,255,255,.07)}.hero-service-list>a>span,.hero-service-list>a>small{font:8px var(--mono);color:#9fb3ff}.hero-service-list>a strong{font-size:15px;letter-spacing:-.03em}.hero-service-list>a b{font-size:13px;color:var(--yellow)}.service-hero-bottom{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);margin-top:85px}.service-hero-bottom>div{border-right:1px solid rgba(255,255,255,.23);padding:18px}.service-hero-bottom>div:first-child{padding-left:0}.service-hero-bottom>div:last-child{border-right:0}.service-hero-bottom span,.service-hero-bottom strong{display:block}.service-hero-bottom span{font:8px var(--mono);color:#aebeff;margin-bottom:8px}.service-hero-bottom strong{font-size:10px}.service-specs,.includes-section{position:relative;padding:115px 0}.service-section-heading{display:grid;grid-template-columns:1fr 290px;gap:70px;align-items:end;margin-bottom:75px}.service-section-heading h2{font-size:clamp(43px,4.6vw,64px);margin:22px 0 0}.service-section-heading h2 em{font-style:normal;color:var(--blue)}.service-section-heading>p{font-size:11px;line-height:1.8;color:#858c99;margin:0}.service-row{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:36px;padding:45px 0;border-top:1px solid #d0d4de;scroll-margin-top:25px}.service-row:last-child{border-bottom:1px solid #d0d4de}.spec-index{font:8px var(--mono);color:#91a0d6;margin-bottom:20px}.service-description h3{font-size:24px;letter-spacing:-.06em;margin:0 0 12px}.service-description p{font-size:11px;line-height:1.8;color:#858c99;max-width:250px}.service-description>a{display:inline-block;font:8px var(--mono);color:var(--blue);margin-top:13px}.service-description>a:hover{text-decoration:underline}.service-features{padding-top:8px}.service-features>div{border-bottom:1px solid #d9dce3;padding:10px 0;font-size:10px;line-height:1.4;color:#5b6577}.service-features>div:before{content:'+';font:10px var(--mono);color:var(--blue);margin-right:10px}.spec-card{border:1px solid #b4c2ed;position:relative;background:#f7f8f7}.spec-card:before,.spec-card:after{content:'+';position:absolute;top:-8px;color:#8fa6ec;font:14px var(--mono)}.spec-card:before{left:-5px}.spec-card:after{right:-5px}.spec-top{font:7px var(--mono);color:#8797ca;padding:10px 12px;display:flex;justify-content:space-between;background:#e8ecf9}.spec-art{height:120px;display:flex;align-items:center;justify-content:center;background-color:#e8ecf9;background-image:linear-gradient(rgba(95,127,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(95,127,210,.08) 1px,transparent 1px);background-size:18px 18px}.spec-art svg{width:70px;height:70px;fill:none;stroke:#6680d0;stroke-width:1;transition:transform .4s}.service-row:hover .spec-art svg{transform:translateY(-6px) rotate(-4deg)}.spec-line{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-top:1px solid #d9dfea}.spec-line span{font:7px var(--mono);color:#9ca6be}.spec-line strong{font-size:9px;color:#526079;font-weight:600}.stack-section{padding:110px 0}.stack-section .service-section-heading h2 em{color:var(--yellow)}.stack-section .service-section-heading>p{color:#c1ceff}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}.integration-grid>div{min-height:95px;padding:16px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);position:relative;transition:background .25s}.integration-grid>div:hover{background:rgba(255,255,255,.1)}.integration-grid span{display:block;font:7px var(--mono);color:#aabfff;margin-bottom:22px}.integration-grid strong{font-size:13px}.integration-grid b{position:absolute;right:15px;bottom:15px;color:var(--yellow);font-size:12px}.stack-note{display:flex;justify-content:space-between;color:#b5c5ff;font:8px var(--mono);line-height:1.6;margin-top:18px}.includes-section{padding:115px 0}.includes-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #cfd4e0;border-top:1px solid #cfd4e0}.includes-grid>div{padding:22px;min-height:150px;border-right:1px solid #cfd4e0;border-bottom:1px solid #cfd4e0;transition:background .25s}.includes-grid>div:hover{background:#e8ecfa}.includes-grid span{font:8px var(--mono);color:#9aa5c2}.includes-grid h3{font-size:15px;letter-spacing:-.04em;margin:25px 0 10px}.includes-grid p{font-size:10px;line-height:1.7;color:#858c99;margin:0;max-width:250px}.services-final{padding:100px 0}.services-final>.service-container{position:relative}.services-final h2{font-size:clamp(60px,6.5vw,90px);margin:24px 0}.services-final h2 em{color:var(--yellow)}.services-final-bottom{display:flex;gap:30px;align-items:center}.services-final-bottom p{font-size:11px;line-height:1.8;color:#c4ceff;max-width:230px;margin:0}.services-final-line{height:1px;flex:1;background:rgba(255,255,255,.38);position:relative}.services-final-line i{position:absolute;top:-2px;left:0;width:5px;height:5px;background:var(--yellow);animation:travel 5s linear infinite}.services-page .guide-rail{z-index:10}@media(max-width:1000px){.service-container{width:calc(100% - 80px)}.services-nav{gap:15px;margin-left:20px}.service-hero-grid{gap:45px}.service-row{gap:20px}}@media(max-width:700px){.service-container{width:calc(100% - 44px)}.service-side{display:none}.services-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--blue);margin:0;padding:20px 22px;flex-direction:column;align-items:flex-start;gap:20px;border-top:1px solid rgba(255,255,255,.2)}.services-nav.open{display:flex}.service-menu{display:block;background:none;border:0;color:white;font-size:22px}.services-page .header .nav-cta{margin-left:auto}.service-hero{padding-top:65px}.service-hero-grid{grid-template-columns:1fr;gap:35px}.service-hero h1{font-size:56px}.hero-service-list>a{grid-template-columns:30px 1fr 20px}.hero-service-list>a>small{display:none}.service-hero-bottom{margin-top:50px;grid-template-columns:1fr 1fr}.service-hero-bottom>div:nth-child(3){padding-left:0;border-top:1px solid rgba(255,255,255,.2)}.service-hero-bottom>div:nth-child(4){border-top:1px solid rgba(255,255,255,.2)}.service-specs,.includes-section{padding:75px 0}.service-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.service-section-heading h2{font-size:43px}.service-section-heading>p{max-width:340px}.service-row{grid-template-columns:1fr;gap:18px;padding:35px 0}.service-description p{max-width:360px}.service-features{padding:0}.spec-card{max-width:400px}.stack-section{padding:75px 0}.integration-grid{grid-template-columns:1fr 1fr}.integration-grid>div{min-height:90px}.stack-note span{display:none}.includes-grid{grid-template-columns:1fr 1fr}.includes-grid>div{padding:17px}.services-final{padding:75px 0}.services-final h2{font-size:55px}.services-final-bottom{flex-wrap:wrap}.services-final-line{min-width:50px}.services-final-bottom .button{width:100%}}


/* Premium brand-colored service icons */
.hero-service-list>a{
    grid-template-columns:40px 35px 1fr auto 20px;
    gap:12px;
}
.hero-service-list .svc-icon{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.18);
    transition:transform .25s,background .25s,border-color .25s;
}
.hero-service-list .svc-icon svg{
    width:22px;
    height:22px;
    display:block;
}
.hero-service-list>a:hover .svc-icon{
    transform:translateY(-2px) scale(1.04);
    background:rgba(248,223,56,.16);
    border-color:rgba(248,223,56,.45);
}

.spec-art svg{
    fill:initial;
    stroke:initial;
    stroke-width:initial;
    width:78px;
    height:78px;
    filter:drop-shadow(0 10px 18px rgba(25,61,225,.18));
}
.spec-card--software .spec-art{background:linear-gradient(160deg,#dfe6ff 0%,#eef1fb 55%,#fff8d6 100%)}
.spec-card--dev .spec-art{background:linear-gradient(160deg,#d4dcff 0%,#eceffc 55%,#e8ecfa 100%)}
.spec-card--impl .spec-art{background:linear-gradient(160deg,#fff4b8 0%,#f4f6ff 50%,#e8ecfa 100%)}
.spec-card--it .spec-art{background:linear-gradient(160deg,#d9e2ff 0%,#eef1fb 55%,#fff6c9 100%)}
.spec-card--software .spec-top{background:#e4eaff;color:#3d55b8}
.spec-card--dev .spec-top{background:#dde4ff;color:#3149a8}
.spec-card--impl .spec-top{background:#fff3b0;color:#7a6a12}
.spec-card--it .spec-top{background:#e0e7ff;color:#3149a8}

.integration-grid>div{
    min-height:118px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.integration-grid .int-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    margin:0 0 14px;
    border-radius:9px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.2);
    transition:transform .25s,background .25s;
}
.integration-grid .int-icon svg{
    width:20px;
    height:20px;
    display:block;
}
.integration-grid>div:hover .int-icon{
    transform:translateY(-3px);
    background:rgba(248,223,56,.18);
}
.integration-grid span{margin-bottom:10px}

.includes-grid>div{position:relative}
.includes-grid .inc-icon{
    display:block;
    width:48px;
    height:48px;
    margin:14px 0 4px;
    transition:transform .3s;
}
.includes-grid .inc-icon svg{
    width:48px;
    height:48px;
    display:block;
}
.includes-grid>div:hover .inc-icon{transform:translateY(-4px) rotate(-3deg)}
.includes-grid h3{margin-top:14px}

@media(max-width:700px){
    .hero-service-list>a{grid-template-columns:36px 28px 1fr 20px}
    .hero-service-list>a>small{display:none}
    .integration-grid>div{min-height:110px}
}
