/* Shared marketing navigation. Visual tokens extend the existing research palette. */
#nav.rgn {
  --nav-ink: #172b4d;
  --nav-muted: #596b85;
  --nav-violet: #635bff;
  --nav-line: rgba(111, 132, 166, .16);
  --nav-glass: rgba(255, 255, 255, .82);
  --nav-panel: rgba(252, 253, 255, .91);
  --nav-ease: cubic-bezier(.22, 1, .36, 1);
  --nav-layer: 400;
  position: fixed;
  inset: 14px max(20px, calc((100vw - 1740px) / 2)) auto;
  height: 68px;
  width: auto;
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, .96);
  border-radius: 20px;
  background: transparent;
  color: var(--nav-ink);
  box-shadow: 0 8px 32px -16px rgba(22, 42, 82, .25), 0 0 0 1px rgba(109, 126, 164, .1), inset 0 1px 0 #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: var(--nav-layer);
  isolation: auto;
  transition: background .2s, box-shadow .2s;
}
#nav.rgn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(340px 100px at var(--nav-light, 30%) 0%, rgba(232, 225, 255, .38), transparent 90%), var(--nav-glass);
  backdrop-filter: blur(22px) saturate(1.55);
  -webkit-backdrop-filter: blur(22px) saturate(1.55);
}
#nav.rgn.scrolled { --nav-glass: var(--nav-panel); background: transparent; box-shadow: 0 14px 36px -20px rgba(22, 42, 82, .32), 0 0 0 1px var(--nav-line), inset 0 1px 0 rgba(255,255,255,.8); }
#nav .rgn-in { position: static; display: flex; align-items: center; max-width: none; gap: 22px; margin: 0; }
#nav .rgn-logo { display: inline-flex; align-items: center; font: 700 23px/1 Georgia, "Times New Roman", serif; letter-spacing: -.05em; text-decoration: none; flex: none; }
#nav .rgn-logo .rgn-mark { display: block; width: 38px; height: 37px; margin-right: 8px; background-image: url('/assets/logo-mark-light.png'); }
#nav .rgn-logo .w1 { color: var(--nav-ink); }
#nav .rgn-logo .w2 { color: var(--nav-violet); }
#nav .rgn-logo .dotai { color: #b17c20; }
#nav .rgn-links { display: flex; align-items: center; flex: 1; justify-content: center; gap: 2px; }
#nav .rgn-links > a, #nav .rgn-dt {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  min-height: 40px; padding: 9px 10px; border: 0; border-radius: 10px;
  background: transparent; color: var(--nav-ink); font: 550 14px/1.4 var(--font, Inter, sans-serif);
  text-decoration: none; cursor: pointer; transition: background .18s, color .18s;
}
#nav .rgn-links > a::after { display: none; }
#nav .rgn-links > a:hover, #nav .rgn-dt:hover, #nav .rgn-drop.open .rgn-dt { color: var(--nav-violet); background: rgba(99, 91, 255, .075); }
#nav .rgn-links > a.on, #nav .rgn-dt.on { color: var(--nav-violet); background: rgba(99, 91, 255, .07); }
#nav .rgn-chevron { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; filter: none; transition: transform .28s var(--nav-ease); }
#nav .rgn-drop.open .rgn-chevron { transform: rotate(180deg); }
#nav .rgn-drop { position: static; }
#nav .rgn-cta { display: flex; align-items: center; gap: 9px; margin-left: auto; flex: none; }
#nav .rgn-solid, #nav .rgn-drawer-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 38px; padding: 9px 14px; margin: 0; border: 1px solid rgba(68, 54, 225, .2); border-radius: 10px;
  background: linear-gradient(180deg, #746cff, #635bff); color: #fff; font: 650 12px/1.4 var(--font, Inter, sans-serif); white-space: nowrap; text-decoration: none;
  box-shadow: 0 3px 8px rgba(80, 67, 214, .14), inset 0 1px 0 rgba(255,255,255,.22);
  transition: background .18s, box-shadow .18s, transform .18s;
}
#nav .rgn-solid:hover, #nav .rgn-drawer-cta:hover { background: #5349e8; transform: translateY(-1px); box-shadow: 0 6px 14px -4px rgba(80,67,214,.35); }
#nav .rgn-solid svg, #nav .rgn-drawer-cta svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#nav .rgn-account-home { display: contents; }
#nav #rg-account { display: inline-flex; align-items: center; gap: 7px; min-width: 0; position: relative; }
#nav #rg-account:empty { min-width: 100px; }
#nav .rgn-account-loading { display: inline-flex; align-items: center; justify-content: center; width: 198px; min-height: 36px; padding: 7px 9px; border: 1px solid var(--nav-line); border-radius: 10px; color: var(--nav-muted); background: rgba(127,127,167,.035); font: 450 10px/1.4 var(--font, Inter, sans-serif); white-space: nowrap; }
#nav #rg-account .rg-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border: 1px solid var(--nav-line); border-radius: 10px; padding: 7px 10px; background: rgba(242,244,255,.72); color: var(--nav-ink); font-size: 11px; white-space: nowrap; text-decoration: none; }
#nav #rg-account .rg-dia { color: var(--nav-violet); font-size: 10px; }
#nav #rg-account .rg-pill.low { color: #8f4d13; background: #fff5e6; border-color: #ebd6b9; }
#nav #rg-account .rg-auth-ghost { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 5px; color: var(--nav-ink); font-size: 11px; text-decoration: none; }
#nav #rg-account .rg-auth-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 10px; border: 1px solid var(--nav-line); border-radius: 10px; background: rgba(255,255,255,.7); color: var(--nav-ink); font-size: 11px; text-decoration: none; box-shadow: none; }
#nav #rg-account .rg-auth-cta:hover, #nav #rg-account .rg-auth-ghost:hover { color: var(--nav-violet); background: rgba(99,91,255,.07); }
#nav #rg-account .rg-auth-cta span { display: none; }
#nav #rg-account .rg-acc { position: relative; padding: 0; min-height: 36px; background: transparent; border: 0; border-radius: 10px; box-shadow: none; }
#nav .rgn-account-trigger { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 4px 7px 4px 4px; border: 1px solid var(--nav-line); border-radius: 10px; background: rgba(255,255,255,.58); color: var(--nav-ink); font: inherit; cursor: pointer; }
#nav .rgn-account-trigger .rg-acc-meta { display: none; }
#nav .rgn-account-trigger .rg-av { display: grid; place-items: center; width: 26px; height: 26px; font-size: 11px; border-radius: 7px; background: #eeebff; color: #584adb; }
#nav .rgn-account-trigger .rg-caret { font-size: 10px; color: var(--nav-muted); }
#nav #rg-account .rg-bell { display: grid; place-items: center; width: 36px; height: 36px; min-height: 36px; border: 1px solid var(--nav-line); border-radius: 10px; background: rgba(255,255,255,.5); color: var(--nav-muted); cursor: pointer; }
#nav #rg-account .rg-menu, #nav #rg-bell-panel { top: calc(100% + 14px); right: 0; border: 1px solid var(--nav-line); border-radius: 16px; background: var(--nav-panel); color: var(--nav-ink); box-shadow: 0 18px 50px -15px rgba(23,43,77,.25); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
#nav #rg-account .rg-menu a { color: var(--nav-ink); min-height: 40px; }
#nav #rg-account .rg-menu a:hover { background: rgba(99,91,255,.07); color: var(--nav-violet); }
#nav .rg-lang-wrap { display: inline-flex; align-items: center; gap: 5px; padding: 7px 8px; min-height: 36px; margin: 0; border: 1px solid transparent; border-radius: 10px; color: var(--nav-muted); background: transparent; font: 500 12px/1.4 var(--font, Inter, sans-serif); }
#nav .rg-lang-wrap:hover, #nav .rg-lang-wrap:focus-within { border-color: var(--nav-line); background: rgba(255,255,255,.6); }
#nav .rg-lang { display: inline-block; max-width: 116px; min-height: 22px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
#nav .rg-lang-ic { display: inline-flex; align-items: center; font-size: 17px; opacity: .8; }
#nav .rgn-burger { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 9px; border: 1px solid var(--nav-line); border-radius: 10px; background: rgba(255,255,255,.5); color: var(--nav-ink); cursor: pointer; }
#nav .rgn-burger svg, #nav .rgn-drawer-close svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#nav :is(a, button, summary, select):focus-visible { outline: 2px solid var(--nav-violet); outline-offset: 3px; }
#nav :is(button, a):active { transform: translateY(1px); }

/* One bounded flyout: four real workflow groups and the existing PlagLab lens. */
#nav .rgn-mega {
  position: absolute; inset: calc(100% + 12px) auto auto 50%; width: min(1290px, calc(100% - 24px));
  max-height: calc(100dvh - 112px); margin: 0; padding: 0; overflow: auto; overscroll-behavior: contain;
  border: 1px solid rgba(255,255,255,.96); border-radius: 23px; background: var(--nav-panel);
  box-shadow: 0 34px 80px -30px rgba(30,44,91,.35), 0 0 0 1px rgba(104,123,159,.12), inset 0 1px 0 #fff;
  backdrop-filter: blur(30px) saturate(1.6); -webkit-backdrop-filter: blur(30px) saturate(1.6);
  transform: translateX(-50%) translateY(-9px) scale(.985); transform-origin: 50% 0;
  opacity: 0; visibility: hidden; pointer-events: none; content-visibility: hidden;
  transition: opacity .16s ease, transform .22s var(--nav-ease), visibility 0s .22s;
  scrollbar-width: thin; scrollbar-color: #b7bfd7 transparent;
}
#nav .rgn-mega::before { display: none; }
#nav .rgn-drop.open .rgn-mega { opacity: 1; visibility: visible; pointer-events: auto; content-visibility: visible; transform: translateX(-50%) translateY(0) scale(1); transition: opacity .2s ease, transform .36s var(--nav-ease), visibility 0s; }
#nav .rgn-drop:not(.open) .rgn-mega { opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(-50%) translateY(-9px) scale(.985); }
#nav .rgn-drop.closing .rgn-mega { visibility: visible; content-visibility: visible; }
#nav .rgn-mega-body { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 26px; padding: 26px; }
#nav .rgn-mega-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 21px; padding: 0; }
#nav .rgn-col { min-width: 0; opacity: 1; }
#nav .rgn-col-h { display: flex; align-items: center; gap: 8px; padding: 0 0 14px; margin: 0 0 9px; border-bottom: 1px solid var(--nav-line); color: var(--nav-ink); font: 650 13px/1.35 var(--font, Inter, sans-serif); letter-spacing: -.015em; text-transform: none; white-space: nowrap; }
#nav .rgn-category-ic { display: grid; place-items: center; flex: none; width: 27px; height: 27px; border-radius: 8px; color: var(--mc); background: color-mix(in srgb, var(--mc) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mc) 8%, transparent); }
#nav .rgn-category-ic svg { width: 17px; height: 17px; }
#nav .rgn-col svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#nav .rgn-col .rgn-tool { position: relative; display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 9px 6px; margin: 0 -6px; border-radius: 9px; background: transparent; color: #4f617c; font: 500 13px/1.45 var(--font, Inter, sans-serif); text-decoration: none; white-space: normal; transition: background .18s, color .18s; transform: none; }
#nav .rgn-tool::after { display: none; }
#nav .rgn-tool-ic { flex: none; width: 17px; color: #7785a2; }
#nav .rgn-tool-ic svg { width: 17px; height: 17px; }
#nav .rgn-tool-name { min-width: 0; }
#nav .rgn-pro { flex: none; margin-left: auto; padding: 3px 5px; border: 1px solid rgba(177,124,32,.14); border-radius: 5px; background: #fff5df; color: #8c641d; font: 650 9px/1.1 var(--font, Inter, sans-serif); letter-spacing: .01em; text-transform: none; }
#nav .rgn-tool-arrow { display: none; }
#nav .rgn-col .rgn-tool:hover { color: var(--mc); background: color-mix(in srgb, var(--mc) 6%, transparent); transform: none; }
#nav .rgn-tool:hover .rgn-tool-ic { color: var(--mc); }
#nav .rgn-feat { display: flex; position: relative; flex-direction: column; align-items: flex-start; overflow: hidden; min-width: 0; padding: 19px; border: 1px solid rgba(131,111,220,.15); border-radius: 16px; background: radial-gradient(ellipse at 10% 0%, rgba(238,231,255,.85), transparent 70%), linear-gradient(160deg, #f7f4ff, #eff5fe); color: var(--nav-ink); text-decoration: none; transition: border-color .2s, box-shadow .2s; }
#nav .rgn-feat:hover { border-color: rgba(99,91,255,.35); box-shadow: 0 8px 20px -10px rgba(99,91,255,.2); }
#nav .rgn-feat-k { color: #7261a5; font: 650 10px/1.5 var(--font, Inter, sans-serif); letter-spacing: .035em; }
#nav .rgn-feat h3 { margin: 11px 0 0; font: 650 27px/1.12 var(--font, Inter, sans-serif); letter-spacing: -.045em; color: var(--nav-ink); }
#nav .rgn-feat-image { display: block; width: calc(100% + 32px); height: auto; aspect-ratio: 1491 / 1055; object-fit: contain; margin: 2px -16px -2px; filter: none; }
#nav .rgn-feat p { margin: 0 0 19px; color: #69718e; font: 400 12px/1.65 var(--font, Inter, sans-serif); }
#nav .rgn-feat-go { display: flex; align-items: center; gap: 17px; margin-top: auto; color: #6350ce; font: 650 12px/1.4 var(--font, Inter, sans-serif); }
#nav .rgn-feat-go svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s var(--nav-ease); }
#nav .rgn-feat:hover .rgn-feat-go svg { transform: translateX(3px); }
#nav .rgn-mega-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 58px; padding: 15px 27px; border-top: 1px solid var(--nav-line); border-radius: 0; background: rgba(241,244,253,.65); }
#nav .rgn-mega-all { display: inline-flex; align-items: center; gap: 13px; margin: 0; color: #5a50dc; font: 650 12px/1.5 var(--font, Inter, sans-serif); text-decoration: none; }
#nav .rgn-mega-all svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#nav .rgn-mega-note { display: inline-flex; gap: 10px; align-items: center; color: #687994; font: 400 11px/1.5 var(--font, Inter, sans-serif); }
.rgn-shade { position: fixed; inset: 0; z-index: 390; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background: rgba(35,43,78,.08); cursor: default; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s, visibility 0s .2s; }
.rgn-shade[data-open=true] { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s, visibility 0s; }
/* Keep the existing Pro dialog's close control above its decorative heading. */
.rgn-shade ~ .rg-modal-ov .rg-x { position: absolute; top: 12px; right: 12px; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; }

/* Native modal drawer owns focus and background inertness on compact screens. */
#nav .rgn-drawer { position: fixed; inset: 12px 12px auto auto; width: min(450px, calc(100vw - 24px)); max-width: none; max-height: calc(100dvh - 24px); margin: 0; padding: 0; border: 1px solid rgba(255,255,255,.9); border-radius: 22px; color: var(--nav-ink); background: var(--nav-panel); box-shadow: 0 25px 90px -25px rgba(20,32,68,.4), 0 0 0 1px var(--nav-line); backdrop-filter: blur(28px) saturate(1.4); -webkit-backdrop-filter: blur(28px) saturate(1.4); opacity: 1; visibility: visible; transform: none; transition: none; overflow: visible; }
#nav .rgn-drawer:not([open]) { display: none !important; }
#nav .rgn-drawer[open] { display: flex; flex-direction: column; content-visibility: visible; pointer-events: auto; }
#nav .rgn-drawer::backdrop { background: rgba(23,35,64,.22); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
#nav .rgn-drawer-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--nav-line); flex: none; }
#nav .rgn-drawer-close { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 1px solid var(--nav-line); border-radius: 12px; background: rgba(255,255,255,.5); color: var(--nav-muted); cursor: pointer; }
#nav .rgn-drawer-account { display: flex; flex: none; min-height: 0; padding: 14px 22px 0; }
#nav .rgn-drawer-account:empty { display: none; }
#nav .rgn-drawer-account #rg-account { display: flex; width: 100%; gap: 9px; padding-bottom: 14px; border-bottom: 1px solid var(--nav-line); }
#nav .rgn-drawer-account #rg-account .rg-pill, #nav .rgn-drawer-account #rg-account .rg-auth-ghost, #nav .rgn-drawer-account #rg-account .rg-auth-cta { display: inline-flex; min-height: 42px; font-size: 12px; }
#nav .rgn-drawer-account #rg-account .rg-auth-ghost { margin-left: auto; }
#nav .rgn-drawer-account .rg-acc { margin-left: auto; min-width: 0; flex: 0 1 auto; }
#nav .rgn-drawer-account .rgn-account-trigger { min-height: 42px; min-width: 0; max-width: 100%; }
#nav .rgn-drawer-account .rgn-account-trigger .rg-acc-meta { display: flex; min-width: 0; max-width: 115px; text-align: left; font-size: 11px; }
#nav .rgn-drawer-account .rgn-account-trigger .rg-acc-meta b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
#nav .rgn-drawer-account #rg-account :is(.rg-pill, .rg-bell) { flex-shrink: 0; }
#nav #rg-account .rg-menu-h { overflow-wrap: anywhere; }
#nav .rgn-drawer-account #rg-account .rg-tok-w { display: inline; }
#nav .rgn-drawer-account #rg-account .rg-menu { width: min(280px, calc(100vw - 68px)); top: calc(100% + 8px); }
#nav .rgn-drawer-account #rg-bell-panel { position: absolute; top: calc(100% - 6px); right: 0; width: min(340px, calc(100vw - 68px)); max-height: 55dvh; }
#nav .rgn-drawer-scroll { flex: 1 1 auto; min-height: 0; padding: 10px 14px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #b7bfd7 transparent; }
#nav .rgn-mobile-links { display: flex; flex-direction: column; gap: 3px; }
#nav .rgn-mobile-links > a, #nav .rgn-mobile-services > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 49px; padding: 13px 13px; border: 0; border-radius: 11px; background: transparent; color: var(--nav-ink); font: 550 17px/1.4 var(--font, Inter, sans-serif); text-decoration: none; cursor: pointer; }
#nav .rgn-mobile-links > a.on, #nav .rgn-mobile-links > a:hover, #nav .rgn-mobile-services[open] > summary { color: var(--nav-violet); background: rgba(99,91,255,.065); }
#nav .rgn-mobile-services > summary { list-style: none; }
#nav .rgn-mobile-services > summary::-webkit-details-marker { display: none; }
#nav .rgn-mobile-services > summary svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s var(--nav-ease); }
#nav .rgn-mobile-services[open] > summary svg { transform: rotate(180deg); }
#nav .rgn-mobile-groups { display: grid; gap: 16px; padding: 17px 13px 19px; }
#nav .rgn-mobile-group h3 { margin: 0 0 6px; color: var(--nav-muted); font: 650 11px/1.5 var(--font, Inter, sans-serif); letter-spacing: .025em; }
#nav .rgn-mobile-group > a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 9px; margin: 0 -9px; border-radius: 8px; color: var(--nav-ink); font: 450 14px/1.5 var(--font, Inter, sans-serif); text-decoration: none; }
#nav .rgn-mobile-group > a:hover { background: rgba(99,91,255,.065); color: var(--nav-violet); }
#nav .rgn-drawer-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex: none; padding: 14px 20px max(16px, env(safe-area-inset-bottom)); border-top: 1px solid var(--nav-line); }
#nav .rgn-drawer-language { min-width: 0; }
#nav .rgn-drawer-language .rg-lang-wrap { display: inline-flex; min-height: 44px; padding: 8px 9px; margin: 0; }
#nav .rgn-drawer-language .rg-lang { display: inline-block; width: auto; max-width: 150px; min-height: 28px; font-size: 13px; }
#nav .rgn-drawer .rgn-drawer-cta { min-height: 44px; padding-inline: 16px; border-radius: 11px; }

@media (max-width: 1550px) and (min-width: 1381px) {
  #nav.rgn { padding-inline: 18px; }
  #nav .rgn-in { gap: 10px; }
  #nav .rgn-links { gap: 0; }
  #nav .rgn-links > a, #nav .rgn-dt { padding-inline: 8px; font-size: 13px; }
  #nav .rgn-logo { font-size: 21px; }
  #nav .rgn-logo .rgn-mark { width: 34px; margin-right: 6px; }
  #nav .rgn-cta { gap: 7px; }
}
@media (max-width: 1380px) {
  #nav .rgn-links { display: none; }
  #nav .rgn-burger { display: inline-flex; }
}
@media (max-width: 920px) {
  #nav .rgn-account-home, #nav .rgn-cta > .rg-lang-wrap { display: none; }
}
@media (max-width: 760px) {
  #nav.rgn { inset: 10px 12px auto; height: 62px; padding-inline: 12px; border-radius: 17px; }
  #nav .rgn-in { gap: 8px; }
  #nav .rgn-logo { font-size: 20px; }
  #nav .rgn-logo .rgn-mark { width: 30px; height: 32px; margin-right: 5px; }
  #nav .rgn-cta { gap: 7px; }
  #nav .rgn-solid { min-height: 40px; padding: 8px 11px; font-size: 11px; gap: 7px; }
  #nav .rgn-burger { width: 44px; height: 44px; }
  #nav .rgn-drawer { inset: 10px 10px auto; width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 20px; }
  #nav .rgn-drawer-head { padding: 13px 16px; }
  .research-home .hero { padding-top: 104px; }
}
@media (max-width: 420px) {
  #nav .rgn-in { gap: 6px; }
  #nav .rgn-logo { font-size: 18px; }
  #nav .rgn-logo .rgn-mark { width: 27px; height: 30px; margin-right: 4px; }
  #nav .rgn-solid { padding-inline: 9px; font-size: 10.5px; gap: 6px; min-height: 44px; }
}
@media (max-width: 360px) {
  #nav .rgn-in, #nav .rgn-cta { gap: 5px; }
  #nav .rgn-logo { font-size: 17px; }
  #nav .rgn-logo .rgn-mark { width: 25px; }
  #nav .rgn-solid { width: 44px; padding: 9px; }
  #nav .rgn-solid .rgn-cta-label { display: none; }
  #nav .rgn-drawer-account { padding-inline: 17px; }
  #nav .rgn-drawer-foot { padding-inline: 16px; }
  #nav .rgn-drawer-language .rg-lang { max-width: 128px; }
}
[data-theme=dark] #nav.rgn { --nav-ink: #e4eafa; --nav-muted: #a6b4cd; --nav-violet: #b6acff; --nav-line: rgba(158,174,206,.2); --nav-glass: rgba(18,29,51,.86); --nav-panel: rgba(21,32,56,.96); border-color: rgba(170,188,229,.18); box-shadow: 0 10px 32px -18px #000, inset 0 1px 0 rgba(255,255,255,.08); }
[data-theme=dark] #nav .rgn-logo .rgn-mark { background-image: url('/assets/logo-mark-dark.png'); }
[data-theme=dark] #nav .rgn-col .rgn-tool { color: #b6c1d8; }
[data-theme=dark] #nav .rgn-feat { background: linear-gradient(155deg, #2d2850, #1c304c); border-color: #51476f; }
[data-theme=dark] #nav .rgn-feat-k, [data-theme=dark] #nav .rgn-feat p { color: #c1b9da; }
[data-theme=dark] #nav .rgn-feat-go, [data-theme=dark] #nav .rgn-mega-all { color: #b6acff; }
[data-theme=dark] #nav .rgn-mega-foot { background: rgba(12,22,42,.45); }
[data-theme=dark] #nav .rgn-pro { background: #3b3121; border-color: #68532b; color: #efd197; }
[data-theme=dark] #nav :is(.rgn-account-trigger, .rgn-burger, .rgn-drawer-close, .rg-lang-wrap:hover) { background: rgba(255,255,255,.04); }
[data-theme=dark] #nav #rg-account :is(.rg-pill, .rg-auth-cta, .rg-bell) { background: rgba(255,255,255,.05); }
[data-theme=dark] #nav #rg-account .rg-pill.low { background: #3c3023; color: #f0cc8c; }
html[data-render-tier=balanced] #nav.rgn::before { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
html[data-render-tier=balanced] #nav .rgn-mega { backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3); }
html[data-render-tier=eco] #nav.rgn { --nav-glass: rgba(255,255,255,.97); --nav-panel: #fcfdff; }
html[data-render-tier=eco][data-theme=dark] #nav.rgn { --nav-glass: #121d33; --nav-panel: #152038; }
html[data-render-tier=eco] #nav, html[data-render-tier=eco] #nav :is(.rgn-mega, .rgn-drawer, .rg-menu, #rg-bell-panel) { backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-render-tier=eco] #nav .rgn-drawer::backdrop { backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-render-tier=eco] #nav.rgn::before { background: var(--nav-glass); backdrop-filter: none; -webkit-backdrop-filter: none; }
@media (prefers-reduced-transparency: reduce) {
  #nav.rgn { --nav-glass: #fff; --nav-panel: #fcfdff; }
  #nav, #nav.rgn::before, #nav :is(.rgn-mega, .rgn-drawer, .rg-menu, #rg-bell-panel) { backdrop-filter: none; -webkit-backdrop-filter: none; }
  [data-theme=dark] #nav.rgn { --nav-glass: #121d33; --nav-panel: #152038; }
}
@media (prefers-reduced-motion: reduce) {
  #nav, #nav *, .rgn-shade { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  #nav.rgn, #nav :is(.rgn-mega, .rgn-drawer, .rgn-feat, .rg-menu) { background: Canvas; color: CanvasText; border: 1px solid ButtonBorder; box-shadow: none; }
  #nav.rgn::before { display: none; }
  #nav :is(.rgn-solid, .rgn-drawer-cta) { background: ButtonFace; color: ButtonText; border: 1px solid ButtonBorder; }
}
@media print { #nav.rgn, .rgn-shade { display: none !important; } }