.navy{position:relative;background:linear-gradient(180deg,#25394E 0%,#1B2B3C 100%)!important;color:#E9EFF6;border:0!important}
.navy::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 50% at 80% 10%,rgba(143,169,196,.18),rgba(143,169,196,0) 70%),radial-gradient(36% 46% at 10% 90%,rgba(59,90,124,.35),rgba(59,90,124,0) 70%)}
.navy > *{position:relative}
.navy h2,.navy h3,.navy .s-head h2{color:#F2F5F8!important}
.navy p,.navy .s-body p{color:#C2CBD6!important}
.navy .s-head span:not(.mark){color:#9FB4C8!important}
.navy .mark{background:linear-gradient(to bottom,rgba(233,239,246,0),#E9EFF6)!important}
.navy .btn{background:#E9EFF6;color:#1B2B3C;border-color:#E9EFF6}
.navy .btn.line{background:transparent;color:#E9EFF6;border-color:rgba(233,239,246,.5)}

.s-head span:not(.mark):not(.mcount):not(.faq-num){color:#5A7493}
.crumbs a{color:var(--pine)}




.stats .panel{background:linear-gradient(200deg,#2A4157 0%,#1B2B3C 100%)!important;box-shadow:0 50px 90px -50px rgba(20,32,45,.7)!important}
.stats .stat b,.stats .stat .num{color:#F2F5F8!important}
.stats .stat i{color:#A8C8E6!important;background:none!important}
.stats .stat + .stat::after{background:rgba(168,200,230,.2)!important}
.stats .stat .pin{background:#A8C8E6!important}
.know.navy{padding:clamp(90px,9vw,150px) 0}
.know.navy .lede{color:#E9EFF6!important}




.i-fig{position:relative;animation:iFloat 7s ease-in-out infinite}
@keyframes iFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
.i-float{position:absolute;z-index:3;border-radius:18px;pointer-events:none;
  background:linear-gradient(200deg,rgba(255,255,255,.55),rgba(233,239,246,.18));border:1px solid rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 40px 80px -40px rgba(35,59,87,.45)}
.i-float.a{width:clamp(70px,7vw,110px);aspect-ratio:1;top:-5%;inset-inline-start:-6%;animation:fA 9s ease-in-out infinite}
.i-float.b{width:clamp(46px,4.4vw,70px);aspect-ratio:1;bottom:8%;inset-inline-end:-5%;border-radius:50%;animation:fB 11s ease-in-out infinite;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.8),rgba(143,169,196,.35))}
.i-float.c{width:clamp(90px,9vw,140px);height:clamp(10px,1vw,14px);bottom:-3%;inset-inline-start:18%;border-radius:999px;animation:fC 8s ease-in-out infinite;
  background:linear-gradient(90deg,rgba(59,90,124,.55),rgba(143,169,196,.2))}
@keyframes fA{0%,100%{transform:translate3d(0,0,0) rotate(-6deg)}50%{transform:translate3d(10px,-18px,0) rotate(4deg)}}
@keyframes fB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-14px,-22px,0)}}
@keyframes fC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(16px,-8px,0)}}
@supports (animation-timeline: view()){
  .i-float.a{animation:fA 9s ease-in-out infinite,iPar linear both;animation-timeline:auto,view()}
  @keyframes iPar{from{translate:0 60px}to{translate:0 -60px}}
}
.know.navy{overflow:hidden}
#knowFx{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.9}
.know.navy .wrap{position:relative;z-index:1}
.cta{perspective:1400px}
.cta-orbs{position:absolute;inset:0;z-index:1;pointer-events:none;transform-style:preserve-3d}
.cta-orbs i{position:absolute;border-radius:50%;filter:blur(30px);opacity:.55;will-change:auto}
.cta-orbs i:nth-child(1){width:34vw;height:34vw;top:-12vw;inset-inline-start:-8vw;background:radial-gradient(circle,rgba(143,169,196,.55),rgba(143,169,196,0) 65%);animation:o1 18s ease-in-out infinite}
.cta-orbs i:nth-child(2){width:26vw;height:26vw;bottom:-10vw;inset-inline-end:-6vw;background:radial-gradient(circle,rgba(59,90,124,.6),rgba(59,90,124,0) 65%);animation:o2 22s ease-in-out infinite}
.cta-orbs i:nth-child(3){width:18vw;height:18vw;top:30%;inset-inline-end:30%;background:radial-gradient(circle,rgba(168,200,230,.45),rgba(168,200,230,0) 65%);animation:o3 16s ease-in-out infinite}
@keyframes o1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vw,4vw,0) scale(1.15)}}
@keyframes o2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-5vw,-3vw,0) scale(1.2)}}
@keyframes o3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-4vw,3vw,0)}}
.cta .wrap{position:relative;z-index:2;transform-style:preserve-3d;transition:transform .67s cubic-bezier(.16,.84,.3,1)}
.cta .btn{transition:transform .34s cubic-bezier(.16,.84,.3,1),background .3s ease,color .3s ease}
.contact .c-card{animation:cFloat 9s ease-in-out infinite;transform-style:preserve-3d;transition:transform .67s cubic-bezier(.16,.84,.3,1)}
@keyframes cFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.contact .f-card{transition:box-shadow .4s ease,transform .54s cubic-bezier(.16,.84,.3,1)}
.contact .f-card:focus-within{transform:translateY(-6px);box-shadow:0 60px 110px -50px rgba(35,59,87,.45),0 0 0 1px rgba(59,90,124,.25)}
.f-giant{display:flex;justify-content:center;direction:ltr;overflow:hidden;padding:clamp(20px,3vw,40px) 0 0;margin-top:clamp(20px,3vw,40px);
  font-family:"Jost",sans-serif;font-weight:200;font-size:clamp(56px,13.5vw,230px);line-height:.82;letter-spacing:.04em;
  color:transparent;-webkit-text-stroke:1px rgba(168,200,230,.28);user-select:none}
.f-giant span{display:inline-block;transform:translateY(100%);transition:transform .74s cubic-bezier(.16,.84,.3,1) calc(var(--i) * 55ms),color .4s ease}
.f-giant.in span{transform:none}
.f-giant:hover span{color:rgba(168,200,230,.08)}
@media (max-width:1000px){.i-float{display:none}}
@media (prefers-reduced-motion:reduce){.i-fig,.i-float,.cta-orbs i,.contact .c-card{animation:none!important}.f-giant span{transform:none}}


.intro > .i-float{z-index:4}
.intro > .i-float.a{top:9%;left:44%;inset-inline-start:auto}
.intro > .i-float.b{bottom:12%;left:5%;inset-inline-end:auto}
.intro > .i-float.c{bottom:9%;left:30%;inset-inline-start:auto}
.cta-orbs i{opacity:.9!important}



body{font-feature-settings:"kern" 1}
.phero-media{left:auto!important;right:0!important}
.phero-media .band{border-radius:clamp(16px,2vw,26px) 0 0 clamp(16px,2vw,26px)!important}
.phero-media .band-tile{right:auto!important;left:clamp(-34px,-3vw,-22px)!important}
.phero .mark,.s-head .mark{margin-left:0!important;margin-right:auto!important}
.fld label{left:2px!important;right:auto!important;transform-origin:left top!important;text-align:left!important}
.fld input,.fld textarea,.fld select,.fld input::placeholder{direction:ltr!important;text-align:left!important}
.fld select{text-align-last:left!important}
.pull em::after{transform-origin:left!important}
.values div::before,.blk::before{transform-origin:left!important}
.hero h1{font-size:clamp(28px,3.5vw,54px)!important;max-width:18ch}
.phero h1{max-width:18ch}
.p-txt h2,.phero h1,.hero h1,h1,h2,h3{letter-spacing:-.02em}
.nav{gap:clamp(10px,1.2vw,22px)!important;font-size:14.5px!important}
.langsw{font-family:"Assistant",sans-serif}



.hero h1{max-width:min(860px,64vw)!important;font-size:clamp(30px,3.6vw,56px)!important;line-height:1.12!important}
.hero .hero-sub{max-width:min(620px,56vw)!important}
.phero h1{max-width:min(720px,48vw)!important}
.band-back{right:auto!important;left:clamp(-150px,-10vw,-90px)!important}
.scount{justify-content:flex-start!important}
.pchip{padding:16px 16px 16px 20px}
.pnum{inset-inline-end:auto!important;inset-inline-start:clamp(18px,3vw,56px)!important}.pp .card3d-in{height:min(52vh,480px)!important}
@media (max-width:900px){ .hero h1,.hero .hero-sub,.phero h1{max-width:none!important} }

.f-ok{margin:14px 0 0;font-size:15px;line-height:1.6;color:#2E7F7B}.fld.bad label{color:#B04A5E!important}.fld.bad::after{transform:scaleX(1)!important;background:#B04A5E!important}


.ftr{padding:clamp(44px,4.2vw,64px) 0 0!important}
.ftr .g{row-gap:28px!important;align-items:start}
.ftr .f-mark{grid-column:1 / 3!important;padding:0!important;margin:0!important;border:0!important}
.ftr .f-mark img{width:clamp(120px,10vw,160px)!important}
.ftr .f-brand{grid-column:3 / 6!important}
.ftr .f-nav{grid-column:6 / 11!important}
.ftr .f-nav ul{columns:2;column-gap:clamp(18px,2vw,32px)}
.ftr .f-nav li{break-inside:avoid}
@media (min-width:761px){.ftr .f-nav li{white-space:nowrap}}
.ftr .f-legal{grid-column:11 / 13!important}
.ftr h4{margin-bottom:14px!important}
.ftr li{margin-bottom:9px!important}
.ftr-addr{line-height:1.75!important}
.ftr-gap{display:block;height:8px}
.ftr .f-brand .social{display:flex;gap:10px;margin-top:18px!important;padding-top:0!important;border-top:0!important}
.ftr .f-brand .social a{width:36px;height:36px}
.ftr-bot{margin-top:clamp(30px,3vw,46px)!important;padding:16px 0!important}
@media (max-width:1180px){
  .ftr .f-mark{grid-column:1 / -1!important}
  .ftr .f-brand{grid-column:1 / 5!important}.ftr .f-nav{grid-column:5 / 10!important}.ftr .f-legal{grid-column:10 / 13!important}
}
@media (max-width:760px){
  .ftr .f-brand,.ftr .f-nav,.ftr .f-legal{grid-column:1 / -1!important}
}



.c-card::before{display:none!important}
.c-card .det{display:flex;flex-direction:column;gap:2px;margin-top:clamp(18px,2vw,26px)!important}
.c-card .det li,.c-card .det li:first-child,.c-card .det li:last-child,.c-card .det li:hover{border:0!important}
.c-card .det li{padding:11px 12px!important;margin-inline:-12px;border-radius:12px;align-items:center!important;
  transition:opacity .47s ease calc(.25s + var(--k,0) * .1s),transform .6s cubic-bezier(.16,.84,.3,1) calc(.25s + var(--k,0) * .1s),background .45s ease!important}
.c-card .det li:hover{background:rgba(168,200,230,.1);padding-inline-end:12px!important}
.c-card .det a,.c-card .det li:hover a{border-bottom:0!important;padding-bottom:0!important}
.c-card .det a{transition:color .35s ease}
.c-card .det li:hover a{color:#fff}
.c-card .social,.c-info .social{border-top:0!important;padding-top:0!important;margin-top:clamp(22px,2.4vw,30px)!important}
.c-card .quick{margin-top:clamp(18px,2vw,24px)!important}



@media (max-width:1000px){
  .phero h1,.phero .sub,.phero .crumbs,.phero .btns{grid-column:1 / -1!important;max-width:none!important}
}
@media (max-width:760px){
  .ftr li{margin-bottom:0!important}
  .ftr li a{display:inline-block;padding:7px 0}
  .crumbs a{display:inline-block;padding:9px 0}
  .c-card .det a{display:inline-block;padding:7px 0}
  .hero-links a{display:inline-block;padding:7px 0}
  .arx-author a,.arx-back{padding:10px 0}
  .ftr-bot a{display:inline-block;padding:12px 0}
  a.link{display:inline-block;padding-block:9px}
  .fld input,.fld select,.fld textarea{font-size:16px!important}
}