/* Persistent glass navigation. Conditional rules preserve cascade order and WebGL fallback. */
.nav {
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #ffffff15;
}
.brand img {
  width:126px;
  height:auto;
  display:block;
}
.nav nav {
  display:flex;
  align-items:center;
  gap:35px;
  font-size:12px;
}
.nav-cta {
  border-bottom:1px solid #8aabae;
  padding:12px 0;
}
.nav-cta span {
  margin-left:20px;
  color:#78c9c1;
  font-size:19px;
}
@media (max-width:600px) {
  .nav {
    height:78px;
    padding:0 6%;
  }
  .brand img {
    width:106px;
  }
  .nav nav {
    gap:18px;
    font-size:11px;
  }
  .nav nav>a {
    display:none;
  }
  .nav-cta span {
    margin-left:15px;
  }
}
@media (max-height:700px) and (max-width:600px) {
  .nav {
    height:64px;
  }
  .brand img {
    width:95px;
  }
}
@media (max-height:600px) and (min-width:601px) {
  .nav {
    padding:0 5%;
  }
  .brand img {
    width:105px;
  }
  .nav nav {
    font-size:11px;
    gap:24px;
  }
}
.nav {
  position:fixed;
  z-index:50;
  top:max(16px,env(safe-area-inset-top));
  left:50%;
  width:calc(100% - 64px);
  padding:0 18px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  color:#eff5ee;
}
.nav::before {
  top:-1px;
  left:16%;
  right:16%;
}
.nav .brand {
  justify-self:start;
  display:flex;
  align-items:center;
}
.nav .brand img {
  height:auto;
  display:block;
  transition:width .28s ease;
}
.nav .nav-links {
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
}
.nav-links a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 19px;
  letter-spacing:.025em;
  border-radius:7px;
  transition:color .2s,background .2s;
}
.nav-links a::after {
  content:"";
  position:absolute;
  bottom:5px;
  left:calc(50% - 6px);
  width:12px;
  height:2px;
  border-radius:2px;
  opacity:0;
  transform:scaleX(.4);
  transition:opacity .2s,transform .2s;
}
.nav-links a[aria-current]::after {
  opacity:1;
  transform:scaleX(1);
}
.nav-actions {
  display:flex;
  align-items:center;
  gap:9px;
  justify-self:end;
}
.nav .nav-cta {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 15px;
  font-size:12px;
  letter-spacing:.015em;
  white-space:nowrap;
}
.nav .nav-cta span {
  margin:0;
  font-size:20px;
  font-weight:400;
  transition:transform .2s;
}
.nav .nav-cta:hover span {
  transform:translate(2px,-2px);
}
.nav a:focus-visible {
  outline:2px solid #d3e9ca;
  outline-offset:4px;
}
.nav button:focus-visible {
  outline:2px solid #d3e9ca;
  outline-offset:4px;
}
.nav-toggle {
  display:none;
}
.nav-menu-label {
  display:none;
}
.nav-menu-footer {
  display:none;
}
.nav-number {
  display:none;
}
.nav-link-arrow {
  display:none;
}
@media (max-width:1100px) and (min-width:761px) {
  .nav {
    width:calc(100% - 40px);
    padding:0 14px;
    gap:16px;
  }
  .nav-links a {
    padding:0 14px;
  }
  .nav .nav-cta {
    gap:16px;
  }
}
@media (max-width:760px) {
  .nav {
    top:max(12px,env(safe-area-inset-top));
    grid-template-columns:1fr auto;
    padding:0 10px 0 13px;
  }
  .nav .nav-cta {
    padding:0 11px;
    gap:13px;
    font-size:11px;
    border-radius:7px;
  }
  .nav .nav-cta span {
    font-size:18px;
  }
  .nav-actions {
    gap:7px;
  }
  .nav-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #e9f1e626;
    border-radius:8px;
    color:#edf5e9;
    background:#dcece506;
    transition:background .2s;
  }
  .nav-toggle:hover {
    background:#e6f5e811;
  }
  .nav-toggle-icon {
    position:relative;
    width:18px;
    height:14px;
  }
  .nav-toggle-icon i {
    position:absolute;
    left:0;
    top:3px;
    width:18px;
    height:1px;
    background:currentColor;
    transition:transform .22s,top .22s;
  }
  .nav-toggle-icon i:last-child {
    top:10px;
    width:13px;
    left:5px;
  }
  .menu-open .nav-toggle-icon i {
    top:6px;
    transform:rotate(45deg);
  }
  .menu-open .nav-toggle-icon i:last-child {
    width:18px;
    left:0;
    transform:rotate(-45deg);
  }
  .nav .nav-links {
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 9px);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    border-radius:12px;
    max-height:calc(100svh - 105px);
    overflow-y:auto;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-6px);
    transition:opacity .2s,transform .2s,visibility .2s;
  }
  .nav.menu-open .nav-links {
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }
  .nav .nav-links a {
    display:flex;
    justify-content:flex-start;
    gap:18px;
    letter-spacing:-.035em;
    border-radius:7px;
    border-bottom:1px solid #e0eee00d;
  }
  .nav-links a::after {
    display:none;
  }
  .nav-links a[aria-current] {
    box-shadow:inset 2px 0 #b4d3ba;
  }
  .nav-number {
    display:block;
    font-size:9px;
    font-variant-numeric:tabular-nums;
    letter-spacing:.04em;
    color:#9dbdb0;
  }
  .nav-link-arrow {
    display:block;
    margin-left:auto;
    font-size:18px;
    color:#a9c7b5;
  }
  .nav-menu-label {
    display:block;
    font-size:8px;
    letter-spacing:1.6px;
    line-height:1.5;
    color:#b3c9bc;
  }
  .nav-menu-footer {
    display:block;
    line-height:1.5;
    color:#b3c9bc;
  }
  .nav-menu-label {
    padding:0 9px 12px;
  }
  .nav-menu-footer {
    padding:17px 9px 0;
    font-size:8px;
    letter-spacing:.6px;
  }
}
@media (max-width:380px) {
  .nav .brand img {
    width:83px;
  }
  .nav.is-compact .brand img {
    width:83px;
  }
  .nav .nav-cta {
    gap:8px;
    padding:0 10px;
  }
  .nav-actions {
    gap:5px;
  }
}
@media (max-height:700px) and (max-width:600px) {
  .nav {
    top:max(9px,env(safe-area-inset-top));
  }
}
@media (max-height:600px) and (min-width:601px) {
  .nav {
    top:max(8px,env(safe-area-inset-top));
  }
  .nav.is-compact {
    top:max(8px,env(safe-area-inset-top));
  }
  .nav .brand img {
    width:94px;
  }
  .nav.is-compact .brand img {
    width:94px;
  }
  .nav .nav-cta {
    min-height:36px;
  }
  .nav-links a {
    min-height:34px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .nav {
    transition:none!important;
  }
  .nav * {
    transition:none!important;
  }
}
.nav::after {
  border-bottom:1px solid #c3e5d44d;
}
.nav-glass-face {
  position:absolute;
  pointer-events:none;
  z-index:-1;
  overflow:hidden;
}
.nav .nav-links {
  border:0;
}
.nav-links a {
  color:#eff5ee;
  text-shadow:0 1px 5px #071b2699;
}
.nav-links a:hover {
  background:#ffffff12;
  color:#fff;
}
.nav-links a[aria-current] {
  background:#ffffff12;
  color:#fff;
}
.nav-links a::after {
  background:currentColor;
}
@media (max-width:760px) {
  .nav .nav-links {
    backdrop-filter:blur(18px);
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .nav {
    background:#233b3bf5;
  }
  .nav.is-compact {
    background:#233b3bf5;
  }
}
.nav-glass-volume {
  position:absolute;
  z-index:-1;
  pointer-events:none;
}
.nav {
  border:1px solid #d8ddff66;
  border-radius:22px;
  isolation:isolate;
  background:radial-gradient(ellipse at 0 0,#77dfff40,transparent 35%),radial-gradient(ellipse at 100% 100%,#ffc18a26,transparent 38%),linear-gradient(115deg,#26364be8,#282b43e0 53%,#393445e8);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:inset 2px 2px 7px #dcf4ff55,inset -3px -3px 8px #c8b7ff44,0 13px 24px -12px #020b2199;
}
.nav.is-compact {
  border:1px solid #d8ddff66;
  border-radius:22px;
  isolation:isolate;
  background:radial-gradient(ellipse at 0 0,#77dfff40,transparent 35%),radial-gradient(ellipse at 100% 100%,#ffc18a26,transparent 38%),linear-gradient(115deg,#26364be8,#282b43e0 53%,#393445e8);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:inset 2px 2px 7px #dcf4ff55,inset -3px -3px 8px #c8b7ff44,0 13px 24px -12px #020b2199;
}
.nav::before {
  display:block;
  content:"";
  position:absolute;
  inset:0;
  height:auto;
  border-radius:inherit;
  padding:3px;
  z-index:-1;
  background:conic-gradient(from 10deg,#c1afff66,#fff1d8b0 13%,#cda0f177 24%,#707fcf22 36%,#5ad9ffb0 44%,#d6f8ffcc 48%,#789fff66 57%,#ffb37ca0 62%,#e8acdf55 70%,#9c8cdd55 78%,#79e8ffb0 91%,#c1afff66);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  filter:blur(.6px);
  pointer-events:none;
}
.nav::after {
  display:block;
  content:"";
  position:absolute;
  inset:4px -2px -5px 3px;
  border-radius:inherit;
  z-index:-2;
  border:1px solid #b6c9ff55;
  background:linear-gradient(135deg,#84efff08,#303a8108 40%,#b990d719);
  box-shadow:inset -2px -3px 4px #92eaff66,1px 2px 3px #aacbff33;
  pointer-events:none;
}
.nav-glass-face {
  inset:4px;
  border-radius:17px;
  border:1px solid #f1eaff26;
  background:radial-gradient(ellipse at 9% 0%,#79dfff32,transparent 30%),radial-gradient(ellipse at 94% 100%,#ffb17226,transparent 32%),linear-gradient(130deg,#b8ccff19,transparent 40%,#aa9dcc14);
  box-shadow:inset 1px 1px 4px #e6eeff40,inset -2px -2px 6px #b0c6ff26;
}
.nav .nav-links {
  background:transparent;
}
.nav .nav-links a::after {
  background:#c1e9ef;
}
@media (max-width:760px) {
  .nav {
    border-radius:18px;
  }
  .nav.is-compact {
    border-radius:18px;
  }
  .nav-glass-face {
    border-radius:13px;
  }
  .nav .nav-links {
    border:1px solid #ccd5f65c;
    box-shadow:inset 1px 2px 5px #c5edff33,inset -2px -2px 5px #ccbaff33,0 15px 30px #070c2455;
  }
}
.nav.has-glass-volume {
  border-color:transparent;
}
.nav.has-glass-volume::before {
  display:none;
}
.nav.has-glass-volume::after {
  display:none;
}
.nav .brand {
  margin-left:9px;
}
.nav .nav-actions {
  margin-right:4px;
}
@media (max-width:760px) {
  .nav .brand {
    margin-left:2px;
  }
  .nav .nav-actions {
    margin-right:0;
  }
}
@media (max-width:380px) {
  .nav .brand {
    margin-left:0;
  }
}
.nav.has-glass-volume {
  border-radius:12px;
  backdrop-filter:blur(8px) saturate(115%);
  -webkit-backdrop-filter:blur(8px) saturate(115%);
}
.nav .nav-actions {
  margin:0;
}
.nav .brand img {
  width:96px;
}
.nav.is-compact .brand img {
  width:96px;
}
.nav .nav-links {
  font-size:13px;
}
@media (max-width:760px) {
  .nav .brand img {
    width:84px;
  }
  .nav.is-compact .brand img {
    width:84px;
  }
}
.nav {
  transform:translateX(-50%) perspective(2400px) rotateY(5deg);
  transform-origin:50% 50%;
}
.nav.is-compact {
  transform:translateX(-50%) perspective(2400px) rotateY(5deg);
  transform-origin:50% 50%;
}
.nav.has-glass-volume .nav-glass-face {
  inset:0;
  border-radius:12px;
  background:linear-gradient(145deg,#d4fff410,transparent 40%,#ffedc207);
  border:0;
  box-shadow:none;
}
.nav .brand {
  align-self:center;
  transform:none;
  margin-top:0;
  margin-bottom:0;
}
.nav .nav-actions {
  align-self:center;
  transform:none;
  margin-top:0;
  margin-bottom:0;
}
.nav .nav-links {
  align-self:center;
  transform:none;
  margin-top:0;
  margin-bottom:0;
}
.nav .brand {
  min-height:40px;
}
@media (max-width:760px) {
  .nav {
    transform:translateX(-50%) perspective(1800px) rotateY(2deg);
  }
  .nav.is-compact {
    transform:translateX(-50%) perspective(1800px) rotateY(2deg);
  }
  .nav .nav-links {
    margin:0;
  }
  .nav.menu-open .nav-links {
    transform:translateY(0);
  }
}
.nav {
  height:64px;
  transition:none;
}
.nav.is-compact {
  height:64px;
  transition:none;
}
.nav-glass-volume {
  left:-20px;
  top:-20px;
  width:calc(100% + 40px);
  height:calc(100% + 40px);
}
.nav.has-glass-volume {
  box-shadow:-5px 14px 18px -10px #00151ca0,0 4px 7px -4px #00151c55;
}
.nav.has-glass-volume.is-compact {
  box-shadow:-5px 14px 18px -10px #00151ca0,0 4px 7px -4px #00151c55;
}
@media (max-width:760px) {
  .nav {
    height:60px;
    width:calc(100% - 40px);
  }
  .nav.is-compact {
    height:60px;
    width:calc(100% - 40px);
  }
}
@media (max-height:600px) and (min-width:601px) {
  .nav {
    height:52px;
  }
  .nav.is-compact {
    height:52px;
  }
}
.nav.has-glass-volume {
  background:linear-gradient(115deg,#163b43ee,#172f38eb 65%,#24373deb);
  color:#eff5ee;
}
.nav.has-glass-volume.is-compact {
  background:linear-gradient(115deg,#163b43ee,#172f38eb 65%,#24373deb);
  color:#eff5ee;
}
.nav .nav-links {
  padding:0;
}
.nav .nav-links a {
  min-height:42px;
  border:1px solid #d5f7ee38;
  border-radius:8px;
  text-shadow:0 1px 2px #00181e55;
  transition:background .18s,border-color .18s,box-shadow .18s,transform .1s;
  cursor:pointer;
}
.nav .nav-cta {
  min-height:42px;
  border:1px solid #d5f7ee38;
  border-radius:8px;
  color:#eff8f3;
  text-shadow:0 1px 2px #00181e55;
  transition:background .18s,border-color .18s,box-shadow .18s,transform .1s;
  cursor:pointer;
}
.nav .nav-links a {
  padding:0 20px;
  font-size:13px;
  font-weight:500;
  letter-spacing:.015em;
}
.nav .nav-links a::after {
  display:none;
}
.nav .nav-links a:focus-visible {
  outline:2px solid #bfffe4;
  outline-offset:3px;
}
.nav .nav-cta:focus-visible {
  outline:2px solid #bfffe4;
  outline-offset:3px;
}
.nav .nav-cta {
  font-weight:600;
}
.nav .nav-cta span {
  color:#dbfff0;
}
@media (max-width:1000px) and (min-width:761px) {
  .nav .nav-links a {
    padding:0 13px;
  }
}
@media (max-width:760px) {
  .nav .nav-links {
    padding:18px;
    background:linear-gradient(130deg,#193b42fa,#192f38fa);
  }
  .nav .nav-links a {
    min-height:54px;
    padding:0 14px;
    font-size:18px;
  }
  .nav .nav-cta {
    min-height:40px;
  }
}
@media (max-height:600px) and (min-width:761px) {
  .nav .nav-links a {
    min-height:36px;
  }
  .nav .nav-cta {
    min-height:36px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .nav .nav-links a {
    transition:none;
  }
  .nav .nav-cta {
    transition:none;
  }
}
.nav {
  max-width:940px;
  padding-left:28px;
  padding-right:18px;
  gap:24px;
}
.nav.is-compact {
  max-width:940px;
  padding-left:28px;
  padding-right:18px;
  gap:24px;
}
.nav .brand {
  padding:0;
  margin:0;
  background:none;
  border:0;
  box-shadow:none;
  flex-shrink:0;
}
.nav .nav-links {
  gap:7px;
}
.nav .nav-links a {
  position:relative;
  border-color:#c9f5e80b;
  border-top-color:#e5fff533;
  background:linear-gradient(180deg,#d4fff313,#b4dfdc04 62%,#001a2012);
  box-shadow:inset 0 1px 0 #effff521,inset 0 -1px 2px #001e2852,0 1px 0 #c1e9df0b;
  color:#dcebe6;
}
.nav .nav-links a:hover {
  background:linear-gradient(180deg,#e4fff32b,#b4e8db10);
  border-color:#ddfff31a;
  border-top-color:#ecfff575;
  box-shadow:inset 0 1px 0 #f6fff85c,inset 0 -1px 2px #001e2845;
  color:#fff;
}
.nav .nav-links a[aria-current] {
  background:linear-gradient(180deg,#8de5c929,#9be0cf10);
  border-color:#b7f7dc15;
  border-top-color:#c5ffe85c;
  box-shadow:inset 0 1px 0 #e4fff847,inset 0 -2px 0 #9fe8cdab;
  color:#f2fff9;
}
.nav .nav-links a[aria-current]:hover {
  background:linear-gradient(180deg,#8de5c929,#9be0cf10);
  border-color:#b7f7dc15;
  border-top-color:#c5ffe85c;
  box-shadow:inset 0 1px 0 #e4fff847,inset 0 -2px 0 #9fe8cdab;
  color:#f2fff9;
}
.nav .nav-links a:active {
  transform:translateY(1px);
  background:#9ae2cf19;
  box-shadow:inset 0 2px 5px #001e2875,inset 0 -1px 0 #9fe8cd66;
}
.nav .nav-links a[aria-current]:active {
  transform:translateY(1px);
  background:#9ae2cf19;
  box-shadow:inset 0 2px 5px #001e2875,inset 0 -1px 0 #9fe8cd66;
}
.nav .nav-cta {
  border-color:#d5f7ee23;
  border-top-color:#e9fff46b;
  background:linear-gradient(155deg,#d7fff338,#b9dfd31c);
  box-shadow:inset 0 1px 0 #f3fff542,inset 0 -1px 2px #001e2855,0 2px 3px #00131b2b;
}
.nav .nav-cta:hover {
  border-color:#ddfff339;
  border-top-color:#effff5a0;
  background:linear-gradient(155deg,#e4fff350,#c1eadd29);
  box-shadow:inset 0 1px 0 #fffbe670,inset 0 -1px 2px #001e2855;
}
.nav .nav-cta.is-current {
  box-shadow:inset 0 1px 0 #f3fff552,inset 0 -2px 0 #9fe8cdab;
}
.nav .nav-cta:active {
  transform:translateY(1px);
  background:#9ae2cf24;
  box-shadow:inset 0 2px 5px #001e2875;
}
@media (max-width:1000px) and (min-width:761px) {
  .nav {
    padding-left:24px;
    padding-right:16px;
    gap:18px;
  }
  .nav.is-compact {
    padding-left:24px;
    padding-right:16px;
    gap:18px;
  }
  .nav .nav-links {
    gap:6px;
  }
}
@media (max-width:760px) {
  .nav {
    padding-left:18px;
    padding-right:12px;
    gap:8px;
  }
  .nav.is-compact {
    padding-left:18px;
    padding-right:12px;
    gap:8px;
  }
  .nav .nav-links {
    gap:10px;
  }
  .nav .nav-links a[aria-current] {
    box-shadow:inset 0 1px 0 #e4fff847,inset 3px 0 0 #9fe8cdab;
  }
  .nav .nav-links a[aria-current]:hover {
    box-shadow:inset 0 1px 0 #e4fff847,inset 3px 0 0 #9fe8cdab;
  }
}
@media (max-width:380px) {
  .nav {
    padding-left:14px;
    padding-right:9px;
    gap:6px;
  }
  .nav.is-compact {
    padding-left:14px;
    padding-right:9px;
    gap:6px;
  }
}