.nav{position:sticky;top:0;z-index:70;padding:0;color:#fff;background:rgba(3,47,57,.78);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 1px 0 rgba(255,255,255,.14),0 10px 30px rgba(3,47,57,.16)}
.nav-inner{width:min(1180px,calc(100% - 40px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav .brand{display:flex;align-items:center}
.nav .logo,.nav .brand-logo{display:block;width:205px;height:auto;padding:7px 10px;border-radius:10px;background:rgba(255,253,248,.94)}
.nav-links{display:flex;align-items:center;gap:1.8rem;margin-left:auto;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.nav-links a{position:relative;color:rgba(255,255,255,.88)}
.nav-links a:hover,.nav-links a.active{color:#ffd88d}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:#ffd88d}
.nav-cta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.25rem;border-radius:999px;background:#ff7a3d;color:#1d1916;font-weight:700;white-space:nowrap}
.mobile-bottom-nav{display:none}
@media(max-width:900px){
  body{padding-bottom:76px}
  .nav{padding:12px 0}
  .nav-inner{width:min(100% - 28px,1180px);height:auto;min-height:48px;gap:8px}
  .nav .logo,.nav .brand-logo{width:143px;padding:5px 7px;border-radius:7px}
  .nav-links{display:none}
  .nav-cta{min-height:40px;padding:9px 12px;border-radius:5px;background:#075e70;color:#fff;font-size:.62rem}
  .nav-cta::after{content:" ↗"}
  .mobile-bottom-nav{position:fixed;z-index:80;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(5,1fr);width:min(calc(100% - 16px),430px);min-height:64px;margin:auto;padding:6px;background:rgba(255,253,248,.98);border:1px solid rgba(7,54,66,.12);border-radius:24px;box-shadow:0 10px 34px rgba(3,47,57,.2);backdrop-filter:blur(14px)}
  .mobile-bottom-nav a{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border-radius:17px;color:#667b82;font-size:.55rem;font-weight:800;line-height:1.05;text-align:center}
  .mobile-bottom-nav a.active,.mobile-bottom-nav a:focus-visible{color:#fff;background:#0b3852}
  .mobile-bottom-nav svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
}