*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.page{max-width:var(--page);margin:auto}.site-header{display:flex;align-items:center}.brand{display:flex;align-items:center;gap:15px}.brand img{width:57px;height:57px}.brand-name{font-size:33px;font-weight:600;letter-spacing:-.055em}.nav{display:flex;gap:clamp(17px,2vw,33px);margin-left:auto;font-size:9px;text-transform:uppercase}.nav a{padding:10px 0;border-bottom:1px solid transparent}.language{font-size:9px}.language strong{color:var(--accent)}.contact{margin-left:20px;padding:12px 18px;border:1px solid;font-size:9px;text-transform:uppercase}.menu-toggle{display:none;margin-left:auto;border:0;background:none;color:inherit;font-size:10px;text-transform:uppercase}.eyebrow{margin:0 0 24px}.service-hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:650px;background:var(--paper)}.service-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:88px var(--pad)}.service-hero h1{max-width:760px;margin:0;font:400 clamp(34px,4vw,62px)/1.3 var(--display)}.service-hero-copy>p:last-child{max-width:610px;margin:38px 0 0;font-size:18px;line-height:1.68}.service-hero-visual{min-height:650px;background-color:var(--blue);background-position:center;background-repeat:no-repeat;background-size:cover}.service-hero-visual.networks{background-image:linear-gradient(90deg,var(--paper),rgba(248,250,255,.66) 8%,transparent 30%),url('../images/unifi-platform-v9.webp')}.service-hero-visual.voice{background-image:linear-gradient(90deg,var(--paper),rgba(248,250,255,.68) 8%,transparent 30%),url('../images/hero-integrated-v7.webp')}.service-hero-visual.office{background-image:linear-gradient(90deg,var(--paper),rgba(248,250,255,.65) 8%,transparent 30%),url('../images/in-practice-hero-v1.webp')}.service-hero-visual.security{background-image:linear-gradient(90deg,var(--paper),rgba(248,250,255,.65) 8%,transparent 30%),url('../images/unifi-managed-environment-cutaway.webp')}.service-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;padding:100px var(--pad);background:var(--ice)}.service-intro h2,.operation h2,.related h2,.service-cta h2{margin:0;font:400 clamp(27px,3vw,46px)/1.4 var(--display)}.service-intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:38px}.service-intro-copy p{margin:0;font-size:17px;line-height:1.72}.capabilities{border-top:1px solid var(--rule)}.capability{display:grid;grid-template-columns:.43fr .57fr;min-height:370px;border-bottom:1px solid var(--rule);scroll-margin-top:125px}.capability:nth-child(odd){background:var(--blue)}.capability:nth-child(even){background:var(--lilac)}.capability-head{padding:70px var(--pad);border-right:1px solid var(--rule)}.capability-no{display:block;margin-bottom:44px;font:10px var(--mono);letter-spacing:.09em}.capability h2{max-width:580px;margin:0;font:400 clamp(27px,3vw,45px)/1.42 var(--display)}.capability-body{align-self:center;padding:65px var(--pad)}.capability-body>p{max-width:690px;margin:0 0 32px;font-size:17px;line-height:1.72}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin:0;padding:0;list-style:none}.detail-list li{padding:16px 0;border-top:1px solid var(--rule);font-size:15px;line-height:1.5}.delivery{padding:100px var(--pad);background:var(--paper)}.delivery-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;margin-bottom:60px}.delivery-head h2{margin:0;font:400 clamp(27px,3vw,46px)/1.4 var(--display)}.delivery-head p{max-width:710px;margin:0;font-size:18px;line-height:1.72}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.step{min-height:250px;padding:32px;border-right:1px solid var(--rule)}.step:last-child{border-right:0}.step small{display:block;margin-bottom:36px;color:var(--accent);font:10px var(--mono)}.step h3{margin:0;font:400 15px/1.5 var(--display)}.step p{margin:20px 0 0;font-size:15px;line-height:1.65}.operation{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;padding:100px var(--pad);background:var(--lilac2)}.operation-body p{max-width:730px;margin:0 0 32px;font-size:17px;line-height:1.72}.operation .detail-list{max-width:850px}.boundary{margin-top:30px;padding-top:26px;border-top:1px solid var(--rule);color:var(--accent);font:10px/1.7 var(--mono);letter-spacing:.04em;text-transform:uppercase}.related{padding:100px var(--pad);background:var(--ice)}.related-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.related-head>a{padding-bottom:5px;border-bottom:1px solid;font:10px var(--mono);text-transform:uppercase}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.case-link{min-height:210px;padding:34px;border-right:1px solid var(--rule)}.case-link:last-child{border-right:0}.case-link small{color:var(--accent);font:10px var(--mono);text-transform:uppercase}.case-link h3{margin:28px 0 15px;font:400 17px/1.5 var(--display)}.case-link p{margin:0;font-size:15px;line-height:1.6}.case-link:hover{background:var(--paper)}.service-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:85px var(--pad);background:var(--blue)}.service-cta h2{max-width:780px}.service-cta-actions{display:flex;gap:12px}.service-cta a{padding:17px 22px;border:1px solid;font:10px var(--mono);text-transform:uppercase}.service-cta a:hover{background:var(--ink);color:var(--ice)}footer{display:flex;gap:30px;padding:29px var(--pad) 34px;border-top:1px solid var(--rule);font-size:9px}.footer-links{display:flex;gap:25px;margin-left:auto}.signature{margin-left:18px}
.service-hero-visual.networks{background-image:linear-gradient(90deg,var(--paper),rgba(248,250,255,.66) 8%,transparent 30%),url('../images/networks-wifi-hero-v1.webp');background-position:65% center}
.boundary{color:var(--ink);font:15px/1.65 var(--sans);letter-spacing:0;text-transform:none}
@media(max-width:1080px){.nav,.language,.contact{display:none}.menu-toggle{display:block}.service-hero{grid-template-columns:1fr}.service-hero-visual{min-height:480px;background-image:var(--mobile-image)!important}.service-intro,.delivery-head,.operation{grid-template-columns:1fr}.capability{grid-template-columns:1fr}.capability-head{border-right:0;border-bottom:1px solid var(--rule)}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--rule)}}
@media(max-width:1080px){.service-hero-visual.networks{background-image:url('../images/networks-wifi-hero-v1.webp')!important;background-position:65% center}.service-hero-visual.voice{background-image:url('../images/hero-integrated-v7.webp')!important}.service-hero-visual.office{background-image:url('../images/in-practice-hero-v1.webp')!important}.service-hero-visual.security{background-image:url('../images/unifi-managed-environment-cutaway.webp')!important}}
@media(min-width:701px) and (max-width:1080px){.service-hero{grid-template-columns:1.08fr .92fr;min-height:620px}.service-hero-copy{min-height:620px;padding:76px var(--pad)}.service-hero-visual{min-height:620px}}
.service-hero-visual.voice{background-image:linear-gradient(90deg,var(--paper),rgba(248,250,255,.68) 8%,transparent 30%),url('../images/voice-telephony-hero-v1.webp');background-position:65% center}
@media(max-width:1080px){.service-hero-visual.voice{background-image:linear-gradient(90deg,var(--paper) 0%,rgba(248,250,255,.92) 10%,rgba(248,250,255,.55) 22%,transparent 38%),url('../images/voice-telephony-hero-v1.webp')!important;background-position:left center,68% center;background-size:100% 100%,cover}}
.service-hero-visual.office{background-image:linear-gradient(90deg,var(--paper) 0%,rgba(248,250,255,.86) 10%,transparent 32%),url('../images/office-microsoft365-hero-v1.webp');background-position:left center,68% center;background-size:100% 100%,cover}
@media(max-width:1080px){.service-hero-visual.office{background-image:linear-gradient(90deg,var(--paper) 0%,rgba(248,250,255,.92) 10%,rgba(248,250,255,.5) 22%,transparent 38%),url('../images/office-microsoft365-hero-v1.webp')!important;background-position:left center,70% center;background-size:100% 100%,cover}}
.service-hero-visual.security{background-image:linear-gradient(90deg,var(--paper) 0%,rgba(248,250,255,.86) 10%,transparent 32%),url('../images/physical-security-hero-v1.webp');background-position:left center,68% center;background-size:100% 100%,cover}
@media(max-width:1080px){.service-hero-visual.security{background-image:linear-gradient(90deg,var(--paper) 0%,rgba(248,250,255,.92) 10%,rgba(248,250,255,.5) 22%,transparent 38%),url('../images/physical-security-hero-v1.webp')!important;background-position:left center,70% center;background-size:100% 100%,cover}}
@media(max-width:700px){.brand img{width:46px;height:46px}.brand-name{font-size:29px}.service-hero{display:grid;grid-template-areas:'hero';min-height:650px}.service-hero-copy,.service-hero-visual{grid-area:hero}.service-hero-visual{z-index:0;min-height:650px}.service-hero-copy{position:relative;z-index:1;min-height:650px;background:rgba(239,245,252,.76)}.service-hero-copy>p:last-child{font-size:16px}.service-intro,.delivery,.operation,.related{padding-top:75px;padding-bottom:75px}.service-intro-copy,.detail-list{grid-template-columns:1fr}.capability-head,.capability-body{padding:48px var(--pad)}.steps{grid-template-columns:1fr}.step{min-height:0;border-right:0;border-bottom:1px solid var(--rule)}.step:last-child{border-bottom:0}.related-head{align-items:start;flex-direction:column}.related-grid{grid-template-columns:1fr}.case-link{min-height:0;border-right:0;border-bottom:1px solid var(--rule)}.case-link:last-child{border-bottom:0}.service-cta{align-items:flex-start;flex-direction:column}.service-cta-actions{flex-direction:column}footer{flex-wrap:wrap}.footer-links{order:3;width:100%;margin-left:0;flex-wrap:wrap}.signature{margin-left:auto}}

/* Tablet: keep each service hero as one composition. The image sits behind
   the copy, with the fade continuing beyond the readable line length. */
@media(min-width:701px) and (max-width:1080px){
  .service-hero{position:relative;display:block;min-height:620px;overflow:hidden;background:var(--paper)}
  .service-hero-visual{position:absolute;inset:0;z-index:0;width:100%;min-height:620px;padding:0;background-repeat:no-repeat;background-size:cover}
  .service-hero-copy{position:relative;z-index:1;display:flex;width:82%;min-height:620px;flex-direction:column;justify-content:center;padding:76px var(--pad);background:linear-gradient(90deg,var(--paper) 0 70%,rgba(248,250,255,.98) 76%,rgba(248,250,255,.92) 84%,rgba(248,250,255,.70) 90%,rgba(248,250,255,.30) 96%,transparent 100%)}
  .service-hero-visual.networks{background-image:url('../images/networks-wifi-hero-v1.webp')!important;background-position:65% center}
  .service-hero-visual.voice{background-image:url('../images/voice-telephony-hero-v1.webp')!important;background-position:68% center}
  .service-hero-visual.office{background-image:url('../images/office-microsoft365-hero-v1.webp')!important;background-position:70% center}
  .service-hero-visual.security{background-image:url('../images/physical-security-hero-v1.webp')!important;background-position:70% center}
}