.site-nav{position:fixed;inset:0 0 auto;z-index:100;height:auto;background:rgba(255,255,255,.88);border:0;box-shadow:0 1px 0 rgba(232,227,216,.9),0 10px 34px -24px rgba(0,0,0,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-nav .nav-inner{width:100%;max-width:1180px;height:auto;margin:0 auto;padding:20px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:clamp(32px,4vw,56px)}
.site-nav .brand{display:block;line-height:0}
.site-nav .brand img{display:block;width:auto;height:34px}
.site-nav .navlinks{display:flex;justify-content:center;gap:clamp(30px,3.2vw,48px);font-size:16px;font-weight:500}
.site-nav .navlinks a{color:#181713;text-decoration:none;opacity:.82;transition:opacity .18s ease,color .18s ease}
.site-nav .navlinks a:hover,.site-nav .navlinks a[aria-current=page]{color:#181713;opacity:1}
.site-nav .nav-actions{display:flex;align-items:center;gap:14px}
.site-nav .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:0 34px;border:0;border-radius:999px;background:#151412;color:#fff!important;text-decoration:none;font-size:15px;font-weight:650;line-height:1;white-space:nowrap;transition:transform .15s ease}
.site-nav .nav-cta:hover{transform:translateY(-1px)}
.site-nav .sylo-language-button{min-height:42px;padding:10px 14px;border-color:#e8e3d8;background:transparent;color:#181713}
.site-nav .sylo-language-current{display:none}
.site-nav .sylo-language-button>.sylo-language-code{font-size:12px;color:currentColor}
.site-nav .sylo-language-button:hover{background:#fbfaf7}
.blog-home .hero{padding-top:174px}
@media(max-width:900px){.site-nav .nav-inner{grid-template-columns:auto 1fr;column-gap:20px}.site-nav .navlinks{display:none}.site-nav .nav-actions{justify-self:end}.blog-home .hero{padding-top:150px}}
@media(max-width:560px){.site-nav .nav-inner{padding:16px 18px}.site-nav .brand img{height:30px}.site-nav .nav-cta{display:none}.blog-home .hero{padding-top:126px}}