body{margin:0;background:#ffffff}
a{color:#045b6d}a:hover{color:#033f4c}
.mega{animation:megaIn .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes megaIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.navbtn{transition:color .2s}
.navbtn:hover{color:#045b6d}
.megalink{transition:background .2s,transform .2s}
.megalink:hover{background:#f2f7f8;transform:translateX(4px)}
.hero-in{animation:heroIn .8s cubic-bezier(.2,.8,.2,1) both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}
@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.rel{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.rel:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(3,63,76,.14)}
.rel .arr{display:inline-block;transition:transform .3s}
.rel:hover .arr{transform:translateX(6px)}
.chip{transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:#045b6d}
.flink{transition:color .2s}
.flink:hover{color:#ffffff}
@supports (animation-timeline: view()){
.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 5% cover 25%}
}
@keyframes rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
.mega,.hero-in,.reveal{animation:none!important;opacity:1!important;transform:none!important}
.rel,.megalink,.chip{transition:none}
}