/* Shared nav-only layer for both layout families. Custom marketing pages retain their page layer separately. */
:root{--wbr-ink:#fff;--wbr-muted:#adb5bd;--wbr-line:#343a40;--wbr-blue:#80c4ff;--wbr-green:#79d6a1;--wbr-amber:#ffc107;--wbr-orange:#ff5733;--wbr-red:#ff9b9f;--wbr-focus:#80c4ff;--wbr-elevation:0 16px 40px rgb(0 0 0 / .42)}
.custom-navbar{--nav-hover:#121212;--nav-open:#17232e;background:#000;border-bottom:1px solid var(--wbr-line);position:sticky;inset-block-start:var(--navbar-top,0px);z-index:1030;padding-block:.75rem;color:var(--wbr-ink);font:500 .9375rem/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 4px 16px rgb(0 0 0 / .2)}.custom-navbar *,.custom-navbar *::before,.custom-navbar *::after{box-sizing:border-box}.custom-navbar .navbar-container{width:calc(100% - 2rem);max-width:80rem;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;min-width:0}.custom-navbar .navbar-brand{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1;min-height:2.75rem;color:#fff;font-size:1.25rem;font-weight:750;text-decoration:none;border-radius:.5rem}.custom-navbar .navbar-brand:hover{color:var(--wbr-blue)}.custom-navbar .logo-img{width:2.5rem;height:2.5rem;flex:none;object-fit:contain}.custom-navbar .brand-lockup{display:flex;flex-direction:column;gap:.2rem;min-width:0;overflow-wrap:anywhere}.custom-navbar .brand-name{font-size:1.25rem;letter-spacing:-.035em;line-height:1.1}.custom-navbar .brand-byline{font-size:.75rem;font-weight:500;letter-spacing:.08em;color:var(--wbr-muted);line-height:1}.custom-navbar .navbar-toggler{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:.5rem;background:#000;color:#fff;border:1px solid var(--wbr-line);border-radius:.5rem;cursor:pointer}.custom-navbar .navbar-toggler:hover,.custom-navbar .navbar-toggler[aria-expanded=true]{background:#17232e;border-color:var(--wbr-blue)}.custom-navbar .toggler-icon,.custom-navbar .toggler-icon::before,.custom-navbar .toggler-icon::after{display:block;width:1.25rem;height:2px;background:currentColor;border-radius:999px}.custom-navbar .toggler-icon{position:relative}.custom-navbar .toggler-icon::before,.custom-navbar .toggler-icon::after{content:'';position:absolute;inset-inline-start:0}.custom-navbar .toggler-icon::before{transform:translateY(-6px)}.custom-navbar .toggler-icon::after{transform:translateY(6px)}.custom-navbar .navbar-collapse{display:block;flex-basis:100%;min-width:0;max-height:var(--panel-height,calc(100dvh - 6rem));overflow-y:auto;overscroll-behavior:contain;padding:1rem .25rem .25rem;border-block-start:1px solid var(--wbr-line)}.custom-navbar .navbar-collapse[hidden]{display:none}.custom-navbar .navbar-nav-left,.custom-navbar .navbar-nav-right{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;min-width:0;max-width:100%;margin:0;padding:0;list-style:none}.custom-navbar .navbar-nav-right{margin-block-start:1rem;padding-block-start:1rem;border-block-start:1px solid var(--wbr-line)}.custom-navbar .navbar-nav-left>li,.custom-navbar .navbar-nav-right>li{display:block;position:relative;min-width:0;max-width:100%}.custom-navbar .navbar-nav-left>li>a,.custom-navbar .navbar-nav-right>li>a,.custom-navbar .dropdown-toggle{display:flex;align-items:center;color:var(--nav-accent,#fff);background:#000;padding:.5rem .75rem;min-height:2.75rem;border:1px solid transparent;border-radius:.5rem;font:600 .9375rem/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;overflow-wrap:anywhere;transition:background-color 140ms,border-color 140ms,box-shadow 140ms}.custom-navbar .dropdown-toggle{width:100%;text-align:start;justify-content:flex-start;gap:.5rem;cursor:pointer}.custom-navbar .dropdown-toggle::before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:currentColor}.custom-navbar .dropdown-toggle>span,.custom-navbar .account-name{min-width:0;overflow-wrap:anywhere}.custom-navbar .dropdown-toggle::after{content:'';flex:none;width:.4375rem;height:.4375rem;margin-inline-start:auto;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-.125rem) rotate(45deg)}.custom-navbar .dropdown-toggle[aria-expanded=true]::after{transform:translateY(.125rem) rotate(225deg)}.custom-navbar .navbar-nav-left>li>a:hover,.custom-navbar .navbar-nav-right>li>a:hover,.custom-navbar .dropdown-toggle:hover{background:var(--nav-hover,#121212);border-color:var(--wbr-line)}.custom-navbar .dropdown-toggle[aria-expanded=true]{background:var(--nav-open,#17232e);box-shadow:inset 0 -2px currentColor}.custom-navbar .nav-link-jobs{--nav-accent:#0074d9}.custom-navbar .nav-link-howto{--nav-accent:#79d6a1}.custom-navbar .nav-link-tools{--nav-accent:#ffc107}.custom-navbar .nav-link-blog,.custom-navbar .nav-link-account,.custom-navbar .nav-link-websites{--nav-accent:#80c4ff}.custom-navbar .nav-link-faq{--nav-accent:#ff5733}.custom-navbar .credits-positive{--nav-accent:#79d6a1}.custom-navbar .credits-negative{--nav-accent:#ff9b9f}.custom-navbar a[aria-current=page],.custom-navbar .dropdown-toggle.is-current{box-shadow:inset 0 -2px var(--nav-accent,#80c4ff);background:var(--nav-hover,#121212);border-color:var(--wbr-line)}.custom-navbar .navbar-brand[aria-current=page] .brand-name{color:var(--wbr-blue)}.custom-navbar a:focus-visible,.custom-navbar button:focus-visible{outline:2px solid var(--wbr-focus);outline-offset:3px}.custom-navbar .navbar-nav-left>li>a:focus-visible,.custom-navbar .navbar-nav-right>li>a:focus-visible,.custom-navbar .dropdown-toggle:focus-visible{background:var(--nav-open,#17232e)}.custom-navbar .nav-link-websites i{margin-inline-end:.35rem}.custom-navbar .dropdown-menu{display:block;position:static;width:100%;padding:.5rem;margin:.25rem 0 .5rem;background:#212529;color:#fff;font-size:.875rem;border:1px solid #343a40;border-radius:.75rem;box-shadow:inset 0 1px 0 rgb(255 255 255 / .05)}.custom-navbar .dropdown-menu[hidden]{display:none}.custom-navbar .dropdown-menu>li{margin:0;padding:0}.custom-navbar .dropdown-menu li a{display:block;color:#fff;background:#212529;padding:.75rem;min-height:2.75rem;font-size:.875rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere;border-radius:.5rem}.custom-navbar .dropdown-menu li a:hover,.custom-navbar .dropdown-menu li a:focus-visible{background:#243443;text-decoration:none}.custom-navbar .dropdown-menu li a:focus-visible{outline:2px solid var(--wbr-focus);outline-offset:-2px}.custom-navbar .dropdown-menu a[aria-current=page]{background:#243443;box-shadow:inset 3px 0 var(--wbr-blue);text-decoration:underline;text-underline-offset:.25em}.custom-navbar .dropdown-menu .text-primary{color:#80c4ff}.custom-navbar .dropdown-menu .text-info{color:#7edbe9}.custom-navbar .dropdown-menu .text-danger{color:#ff9b9f}.custom-navbar .dropdown-divider{border-block-start:1px solid var(--wbr-line);margin:.5rem .75rem}.custom-navbar .navbar-nav-right>li>.nav-register{color:#000;background:var(--wbr-blue);border-color:var(--wbr-blue);padding-inline:1rem;font-weight:700;justify-content:center}.custom-navbar .navbar-nav-right>li>.nav-register:hover,.custom-navbar .navbar-nav-right>li>.nav-register:focus-visible,.custom-navbar .navbar-nav-right>li>.nav-register[aria-current=page]{color:#000;background:#a6d6ff;border-color:#a6d6ff}.custom-navbar .navbar-nav-right>li>.credits-display{display:inline-flex;padding:.5rem .75rem;border:1px solid currentColor;border-radius:999px;font-weight:650;font-variant-numeric:tabular-nums;background:#121212}.custom-navbar .navbar-nav-right>.social-icons{display:flex;align-items:center;gap:.25rem;padding-block-start:.5rem}.custom-navbar .social-icons a{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.5rem;color:var(--wbr-muted);background:#000}.custom-navbar .social-icons a:hover{color:#fff;background:#121212}.custom-navbar .social-icons .fab{font-size:1.125rem}.custom-navbar [hidden]{display:none}.custom-navbar [inert]{pointer-events:none}
@media(min-width:64rem){.custom-navbar .navbar-brand{flex:0 1 auto}.custom-navbar .navbar-toggler{display:none}.custom-navbar .navbar-collapse,.custom-navbar .navbar-collapse.show{display:flex;flex:1 1 34rem;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;max-height:none;overflow:visible;padding:0;border:0}.custom-navbar .navbar-nav-left,.custom-navbar .navbar-nav-right{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem}.custom-navbar .navbar-nav-left{margin-inline-end:auto}.custom-navbar .navbar-nav-right{margin:0 0 0 auto;padding:0;border:0}.custom-navbar .navbar-nav-left>li,.custom-navbar .navbar-nav-right>li{flex:none}.custom-navbar .account-dropdown{max-width:12rem}.custom-navbar .dropdown-menu{position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:0;width:max-content;min-width:min(16rem,var(--menu-width,calc(100vw - 1.5rem)));max-width:min(28rem,var(--menu-width,calc(100vw - 1.5rem)));max-height:var(--menu-height,65vh);overflow:auto;margin:0;box-shadow:var(--wbr-elevation);transform:translate(var(--menu-shift,0px),-.25rem);z-index:1040}.custom-navbar .dropdown-menu-right{inset-inline-start:auto;inset-inline-end:0}.custom-navbar .dropdown-menu.opens-up{inset-block-start:auto;inset-block-end:calc(100% + .5rem)}.custom-navbar .dropdown-menu.show{transform:translateX(var(--menu-shift,0px))}.custom-navbar .navbar-nav-right>.social-icons{padding-inline-start:.5rem;border-inline-start:1px solid var(--wbr-line);margin-inline-start:.5rem}}
@media(max-width:359.98px){.custom-navbar .navbar-container{width:calc(100% - 1rem);column-gap:.5rem}}@media(forced-colors:active){.custom-navbar a[aria-current=page],.custom-navbar .dropdown-toggle.is-current{text-decoration:underline}.custom-navbar .dropdown-menu{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.custom-navbar *,.custom-navbar *::before,.custom-navbar *::after{transition-duration:0ms}}