.navbar{width:100%;height:var(--navbar-height);z-index:999;position:fixed;top:0;left:0}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar:before{content:"";background:var(--color-bg);z-index:-2;pointer-events:none;position:absolute;inset:0}.navbar:after{content:"";opacity:0;z-index:-1;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.navbar--scrolled:after{opacity:1}.navbar--scrolled{box-shadow:0 6px 24px #0000000f}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{font-weight:600}.navbar__nav{align-items:center;gap:24px;display:flex}.navbar__link{color:var(--color-text);font-size:14px;text-decoration:none;transition:color .2s}.navbar__logo,.navbar__link{font-weight:500}.navbar__link:hover{color:var(--color-accent-1-strong)}.navbar__link--active{color:var(--color-accent-1-strong);font-weight:500}.navbar__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.navbar__toggle span{background:var(--color-text);transform-origin:50%;width:24px;height:2px;transition:transform .3s,opacity .3s}.navbar__toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__toggle.is-open span:nth-child(2){opacity:0}.navbar__toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile{top:var(--navbar-height);width:100%;height:calc(100dvh - var(--navbar-height));z-index:9999;background:var(--color-bg);opacity:0;pointer-events:none;flex-direction:column;gap:24px;padding:24px;display:flex;position:fixed;left:0;overflow-y:auto;transform:translateY(-10px)}.navbar__mobile.is-open{opacity:1;pointer-events:auto;transition:transform .25s,opacity .25s;transform:translateY(0)}.navbar__mobile.is-closing{opacity:0;transition:transform .2s,opacity .2s;transform:translateY(-10px)}@keyframes navFade{to{opacity:1;transform:translateY(0)}}.navbar__action{gap:var(--space-1);align-items:center;display:flex}@media (max-width:768px){.navbar__nav{display:none}.navbar__toggle{display:flex}.navbar__action{display:none}.navbar__actions .button{width:100%}.navbar__mobile .navbar__link{padding:8px 0;font-size:24px;font-weight:500}}.navbar__logo{align-items:center;gap:var(--space-2);display:flex}.navbar__logo-icon{object-fit:contain;width:auto;height:40px}.navbar__logo-text{flex-direction:column;line-height:1.1;display:flex}.navbar__logo-main{letter-spacing:.02em;font-size:15px;font-weight:600}.navbar__logo-sub{opacity:.6;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.footer{background:var(--color-bg-alt);padding:60px 0 32px}.footer__grid{grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.footer__logo,.footer__heading{margin-bottom:12px;font-weight:600}.footer__text{opacity:.7;max-width:400px}.footer__links{flex-direction:column;gap:8px;display:flex}.footer__links a{color:var(--color-text);opacity:.7;text-decoration:none;transition:opacity .2s}.footer__links a:hover{opacity:1}.footer__contact{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.footer__contact a{color:var(--color-text);opacity:.7;text-decoration:none}.footer__contact a:hover{opacity:1}.footer__social{gap:12px;display:flex}.footer__social a{background:var(--color-bg);width:36px;height:36px;color:var(--color-text);border-radius:9999px;justify-content:center;align-items:center;transition:background .2s;display:flex}@media (hover:hover){.footer__social a:hover{background:var(--color-accent-1);color:#000}}.footer__bottom{border-top:1px solid var(--color-border);opacity:.6;text-align:center;margin-top:40px;padding-top:20px;font-size:14px}@media (max-width:768px){.footer__grid{text-align:center;grid-template-columns:1fr;gap:32px}.footer__text{margin:0 auto}.footer__social{justify-content:center}}
