@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#14212c;--muted:#65727e;--blue:#245fe4;--line:#dfe5eb;--navy:#0b111b;--paper:#f5f7fa;--font:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:white;font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #739cff;outline-offset:5px}.container{width:min(1240px,88%);margin:auto}.section{padding:112px 0}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.9px;font-weight:700;text-transform:uppercase;color:var(--blue);margin-bottom:25px}.eyebrow.light{color:#a9c6ed}.button{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;font-weight:600;line-height:1.5;padding:17px 23px;border:1px solid var(--blue);border-radius:4px;transition:background .2s,box-shadow .2s}.button:hover{background:#174dc7;box-shadow:0 6px 20px #245fe421}.button.white{background:#fff;color:#1a2735;border-color:white}.button.white:hover{background:#eaf0f7}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;font-weight:600;color:var(--blue);padding:8px 0}.text-link span,.quiet-link span{transition:transform .2s}.text-link:hover span,.quiet-link:hover span{transform:translate(3px,-2px)}.quiet-link{display:inline-flex;align-items:center;gap:20px;color:white;font-size:12px;font-weight:500}.skip{position:fixed;top:8px;left:10px;z-index:200;background:white;padding:10px;transform:translateY(-150%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{position:sticky;top:0;z-index:50;background:#fffffffa;border-bottom:1px solid #e7ebef;backdrop-filter:blur(16px)}.nav-shell{height:88px;width:min(1370px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand svg{width:37px;height:37px;fill:none;stroke:var(--blue);stroke-width:2.6;stroke-linecap:square}.brand-name{font-size:23px;font-weight:700;letter-spacing:-1px;line-height:1}.brand-name>span{display:block;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-top:8px}.header nav{display:flex;align-items:center;gap:32px;height:100%}.header nav>a{font-size:12px;font-weight:600;display:flex;gap:7px;align-items:center;height:100%;color:#47515e}.header nav>a>span{font-size:12px;color:#88919d}.header nav>a:hover,.header nav>a[aria-expanded=true]{color:var(--blue)}.nav-contact{font-size:11px;padding:13px 17px;gap:24px}.mobile-menu{display:none}.mega{position:absolute;top:88px;left:0;right:0;background:white;border-bottom:1px solid var(--line);box-shadow:0 16px 24px #051d3010}.mega[hidden]{display:none}.mega-inner{width:min(1240px,88%);margin:auto;display:grid;grid-template-columns:1fr 1.25fr .9fr;gap:50px;padding:38px 0}.mega .eyebrow{margin-bottom:14px;font-size:9px}.mega h2{font-size:25px;font-weight:600;letter-spacing:-.8px;margin-bottom:12px}.mega p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.menu-links{display:grid;grid-template-columns:1fr;gap:2px}.menu-links a{font-size:12px;padding:12px;border-radius:3px;display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4}.menu-links a:hover{color:var(--blue);background:#f6f8fc}.mega img{width:100%;height:170px;object-fit:cover;border-radius:4px}
.hero{height:690px;position:relative;isolation:isolate;background:var(--navy);color:white;overflow:hidden}.hero-scenes,.hero-scrim{position:absolute;inset:0;z-index:-1}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 52%;opacity:0;transform:scale(1.045);transition:opacity 1.4s ease,transform 8.5s linear;will-change:opacity}.hero-scene.active{opacity:1;transform:scale(1.0)}.hero-scrim{background:linear-gradient(90deg,rgba(5,12,21,.86),rgba(6,14,24,.68) 29%,rgba(6,14,24,.23) 60%,rgba(6,14,24,.04)),linear-gradient(0deg,rgba(5,12,21,.9),transparent 48%)}.hero-inner{width:min(1240px,88%);height:100%;margin:auto;position:relative;padding-top:107px}.hero-copy{max-width:600px}.hero .eyebrow{font-size:9px;margin-bottom:29px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.hero .eyebrow span{width:5px;height:5px;flex:none;background:#7dafff;border-radius:50%;box-shadow:0 0 15px #5e9cff}.hero h1{font-size:clamp(56px,5.5vw,82px);font-weight:500;letter-spacing:-3.5px;line-height:1.06}.hero-description{font-size:14px;line-height:1.9;color:#c0cad6;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:33px}.scene-caption{position:absolute;right:0;bottom:139px;display:flex;align-items:flex-start;gap:22px;text-align:left;max-width:350px}.scene-caption>span{color:#9aaabd;letter-spacing:2px;font-size:9px;line-height:2.5;white-space:nowrap}.scene-caption h2{font-size:15px;line-height:1.5;letter-spacing:-.2px;font-weight:600}.scene-caption p{font-size:10px;color:#b5c0cc;line-height:1.8;margin-top:6px}.slideshow-footer{width:min(1240px,88%);position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;gap:26px;align-items:center}.scene-tabs{display:grid;grid-template-columns:repeat(6,1fr);flex:1;gap:18px}.scene-tab{background:none;border-top:1px solid #ffffff38;padding:17px 0 0;text-align:left;font-size:10px;font-weight:500;color:#b6c0cc;display:flex;gap:9px;align-items:center;position:relative}.scene-tab>span{font-size:8px;color:#778797}.scene-tab:before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:#91b9ff;transition:width .5s}.scene-tab.selected{color:white}.scene-tab.selected:before{width:100%}.scene-tab.selected>span{color:#91b9ff}.motion-toggle{font-size:10px;color:#cad2dc;background:none;border:1px solid #ffffff38;border-radius:3px;display:flex;gap:8px;align-items:center;padding:10px 13px;min-width:76px;justify-content:center}.motion-toggle:hover{background:#ffffff15}.scene-note{position:absolute;bottom:12px;right:6%;color:#8d9bab;font-size:8px;letter-spacing:.3px}.expertise-bar{background:#fff;border-bottom:1px solid var(--line)}.expertise-inner{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:35px}.expertise-inner>p{font-size:10px;line-height:1.9;color:var(--muted)}.expertise-inner strong{font-weight:600;color:#313d48}.vendor{color:#3e4b58;font-weight:700;letter-spacing:-.8px;font-size:25px}.fortinet{font-size:21px;letter-spacing:1.5px}.cisco{font-size:29px;letter-spacing:-1.2px}.unifi{font-size:27px}.vendor-more{font-size:11px;line-height:2;color:#475463}.vendor-more span{font-size:9px;color:#8a939e}
h2{font-size:clamp(32px,3.1vw,45px);line-height:1.18;letter-spacing:-1.65px;font-weight:500}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:50px}.intro{font-size:13px;color:var(--muted);line-height:1.95;max-width:310px;padding-bottom:5px}.solution-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:72px;align-items:start}.solution-selector{display:flex;flex-direction:column;border-top:1px solid var(--line)}.solution-tab{width:100%;background:none;border-bottom:1px solid var(--line);padding:28px 12px 28px 0;display:flex;align-items:center;gap:19px;text-align:left;transition:padding .2s,background .2s}.service-no{font-size:10px;color:#9ca5b0;align-self:flex-start;margin-top:4px}.solution-tab strong{font-size:16px;font-weight:600;letter-spacing:-.3px}.solution-tab small{display:block;font-size:10px;color:#7a8793;margin-top:10px;line-height:1.7}.solution-tab i{margin-left:auto;font-style:normal;font-size:18px;color:#8f9ca9}.solution-tab.selected{background:#f6f8fc;padding-left:15px}.solution-tab.selected strong,.solution-tab.selected i,.solution-tab.selected .service-no{color:var(--blue)}.service-panel{border:1px solid #e5eaf0;border-radius:5px;overflow:hidden;background:#fff}.service-visual{height:270px;position:relative;overflow:hidden;background:#0b1624}.service-visual img{height:100%;width:100%;object-fit:cover;object-position:70% 50%}.visual-label{position:absolute;bottom:20px;left:24px;font-size:8px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:#e0e9f5;padding:8px 10px;background:#0b1728ac;border:1px solid #ffffff25;backdrop-filter:blur(5px)}.service-copy{padding:28px 30px 25px}.service-copy h3{font-size:24px;font-weight:500;letter-spacing:-.7px}.service-copy p{margin:14px 0;font-size:12px;line-height:1.9;color:var(--muted);max-width:470px}.hardware-showcase{background:#f5f7fa;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;padding:85px 0}.equipment-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:25px;align-items:center}.equipment-copy{position:relative;z-index:2}.equipment-copy p:not(.eyebrow){font-size:12px;line-height:1.95;color:var(--muted);max-width:340px;margin-top:22px}.equipment-copy .text-link{margin-top:20px}.equipment-figure{perspective:1400px;position:relative;width:110%;margin-left:-3%}.equipment-figure img{mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 70% 67% at center,#000 55%,transparent 98%);transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1)}figcaption{font-size:8px;color:#8793a0;letter-spacing:1px;text-transform:uppercase;text-align:center;margin-top:-22px;position:relative}.environment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.environment-image{aspect-ratio:1.4;overflow:hidden;background:#152337;border-radius:4px}.environment-image img{width:100%;height:100%;object-fit:cover;object-position:72% center;transition:transform .8s}.environment-card:hover img{transform:scale(1.035)}.environment-copy{padding-top:25px}.micro-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1.4px;color:#83909d}.environment-copy h3{font-size:20px;line-height:1.4;letter-spacing:-.5px;font-weight:500;margin:11px 0 14px}.environment-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:15px}.environment-copy .text-link{font-size:11px}.custom-section{background:#0a1220;color:white;overflow:hidden}.custom-inner{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:40px;padding:90px 0}.custom-copy .eyebrow{margin-bottom:15px}.coming{display:inline-flex;border:1px solid #47586f;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 10px;color:#b7c9e1;border-radius:3px;margin-bottom:25px}.custom-copy h2{font-size:46px;line-height:1.15}.custom-copy>p:not(.eyebrow){font-size:12px;line-height:1.95;color:#9aaac0;max-width:330px;margin:23px 0 29px}.custom-figure{position:relative;width:115%;margin-left:-4%;perspective:1400px}.custom-figure img{mask-image:radial-gradient(ellipse 68% 65% at center,#000 45%,transparent 98%);transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1)}.custom-figure figcaption{color:#697c97;margin-top:-12px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.process article{border-top:1px solid var(--line);padding-top:26px}.process article>span{font-size:11px;color:var(--blue)}.process h3{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:30px 0 14px}.process p{font-size:12px;color:var(--muted);line-height:1.95;max-width:310px}.contact-section{background:#f5f7fa;border-top:1px solid #e8edf3;padding:100px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:24px}.contact-details{margin-top:35px;display:flex;flex-direction:column;gap:19px}.contact-details a{font-size:12px;overflow-wrap:anywhere}.contact-details a>span{display:block;font-size:9px;color:#8b96a3;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:7px}.contact-details>p{font-size:10px;color:#7e8a98;margin-top:4px}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;align-content:start}.field{display:flex;flex-direction:column;gap:10px}.field label{font-size:10px;font-weight:600;color:#4b5969}.field input,.field textarea,.field select{background:white;border:1px solid #d9e0e9;border-radius:3px;color:#263648;font-size:12px;width:100%;padding:14px;outline-offset:1px}.field input::placeholder,.field textarea::placeholder{color:#98a2af}.field textarea{min-height:110px;resize:vertical;line-height:1.7}.full{grid-column:1/-1}.enquiry-form>.button{justify-content:space-between}.form-note{font-size:9px;line-height:1.8;color:#7d8997;margin-top:-10px}footer{padding:50px 0 23px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:43px}.footer-top>p{font-size:12px;line-height:1.9;color:#87919d}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:20px;font-size:8px;color:#939ca7;line-height:1.8}.assistant-toggle{position:fixed;right:24px;bottom:24px;background:#fff;border:1px solid #e0e6ef;box-shadow:0 4px 25px #0b203918;border-radius:6px;display:flex;align-items:center;gap:10px;padding:13px 17px;font-size:10px;font-weight:600;z-index:60}.assistant-symbol{font-size:21px;color:var(--blue);line-height:1}.assistant{position:fixed;right:24px;bottom:82px;width:335px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 20px 70px #0c28422b;z-index:61;overflow:hidden}.assistant[hidden]{display:none}.assistant-head{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.assistant-head strong{font-size:13px;font-weight:600}.assistant-head div>span{display:block;font-size:9px;color:#8995a3;margin-top:6px}.assistant-head button{background:none;font-size:23px;color:#7d8a98}.assistant-body{padding:20px 22px}.assistant-body>p{font-size:12px;color:var(--muted);margin-bottom:15px}.assistant-body>button{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;padding:13px 12px;margin:6px 0;background:#f4f7fb;border:1px solid #e7edf4;border-radius:3px;font-size:11px}.assistant-body>button:hover{color:var(--blue);background:#edf3ff}.assistant-body .text-link{margin-top:16px}.assistant-body small{display:block;font-size:8px;color:#99a3af;margin-top:15px}.assistant-answer{font-size:11px;color:#52677f;background:#edf3ff;padding:14px;line-height:1.85;margin-top:15px;border-radius:3px}.paused .hero-scene{transition:opacity .4s!important;transform:none!important}
@media(min-width:1600px){.hero{height:760px}.hero-inner{padding-top:135px}.hero h1{font-size:86px}.hero-scene{object-position:center 52%}}
@media(max-width:1100px){.header nav{gap:18px}.nav-shell{gap:18px}.brand-name{font-size:21px}.nav-contact{padding:12px;gap:12px}.solution-layout{gap:35px}.contact-grid{gap:55px}.hero h1{font-size:66px}.equipment-grid{grid-template-columns:1fr 1.1fr}.equipment-figure{width:108%}.environment-grid{gap:20px}.scene-caption{right:0;max-width:280px}.scene-caption p{font-size:9px}.process{gap:30px}.scene-tabs{gap:12px}.scene-tab{font-size:9px}.hero-description{font-size:13px}.section{padding:90px 0}}
@media(max-width:800px){html{scroll-padding-top:95px}.nav-shell{height:75px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;height:auto;padding:20px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav>a{padding:17px 0;border-bottom:1px solid #edf1f5;justify-content:space-between}.nav-contact{margin-left:auto}.mobile-menu{display:flex;flex-direction:column;gap:5px;background:none;padding:10px}.mobile-menu span{width:21px;height:1.5px;background:#223345}.mega{display:none!important}.hero{height:690px}.hero-inner{padding-top:85px}.hero-copy{max-width:470px}.hero h1{font-size:64px}.hero-scrim{background:linear-gradient(90deg,#07101bda,#07101b9c 55%,#07101b33),linear-gradient(0deg,#07101bee,transparent 55%)}.scene-caption{left:0;right:auto;bottom:145px;max-width:100%;gap:16px}.scene-caption p{font-size:10px}.scene-tabs{gap:8px}.scene-tab{display:block;font-size:9px;padding-top:12px}.scene-tab>span{display:block;margin-bottom:5px}.slideshow-footer{gap:15px}.motion-toggle{min-width:36px;padding:10px}.motion-label{display:none}.expertise-inner{gap:20px;min-height:110px}.vendor-more{display:none}.vendor{font-size:24px}.fortinet{font-size:18px}.section-heading{gap:40px}.intro{max-width:240px;font-size:12px}.solution-layout{grid-template-columns:1fr 1.15fr;gap:25px}.solution-tab{gap:12px;padding-top:26px;padding-bottom:26px}.solution-tab strong{font-size:14px}.solution-tab small{font-size:9px}.service-visual{height:230px}.service-copy{padding:24px}.service-copy h3{font-size:22px}.equipment-grid{grid-template-columns:1fr}.equipment-copy{max-width:520px}.equipment-copy p:not(.eyebrow){max-width:450px}.equipment-figure{width:100%;max-width:660px;margin:15px auto 0}.environment-grid{gap:15px}.environment-copy h3{font-size:18px}.environment-copy p{font-size:11px}.custom-inner{gap:10px}.custom-copy h2{font-size:36px}.custom-figure{width:125%;margin-left:-10%}.contact-grid{gap:40px}.contact-copy h2{font-size:32px}.enquiry-form{grid-template-columns:1fr;gap:19px}.footer-bottom{font-size:7px}.hero-scenes{overflow:hidden}}
@media(max-width:600px){.container{width:88%}.section{padding:72px 0}.eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:1.5px}h2{font-size:34px;letter-spacing:-1.3px}.nav-shell{width:90%;gap:10px}.brand svg{width:31px;height:31px}.brand-name{font-size:21px}.brand-name>span{font-size:6.5px;letter-spacing:1.6px}.nav-contact{font-size:9px;padding:10px 12px;gap:10px}.nav-contact span{display:none}.hero{height:700px}.hero-inner{padding-top:62px;width:88%}.hero h1{font-size:58px;letter-spacing:-2.7px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:24px}.hero-description{font-size:12px;line-height:1.9;margin-top:22px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column;margin-top:28px}.hero-actions .button{font-size:11px;padding:14px 18px}.hero-actions .quiet-link{font-size:11px}.hero-scene{object-position:65% center}.hero-scrim{background:linear-gradient(90deg,#07101be8,#07101b8c 70%,#07101b40),linear-gradient(0deg,#07101bfa,transparent 65%)}.scene-caption{bottom:158px}.scene-caption h2{font-size:13px}.scene-caption p{max-width:240px;font-size:9px}.scene-caption>span{font-size:8px}.slideshow-footer{bottom:38px;align-items:flex-end;gap:12px}.scene-tabs{grid-template-columns:repeat(3,1fr);gap:17px 15px}.scene-tab{display:flex;gap:7px;padding-top:10px;font-size:9px}.scene-tab>span{margin:0}.scene-note{font-size:6.5px;bottom:11px}.motion-toggle{margin-bottom:0;height:33px}.expertise-inner{padding:25px 0;min-height:135px;flex-wrap:wrap;gap:18px;justify-content:space-between}.expertise-inner>p{width:100%;font-size:9px;line-height:1.4}.expertise-inner>p br{display:none}.expertise-inner>p strong{margin-left:5px}.vendor{font-size:23px}.fortinet{font-size:18px}.section-heading{display:block;margin-bottom:32px}.intro{max-width:100%;margin-top:22px;font-size:12px;line-height:1.8}.solution-layout{grid-template-columns:1fr;gap:28px}.solution-tab{padding:20px 10px 20px 0}.solution-tab strong{font-size:14px}.solution-tab small{font-size:9px;margin-top:5px}.solution-tab.selected{padding-left:12px}.service-visual{height:225px}.service-copy h3{font-size:23px}.service-copy p{font-size:12px}.hardware-showcase{padding:65px 0}.equipment-copy p:not(.eyebrow){font-size:12px;margin-top:19px}.equipment-figure{width:114%;margin:12px 0 0 -7%}.equipment-figure figcaption{margin-top:-8px;font-size:7px}.environment-grid{grid-template-columns:1fr;gap:37px}.environment-image{aspect-ratio:1.6}.environment-copy{padding-top:20px}.environment-copy h3{font-size:22px}.environment-copy p{font-size:12px}.custom-inner{grid-template-columns:1fr;padding:65px 0 55px;gap:15px}.custom-copy h2{font-size:40px}.custom-copy>p:not(.eyebrow){max-width:100%}.custom-figure{width:114%;margin-left:-7%}.custom-figure figcaption{font-size:7px}.process{grid-template-columns:1fr;gap:28px}.process article{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding-top:24px}.process article>span{padding-top:6px}.process h3{margin:0;font-size:24px}.process p{grid-column:2;margin-top:12px;max-width:100%}.contact-section{padding:70px 0}.contact-grid{grid-template-columns:1fr;gap:42px}.contact-copy h2{font-size:34px}.contact-details a{font-size:12px}.enquiry-form{grid-template-columns:1fr;gap:22px}.field input,.field textarea,.field select{font-size:16px;padding:13px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:25px;padding-bottom:30px}.footer-top>p{font-size:10px}.footer-top>.text-link{width:100%;font-size:11px}.footer-bottom{flex-direction:column;gap:10px;font-size:8px}footer{padding-bottom:90px}.assistant-toggle{right:16px;bottom:16px;padding:12px 14px}.assistant{right:15px;bottom:75px;width:calc(100% - 30px);max-width:350px}.menu-links a{font-size:12px}.brand{gap:8px}.nav-contact{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-scene{transform:none!important}[data-depth] img{transform:none!important}}
/* Comfortable reading sizes across editorial sections. */
.intro,.service-copy p,.equipment-copy p:not(.eyebrow),.environment-copy p,.process p,.custom-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.header nav>a{font-size:13px}.text-link{font-size:13px}.solution-tab small{font-size:11px}.hero-description{font-size:15px}.environment-copy .text-link{font-size:12px}.contact-copy>p:not(.eyebrow){font-size:14px}.contact-details a{font-size:13px}.field label{font-size:12px}.form-note{font-size:11px}.footer-bottom{font-size:9px}.scene-tab{font-size:11px}.scene-caption p{font-size:11px}@media(max-width:800px){.header nav>a{font-size:13px}.solution-tab small{font-size:10px}.scene-tab{font-size:10px}.hero-description{font-size:14px}}@media(max-width:600px){.hero-description{font-size:13px}.scene-tab{font-size:10px}.scene-caption p{font-size:10px}.intro,.service-copy p,.equipment-copy p:not(.eyebrow),.environment-copy p,.process p,.custom-copy>p:not(.eyebrow){font-size:13px}.footer-bottom{font-size:9px}.form-note{font-size:10px}}
/* Fine mineral grain and quiet infrastructure silhouettes. */
.solutions,.hardware-showcase,.environments,.approach,.contact-section,.custom-section,.expertise-bar,footer{position:relative;isolation:isolate;overflow:hidden}
.solutions,.environments,.approach,footer{background-color:#f8f9fb}
.solutions::before,.hardware-showcase::before,.environments::before,.approach::before,.contact-section::before,.custom-section::before,.expertise-bar::before,footer::before,.hero::before{content:"";position:absolute;inset:0;background-image:url('assets/fine-grain.svg');background-repeat:repeat;background-size:240px 240px;opacity:.55;pointer-events:none;z-index:0}
.hero::before,.custom-section::before{filter:invert(1);opacity:.22;mix-blend-mode:screen}
.solutions::after,.environments::after,.approach::after,.contact-section::after{content:"";position:absolute;width:min(76vw,1000px);height:800px;right:-160px;top:-30px;background:url('assets/network-silhouette.svg') center/contain no-repeat;opacity:.045;pointer-events:none;z-index:0;transform:rotate(-9deg);mask-image:linear-gradient(110deg,transparent,#000 35%,#000 80%,transparent)}
.environments::after{right:auto;left:-240px;top:0;transform:rotate(12deg) scaleX(-1);opacity:.035}
.approach::after{top:-210px;right:-100px;opacity:.045;transform:rotate(-6deg)}
.contact-section::after{left:-270px;right:auto;top:-100px;opacity:.04;transform:rotate(8deg)}
.solutions>.container,.hardware-showcase>.container,.environments>.container,.approach>.container,.contact-section>.container,.custom-section>.container,.expertise-bar>.container,footer>.container{position:relative;z-index:1}
.service-panel{background:#ffffffee;box-shadow:0 12px 32px #182c4105}.solution-tab.selected{background:#edf2f9e0}.environment-copy,.process article{position:relative}.header{background:#fcfdfffa}.contact-section{background-color:#edf1f6}.hardware-showcase{background-color:#f0f3f8}
@media(max-width:600px){.solutions::after,.environments::after,.approach::after,.contact-section::after{width:750px;right:-400px;opacity:.035}.environments::after,.contact-section::after{left:-400px;right:auto}.solutions::before,.hardware-showcase::before,.environments::before,.approach::before,.contact-section::before,footer::before{opacity:.45}}
/* Autonomous soft-3D background imagery replaces the static vector silhouettes. */
.solutions::after,.environments::after,.approach::after,.contact-section::after{display:none}
.ambient-images{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;perspective:1500px;contain:layout paint;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
.ambient-object{position:absolute;width:clamp(360px,48vw,740px);aspect-ratio:1.5;opacity:.138;will-change:transform,opacity;transform-style:preserve-3d;pointer-events:none}
.ambient-object img{height:100%;width:100%;object-fit:cover;filter:grayscale(.85) saturate(.25) contrast(.82);mask-image:radial-gradient(ellipse 52% 49% at 53% 51%,#000 28%,#000a 52%,transparent 100%);user-select:none;-webkit-user-drag:none}
.ambient-object:nth-child(1){right:-8%;top:0}.ambient-object:nth-child(2){left:-13%;bottom:-5%;width:clamp(350px,40vw,620px)}
.ambient-object:nth-child(3){right:15%;bottom:-24%;width:clamp(300px,34vw,510px)}
.custom-section .ambient-object{opacity:.1265;filter:brightness(1.4)}
@media(max-width:600px){.ambient-object{width:420px}.ambient-object:nth-child(1){right:-190px;top:4%}.ambient-object:nth-child(2){left:-210px;bottom:4%;width:400px}.ambient-object:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.ambient-object{will-change:auto;transform:none!important}}
/* Preserve intrinsic proportions at every responsive width. */
.equipment-figure img,.custom-figure img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;transform:none!important}
.service-visual,.environment-image{height:auto;aspect-ratio:3 / 2}
.service-visual img,.environment-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.ambient-object img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain}
.mega img{height:auto;aspect-ratio:3 / 2;object-fit:contain;align-self:center}
/* Cinematic product panels inspired by the supplied motion reference. */
.motion-showcase{background:#0b1018;padding:75px 0 28px;color:#fff;overflow:hidden}.motion-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.motion-heading .eyebrow{margin-bottom:15px}.motion-heading h2{font-size:36px;letter-spacing:-1.1px}.showcase-motion{display:flex;align-items:center;gap:9px;background:none;border:1px solid #344255;border-radius:4px;color:#b9c8da;padding:11px 14px;font-size:10px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.showcase-card{position:relative;min-height:435px;aspect-ratio:1.32;background:#081322;border:1px solid #243043;border-radius:7px;overflow:hidden;isolation:isolate}.showcase-scenes,.showcase-scene,.showcase-shade{position:absolute;inset:0;pointer-events:none}.showcase-scenes{z-index:-2}.showcase-scene{opacity:0;animation:scene-cycle 21s linear infinite;overflow:hidden;background:#071326}.showcase-scene.scene-two{animation-delay:-14s}.showcase-scene.scene-three{animation-delay:-7s}.showcase-scene>img{width:100%;height:100%;object-fit:cover;object-position:65% 40%;animation:cinematic-camera 21s ease-in-out infinite;transform-origin:60% 40%}.scene-two>img{animation-delay:-14s}.scene-three>img{animation-delay:-7s}.showcase-shade{z-index:-1;background:linear-gradient(0deg,#04101ff5 0%,#04101fc9 25%,transparent 65%)}.showcase-copy{position:absolute;bottom:28px;left:28px;right:28px}.feature-tag{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#91bbff}.showcase-copy h3{font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.8px;margin:10px 0}.showcase-copy p{font-size:11px;line-height:1.8;color:#c0ccda;max-width:410px}.showcase-copy .button{margin-top:18px;padding:10px 15px;font-size:10px;background:#2377ef;border-color:#2377ef;gap:20px}.showcase-counter{position:absolute;top:22px;left:25px;color:#bdcee4;font-size:8px;letter-spacing:1.6px}.showcase-footnote{font-size:8px;letter-spacing:.5px;color:#607389;margin-top:18px;text-align:right}.coverage-rings{position:absolute;left:62%;top:24%;width:230px;height:170px;transform:translate(-50%,-50%) rotateX(55deg);perspective:700px}.coverage-rings i{position:absolute;inset:0;border:2px solid #61b7ff;border-radius:50%;box-shadow:0 0 16px #37a4ff70;animation:coverage-pulse 3.8s linear infinite}.coverage-rings i:nth-child(2){animation-delay:-1.3s}.coverage-rings i:nth-child(3){animation-delay:-2.6s}.blueprint-stage{height:100%;background:radial-gradient(ellipse at 50% 35%,#143a65,#050d18 74%)}.coverage-building{width:100%;height:90%;animation:blueprint-orbit 9s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px #2775d766)}.svg-signal{transform-box:fill-box;transform-origin:center;animation:svg-wave 3s ease-out infinite}.svg-signal.second{animation-delay:-1.5s}.data-path{animation:data-travel 2.5s linear infinite}.blueprint-caption{position:absolute;top:66%;left:0;right:0;font-size:8px;letter-spacing:2px;color:#5d9cde;text-align:center;text-transform:uppercase}.signal-sweep{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 44%,#3ba8ff15 48%,#5dc2ff45 50%,#3ba8ff15 52%,transparent 56%);animation:light-travel 5s ease-in-out infinite;mix-blend-mode:screen}.traffic-overlay{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.traffic-overlay path{fill:none;stroke:#4fb6ff;stroke-width:2;stroke-dasharray:6 24;animation:data-travel 3s linear infinite}.traffic-pulse{fill:#8ed2ff;animation:cloud-pulse 3s ease-in-out infinite}.cloud-glow{position:absolute;left:60%;top:34%;width:160px;height:120px;border-radius:50%;background:#3a9fff;filter:blur(50px);opacity:.18;animation:cloud-pulse 4s ease-in-out infinite}.showcase-scene .equipment-closeup{object-fit:contain;background:#edf3fb}.paused .motion-showcase *{animation-play-state:paused!important}@keyframes scene-cycle{0%,27%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}@keyframes cinematic-camera{0%{transform:scale(1.02) translateX(-1%)}33%{transform:scale(1.12) translateX(1%)}100%{transform:scale(1.02) translateX(-1%)}}@keyframes coverage-pulse{0%{transform:scale(.2);opacity:0}15%{opacity:.7}100%{transform:scale(2.2);opacity:0}}@keyframes blueprint-orbit{0%{transform:translateY(-10px) rotate(-3deg) scale(.96)}100%{transform:translateY(7px) rotate(3deg) scale(1.04)}}@keyframes svg-wave{0%{transform:scale(.4);opacity:1}100%{transform:scale(4);opacity:0}}@keyframes data-travel{to{stroke-dashoffset:-180}}@keyframes light-travel{0%{transform:translateX(-50%);opacity:0}30%,60%{opacity:.8}100%{transform:translateX(50%);opacity:0}}@keyframes cloud-pulse{50%{opacity:.45}}
@media(max-width:800px){.showcase-card{min-height:405px;aspect-ratio:auto}.showcase-copy{left:21px;right:21px;bottom:22px}.showcase-copy h3{font-size:22px}.showcase-grid{gap:16px}}
@media(max-width:600px){.motion-showcase{padding-top:55px}.motion-heading h2{font-size:30px}.motion-heading{align-items:center}.showcase-motion{padding:9px 10px}.showcase-motion span{display:none}.showcase-grid{grid-template-columns:1fr;gap:20px}.showcase-card{min-height:425px}.showcase-copy h3{font-size:25px}.showcase-copy p{font-size:12px}.showcase-footnote{font-size:7px;text-align:left;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.showcase-scene{animation:none!important;opacity:0}.showcase-scene.scene-one{opacity:1}.coverage-rings,.signal-sweep,.traffic-overlay,.cloud-glow{display:none}.showcase-scene>img{transform:none!important}}