.header{position:sticky;top:0;z-index:50;max-width:none;width:100%;height:var(--header-height)}
.skip-link{z-index:70}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.page-hero,.page-details,.page-process,.page-faq,.page-next,.pricing-comparison{scroll-margin-top:calc(var(--header-height) + 24px)}
.desktop-nav{margin-left:0;gap:24px}
.desktop-nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px}
@media(max-width:1000px){
  .header{gap:20px}
  .desktop-nav{display:none}
  .header-actions{margin-left:auto}
  .header-actions .demo-trigger,.header-actions .button-outline{display:none}
  .menu-button{display:grid;flex-shrink:0;width:36px;margin-left:-8px}
  .mobile-menu:not([hidden]){display:flex;position:fixed;top:calc(var(--header-height) + 8px);left:var(--page-gutter);right:var(--page-gutter);z-index:60;background:#fff;padding:14px;flex-direction:column;border:1px solid #e9e9e5;box-shadow:0 16px 30px #00000012;border-radius:16px;max-height:calc(100dvh - var(--header-height) - 24px);overflow-y:auto}
  .mobile-menu a,.mobile-menu button{padding:13px;text-align:left;font-size:15px}
}