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}
}
.iop-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.iop-shot{aspect-ratio:16/9;position:relative}
.iop-shot img{filter:grayscale(.9) brightness(.62) contrast(1.08);transition:filter .35s ease}
.iop-shot::after{content:"";position:absolute;inset:0;background:#123A7A;mix-blend-mode:color;opacity:.6;pointer-events:none;transition:opacity .35s ease}
.iop-card:hover .iop-shot img,.iop-card:focus-visible .iop-shot img{filter:none}
.iop-card:hover .iop-shot::after,.iop-card:focus-visible .iop-shot::after{opacity:0}
.iop-rev .iop-shot img{filter:none}
.iop-rev .iop-shot::after{opacity:0}
.iop-rev .iop-card:hover .iop-shot img,.iop-rev .iop-card:focus-visible .iop-shot img{filter:grayscale(.9) brightness(.62) contrast(1.08)}
.iop-rev .iop-card:hover .iop-shot::after,.iop-rev .iop-card:focus-visible .iop-shot::after{opacity:.6}
.iop-chip{cursor:pointer;font-family:inherit;background:transparent;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.iop-chip:hover{border-color:#3DD6F5 !important;color:#FFFFFF !important}
.iop-chip[aria-pressed="true"]{background:#3DD6F5 !important;border-color:#3DD6F5 !important;color:#04122A !important;font-weight:600}
@media (max-width: 1080px){ .iop-grid3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 860px){ .iop-grid3{grid-template-columns:minmax(0,1fr)} }
.iop-prose h2{margin:48px 0 12px;font-size:24px;line-height:1.3;font-weight:600;color:#FFFFFF;letter-spacing:-.01em}
.iop-prose h2:first-child{margin-top:0}
.iop-prose p{margin:0 0 16px;color:#B4C3E6}
.iop-prose ul{margin:0 0 16px;padding-left:22px;color:#B4C3E6}
.iop-prose li{margin:0 0 8px}
.iop-prose strong{color:#E6EDFF;font-weight:600}
.iop-field{width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid rgba(140,180,255,.28);background:#050F26;color:#E6EDFF;font-family:inherit;font-size:15px}
.iop-field:focus{outline:2px solid #3DD6F5;outline-offset:1px}
.ct-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}
.ab-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.iop-ghost{transition:border-color .2s ease,color .2s ease}
.iop-ghost:hover{border-color:#3DD6F5 !important;color:#FFFFFF !important}
@media (max-width: 860px){ .ct-grid,.ab-grid2{grid-template-columns:minmax(0,1fr)} }