.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)}




.phero.v-type .band,.phero.v-type .band-tile{display:none!important}
.phero.v-type .phero-media{display:flex;align-items:center;justify-content:center}
.ph-contact{display:flex;flex-direction:column;gap:18px;padding:clamp(30px,3vw,48px);border-radius:24px;
  background:linear-gradient(200deg,#2A4157,#1B2B3C);box-shadow:0 80px 140px -70px rgba(20,32,45,.7);
  transform:rotateY(10deg) rotateX(3deg);transition:transform .8s cubic-bezier(.16,.84,.3,1)}
.phero.v-type:hover .ph-contact{transform:rotateY(3deg) rotateX(1deg)}
.ph-tel{font-family:"Jost",sans-serif;font-weight:200;font-size:clamp(48px,6vw,92px);line-height:1;letter-spacing:-.01em;color:#F2F5F8;direction:ltr}
.ph-addr{font-size:clamp(16px,1.3vw,20px);line-height:1.6;color:#A8C8E6}
.contact.navy{background:linear-gradient(180deg,#25394E,#1B2B3C)!important}
.contact.navy form h2,.contact.navy form h3,.contact.navy form label,.contact.navy .c-form h2,.contact.navy .c-form h3{color:var(--ink)!important}
.contact.navy form p,.contact.navy .c-form p{color:var(--muted)!important}
.contact.navy .c-card{box-shadow:0 60px 110px -60px rgba(0,0,0,.6)}
@media (max-width:1000px){.ph-contact{transform:none}}


.contact.navy .f-card h3{color:var(--ink)!important}.contact.navy .f-card label,.contact.navy .f-card .f-foot,.contact.navy .f-card p{color:var(--muted)!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}


:root{--az:#3D6E9E;--az2:#86B0DA;--tl:#2E7F7B;--tl2:#86C4BC;--lv:#6E67B3;--lv2:#B0AAE0}
html{scroll-behavior:smooth}
#form{scroll-margin-top:70px}

.phero.v-type{isolation:isolate}
.phero.v-type .phero-glow{background:radial-gradient(34% 50% at 72% 34%,rgba(134,176,218,.34),transparent 70%),radial-gradient(26% 40% at 22% 70%,rgba(134,196,188,.3),transparent 70%),radial-gradient(22% 34% at 46% 12%,rgba(176,170,224,.26),transparent 70%)!important;
  animation:cxAur 22s ease-in-out infinite alternate!important}
@keyframes cxAur{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.06)}100%{transform:translate3d(2%,-2%,0) scale(1.02)}}
.ph-contact{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(200deg,#2C4560 0%,#1F3247 55%,#1E3A46 100%)!important;transition:transform .67s cubic-bezier(.16,.84,.3,1),box-shadow .54s ease!important}
.ph-contact::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--az2),var(--tl2),var(--lv2),var(--az2));background-size:200% 100%;animation:cxBar 6s linear infinite}
@keyframes cxBar{to{background-position:200% 0}}
.ph-contact::after{content:"";position:absolute;z-index:-1;width:70%;aspect-ratio:1;border-radius:50%;inset-inline-end:-20%;top:-40%;background:radial-gradient(closest-side,rgba(134,196,188,.35),transparent);animation:cxOrb 12s ease-in-out infinite alternate}
@keyframes cxOrb{from{translate:0 0}to{translate:-30% 40%}}
.ph-glare{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .34s ease;background:radial-gradient(40% 55% at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.22),rgba(255,255,255,0) 70%)}
.ph-contact:hover .ph-glare{opacity:1}
.ph-call{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;margin-bottom:4px;align-self:flex-end;
  background:linear-gradient(135deg,var(--tl),var(--az));color:#fff;box-shadow:0 16px 30px -14px rgba(46,127,123,.8)}
.ph-call svg{width:24px;height:24px;fill:currentColor;animation:cxRing 4s ease-in-out 2.4s infinite}
@keyframes cxRing{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-14deg)}88%{transform:rotate(12deg)}92%{transform:rotate(-8deg)}96%{transform:rotate(5deg)}}
.ph-call::before,.ph-call::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(134,196,188,.6);animation:cxRip 3s cubic-bezier(.2,.7,.2,1) 1.6s infinite;opacity:0}
.ph-call::after{animation-delay:1.74s;border-color:rgba(176,170,224,.5)}
@keyframes cxRip{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.ph-num{display:inline-flex;direction:ltr}
.ph-num i{font-style:normal;display:inline-block;opacity:0;transform:translateY(50%) rotateX(-70deg);transform-origin:50% 100%;
  transition:opacity .47s ease,transform .6s cubic-bezier(.16,.84,.3,1);transition-delay:calc(.34s + var(--i) * 55ms)}
html.go .ph-num i{opacity:1;transform:none}
.ph-tel{transition:color .4s ease}
.ph-tel:hover{color:#fff;text-shadow:0 0 30px rgba(134,196,188,.45)}

.sect.tinted .panel-card{position:relative;overflow:hidden}
.sect.tinted .panel-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--az),var(--tl2),var(--lv2))}
[dir="rtl"] .sect.tinted .panel-card::before,html[lang="he"] .sect.tinted .panel-card::before{inset:0 0 0 auto}

.contact.navy{position:relative;isolation:isolate;overflow:hidden}
.cx-orb{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(10px)}
.cx-orb.a{width:min(60vw,780px);aspect-ratio:1;top:-30%;inset-inline-end:-12%;background:radial-gradient(closest-side,rgba(110,103,179,.32),transparent);animation:cxOrb 16s ease-in-out infinite alternate}
.cx-orb.b{width:min(55vw,700px);aspect-ratio:1;bottom:-35%;inset-inline-start:-10%;background:radial-gradient(closest-side,rgba(46,127,123,.36),transparent);animation:cxOrb 19s ease-in-out infinite alternate-reverse}
.contact.navy .wrap{position:relative;z-index:1}

.d-ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;align-self:center;
  background:rgba(168,200,230,.1);border:1px solid rgba(168,200,230,.22);color:#CFE0F2;transition:background .4s ease,border-color .4s ease,transform .34s cubic-bezier(.16,.84,.3,1)}
.d-ic svg{width:16px;height:16px;fill:currentColor}
.d-ic.line svg{fill:none}
.c-card .det li{align-items:center!important}
.c-card .det li:hover .d-ic{background:linear-gradient(135deg,var(--tl),var(--az));border-color:transparent;color:#fff;transform:scale(1.08)}
.c-card .det li{opacity:0;transform:translateX(18px);transition:opacity .47s ease,transform .6s cubic-bezier(.16,.84,.3,1),padding-inline-end .45s cubic-bezier(.16,.84,.3,1),border-color .45s ease!important;transition-delay:calc(.25s + var(--k) * .1s),calc(.25s + var(--k) * .1s),0s,0s!important}
html[lang="en"] .c-card .det li{transform:translateX(-18px)}
.c-info.in .c-card .det li{opacity:1;transform:none}
.quick a{display:inline-flex;align-items:center;gap:8px}
.quick a svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto}
.quick a svg[data-line]{fill:none}
.quick a:hover{transform:translateY(-2px);box-shadow:0 14px 26px -16px rgba(0,0,0,.6)}

.f-card{position:relative;overflow:hidden}
.f-prog{position:absolute;inset:0 0 auto;height:4px;background:rgba(59,90,124,.08)}
.f-prog i{position:absolute;inset:0;transform:scaleX(var(--p,0));transform-origin:right;background:linear-gradient(90deg,var(--lv2),var(--tl2),var(--az));transition:transform .47s cubic-bezier(.16,.84,.3,1)}
html[lang="en"] .f-prog i{transform-origin:left}
.fld.as-chips{grid-column:1 / -1;padding-top:6px}
.fld.as-chips select{position:absolute!important;opacity:0;pointer-events:none;width:1px!important;height:1px!important;padding:0!important;border:0!important}
.fld.as-chips label{position:static!important;transform:none!important;display:block;font-size:12px!important;letter-spacing:.06em!important;margin:0 0 10px}
.fld.as-chips::after{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{font:inherit;font-size:14px;line-height:1;padding:10px 15px;border-radius:999px;border:1px solid rgba(59,90,124,.22);background:#fff;color:var(--ink);cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .45s cubic-bezier(.16,.84,.3,1),box-shadow .45s ease}
.chips button::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dot,var(--az));transition:background .35s ease,box-shadow .35s ease}
.chips button:nth-child(2){--dot:var(--tl)}.chips button:nth-child(3){--dot:#5B8FB0}.chips button:nth-child(4){--dot:var(--lv)}.chips button:nth-child(5){--dot:#8A9AAE}
.chips button:hover{transform:translateY(-2px);border-color:rgba(59,90,124,.4)}
.chips button[aria-checked="true"]{background:linear-gradient(120deg,#2F4A66,#2E6F7B);border-color:transparent;color:#fff;box-shadow:0 14px 26px -14px rgba(46,111,123,.75)}
.chips button[aria-checked="true"]::before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.chips button:focus-visible{outline:2px solid var(--pine);outline-offset:3px}
.fld.ok::before{content:"";position:absolute;z-index:2;bottom:13px;inset-inline-end:2px;width:18px;height:18px;border-radius:50%;
  background:linear-gradient(135deg,var(--tl),var(--az)) center/100% no-repeat;animation:cxPop .34s cubic-bezier(.34,1.56,.64,1)}
.fld.ok::after{transform:scaleX(1)!important;background:linear-gradient(90deg,var(--tl2),var(--tl))!important}
.fld.ok input{padding-inline-end:28px!important}
.fld.ok .tk{position:absolute;z-index:3;bottom:13px;inset-inline-end:2px;width:18px;height:18px;display:grid;place-items:center;pointer-events:none}
.fld .tk{display:none}.fld.ok .tk{display:grid}
.fld .tk svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes cxPop{from{transform:scale(0)}to{transform:scale(1)}}
.f-foot .btn{background:linear-gradient(120deg,#2F4A66,#2E6F7B)!important;border-color:transparent!important;color:#fff!important;transition:box-shadow .34s ease,transform .34s cubic-bezier(.16,.84,.3,1),filter .4s ease!important}
.f-foot .btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.f-foot .btn.ready{box-shadow:0 0 0 5px rgba(134,196,188,.22),0 22px 40px -20px rgba(46,127,123,.8);animation:cxReady 2.4s ease-in-out infinite}
@keyframes cxReady{0%,100%{box-shadow:0 0 0 4px rgba(134,196,188,.18),0 22px 40px -20px rgba(46,127,123,.8)}50%{box-shadow:0 0 0 9px rgba(134,196,188,.08),0 22px 40px -20px rgba(46,127,123,.8)}}
.f-foot .btn > span,.f-foot .btn .arw{transition:opacity .3s ease}
.f-foot .btn.sending > span,.f-foot .btn.sending .arw,.f-foot .btn.done > span,.f-foot .btn.done .arw{opacity:0}
.f-foot .btn::before{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;opacity:0;transition:opacity .3s ease}
.f-foot .btn.sending::before{opacity:1;animation:cxSpin .8s linear infinite}
.f-foot .btn.done::before{opacity:0}
.f-foot .btn .ok-tk{position:absolute;inset:0;margin:auto;width:24px;height:24px;opacity:0}
.f-foot .btn .ok-tk path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30}
.f-foot .btn.done .ok-tk{opacity:1}.f-foot .btn.done .ok-tk path{transition:stroke-dashoffset .34s cubic-bezier(.65,0,.35,1);stroke-dashoffset:0}
@keyframes cxSpin{to{transform:rotate(360deg)}}
.fld.bad{animation:cxShake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes cxShake{20%,80%{translate:-2px 0}40%,60%{translate:3px 0}}

.mapcard iframe{transition:filter .6s ease}
.mapcard:hover iframe{filter:grayscale(.1) contrast(1.02)!important}
.mapcard::after{transition:opacity .6s ease}.mapcard:hover::after{opacity:.3}
.map-go{display:flex;gap:8px;margin-top:12px}
.map-go a{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:8px 13px;border-radius:999px;border:1px solid rgba(59,90,124,.22);color:var(--ink);background:#fff;transition:background .35s ease,color .35s ease,transform .45s cubic-bezier(.16,.84,.3,1),border-color .35s ease}
.map-go a svg{width:15px;height:15px;fill:currentColor}
.map-go a:hover{background:linear-gradient(120deg,#2F4A66,#2E6F7B);color:#fff;border-color:transparent;transform:translateY(-2px)}
.mapcard-tag{animation:cxFloat 6s ease-in-out infinite}
@keyframes cxFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media (max-width:1000px){
  .phero.v-type .phero-media{margin:8px 0 30px!important}
  .phero.v-type h1,.phero.v-type .sub{grid-column:1 / -1!important;max-width:none!important}
  .ph-contact{width:100%}
  .ph-call{width:48px;height:48px}
  .chips button{font-size:13.5px;padding:9px 13px}
}
.fgrid:has(.as-chips) .fld:has(#e){grid-column:1 / -1}
.ph-contact{box-sizing:border-box;max-width:100%}
@media (max-width:1000px){.phero.v-type .phero-media{box-sizing:border-box;width:100%!important;padding:0 18px;left:auto!important;right:auto!important}}
@media (prefers-reduced-motion:reduce){
  .phero.v-type .phero-glow,.ph-contact::before,.ph-contact::after,.ph-call svg,.ph-call::before,.ph-call::after,.cx-orb,.f-foot .btn.ready,.mapcard-tag,.fld.bad{animation:none!important}
  .ph-num i,.c-card .det li{opacity:1!important;transform:none!important;transition:none!important}
  html{scroll-behavior:auto}
}



.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}



.c-card .quick{flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.c-card .quick::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}
.c-card .quick a{flex:1 1 auto;justify-content:center;white-space:nowrap;scroll-snap-align:start;
  font-size:clamp(11.5px,.84vw,13px)!important;padding:clamp(7px,.6vw,9px) clamp(8px,.72vw,12px)!important;gap:6px!important}
.c-card .quick a svg{width:13px!important;height:13px!important}
.chips{flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:3px 2px 6px;margin:-3px -2px -6px}
.chips button{flex:1 1 auto;justify-content:center;white-space:nowrap;scroll-snap-align:start;
  font-size:clamp(11.5px,.86vw,13.5px)!important;padding:clamp(7px,.6vw,9px) clamp(8px,.72vw,12px)!important;gap:6px!important}
.chips button::before{width:6px!important;height:6px!important}
.quick.ovf,.chips.ovf{-webkit-mask-image:linear-gradient(to var(--fade,left),#000 82%,transparent);mask-image:linear-gradient(to var(--fade,left),#000 82%,transparent)}
html[lang="en"] .quick.ovf,html[lang="en"] .chips.ovf{--fade:right}
.quick.ovf.end,.chips.ovf.end{-webkit-mask-image:none;mask-image:none}
.fld.as-chips{min-width:0}.fgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.fgrid > *{min-width:0}
.c-card .quick a,.chips button{font-size:12.4px!important;padding:8px 10px!important}
.c-card .quick,.chips{gap:5px!important}
@media (min-width:1181px) and (max-width:1400px){.c-card .quick a,.chips button{font-size:11.6px!important;padding:7px 9px!important}}
@media (min-width:1181px){html[lang="en"] .c-card .quick a svg{display:none}html[lang="en"] .c-card .quick a{padding-inline:8px!important}}
@media (max-width:1180px){.c-card .quick a,.chips button{font-size:13px!important;padding:9px 13px!important;flex:0 0 auto}}



@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}
}