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-logo img{width:128px;height:138px}
.iop-hero{min-height:880px;display:flex;align-items:center}
.iop-hero > div{width:100%}
.iop-hero-copy{max-width:720px}
.iop-hero-copy h1,.iop-hero-copy p{text-shadow:0 2px 24px rgba(4,10,28,.85),0 0 2px rgba(4,10,28,.9)}
.iop-h1{font-size:88px;line-height:1}
.iop-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.iop-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.iop-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.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-card{transition:border-color .2s ease, transform .2s ease}
.iop-card:hover{border-color:rgba(61,214,245,.55) !important;transform:translateY(-3px)}
.iop-btn{transition:background-color .2s ease, color .2s ease}
.iop-btn:hover{background:#FFFFFF !important;color:#040A1C !important}
.iop-ghost:hover{border-color:#3DD6F5 !important;color:#FFFFFF !important}
@media (max-width: 1080px){
 .iop-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .iop-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .iop-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@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}
 .iop-hero{min-height:0}
 .iop-hero-copy{max-width:none;padding-top:340px !important}
 .iop-h1{font-size:44px}
 .iop-hero{display:block}
 .iop-scene{top:0 !important;height:100% !important}
 .iop-grid3,.iop-grid4,.iop-facts{grid-template-columns:minmax(0,1fr)}
}