/* LocalGenius shared header (live homepage header + Features and Industries menus, n3 plain style).
   Everything is scoped to #top and lgh- classes so it can sit on any page. One blue: #244bc5. */
#top.nav{--lgh-ink:#0f172a;--lgh-text:#2b3445;--lgh-muted:#6b768a;--lgh-line:#e5e8ef;--lgh-bar:#e6e8ea;--lgh-blue:#244bc5;--lgh-blue-dark:#1b3a9e;--lgh-tint:#eef3fe;
  --lgh-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--lgh-gutter:40px;--lgh-h:84px;
  position:sticky;top:0;left:0;right:0;z-index:30;margin:0;padding:0;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  color:var(--lgh-ink);border-bottom:1px solid var(--lgh-bar);font:400 15px/1.6 var(--lgh-font);-webkit-font-smoothing:antialiased}
#top.nav *,#top.nav *::before,#top.nav *::after{box-sizing:border-box}
:where(#top.nav) :where(*){margin:0;padding:0}
#top.nav ul{list-style:none}
.lgh-links,.lgh-sub ul{padding:0}
#top.nav a{color:inherit}
#top.nav img{display:block;max-width:100%}
#top.nav button{font-family:inherit}
#top.nav :focus-visible{outline:2px solid var(--lgh-blue);outline-offset:3px;border-radius:4px}

.lgh-in{max-width:calc(1240px + var(--lgh-gutter)*2);margin:0 auto;padding:0 var(--lgh-gutter);display:flex;align-items:center;height:var(--lgh-h);gap:40px}
.lgh-logo{display:block;flex:none;text-decoration:none}
.lgh-logo img{height:40px;width:auto}

/* ---- desktop links ---- */
.lgh-links{display:flex;align-items:center;gap:32px;margin-left:auto}
.lgh-links > li{position:relative}
.lgh-links > li > a,.lgh-btn{text-decoration:none;font:500 15px/1.6 var(--lgh-font);color:inherit;opacity:.92}
.lgh-links > li > a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}
.lgh-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer}
.lgh-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.lgh-btn:hover{opacity:1}
.lgh-item.lgh-open > .lgh-btn{opacity:1;color:var(--lgh-blue)}
.lgh-item.lgh-open > .lgh-btn svg{transform:rotate(180deg)}
#top .lgh-links a[aria-current="page"],#top .lgh-btn.lgh-here{color:var(--lgh-blue);opacity:1}

.lgh-ctas{display:flex;align-items:center;gap:24px}
.lgh-signin{text-decoration:none;font:500 15px/1.6 var(--lgh-font)}
.lgh-signin:hover{text-decoration:underline;text-underline-offset:6px}
.lgh-get{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:999px;background:var(--lgh-blue);color:#fff!important;
  font:600 14px/1 var(--lgh-font);letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:background .2s}
.lgh-get:hover{background:var(--lgh-blue-dark)}

/* ---- dropdown panel: white, thin grey border, simple fade ---- */
.lgh-panel{position:absolute;top:calc(100% + 40px);left:50%;width:var(--w,420px);margin-left:calc(var(--w,420px) / -2 + var(--lgh-shift,0px));z-index:45;text-align:left;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility 0s linear .15s}
.lgh-item.lgh-open > .lgh-panel{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.lgh-panel::before{content:"";position:absolute;left:0;right:0;top:-44px;height:44px} /* hover bridge */
.lgh-caret{position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:calc(-6px - var(--lgh-shift,0px));transform:rotate(45deg);
  background:#fff;border-top:1px solid var(--lgh-line);border-left:1px solid var(--lgh-line);border-radius:2px 0 0 0;z-index:2}
.lgh-box{position:relative;background:#fff;border:1px solid var(--lgh-line);border-radius:12px;overflow:hidden;
  box-shadow:0 18px 40px -18px rgba(15,23,42,.22),0 2px 6px rgba(15,23,42,.04)}
.lgh-box ul{padding:8px}
.lgh-feat{--w:420px}

.lgh-ind{--w:420px}
.lgh-box li a{display:grid;grid-template-columns:20px 1fr;gap:14px;align-items:start;padding:10px 14px;border-radius:8px;text-decoration:none;color:var(--lgh-ink)}
.lgh-box li a:hover,.lgh-box li a:focus-visible{background:var(--lgh-tint)}
#top .lgh-box li a:focus-visible{outline:2px solid var(--lgh-blue);outline-offset:-2px;border-radius:8px}
.lgh-ico{width:20px;height:20px;margin-top:1px;color:var(--lgh-blue);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lgh-box li b,.lgh-sub li b{display:block;font:600 15px/1.25 var(--lgh-font);color:var(--lgh-ink)}
.lgh-box li small,.lgh-sub li small{display:block;margin-top:3px;font:400 13.5px/1.3 var(--lgh-font);color:var(--lgh-muted)}
.lgh-box li a:hover b{color:var(--lgh-blue)}
.lgh-all{display:flex;align-items:center;gap:6px;padding:14px 22px;border-top:1px solid var(--lgh-line);font:600 14.5px/1.2 var(--lgh-font);color:var(--lgh-blue)!important;text-decoration:none}
.lgh-all:hover{background:var(--lgh-tint)}
#top .lgh-all:focus-visible{outline:2px solid var(--lgh-blue);outline-offset:-2px}

/* page behind dims a little (element is added to <body> by header.js) */
.lgh-scrim{position:fixed;inset:0;z-index:20;background:rgba(15,23,42,.06);opacity:0;pointer-events:none;transition:opacity .15s ease}
.lgh-scrim.lgh-on{opacity:1;pointer-events:auto}

/* ---- phone menu ---- */
.lgh-burger{display:none;background:none;border:0;color:inherit;width:44px;height:44px;margin-right:-10px;cursor:pointer}
.lgh-burger span{display:block;width:22px;height:2px;background:currentColor;margin:5px auto;border-radius:2px}
.lgh-mm{display:none}

@media (max-width:1100px){
  #top.nav{--lgh-gutter:32px}
  .lgh-links{gap:22px}
}
@media (max-width:860px){
  .lgh-links,.lgh-signin,.lgh-ctas .lgh-get{display:none!important}
  .lgh-burger{display:block}
  .lgh-ctas{margin-left:auto}
  .lgh-scrim{display:none}
  .lgh-mm.lgh-open{display:block;position:absolute;top:var(--lgh-h);left:16px;right:16px;background:#fff;color:var(--lgh-ink);border-radius:16px;padding:12px;
    box-shadow:0 30px 60px -20px rgba(0,0,0,.4);max-height:calc(100vh - var(--lgh-h) - 12px);overflow:auto;overscroll-behavior:contain;font-size:17px}
  .lgh-mm > a{display:block;padding:14px 12px;text-decoration:none;font-weight:500;border-bottom:1px solid var(--lgh-bar)}
  .lgh-mm > a.lgh-mm-get{border:0;margin-top:8px;background:var(--lgh-blue);color:#fff!important;text-align:center;border-radius:999px}
  .lgh-mm > a[aria-current="page"]{color:var(--lgh-blue)}
  .lgh-mm-grp{border-bottom:1px solid var(--lgh-bar)}
  .lgh-mm-row{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;border:0;padding:14px 12px;font:500 17px/1.6 var(--lgh-font);color:var(--lgh-ink);cursor:pointer;text-align:left}
  .lgh-mm-row svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;color:var(--lgh-muted)}
  .lgh-mm-row[aria-expanded="true"]{color:var(--lgh-blue)}
  .lgh-mm-row[aria-expanded="true"] svg{transform:rotate(180deg)}
  .lgh-sub{padding:0 0 10px}
  .lgh-sub[hidden]{display:none}
  .lgh-sub li a{display:grid;grid-template-columns:20px 1fr;gap:14px;align-items:start;padding:9px 12px 9px 14px;text-decoration:none;color:var(--lgh-ink);border-radius:8px}
  .lgh-sub li a:active,.lgh-sub li a:hover{background:var(--lgh-tint)}
  .lgh-sub li b{font-size:15.5px}
  .lgh-sub-feat ul{display:grid;grid-template-columns:1fr 1fr;column-gap:4px}
  .lgh-sub-feat li a{gap:10px;padding:9px 8px 9px 12px;align-items:center}
  .lgh-sub-feat li b{font-size:15px;font-weight:500}
  .lgh-sub-feat .lgh-ico{margin-top:0}
  .lgh-sub .lgh-all{display:block;margin:8px 12px 0 14px;padding:12px 0 4px;border-top:1px solid var(--lgh-line);font:600 15.5px/1.2 var(--lgh-font)}
  .lgh-sub .lgh-all:hover{background:none}
}
@media (max-width:600px){
  #top.nav{--lgh-gutter:20px;--lgh-h:72px}
  .lgh-logo img{height:34px}
  .lgh-mm.lgh-open{font-size:16px}
}
@media (max-width:359px){.lgh-sub-feat ul{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lgh-panel,.lgh-scrim,.lgh-btn svg,.lgh-mm-row svg{transition:none}}
