/* === Navigation === */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;padding:0 48px;transition:all .5s var(--ease)}
.nav--scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06)}
.nav--scrolled .nav__link{color:var(--gray-700)}.nav--scrolled .nav__link:hover{color:var(--accent)}.nav--scrolled .nav__link--active{color:var(--accent)}.nav--scrolled .nav__cta{background:var(--accent);color:#fff}.nav--scrolled .nav__mobile span{background:var(--gray-900)}
.nav--scrolled .nav__logo-text{color:var(--gray-900)}
.nav__inner{width:100%;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.nav__logo{display:flex;align-items:center;gap:10px;transition:opacity .3s}.nav__logo:hover{opacity:.8}
.nav__logo-text{font-size:17px;font-weight:800;color:rgba(255,255,255,.95);letter-spacing:-.5px;transition:color .4s}
.nav__logo img{height:32px;width:auto;filter:brightness(0) invert(1);transition:filter .4s}.nav--scrolled .nav__logo img{filter:none}
.nav__links{display:flex;align-items:center;gap:28px;list-style:none}
.nav__link{font-size:13px;font-weight:500;color:rgba(255,255,255,.8);transition:color .3s;letter-spacing:.2px}.nav__link:hover{color:#fff}.nav__link--active{color:#fff;font-weight:600}
.nav__cta{font-size:13px;font-weight:600;padding:8px 22px;border-radius:20px;color:#fff;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);transition:all .3s;white-space:nowrap}.nav__cta:hover{background:var(--accent)}
.nav__mobile{display:none;width:24px;height:20px;flex-direction:column;justify-content:space-between;cursor:pointer}.nav__mobile span{width:100%;height:1.5px;background:#fff;transition:.3s}

/* === Mobile Menu === */
.mobile-menu{position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s}
.mobile-menu--open{opacity:1;pointer-events:auto}
.mobile-menu__links{list-style:none;text-align:center;display:flex;flex-direction:column;gap:24px}
.mobile-menu__links a{font-size:20px;font-weight:500;color:rgba(255,255,255,.8);transition:color .3s}.mobile-menu__links a:hover{color:#fff}
.mobile-menu__cta{margin-top:32px}