.navigation{z-index:100;width:calc(100% - 2rem);max-width:820px;position:fixed;top:1rem;left:50%;transform:translate(-50%)}@media (min-width:640px){.navigation{width:calc(100% - 3rem);top:1.5rem}}@media (min-width:768px){.navigation{width:calc(100% - 6rem)}}.navigation__wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#111111d9;border:1px solid #ffffff14;border-radius:9999px;padding:.5rem 1rem;box-shadow:0 4px 24px #0000004d,0 1px 2px #0003}@media (min-width:640px){.navigation__wrapper{padding:.5rem 1.5rem}}.navigation__content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.navigation__logo{color:#fff;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.navigation__logo-mark{border-radius:5px;width:20px;height:20px}@media (min-width:640px){.navigation__logo-mark{width:22px;height:22px}}.navigation__logo-text{color:#fff;letter-spacing:-.02em;font-size:1rem;font-weight:700}@media (min-width:640px){.navigation__logo-text{font-size:1.125rem}}.navigation__links{align-items:center;gap:1.5rem;display:flex}.navigation__link{color:#a3a3a3;white-space:nowrap;font-size:.875rem;font-weight:500;transition:color .2s}.navigation__link:hover{color:#fff}
.footer{background-color:#111;border-top:1px solid #ffffff12}.footer__inner{grid-template-columns:1fr;gap:3rem;width:100%;max-width:1300px;margin:0 auto;padding:4rem 1.5rem 3rem;display:grid}@media (min-width:768px){.footer__inner{grid-template-columns:1.2fr 2fr}}.footer__brand{flex-direction:column;gap:1rem;display:flex}.footer__logo{color:#fff;letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;display:inline-flex}.footer__logo-mark{border-radius:5px;width:22px;height:22px}.footer__tagline{color:#737373;max-width:18rem;font-size:.95rem;line-height:1.5}.footer__columns{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.footer__heading{letter-spacing:.08em;text-transform:uppercase;color:#a3a3a3;margin-bottom:1rem;font-size:.8rem;font-weight:600}.footer__list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer__link{color:#737373;font-size:.95rem;transition:color .15s}.footer__link:hover{color:#fff}.footer__bottom{color:#525252;border-top:1px solid #ffffff0d;width:100%;max-width:1300px;margin:0 auto;padding:1.5rem 1.5rem 2rem;font-size:.85rem}