.mobile-menu-button{display:none}
.mobile-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(350px,90vw);height:100dvh;max-height:100dvh;max-width:none;padding:max(26px,env(safe-area-inset-top)) 26px max(26px,env(safe-area-inset-bottom));border:0;border-left:1px solid #ffffffb3;background:linear-gradient(145deg,#f9f8ff,#edf1f8);color:#202437;box-shadow:-15px 0 60px #27203c22;overflow-y:auto}
.mobile-drawer::backdrop{background:#20243755;backdrop-filter:blur(5px)}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.drawer-heading h2{font-size:26px;letter-spacing:-1px}.drawer-close{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #d8d3e6;background:transparent;color:inherit;font-size:24px}
.mobile-drawer .drawer-links{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:17px}.mobile-drawer .drawer-links a{display:flex!important;padding:16px 18px;border-radius:16px;background:#ffffff80}.mobile-drawer .drawer-links a:hover{background:white}.mobile-drawer .drawer-links .drawer-talk{margin-top:18px;background:#202437;color:white;justify-content:center;border-radius:28px}.drawer-note{font-size:12px;color:#76788e;margin-top:32px;line-height:1.7}
@media(max-width:650px){header{gap:12px}header>nav{margin-left:auto;gap:0}header>nav>a:not(.pill){display:none!important}header>nav>.pill{display:flex!important;white-space:nowrap;font-size:11px;padding:11px 15px}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;padding:10px 12px;min-height:42px;border:1px solid #d0cbdc;border-radius:24px;background:transparent;color:#202437;font:600 11px Manrope,Arial,sans-serif}.mobile-menu-button svg{width:16px;height:16px}}
@media(max-width:350px){header{gap:8px}.mobile-menu-button{padding:10px}.mobile-menu-button span{display:none}}

