/* Shared navbar: the same presentation on the home page and every blog page. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-500.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf');font-weight:600;font-display:swap}
.header{--line:#e1e3e7;--blue:#064bff;--header:72px;height:var(--header);position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1.5px solid var(--line);color:#20232a;font-family:Manrope,Arial,sans-serif;font-size:16px;font-synthesis:none}
.header .header-inner{width:min(1120px,calc(100% - 64px));margin-inline:auto;height:100%;display:flex;align-items:center;gap:64px;padding-inline:18px;border:0}
.header a{text-decoration:none;color:inherit}.header .brand{flex-shrink:0}.header .brand img{display:block;max-width:100%;width:92px;height:auto}
.header nav{display:flex;align-items:center;gap:38px;font-size:14px;white-space:nowrap}.header nav a{padding-block:16px;transition:color .2s}.header nav a:hover{color:var(--blue)}.header nav a.active{font-weight:700}
.header .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;border:0;border-radius:5px;padding:12px 17px;color:white;font-size:14px;font-weight:700;line-height:1.4;background:linear-gradient(110deg,#003cdd,#064bff,#5682ff,#064bff);background-size:250% 100%;animation:gradient-flow 10s ease-in-out infinite;transition:box-shadow .25s,transform .25s}
.header .button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #064bff22}.header .header-contact{margin-left:auto;white-space:nowrap;font-size:13px;min-height:40px}
.header .chevron{width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px;flex-shrink:0}.header .menu-toggle{display:none}
@keyframes gradient-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1051px){.header{--header:80px}.header .header-inner{width:min(1344px,calc(100% - 64px));gap:72px}.header .brand img{width:112px}.header nav{font-size:17px;gap:48px}}
@media(max-width:1050px){.header .header-inner{gap:35px}.header nav{gap:25px}}
@media(max-width:760px){.header{--header:68px}.header .header-inner{width:calc(100% - 32px);gap:12px;padding-inline:10px}.header .brand img{width:78px}.header .header-contact{font-size:11px;padding:10px;gap:8px;min-height:38px}.header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;order:3;background:none;border:0;width:36px;height:40px;padding:8px;cursor:pointer}.header .menu-toggle span{width:20px;height:2px;background:#20232a}.header nav{display:none;position:absolute;left:16px;right:16px;top:67px;padding:12px 24px;border:1px solid var(--line);background:white;font-size:16px;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}}
@media(prefers-reduced-motion:reduce){.header *{animation:none!important;transition:none!important}}