@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--ink:#222429;--muted:#6a6f78;--orange:#336aea;--line:#e5e7ed;--dark:#10121d;--radius:8px;--cyan:#38cce8}
body,button,input,select,textarea,h1,h2,h3,.brand,.demo-heading,.tablet b{font-family:'Outfit',Arial,sans-serif}
.topbar{background:#080a10;color:#c9cdd8;font-size:11px}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:43px}.topbar span:before{content:'●';color:#5586fa;margin-right:10px;font-size:9px}.topbar a{color:#fff}
.header{background:#10121d;color:white;width:100%;padding-inline:max(48px,calc((100% - 1280px)/2));border-color:#ffffff1c;height:105px}.brand{letter-spacing:-.7px;font-weight:700}.brand>[data-content]{font-size:27px;max-width:none}.brand-sub{font-size:9px;letter-spacing:2.9px}.brand img{border-radius:0}.nav-cta{border-color:#ffffff50;border-radius:0;background:#336aea;padding:17px 22px}.header>#navigation{font-size:14px;gap:28px}.language{color:#fff}.menu-toggle{color:white;border-color:#ffffff55}
.hero{width:100%;display:block;position:relative;isolation:isolate;padding:95px 28px 105px;min-height:700px;color:#fff;background:#10121d;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#10121dd9,#10121dab,#10121dcc),url('assets/infrastructure-hero.webp') center/cover}.hero:after{content:'';position:absolute;z-index:-1;width:300px;height:300px;left:-135px;top:160px;border:60px solid #336aea99;border-radius:50%;transform:rotate(-25deg)}.hero-copy{max-width:910px;text-align:center;margin-inline:auto;position:relative}.hero-copy:after{content:'';position:absolute;z-index:-1;right:-260px;bottom:-110px;width:170px;height:170px;background:#336aea55;border-radius:50%}.hero .eyebrow{justify-content:center;font-size:13px;color:#e7e9f1;letter-spacing:2px;margin-bottom:30px}.hero h1{font-size:clamp(48px,6vw,86px);font-weight:700;line-height:1.05;letter-spacing:-2.8px;margin-bottom:28px}.hero h1 span{color:#fff}.hero-description{color:#c9cdd7;max-width:690px;font-size:17px;line-height:1.75;margin:0 auto 33px}.hero-actions{justify-content:center;gap:32px}.hero-actions .button{padding:21px 29px;font-size:13px;letter-spacing:.7px;text-transform:uppercase}.hero .text-link{color:#fff}.hero-note{justify-content:center;color:#bac2d5;margin-top:30px;font-size:12px}.mini-mark{color:#6794ff}.status-dot{background:#6491ff;box-shadow:0 0 0 4px #336aea26}.hero-art{display:none}.button{border-radius:0;background:#336aea}.button:hover{background:#2354c3}.text-link:hover{color:#336aea}.expertise-strip{background:#336aea;color:#fff;border:0}.expertise-strip .wrap{min-height:95px}.expertise-strip span:first-child{color:#dbe5ff}.expertise-strip span:not(:first-child){color:#a4c0ff}.expertise-strip b{font-weight:500;font-size:16px}.section{padding-top:100px;padding-bottom:85px}.section .eyebrow,.web-copy .eyebrow,.project-copy .eyebrow{color:#336aea;font-size:11px;font-weight:600;letter-spacing:1.4px}.section .eyebrow:before,.web-copy .eyebrow:before,.project-copy .eyebrow:before{content:'';width:19px;height:2px;background:#336aea}h2{font-size:clamp(35px,3.6vw,52px);font-weight:600;letter-spacing:-1.8px}.section-intro{font-size:15px;line-height:1.8}.filters button{border-radius:0;font-size:12px;background:#f4f5f8;border-color:#f4f5f8;padding:12px 19px}.filters button.active{background:#336aea;border-color:#336aea}.filters button:hover{border-color:#336aea}.services{gap:23px}.service{background:#f4f5f8;border:1px solid #e5e7ed;border-radius:0}.service-link{padding:32px}.service.featured{background:#10121d;color:#fff;border-color:#10121d}.service.featured p{color:#bcc4d5}.service.featured .service-arrow{color:#8dabff}.service-icon{border-radius:0;background:#e6edff;color:#336aea;width:51px;height:51px;font-size:30px}.featured .service-icon{background:#336aea}.service h3{font-size:25px;font-weight:600;letter-spacing:-.8px}.service p{font-size:14px;line-height:1.8}.service.featured .tags span{border-color:#ffffff30;color:#dce4f4}.tags span{border-color:#d3dbea;border-radius:0;font-size:10px;padding:7px 9px}.service-count{font-size:11px}.web-visual{background:#edf1fa;border-radius:0}.device{border-color:#222938;border-radius:8px}.device-toolbar{background:#222938}.device-site{background:#f6f8fc}.device-site h3 span,.phone b span{color:#336aea}.device-cta,.phone-block{background:#336aea}.device-swoosh{background:#c0d0f5}.device{background:#f7f9ff}.web-copy>p:not(.eyebrow){font-size:15px}.benefits b{font-size:14px}.benefits p{font-size:13px}.benefits li>span{border-radius:0;color:#336aea;background:#edf2ff}.connected{background:#10121d;padding:95px 0}.connected .eyebrow{color:#88aaff;font-size:11px}.connected .section-intro{color:#b5becf}.connection-grid article{border-color:#34394c}.connection-number{color:#88aaff}.connection-grid h3{font-size:29px}.connection-grid p{color:#b5becf;font-size:14px}.connection-grid a{border-color:#336aea;font-size:13px}.connection-grid a:hover{color:#88aaff}.network-art i{background:#1c273e;border-color:#4a6499}.network-art i:before{background:#7697de;box-shadow:0 13px #7697de,0 26px #7697de}.network-art i:after{background:#4b7ff2}.network-art>span,.home-signal{color:#729cff}.home-roof{border-color:#729cff}.home-window{background:#1c273e;border-color:#4a6499}.home-window:after{background:#4b7ff2}.home-art{border-color:#4a6499}.hospitality{padding-bottom:20px}.hospitality-details{border-radius:0;border:0;gap:20px}.hospitality-details article{background:#f4f5f8;border:1px solid #e5e7ed;padding:32px}.hospitality-details article+article{border:1px solid #e5e7ed}.hospitality-details h3{font-size:23px}.hospitality-details p{font-size:14px}.hospitality-details article>span{color:#336aea}.coverage-note{font-size:12px}.step h3{font-size:20px}.step p{font-size:14px}.step-number{font-size:22px;color:#336aea;font-weight:500}.steps{gap:35px}.project-section{background:#edf2fc;border-radius:0;padding:65px;margin-bottom:100px}.project-copy h2{font-size:52px}.project-copy>p:not(.eyebrow){font-size:15px;max-width:380px}.project-copy h2 span{color:#336aea}form input,form select,form textarea{border-radius:0;background:#fff;border-color:#d9e0ef;font-size:14px;padding:14px}form label{font-size:13px}.form-note{font-size:11px}.footer{width:100%;padding:55px max(48px,calc((100% - 1280px)/2)) 15px;background:#10121d;color:#fff}.footer-top{border-color:#ffffff25}.footer-top>p{color:#c0c6d3;font-size:14px}.footer-bottom{color:#a7afc0;font-size:12px}.footer-top>a:last-child{font-size:13px}.former{color:#8492ae;font-size:11px}
.hero:after{width:380px;height:800px;left:auto;right:-190px;top:-100px;border:0;border-radius:0;background:linear-gradient(170deg,#336aea85,#38cce81a);transform:rotate(29deg)}.hero-copy:after{width:180px;height:180px;right:auto;left:-300px;bottom:-20px;background:transparent;border:1px solid #38cce877;box-shadow:0 0 0 22px #38cce810,0 0 0 44px #38cce80a}.service{border-radius:12px;overflow:hidden}.service-icon{border-radius:10px;border:1px solid #336aea20}.service:hover{border-color:#38cce8;box-shadow:0 14px 32px #1629510c}.service.featured{background:linear-gradient(140deg,#10121d,#1d2d4e)}.service-arrow{width:31px;height:31px;border:1px solid #ced8ee;border-radius:50%;display:grid;place-items:center;color:#336aea;font-size:18px}.featured .service-arrow{border-color:#ffffff35}.service.featured .tags span{border-color:#ffffff50}.hospitality-details{border-radius:10px}.hospitality-details article{border-radius:10px}.step-number{display:grid;place-items:center;border:1px solid #b4caf8;border-radius:50%;width:49px;height:49px;color:#336aea;font-size:17px;background:#eef4ff}.step{border-top:0;position:relative}.step:before{content:'';position:absolute;top:49px;left:57px;right:-22px;height:1px;background:linear-gradient(90deg,#a5bfee,#38cce850)}.step:last-child:before{display:none}.project-section{border-radius:15px}.project-section form{padding:25px;background:#fff;border-radius:10px;box-shadow:0 10px 35px #1c316808}.project-section form input,.project-section form select,.project-section form textarea{background:#f5f7fc;border-color:#e8ebf3;border-radius:5px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:100px}.faq h2{font-size:42px}.faq .eyebrow{color:#336aea}.faq details{border-bottom:1px solid #e5e7ed;padding:21px 0}.faq details:first-child{border-top:1px solid #e5e7ed}.faq summary{cursor:pointer;font-size:17px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:25px;font-weight:400;color:#336aea}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.85;color:#6a6f78;margin:15px 0 0}.faq summary::-webkit-details-marker{display:none}
.service-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:820px){.faq{gap:30px;grid-template-columns:1fr;padding-bottom:70px}.faq h2{font-size:36px}.faq summary{font-size:16px}.project-section form{padding:20px}}@media(max-width:580px){.step:nth-child(2):before{display:none}.faq{padding-bottom:60px}.faq .eyebrow{font-size:9px}.faq h2{font-size:34px}.project-section form{padding:20px 17px}.hero:after{left:auto;right:-310px;width:390px;height:730px;top:-80px;transform:rotate(25deg)}.hero-copy:after{display:none}}
@media(max-width:1100px){.header>#navigation{gap:17px;font-size:12px}.header{padding-inline:28px}.nav-cta{padding:15px}.hero{min-height:650px;padding-top:85px}.hero-description{font-size:16px}.service-link{padding:26px}.service h3{font-size:23px}.project-section{padding:42px}.footer{padding-inline:28px}.project-copy h2{font-size:45px}.faq{gap:40px}}
@media(max-width:820px){.header{height:90px}.header nav{background:#161a27;border-color:#ffffff20;top:80px;left:28px;right:28px;font-size:15px;border-radius:0;gap:22px}.hero{padding-top:75px;min-height:620px}.hero h1{font-size:66px}.hero-description{max-width:580px;font-size:15px}.hero .eyebrow{font-size:11px}.expertise-strip b{font-size:13px}.section{padding-block:75px}.section-top{gap:28px}.section-intro{font-size:14px}.web-section{padding-bottom:75px}.hospitality{padding-bottom:0}.hospitality-details article{padding:22px}.hospitality-details h3{font-size:19px}.hospitality-details p{font-size:13px}.project-section{padding:35px;gap:35px}.project-copy h2{font-size:39px}.connected{padding-block:75px}}
@media(max-width:580px){.header{height:84px;padding-inline:18px}.topbar .wrap{min-height:40px;font-size:10px}.topbar a{display:none}.brand>[data-content]{font-size:24px}.brand-sub{font-size:8px;letter-spacing:2.6px}.header nav{left:18px;right:18px;top:75px}.hero{padding:65px 22px 70px;min-height:615px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px;gap:9px;line-height:1.8}.hero h1{font-size:50px;letter-spacing:-1.5px;line-height:1.12}.hero-description{font-size:15px;line-height:1.85}.hero-actions{flex-direction:column;gap:22px}.hero-actions .button{font-size:11px;padding:19px 23px}.hero-actions .text-link{font-size:13px}.hero-note{font-size:10px;margin-top:25px;gap:7px}.hero:after{width:170px;height:170px;border-width:35px;left:-120px;top:210px}.expertise-strip .wrap{padding-block:25px;gap:11px}.expertise-strip b{font-size:11px}.section{padding-block:65px}.section .eyebrow,.web-copy .eyebrow,.project-copy .eyebrow{font-size:9px}h2{font-size:36px;letter-spacing:-1px}.section-intro{font-size:14px}.filters button{font-size:10px;padding:11px 13px}.service-link{padding:27px}.service h3{font-size:26px}.service p{font-size:14px}.service-top{margin-bottom:23px}.hospitality{padding-bottom:0}.hospitality-details{gap:14px}.hospitality-details article{padding:26px}.hospitality-details h3{font-size:23px}.hospitality-details p{font-size:14px}.coverage-note{font-size:11px}.connection-grid h3{font-size:27px}.connection-grid p{font-size:14px}.steps{gap:24px}.step h3{font-size:19px;line-height:1.3}.step p{font-size:13px}.project-section{padding:29px 24px;margin-bottom:0;gap:25px}.project-copy h2{font-size:41px}.project-copy>p:not(.eyebrow){font-size:14px}.footer{padding:45px 18px 12px}.footer-bottom{font-size:11px}.footer-top{gap:20px}.footer .brand{font-size:27px}}

.expertise-strip{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#5874a61c,transparent 75%),linear-gradient(110deg,#1b273e,#203852);border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff14;color:#e8eef9}
.expertise-strip .wrap{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;min-height:115px;padding:30px 20px}
.expertise-strip .wrap .expertise-label{position:absolute;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;width:auto;max-width:none;white-space:nowrap;color:#c8d7ef;opacity:.025;font-size:clamp(32px,4.4vw,64px);font-weight:800;letter-spacing:3px;line-height:1;text-align:center;pointer-events:none;user-select:none}
.expertise-items{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 26px;max-width:100%}
.expertise-strip .expertise-item{display:inline-flex;align-items:center;gap:12px;color:#e8eef9;font-size:16px;font-weight:500;line-height:1.5;text-align:center;text-shadow:0 2px 4px #0009}
.expertise-item:before{content:'✳';color:#7795bf;font-size:12px;font-weight:400;text-shadow:none}
@media(max-width:580px){.expertise-strip .wrap{min-height:0;padding:48px 12px}.expertise-items{gap:9px 18px}.expertise-strip .expertise-item{font-size:14px;gap:8px}.expertise-strip .wrap .expertise-label{font-size:31px;letter-spacing:1px;opacity:.02}}
