:root{--ink:#101a2c;--ink-soft:#57667c;--ink-faint:#8592a6;--white:#fff;--tint:#f4f7fc;--tint-strong:#eaf0fb;--line:#e1e7f2;--blue:#2454e8;--blue-deep:#17318f;--blue-light:#8fb0ff;--blue-tint:rgba(36, 84, 232, .08);--navy:#070f22;--navy-soft:#101c38;--navy-line:#202f4d;--shadow-sm:0 1px 2px rgba(15, 26, 46, .06);--shadow-md:0 14px 34px rgba(15, 26, 46, .10);--shadow-lg:0 26px 64px rgba(7, 15, 34, .18);--radius-sm:8px;--radius:14px;--radius-lg:22px;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:48px;--sp-6:64px;--sp-7:96px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"IBM Plex Sans",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 40px),1180px);margin-inline:auto}.mono{font-family:"IBM Plex Mono",monospace}h1,h2,h3,p{margin-top:0;overflow-wrap:break-word}h1{max-width:780px;margin-bottom:22px;font-weight:700;font-size:clamp(2.5rem, 4.6vw, 3.9rem);line-height:1.1;letter-spacing:-.02em}h2{margin-bottom:16px;font-weight:700;font-size:clamp(1.9rem, 3vw, 2.6rem);line-height:1.16;letter-spacing:-.015em}h3{margin-bottom:10px;font-size:1.2rem;line-height:1.35;font-weight:600}.lead{max-width:640px;color:var(--ink-soft);font-size:clamp(1.05rem, 1.6vw, 1.22rem);line-height:1.6}.section{padding:var(--sp-6) 0}.section--white{background:var(--white)}.section--tint{background:linear-gradient(180deg,#eef2fb 0,var(--tint) 45%,#eef2fb 100%)}.section--dark{color:var(--white);background:var(--navy)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px 40px;margin-bottom:var(--sp-4)}.section-head>*{margin-bottom:0}.section-head p{max-width:480px;padding-top:6px;color:var(--ink-soft)}.section--dark .section-head p{color:#a9b4c1}.eyebrow{display:block;margin-bottom:14px;color:var(--blue-deep);font-family:"IBM Plex Mono",monospace;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow,.section--dark .eyebrow{color:var(--blue-light)}.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.header-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:28px}.logo-link img{width:148px;height:auto}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto;padding-left:28px;border-left:1px solid var(--line)}.main-nav a{position:relative;color:#3a4552;font-size:.92rem;font-weight:500;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--blue)}.main-nav a[aria-current=page]::after{position:absolute;right:0;bottom:-27px;left:0;height:2px;background:var(--blue);content:""}.header-actions{display:flex;align-items:center}.header-call{display:flex;align-items:center;gap:8px;margin-right:20px;padding:9px 16px;border-radius:999px;background:var(--blue-tint);color:var(--blue-deep);font-size:.88rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}.header-call svg{width:16px;height:16px;color:var(--blue);flex:0 0 auto;transition:color .2s}.header-call:hover{background:var(--blue);color:var(--white)}.header-call:hover svg{color:var(--white)}.hamburger{display:none;padding:8px;border:0;background:0 0}.hamburger span{display:block;width:24px;height:2px;margin:5px;background:var(--ink)}.mobile-nav{display:none}.mobile-nav a.mobile-nav-call{margin-top:6px;padding-top:14px;border-top:1px solid var(--line);color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--blue-deep);outline-offset:3px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s,transform .2s;cursor:pointer}.btn-primary{color:var(--white);background:var(--blue);box-shadow:0 1px 2px rgba(15,26,46,.08)}.btn-primary:hover{background:var(--blue-deep);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{border-color:var(--line);color:var(--ink);background:var(--white)}.btn-outline:hover{border-color:var(--blue-deep);color:var(--blue-deep)}.btn-small{min-height:40px;padding-inline:18px;font-size:.86rem}.text-link{color:var(--blue);font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.icon-tile{display:inline-grid;flex:0 0 auto;width:52px;height:52px;place-items:center;border-radius:var(--radius-sm);color:var(--blue-deep);background:linear-gradient(155deg,#e4ecfd 0,var(--blue-tint) 100%);box-shadow:0 1px 2px rgba(15,26,46,.05),0 6px 16px rgba(23,49,143,.1),inset 0 1px 0 rgba(255,255,255,.7)}.icon-tile svg{width:26px;height:26px}.icon-tile--lg{width:64px;height:64px;border-radius:var(--radius)}.icon-tile--lg svg{width:32px;height:32px}.icon-tile--on-dark{color:var(--blue-light);background:rgba(255,255,255,.08)}.hero{position:relative;padding:56px 0 64px;overflow:hidden;background:var(--white)}.hero::before{content:"";position:absolute;inset:0;background:url("../assets/img/hero-bg.jpg") center right/cover no-repeat;opacity:.62}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#fff 0,#fff 32%,rgba(255,255,255,.8) 48%,rgba(255,255,255,.42) 68%,rgba(255,255,255,.15) 100%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);align-items:center;gap:48px}.hero-copy,.hero-form{min-width:0}.hero-copy .lead{max-width:560px;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-form{align-self:center}.hero-form .contact-form{padding:32px}.form-call{margin:-12px 0 22px;color:var(--ink-soft);font-size:.92rem}.form-call a{color:var(--blue);font-weight:600;text-decoration:none}.form-call a:hover{text-decoration:underline}.hero-graphic{position:relative;padding:34px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(175deg,var(--tint) 0,#fff 62%);box-shadow:var(--shadow-lg)}.topology-diagram{width:100%;height:auto}.topology-diagram text{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.05em;fill:var(--ink)}.topology-kicker{fill:var(--blue-deep)!important;letter-spacing:.14em!important}.topology-link{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:square;stroke-linejoin:round}.topology-cable{font-size:8px!important;fill:var(--ink-soft)!important;letter-spacing:.02em!important}.topology-endpoint rect,.topology-rack>rect{fill:var(--white);stroke:var(--line);stroke-width:2}.topology-endpoint circle,.topology-endpoint path{fill:none;stroke:var(--blue-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topology-rack>rect{stroke:var(--blue-deep)}.topology-rack rect:not(:first-child){fill:var(--tint);stroke:var(--blue-deep);stroke-width:1.5}.topology-rack path{stroke:var(--blue);stroke-width:2}.topology-rack circle{fill:var(--blue)}.service-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-tile{padding:30px 26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.service-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-tile h3{margin-bottom:8px}.service-tile p{margin:0 0 14px;color:var(--ink-soft);font-size:.92rem}.work-section{position:relative;min-height:600px;color:#fff;overflow:hidden;background:var(--navy)}.work-section::before{content:"";position:absolute;inset:0;background:url("../assets/img/server-room.jpg") center 15%/cover no-repeat;opacity:.8}.work-section::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,15,34,.2) 0,rgba(7,15,34,.55) 32%,rgba(7,15,34,.9) 55%,var(--navy) 74%,var(--navy) 100%)}.work-section .container{position:relative;z-index:1}.work-copy{display:flex;max-width:620px;margin-left:auto;align-items:flex-start;justify-content:center;flex-direction:column;min-height:600px;padding:60px clamp(24px,4vw,48px)}.work-copy h2{font-size:clamp(1.9rem, 3.2vw, 2.8rem);color:var(--white)}.work-copy>p{color:#b6c1cd;font-size:1.02rem}.check-list{margin:18px 0 30px;padding:0;list-style:none}.check-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--navy-line);color:#d3dbe3}.check-list li svg{width:17px;height:17px;color:var(--blue-light);flex:0 0 auto}.process-strip{display:flex;gap:20px;counter-reset:step}.flow-step{position:relative;flex:1 1 0;padding:26px 22px;border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.flow-step:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.flow-step h3{margin-bottom:8px}.flow-step p{margin:0;color:var(--ink-soft);font-size:.92rem}.faq{width:100%;max-width:none;margin:0;padding:8px clamp(20px,4vw,36px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm)}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:0}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-weight:600;list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-chevron{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border-radius:50%;color:var(--blue-deep);background:var(--tint);transition:background .2s,transform .3s}.faq-chevron svg{width:16px;height:16px;transition:transform .3s}.faq-item[open] summary{color:var(--blue-deep)}.faq-item[open] .faq-chevron{background:var(--blue-tint)}.faq-item[open] .faq-chevron svg{transform:rotate(180deg)}.faq-item p{max-width:760px;margin:0 0 22px;color:var(--ink-soft)}.cta-band{padding:60px 0;color:var(--white);background:var(--blue);box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -1px rgba(7,15,34,.22)}.cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}.cta-inner h2{max-width:700px;margin:0;color:var(--white)}.cta-band .btn{flex:0 0 auto;color:var(--blue-deep);background:var(--white);box-shadow:0 8px 24px rgba(7,15,34,.18)}.cta-band .btn:hover{background:var(--blue-light);box-shadow:none;transform:none}.services-cta{position:relative}.services-cta::after{position:absolute;right:0;bottom:0;left:0;height:1px;background:rgba(255,255,255,.22);content:""}.services-cta .btn{color:var(--blue-deep)}.page-hero{position:relative;padding:var(--sp-6) 0 var(--sp-5);overflow:hidden;background:var(--tint);border-bottom:1px solid var(--line)}.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(160deg,rgba(23,49,143,.34),rgba(36,84,232,.05)),var(--hero-photo);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.55}.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--tint) 0,var(--tint) 36%,rgba(244,247,252,.86) 52%,rgba(244,247,252,.4) 72%,rgba(244,247,252,.1) 100%)}.page-hero>.container{position:relative;z-index:1}.page-hero--services{--hero-photo:url("../assets/img/technician-install.jpg")}.page-hero--process{--hero-photo:url("../assets/img/network-cabling.jpg")}.page-hero h1{max-width:720px}.page-hero .lead{max-width:620px;color:var(--ink);font-weight:500}.service-detail-grid{display:grid;grid-template-columns:1fr;gap:30px}.services-intro{max-width:920px;margin-bottom:0}.services-intro h1{max-width:900px}.services-intro>p:last-child{max-width:780px;margin-bottom:0;margin-top:10px;color:var(--ink-soft)}.service-detail{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);column-gap:clamp(40px,7vw,86px);align-items:center;min-height:440px;padding:0 clamp(32px,5vw,64px) 0 0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm)}.service-detail:first-child{order:1}.service-detail:nth-child(4){order:2;padding:0 0 0 clamp(32px,5vw,64px)}.service-detail:nth-child(2){order:3}.service-detail:nth-child(3){order:4;padding:0 0 0 clamp(32px,5vw,64px)}.service-detail-photo{grid-column:1;grid-row:1/span 5;width:100%;height:100%;min-height:440px;margin:0;object-fit:cover}.service-detail:nth-child(3) .service-detail-photo,.service-detail:nth-child(4) .service-detail-photo,.service-detail>:not(.service-detail-photo){grid-column:2}.service-detail:nth-child(3)>:not(.service-detail-photo),.service-detail:nth-child(4)>:not(.service-detail-photo){grid-column:1}.service-detail .icon-tile{display:none}.service-detail h2{margin-top:42px;margin-bottom:10px;font-size:clamp(1.65rem, 2.4vw, 2.1rem)}.service-detail>p{max-width:620px;color:var(--ink-soft)}.service-detail ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;margin:14px 0 40px;padding:0;list-style:none}.service-detail li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.92rem}.service-detail li:first-child{border-top:0}.service-detail li svg{width:16px;height:16px;color:var(--blue);flex:0 0 auto}.services-proof{padding:0 0 var(--sp-6);background:var(--white)}.services-proof-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(36px,7vw,88px)}.services-proof-photo{height:360px;overflow:hidden;border-radius:var(--radius-lg)}.services-proof-photo img{width:100%;height:100%;object-fit:cover}.services-proof-copy p{max-width:480px;margin-bottom:0;color:var(--ink-soft)}.process-flow-section{padding-top:var(--sp-6)}.process-intro{max-width:860px;margin-bottom:0}.process-intro h1{max-width:820px}.timeline{position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:24px;row-gap:28px}.timeline-rail{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--blue)}.timeline-rail svg{width:22px;height:22px;background:var(--white);border-radius:50%}.timeline-item{min-width:0;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm)}.timeline-item:nth-of-type(2n) .timeline-photo{grid-column:2;grid-row:1}.timeline-item:nth-of-type(2n) .timeline-copy{grid-column:1;grid-row:1}.timeline-photo{position:relative;min-height:260px;margin:0;overflow:hidden;background:var(--tint)}.timeline-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.timeline-item:hover .timeline-photo img{transform:scale(1.025)}.timeline-photo--contain img{object-fit:contain;padding:14px}.timeline-photo--contain:hover img{transform:none}.timeline-copy{align-self:center;padding:30px}.timeline-copy .step-index{display:none}.timeline-copy h2{font-size:clamp(1.35rem, 2vw, 1.7rem)}.timeline-copy p{max-width:480px;color:var(--ink-soft)}.timeline-copy p:last-child{margin-bottom:0}.about-content{max-width:1180px}.about-photo{width:100%;height:380px;margin-bottom:var(--sp-5);overflow:hidden;border-radius:var(--radius-lg)}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.about-section{max-width:900px}.about-section>p:not(.lead){color:var(--ink-soft)}.statement{max-width:900px;margin:var(--sp-6) 0;padding:30px 0 30px 28px;border-left:3px solid var(--blue);font-size:clamp(1.4rem, 2.6vw, 2rem);font-weight:600;line-height:1.45;letter-spacing:-.005em;color:var(--ink)}.principles{margin-top:30px}.principle{position:relative;display:grid;grid-template-columns:76px 1fr;gap:22px;padding:var(--sp-3) 0;border-top:1px solid var(--line)}.principle:first-child{padding-top:0;border-top:0}.principle-number{font-family:"IBM Plex Mono",monospace;font-size:2.4rem;font-weight:600;line-height:1;color:var(--tint-strong);-webkit-text-stroke:1.5px var(--line)}.principle h3{margin-bottom:6px}.principle p{margin:0;max-width:520px;color:var(--ink-soft)}.about-simple{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:clamp(48px,8vw,100px)}.about-simple-copy{max-width:720px}.about-simple-copy>p:not(.lead){color:var(--ink-soft)}.about-simple-photo{position:static;height:580px;margin:0;overflow:hidden;border-radius:var(--radius-lg)}.about-simple-photo img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.contact-section{padding-top:var(--sp-6)}.contact-details{margin-top:30px;border-top:1px solid var(--line)}.contact-detail{padding:16px 0;border-bottom:1px solid var(--line)}.contact-detail span{display:block;margin-bottom:2px;color:var(--ink-soft);font-size:.8rem}.contact-detail a{font-weight:600;color:var(--blue);text-decoration:none}.contact-form{padding:38px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field--wide{grid-column:1/-1}label{display:block;margin-bottom:6px;font-size:.82rem;font-weight:600}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #c9ced5;border-radius:var(--radius-sm);color:var(--ink);background:var(--white);outline:0}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}textarea{min-height:140px;resize:vertical}.form-footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px}.form-status{margin:0;font-size:.88rem}.form-status.success{color:#087647}.form-status.error{color:#b42318}.site-footer{padding:56px 0 24px;color:#b9c2cd;background:var(--navy)}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:60px;padding-bottom:44px}.footer-logo{width:148px;margin-bottom:16px;filter:brightness(0) invert(1)}.footer-intro{max-width:400px;color:#8492a1}.footer-title{margin-bottom:14px;color:var(--white);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.footer-links{display:grid;gap:8px}.footer-links a{color:#9fabb8;text-decoration:none}.footer-links a:hover{color:var(--white)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:20px;border-top:1px solid var(--navy-line);color:#6f7c8a;font-size:.78rem;font-family:"IBM Plex Mono",monospace}.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media (max-width:900px){.header-actions>.btn,.header-call,.main-nav{display:none}.hamburger{display:block}.mobile-nav.open{display:grid;padding:12px 20px 22px;border-top:1px solid var(--line);background:var(--white)}.mobile-nav a{padding:12px 0;text-decoration:none}.about-simple,.contact-layout,.hero-grid,.services-proof-grid{grid-template-columns:1fr;gap:40px}.about-simple>*,.contact-layout>*,.hero-grid>*,.services-proof-grid>*{min-width:0}.service-detail-grid,.service-tiles{grid-template-columns:repeat(2,1fr)}.service-detail-grid{grid-template-columns:1fr}.service-detail,.service-detail:nth-child(3),.service-detail:nth-child(4){display:block;min-height:0;padding:0 30px 30px}.service-detail-photo,.service-detail:nth-child(3) .service-detail-photo,.service-detail:nth-child(4) .service-detail-photo{width:calc(100% + 60px);height:300px;min-height:0;margin:0 -30px 26px}.service-detail h2{margin-top:30px}.work-section::after{background:linear-gradient(180deg,rgba(7,15,34,.55) 0,rgba(7,15,34,.88) 40%,var(--navy) 62%,var(--navy) 100%)}.work-copy{max-width:none;margin-left:0;min-height:0}.process-strip{flex-wrap:wrap;gap:30px 24px}.flow-step{flex:1 1 45%}.principle{grid-template-columns:56px 1fr;gap:18px}.about-simple-photo{height:400px}}@media (max-width:620px){.container{width:min(calc(100% - 28px),1180px)}.section{padding:var(--sp-5) 0}.hero{padding-top:44px}.cta-inner,.section-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.process-strip{flex-direction:column}.flow-step{flex:1 1 auto}.contact-form{padding:26px}.field--wide{grid-column:auto}.service-detail ul,.service-detail-grid,.service-tiles{grid-template-columns:1fr}.hero-form .contact-form{padding:24px}.about-photo,.services-proof-photo{height:280px}.timeline{grid-template-columns:28px 1fr;column-gap:14px}.timeline-rail svg{width:18px;height:18px}.timeline-item{display:block}.timeline-photo{height:200px;min-height:0}.timeline-copy{padding:20px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:8px}}