/* Shared floating navigation. The spacers preserve the existing page layouts. */
.navigation-space{height:calc(88 * var(--u,1))}
.navigation{
 position:fixed;
 top:clamp(14px,2.2vh,24px);
 left:50%;
 z-index:1000;
 transform:translateX(-50%);
 display:grid;
 grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:center;
 gap:12px;
 width:min(92vw,1400px);
 height:68px;
 min-width:0;
 margin:0;
 padding:0 20px 0 26px;
 border:1px solid rgba(245,243,241,.15);
 border-radius:20px;
 background:rgba(12,12,12,.97);
 box-shadow:0 8px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
 animation:none;
}
.navigation .brand{
 grid-column:1;
 grid-row:1;
 justify-self:start;
 display:flex;
 align-items:center;
 width:max-content;
 max-width:100%;
 min-width:0;
 overflow:visible;
}
.navigation .brand-logo{display:block;width:auto;height:33px;max-width:100%;object-fit:contain;mix-blend-mode:lighten}
.navigation .nav-links{
 grid-column:2;
 grid-row:1;
 justify-self:center;
 display:flex;
 align-items:center;
 gap:clamp(30px,3vw,44px);
 margin:0;
 padding:0;
 height:auto;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
}
.navigation .nav-links a,.navigation .nav-links button{
 display:block;
 flex:none;
 width:auto;
 padding:8px 0;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
 color:#d0cccd;
 font:600 15px/1.3 Manrope,Arial,sans-serif;
 white-space:nowrap;
 transition:color .25s ease;
}
.navigation .nav-links a:hover,.navigation .nav-links button:hover,
.navigation .nav-links a:focus-visible,.navigation .nav-links button:focus-visible,
.navigation .nav-links a[aria-current=page]{color:#f6f5f3;background:none;border:0;box-shadow:none}
.navigation .nav-cta{
 grid-column:3;
 grid-row:1;
 justify-self:end;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 width:178px;
 height:42px;
 padding:0 5px 0 14px;
 border:1px solid rgba(245,243,241,.17);
 border-bottom-color:rgba(181,18,27,.42);
 border-radius:11px;
 background:linear-gradient(145deg,rgba(31,31,31,.88),rgba(13,13,13,.94));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -1px 0 rgba(181,18,27,.09);
 color:#f6f5f3;
 font-size:13px;
 font-weight:600;
 white-space:nowrap;
 transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.navigation .nav-cta span{display:grid;flex:none;place-items:center;width:31px;height:31px;border-radius:7px;background:rgba(181,18,27,.13);color:var(--red);font-size:20px;line-height:1;transition:background .3s ease,transform .3s ease}
.navigation .nav-cta span svg,.navigation .mobile-nav__cta span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.navigation .nav-cta:hover{background:linear-gradient(145deg,rgba(36,27,28,.94),rgba(16,13,13,.96));border-color:rgba(181,18,27,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 14px rgba(181,18,27,.12)}
.navigation .nav-cta:hover span{background:rgba(181,18,27,.2);transform:translateX(2px)}
.navigation .menu-toggle,.navigation .mobile-nav{display:none}
.navigation .mobile-nav[hidden]{display:none!important}
.solutions-section,.how-section{scroll-margin-top:100px}
@media(max-width:950px) and (min-width:761px){
 .navigation{height:64px;padding:0 16px 0 20px;gap:10px}
 .navigation .brand-logo{height:27px}
 .navigation .nav-links{gap:18px}
 .navigation .nav-links a,.navigation .nav-links button{font-size:13px}
 .navigation .nav-cta{width:145px;height:38px;gap:4px;padding:0 4px 0 10px;font-size:11px}
 .navigation .nav-cta span{width:29px;height:29px}
}
@media(max-width:760px){
 .navigation-space{height:77px}
 .navigation{
  top:12px;
  grid-template-columns:minmax(0,1fr) 42px;
  grid-template-rows:1fr;
  gap:10px;
  width:calc(100% - 24px);
  height:62px;
  padding:0 12px 0 16px;
  border-radius:18px;
 }
 .navigation .brand{grid-column:1;grid-row:1;max-width:100%}
 .navigation .brand-logo{height:clamp(20px,5.7vw,27px)}
 .navigation .nav-links,.navigation .nav-cta{display:none}
 .navigation .menu-toggle{
  grid-column:2;
  grid-row:1;
  display:flex;
  justify-self:end;
  width:42px;
  height:42px;
  border:1px solid rgba(245,243,241,.18);
  border-radius:50%;
  background:rgba(255,255,255,.025);
 }
 .navigation .mobile-nav:not([hidden]){
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  padding:13px 16px 16px;
  border:1px solid rgba(245,243,241,.15);
  border-radius:20px;
  background:rgba(14,14,14,.97);
  box-shadow:0 14px 34px rgba(0,0,0,.32);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
 }
 .navigation .mobile-nav a,.navigation .mobile-nav button:not(.mobile-nav__cta){
  display:block;
  width:100%;
  padding:13px 4px;
  border:0;
  background:none;
  color:#e0ddde;
  font:500 14px/1.3 Manrope,Arial,sans-serif;
  text-align:left;
 }
 .navigation .mobile-nav a[aria-current=page]{color:#f6f5f3}
 .navigation .mobile-nav .mobile-nav__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  height:43px;
  margin-top:8px;
  padding:0 14px;
  border:1px solid rgba(245,243,241,.17);
  border-bottom-color:rgba(181,18,27,.42);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(31,31,31,.88),rgba(13,13,13,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -1px 0 rgba(181,18,27,.09);
  color:#f6f5f3;
  font-size:13px;
  font-weight:600;
 }
 .navigation .mobile-nav__cta span{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:rgba(181,18,27,.13);color:var(--red);font-size:20px}
 .solutions-section,.how-section{scroll-margin-top:88px}
}
@media(prefers-reduced-motion:reduce){.navigation .nav-cta span{transition:none}}