/* Shared, centered navigation matching the reference's system typography. */
body .site-header,body.home-page .site-header{position:sticky;top:0;z-index:50;height:auto;min-height:72px;display:block;padding:0;background:#fff;backdrop-filter:none;border:0;border-bottom:1px solid transparent;transition:background-color .18s ease,border-color .18s ease;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0a0a0a;-webkit-font-smoothing:antialiased}
.site-header .header-inner{max-width:1280px;margin:0 auto;padding:16px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:72px}
body .site-header .brand{font-size:20px;font-weight:600;letter-spacing:normal;gap:8px;justify-self:start}
body .site-header .brand-mark{width:30px;height:30px;border:0;border-radius:6px}
body .site-header .brand-name{letter-spacing:-.025em}
body .site-header .brand-code{color:inherit}
body .site-header .header-links{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap;margin:0}
body .site-header .header-links>a{display:inline-block;font-family:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;text-decoration:none;white-space:nowrap;padding:0;color:#0a0a0a}
body .site-header .header-links>a:hover{color:#555}
.site-header .header-actions{justify-self:end;display:flex;align-items:center;gap:12px}
body .site-header .country-switch{margin:0;order:0}
body .site-header .country-switch select{font-family:inherit;font-size:14px;font-weight:400;line-height:20px;max-width:162px;padding:9px 8px;border:1px solid #ddd;border-radius:6px;color:#171717;background:white}
body .site-header .header-login{display:inline-flex;align-items:center;justify-content:center;background:white;border:1px solid #d5d5d5;border-radius:6px;padding:9px 16px;color:#0a0a0a;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:normal;text-decoration:none;white-space:nowrap}
body .site-header .header-login:hover{background:#f7f7f7}
.site-header a:focus-visible,.site-header button:focus-visible,.site-header select:focus-visible{outline:2px solid #6d28f0;outline-offset:4px}
#how-it-works{scroll-margin-top:100px}
@media(min-width:1280px){body .site-header .header-links{gap:48px}}
@media(max-width:900px){.site-header .header-inner{grid-template-columns:auto 1fr;gap:12px 20px}.site-header .header-actions{grid-column:2;grid-row:1}body .site-header .header-links{grid-column:1 / -1;grid-row:2;gap:28px}}
@media(max-width:600px){.site-header .header-inner{padding:12px 16px;gap:12px 8px}body .site-header .brand{font-size:17px;gap:5px}body .site-header .brand-mark{width:26px;height:26px}.site-header .header-actions{gap:8px}body .site-header .country-switch select{max-width:114px;font-size:12px;padding:8px 4px}body .site-header .header-login{font-size:13px;padding:7px 10px}body .site-header .header-links{gap:10px 24px}body .site-header .header-links>a{font-size:14px;line-height:22px}#how-it-works{scroll-margin-top:150px}}

/* Reserve actual space for account controls; let the menu use the remaining width. */
.site-header .header-inner.is-signed-in{grid-template-columns:auto minmax(0,1fr) auto}
body .site-header .header-inner.is-signed-in .header-links{min-width:0;gap:10px 20px}
@media(max-width:1199px){.site-header .header-inner.is-signed-in{grid-template-columns:auto minmax(0,1fr)}.site-header .header-inner.is-signed-in .header-actions{grid-column:2;grid-row:1}.site-header .header-inner.is-signed-in .header-links{grid-column:1 / -1;grid-row:2}}

body .site-header.is-scrolled,body.home-page .site-header.is-scrolled{background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:rgba(204,204,204,.5)}
@media(prefers-reduced-motion:reduce){body .site-header,body.home-page .site-header{transition:none}}

body .site-header .header-links>a:hover{color:#6d28f0}

/* Preserve the transparent padding and complete rounded badge. */
body .site-header .brand-mark{width:42px;height:42px;background:transparent;border:0;border-radius:0;overflow:visible}
body .site-header .brand-mark img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
@media(max-width:600px){body .site-header .brand-mark{width:34px;height:34px}}

/* Collapse before the navigation and account controls need a second row. */
.site-header .header-menu{display:contents}
body .site-header .header-menu-toggle{display:none}
@media(max-width:1199px){
  .site-header .header-inner,.site-header .header-inner.is-signed-in{grid-template-columns:minmax(0,1fr) auto;gap:0 16px}
  body .site-header .header-menu-toggle:not([hidden]){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;grid-column:2;grid-row:1;width:44px;height:44px;padding:10px;border:1px solid #e8e2ee;border-radius:8px;background:#fff;color:#251b32;box-shadow:none}
  .site-header .header-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}
  .site-header .header-menu-toggle[aria-expanded=true]{background:#f5efff;color:#6d28f0}
  .site-header .header-menu{display:flex;flex-direction:column;grid-column:1/-1;gap:20px;padding:20px 0 4px;margin-top:16px;border-top:1px solid #e9e2f2;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
  .site-header.has-mobile-menu:not(.menu-open) .header-menu{visibility:hidden;transform:translateX(100%);pointer-events:none}
  body .site-header .header-links,body .site-header .header-inner.is-signed-in .header-links{width:100%;flex-direction:column;align-items:stretch;gap:4px}
  body .site-header .header-links>a{display:block;padding:10px 12px;font-size:16px;line-height:24px;border-radius:6px}
  body .site-header .header-links>a:hover{background:#f5efff;color:#6d28f0}
  .site-header .header-actions{align-self:stretch;justify-content:space-between;gap:12px;border-top:1px solid #e9e2f2;padding:18px 12px 8px;flex-wrap:wrap}
  body .site-header .country-switch select{max-width:220px;width:100%;font-size:14px;padding:10px 8px}
  body .site-header .header-login{font-size:14px;padding:10px 16px}
  #how-it-works{scroll-margin-top:90px}
}

/* Inset chevron leaves comfortable space at the edge of the native select. */
body .site-header .country-switch select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%235c5366' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}
.site-header .header-menu-heading,.site-header .header-menu-backdrop{display:none}
@media(max-width:1199px){
  body .site-header.has-mobile-menu{backdrop-filter:none;-webkit-backdrop-filter:none}
  body.mobile-menu-open{overflow:hidden}
  .site-header.has-mobile-menu .header-menu{position:fixed;z-index:2;top:0;right:0;bottom:0;width:min(360px,90vw);height:100dvh;max-height:none;margin:0;padding:24px 20px;background:#fff;border:0;border-left:1px solid #e9e2f2;box-shadow:-16px 0 60px #21132a22;transform:translateX(0);visibility:visible;transition:transform .25s ease,visibility .25s;overflow-y:auto}
  .site-header.has-mobile-menu .header-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:0 12px 18px;border-bottom:1px solid #e9e2f2;font-size:20px}
  body .site-header .header-menu-close{width:44px;height:44px;padding:0;border-radius:8px;background:#f5efff;color:#382646;font-size:28px;font-weight:400;line-height:1}
  .site-header.has-mobile-menu .header-menu-backdrop{display:block;position:fixed;inset:0;background:#21132a66;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;z-index:1}
  .site-header.menu-open .header-menu-backdrop{opacity:1;visibility:visible}
  .site-header.has-mobile-menu .header-actions{flex-direction:column;align-items:stretch;margin-top:auto}
  .site-header.has-mobile-menu .country-switch select{max-width:none}
  .site-header.has-mobile-menu .header-login{width:100%}
}
@media(prefers-reduced-motion:reduce){.site-header.has-mobile-menu .header-menu,.site-header.has-mobile-menu .header-menu-backdrop{transition:none}}

/* Administrator shortcut sits alongside account controls on desktop. */
.site-header .header-admin-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .site-header .header-admin-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #d5d5d5;border-radius:6px;background:#fff;color:#6d28f0;text-decoration:none}
body .site-header .header-admin-icon:hover{background:#f5efff;border-color:#c5afe8}
body .site-header .header-links>a.header-admin-mobile{display:none}
@media(max-width:1199px){
  body .site-header .header-admin-icon{display:none}
  body .site-header .header-links>a.header-admin-mobile{display:block}
}
