body{margin:0;background:#040A1C}
a{color:#9FD8FF}a:hover{color:#FFFFFF}
.iop-nav-links{display:flex;gap:32px;align-items:center;margin-left:auto}
.iop-btn{transition:background-color .2s ease, color .2s ease}
.iop-btn:hover{background:#FFFFFF !important;color:#040A1C !important}
.iop-pill{transition:border-color .2s ease, color .2s ease}
.iop-pill:hover{border-color:#3DD6F5 !important;color:#FFFFFF !important}
.iop-card{transition:border-color .2s ease, transform .2s ease}
.iop-card:hover{border-color:rgba(61,214,245,.55) !important;transform:translateY(-3px)}
.svc-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px}
.svc-side{align-self:start}
.iop-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.iop-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
@media (max-width: 1080px){
 .svc-grid{gap:40px}
 .iop-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .iop-rings{opacity:.5}
}
@media (max-width: 860px){
 .iop-nav-links{display:none}
 .iop-logo{top:14px !important}
 .iop-head{padding-left:140px !important;min-height:120px !important}
 .iop-logo img{width:96px !important;height:103px !important}
 .svc-grid,.iop-grid4,.iop-grid2{grid-template-columns:minmax(0,1fr)}
 .iop-h1{font-size:40px !important}
 .iop-rings{display:none}
 .iop-hero-copy{padding-top:96px !important}
}

@media (max-width: 1120px){ .iop-mango-orbit{display:none !important} .iop-mango-inline{display:inline-block !important} }