:root{--ob:#0c53f7;--on:#061849;--oi:#09163f;--om:#59647c;--ol:#dce4f1}.oi-container{width:min(100% - 48px,1440px);margin:auto}.oi-section{padding:68px 0}.oi-eyebrow{display:block;color:var(--ob);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.oi-heading{text-align:center;margin-bottom:32px}.oi-heading h2,.oi-copy h2,.oi-final h2{margin:8px 0 0;color:var(--oi);font-size:clamp(26px,2.4vw,38px);line-height:1.18}.oi-heading h2{font-size:30px}.oi-hero{position:relative;min-height:600px;color:#fff;background:#020f34 url('../images/services/office-infrastructure-hero.png') center/cover}.oi-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,14,52,.98),rgba(2,19,66,.88) 38%,rgba(2,18,54,.08) 73%)}.oi-hero__inner{position:relative;z-index:1;min-height:600px;display:flex;align-items:center}.oi-hero__copy{width:51%;padding:62px 0}.oi-hero h1{margin:18px 0 22px;font-size:clamp(40px,4.3vw,67px);line-height:1.08;letter-spacing:-.035em}.oi-hero p{max-width:680px;margin:0 0 16px;color:#d8e4ff;font-size:15px;line-height:1.75}.oi-actions{display:flex;gap:16px;margin-top:28px}.oi-btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 22px;border-radius:5px;font-size:13px;font-weight:800}.oi-btn--primary{color:#fff;background:var(--ob)}.oi-btn--outline{color:#fff;border:1px solid #9eb7ff}.oi-btn--light{color:var(--ob);border:1px solid #9cb5ff;background:#fff}.oi-hero__badge,.oi-data{display:flex;gap:17px;padding:23px;color:#fff;border-radius:8px;background:linear-gradient(135deg,#0756f4,#0638c5);box-shadow:0 14px 35px rgba(0,18,78,.3)}.oi-hero__badge{position:absolute;right:2%;bottom:35px;width:340px}.oi-hero__badge>i,.oi-data>i{font-size:37px}.oi-hero__badge b,.oi-data b{display:block;font-size:17px;line-height:1.4}.oi-hero__badge small{display:block;margin-top:9px;color:#dce8ff;line-height:1.5}.oi-intro{display:grid;grid-template-columns:.85fr 1.35fr;gap:65px;align-items:center}.oi-copy h2 em{display:block;color:var(--ob);font-style:normal}.oi-copy p{margin:20px 0 0;color:var(--om);font-size:14px;line-height:1.85}.oi-visual{position:relative}.oi-visual img{width:100%;height:400px;display:block;object-fit:cover;border-radius:8px}.oi-data{position:absolute;right:-14px;bottom:30px;width:330px}.oi-data p{margin:13px 0 0;color:#dbe7ff;font-size:12px;line-height:1.65}.oi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.oi-card{min-height:180px;display:grid;grid-template-columns:54px 1fr;gap:14px;padding:24px 20px;border:1px solid var(--ol);border-radius:7px}.oi-card>i{width:48px;height:48px;display:grid;place-items:center;color:var(--ob);border-radius:10px;background:#f0f5ff;font-size:25px}.oi-card h3,.oi-process h3,.oi-benefits h3{margin:2px 0 11px;color:var(--oi);font-size:15px;line-height:1.45}.oi-card p,.oi-process p,.oi-benefits p{margin:0;color:var(--om);font-size:12px;line-height:1.75}.oi-process-section{padding-top:25px}.oi-process{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:35px;text-align:center}.oi-process:before{content:"";position:absolute;left:7%;right:7%;top:22px;border-top:2px dotted #8fb0ff}.oi-process article{position:relative}.oi-process article>span{position:relative;z-index:1;width:46px;height:46px;display:grid;place-items:center;margin:0 auto 14px;color:#fff;border-radius:50%;background:var(--ob);font-weight:800}.oi-process article>i{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 12px;color:var(--ob);border-radius:50%;background:#f2f6ff;font-size:29px}.oi-benefits{padding:38px 40px;color:#fff;border-radius:12px;background:radial-gradient(circle at 50% 0,#08256b,#020e36 70%)}.oi-benefits .oi-eyebrow{color:#4c8cff}.oi-benefits .oi-heading h2,.oi-benefits h3{color:#fff}.oi-benefits__grid{display:grid;grid-template-columns:repeat(6,1fr)}.oi-benefits__grid article{padding:7px 24px;text-align:center;border-right:1px solid rgba(111,148,255,.25)}.oi-benefits__grid article:last-child{border:0}.oi-benefits__grid i{display:block;margin-bottom:16px;color:#0870ff;font-size:43px}.oi-benefits__grid p{color:#cbd8f6}.oi-industries{padding-top:15px}.oi-industries__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.oi-industries article{min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:16px;text-align:center;border:1px solid var(--ol);border-radius:8px}.oi-industries i{color:var(--ob);font-size:36px}.oi-industries b{font-size:13px;line-height:1.35}.oi-final{padding-top:0}.oi-final__box{min-height:320px;display:flex;align-items:center;padding:48px 6%;border-radius:12px;background:linear-gradient(90deg,#031441,rgba(3,20,65,.96) 48%,rgba(3,20,65,.25) 78%),url('../images/services/office-infrastructure-hero.png') right center/cover no-repeat}.oi-final__box h2{color:#fff}.oi-final__box p{color:#d5e1ff}.oi-final__box>div{max-width:550px}.oi-final p{color:var(--om);line-height:1.7}
@media(max-width:1100px){.oi-hero__copy{width:62%}.oi-grid{grid-template-columns:repeat(2,1fr)}.oi-benefits__grid{grid-template-columns:repeat(3,1fr);row-gap:32px}.oi-industries__grid{grid-template-columns:repeat(4,1fr)}.oi-process{grid-template-columns:repeat(3,1fr);row-gap:40px}.oi-process:before{display:none}}
@media(max-width:760px){.oi-container{width:min(100% - 32px,1440px)}.oi-section{padding:48px 0}.oi-hero,.oi-hero__inner{min-height:680px}.oi-hero{background-position:62% center}.oi-hero:after{background:rgba(2,15,52,.83)}.oi-hero__copy{width:100%;padding:48px 0 160px}.oi-hero h1{font-size:39px}.oi-hero__badge{left:16px;right:16px;bottom:25px;width:auto}.oi-actions{align-items:stretch;flex-direction:column}.oi-intro{grid-template-columns:1fr;gap:35px}.oi-visual img{height:330px}.oi-data{position:relative;right:auto;bottom:auto;width:calc(100% - 24px);margin:-60px 12px 0}.oi-grid{grid-template-columns:1fr}.oi-process{grid-template-columns:repeat(2,1fr)}.oi-benefits{padding:34px 20px}.oi-benefits__grid{grid-template-columns:1fr}.oi-benefits__grid article{padding:22px 10px;border:0;border-bottom:1px solid rgba(111,148,255,.25)}.oi-industries__grid{grid-template-columns:repeat(2,1fr)}.oi-final__box{min-height:490px;align-items:flex-start;padding:40px 26px;background:linear-gradient(180deg,#f5f8ff 0 47%,rgba(245,248,255,.05) 72%),url('../images/services/office-infrastructure-workspace.png') bottom center/auto 58% no-repeat}}