/* Shared header: kept separate so navigation changes can be released without stale site CSS. */
.community-mobile-cta { display: none !important; }
.community-header-cta { display: inline-flex !important; align-items: center; gap: 8px; min-height: 38px; padding: 0 12px; background: var(--lime); border: 1px solid rgba(31,37,31,.16); border-radius: 4px; color: var(--ink); font-size: 10px; font-weight: 800; white-space: nowrap; transition: transform .2s, background .2s; }
.community-header-cta span { color: var(--coral); font-size: 15px; line-height: 1; }.community-header-cta:hover { color: var(--ink); opacity: 1; background: #e4f667; transform: translateY(-2px); }
.header-actions { gap: 14px; }
.nav-industries { position: relative; display: inline-flex; align-items: center; }.nav-industries::after { content: ''; position: absolute; z-index: 19; top: 100%; left: -28px; width: 650px; height: 24px; }.nav-industries-link { display: inline-flex; align-items: center; gap: 6px; }.nav-industries-link > span { font-size: 16px; line-height: .8; transition: transform .2s ease; }.nav-industries:hover .nav-industries-link > span, .nav-industries:focus-within .nav-industries-link > span { transform: rotate(45deg); }
.nav-industries-menu { position: absolute; z-index: 20; top: calc(100% + 22px); left: -25px; width: 590px; padding: 21px; border: 1px solid rgba(31,37,31,.18); border-radius: 5px; background: rgba(247,245,237,.98); box-shadow: 10px 12px 0 rgba(31,37,31,.15); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease, visibility .18s; }.nav-industries:hover .nav-industries-menu, .nav-industries:focus-within .nav-industries-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.nav-industries-menu > p { margin: 0 0 15px; color: #5c655a; font: 500 9px "DM Mono", monospace; letter-spacing: .08em; }.nav-industries-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(31,37,31,.18); border-left: 1px solid rgba(31,37,31,.18); }.nav-industries-grid a { min-height: 67px; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 11px 13px; border-right: 1px solid rgba(31,37,31,.18); border-bottom: 1px solid rgba(31,37,31,.18); transition: background .18s ease; }.nav-industries-grid a:hover { opacity: 1; background: var(--lime); }.nav-industries-grid b { font-size: 11px; line-height: 1.1; letter-spacing: -.025em; }.nav-industries-grid small { color: #687064; font-size: 9px; line-height: 1.25; }.nav-industries-all { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding-bottom: 3px; border-bottom: 1px solid currentColor; font-size: 11px; font-weight: 800; }.nav-industries-all span { font-size: 16px; line-height: .8; }
@media (max-width: 1250px) and (min-width: 761px) { .site-header { padding: 0 24px; }.main-nav { gap: 17px; font-size: 12px; }.community-header-cta { display: none !important; }.community-mobile-cta { display: inline-flex !important; align-items: center; gap: 5px; min-height: 34px; padding: 0 8px; background: var(--lime); border: 1px solid rgba(31,37,31,.16); border-radius: 4px; font-size: 9px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; }.community-mobile-cta:hover { opacity: 1 !important; }.community-mobile-cta span { color: var(--coral); font-size: 14px; }.header-actions { gap: 14px; }.client-login-link { font-size: 11px; }.button-small { padding: 11px 12px; gap: 10px; } }
@media (max-width: 760px) { .community-header-cta { display: none !important; }.nav-industries::after { display: none; }.site-header.open .nav-industries { display: block; }.site-header.open .nav-industries-link { min-height: 44px; display: flex; font-size: 14px; }.site-header.open .nav-industries-menu { display: none !important; }.nav-industries-link > span { font-size: 18px; }.site-header.open .main-nav .community-mobile-cta { display: flex !important; align-items: center; justify-content: space-between; min-height: 44px; margin: 4px 0 2px; padding: 0 12px; background: var(--lime); border: 1px solid rgba(31,37,31,.16); border-radius: 4px; font-size: 14px; }.community-mobile-cta span { color: var(--coral); font-size: 18px; } }