@import url('service-visuals.css');
.header nav a,.nav-services button{font-size:14px}.services-menu a{font-size:13px}.service-hero p{font-size:18px}.scope b{font-size:13px}.scope h3{font-size:17px}.scope p{font-size:15px;line-height:1.6}.service-cta a{font-size:15px}
.nav-services{position:relative;align-self:stretch;display:flex;align-items:center}.nav-services button{font:inherit;font-size:13px;letter-spacing:.5px;color:var(--ink);border:0;background:transparent;padding:0;cursor:pointer}.nav-services button span{color:var(--blue);font-size:17px;margin-left:4px}.services-menu{position:absolute;top:62px;left:-20px;width:240px;padding:10px 0;background:var(--paper);border:1px solid var(--line);display:none;box-shadow:8px 8px 0 #164cff;z-index:30}.nav-services:hover .services-menu,.nav-services:focus-within .services-menu,.services-menu.open{display:block}.services-menu a{display:block;padding:11px 17px;font-size:12px}.services-menu a:hover{background:var(--blue);color:#fff}.services article>a{display:block;height:100%}.services article>a:hover h2{color:var(--blue)}.service-page .header{position:relative}.service-page .header nav .active:after{display:none}.service-hero{padding:48px 5% 58px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;min-height:475px;border-bottom:1px solid var(--line)}.service-number,.back-link{display:none}.service-number{font:500 23px var(--serif);color:var(--blue);margin:0 0 58px}.service-hero h1{font:500 clamp(48px,6vw,90px)/.9 var(--serif);letter-spacing:-.075em;margin:0}.service-hero h1 em{color:var(--blue);font-style:italic}.service-hero p{max-width:405px;font-size:17px;line-height:1.6;margin:26px 0}.back-link{font-size:12px;font-weight:700;color:var(--blue)}.service-visual{min-height:360px;position:relative;overflow:hidden;background:#dce8f1}.service-visual:before,.service-visual:after{content:'';position:absolute}.visual-software{background:#07143a}.visual-security{background:#e9e6dd}.visual-security:before{width:180px;height:120px;border:9px solid var(--ink);border-radius:15px;left:21%;top:29%;box-shadow:33px 30px 0 -23px var(--blue)}.visual-design{background:var(--blue)}.service-detail{padding:60px 5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-bottom:1px solid var(--line)}.service-detail h2{font:500 clamp(34px,4vw,60px)/.95 var(--serif);letter-spacing:-.055em;margin:0}.service-detail h2 em{color:var(--blue);font-style:italic}.scope{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.scope article{min-height:150px;padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.scope article:nth-child(even){border-right:0}.scope b{font-size:12px;color:var(--blue)}.scope h3{font-size:16px;margin:28px 0 7px}.scope p{font-size:13px;line-height:1.5;margin:0}.service-cta{padding:50px 5%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between}.service-cta h2{font:500 34px/.95 var(--serif);margin:0}.service-cta a{color:#aeeefa;border-bottom:1px solid #aeeefa;padding-bottom:8px}@media(max-width:800px){.nav-services{align-self:auto}.services-menu{top:25px;left:0}.service-hero{grid-template-columns:1fr;padding:34px 5%;min-height:0}.service-number{margin-bottom:35px}.service-hero p{font-size:15px}.service-visual{min-height:280px}.service-detail{grid-template-columns:1fr;padding:45px 5%;gap:37px}.scope{grid-template-columns:1fr}.scope article,.scope article:nth-child(even){border-right:0}.service-cta{padding:40px 5%;display:block}.service-cta h2{margin-bottom:24px}}
.header nav a,.nav-services button{font-size:14px}.services-menu a{font-size:13px}.service-hero p{font-size:18px}.scope b{font-size:13px}.scope h3{font-size:17px}.scope p{font-size:15px;line-height:1.6}.service-cta a{font-size:15px}@media(max-width:800px){.service-hero p,.scope p{font-size:15px}}
.service-hero h1,.service-detail h2,.service-cta h2{letter-spacing:-.045em}
@media(min-width:1200px){body{max-width:1600px;margin:0 auto}}

.service-visual img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}
.visual-web img{object-fit:contain;background:#f5efe7}
@media(max-width:800px){.service-visual img{min-height:280px}}