/* Simplex site header (simplex-nav). Same tokens as the page/blog system: Poppins, ink #111, gold #E6C22B,
   gold-deep #7C6710, cream #F6F5F1, lines #d9d7cd / #e6e4da. Everything is scoped to .sxn-* so the theme's
   Bootstrap and the old header styles never reach it. */
body.sxn{--sxn-ink:#111111;--sxn-gold:#E6C22B;--sxn-gold-deep:#7c6710;--sxn-cream:#F6F5F1;--sxn-line:#d9d7cd;--sxn-line-soft:#e6e4da;
  --sxn-body:#45443e;--sxn-muted:#6f6e65;--sxn-font:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--sxn-h:76px}
body.sxn .header{position:sticky;top:0;z-index:1040;background:#fff;padding:0!important;margin:0!important;border:0!important;box-shadow:none}
body.admin-bar.sxn .header{top:32px}
body.sxn .header .alert.banner{display:none!important}

.sxn-bar,.sxn-drawer,.sxn-bar *,.sxn-drawer *{box-sizing:border-box}
.sxn-bar{font-family:var(--sxn-font)!important;background:#fff;border-bottom:1px solid transparent;transition:box-shadow .2s ease,border-color .2s ease}
.sxn-bar.is-scrolled{border-bottom-color:var(--sxn-line-soft);box-shadow:0 10px 30px -22px rgba(17,17,17,.45)}
.sxn-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.sxn-row{height:var(--sxn-h);display:flex;align-items:center;gap:28px}
.sxn-logo{display:block;flex:none;width:168px;line-height:0}
.sxn-logo svg{width:100%;height:auto;display:block}
.sxn-bar a,.sxn-drawer a{text-decoration:none}

/* desktop nav */
.sxn-nav{flex:1;display:flex;justify-content:center;min-width:0}
.sxn-list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.sxn-list > li{position:static;margin:0;padding:0}
.sxn-list > li:not(.is-mega){position:relative}
.sxn-top{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:0;border-radius:12px;background:transparent;cursor:pointer;
  font:600 15px/1 var(--sxn-font)!important;color:var(--sxn-ink)!important;transition:background .15s ease,color .15s ease;white-space:nowrap}
.sxn-top:hover,.sxn-top[aria-expanded="true"]{background:var(--sxn-cream)}
.sxn-top.is-cur{color:var(--sxn-gold-deep)!important}
.sxn-top:focus-visible,.sxn-bar a:focus-visible,.sxn-drawer a:focus-visible,.sxn-drawer button:focus-visible{outline:2px solid var(--sxn-gold);outline-offset:2px}
.sxn-chev{width:12px;height:12px;transition:transform .2s ease}
.sxn-top[aria-expanded="true"] .sxn-chev{transform:rotate(180deg)}

/* panels */
.sxn-panel{position:absolute;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:1041}
.sxn-has.is-open > .sxn-panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.sxn-mega{left:0;right:0;top:var(--sxn-h);background:#fff;border-top:1px solid var(--sxn-line-soft);box-shadow:0 30px 60px -30px rgba(17,17,17,.35)}
.sxn-mega-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:36px;padding-top:28px;padding-bottom:30px}
.sxn-eyebrow{margin:0 0 14px;font:700 12px/1 var(--sxn-font);letter-spacing:2.2px;text-transform:uppercase;color:var(--sxn-gold-deep)}
.sxn-svcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sxn-svc{border-radius:16px;transition:background .15s ease}
.sxn-svc.has-chips{grid-column:span 2;background:var(--sxn-cream);padding-bottom:14px}
.sxn-svc-h{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;color:var(--sxn-ink)!important}
a.sxn-svc-h:hover{background:var(--sxn-cream)}
.sxn-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--sxn-line);color:var(--sxn-ink)}
.sxn-ic svg{width:20px;height:20px}
a.sxn-svc-h:hover .sxn-ic{background:var(--sxn-gold);border-color:var(--sxn-gold)}
.sxn-svc-t b{display:block;font:700 15.5px/1.25 var(--sxn-font);color:var(--sxn-ink)}
.sxn-svc-t span{display:block;margin-top:3px;font:400 13.5px/1.45 var(--sxn-font);color:var(--sxn-muted)}
.sxn-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 0 70px}
.sxn-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#fff;border:1.5px solid var(--sxn-line);
  font:600 13px/1.2 var(--sxn-font);color:var(--sxn-ink)!important;transition:border-color .15s ease}
.sxn-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sxn-gold)}
.sxn-chip:hover{border-color:var(--sxn-gold-deep)}
.sxn-feature{background:var(--sxn-ink);color:#fff;border-radius:20px;padding:22px 22px 18px;align-self:start}
.sxn-feature .sxn-eyebrow{color:var(--sxn-gold)}
.sxn-feature-h{margin:0 0 14px;font:800 20px/1.2 var(--sxn-font);letter-spacing:-.4px;color:#fff}
.sxn-online{display:grid;gap:8px}
.sxn-online-link{display:block;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:border-color .15s ease,background .15s ease}
.sxn-online-link:hover{border-color:var(--sxn-gold);background:rgba(255,255,255,.1)}
.sxn-online-link b{display:block;font:700 14.5px/1.3 var(--sxn-font);color:#fff}
.sxn-online-link span{display:block;margin-top:2px;font:400 12.5px/1.4 var(--sxn-font);color:#c7c5bb}
.sxn-feature-call{display:flex;align-items:center;gap:8px;margin-top:14px;font:600 13px/1.3 var(--sxn-font);color:#d3d1c7!important}
.sxn-feature-call svg{width:16px;height:16px;color:var(--sxn-gold);flex:none}
.sxn-feature-call:hover{color:#fff!important}
.sxn-drop{top:calc(100% + 10px);left:50%;margin-left:-120px;min-width:240px;padding:8px;background:#fff;border:1px solid var(--sxn-line-soft);border-radius:16px;
  box-shadow:0 24px 50px -24px rgba(17,17,17,.4);display:grid;gap:2px}
.sxn-drop-link{display:block;padding:11px 14px;border-radius:10px;font:600 14.5px/1.2 var(--sxn-font);color:var(--sxn-ink)!important}
.sxn-drop-link:hover{background:var(--sxn-cream)}
.sxn-drop-wide{min-width:320px;margin-left:-160px;background:var(--sxn-ink);border-color:var(--sxn-ink);padding:10px;gap:8px}

/* right side */
.sxn-actions{flex:none;display:flex;align-items:center;gap:18px;padding-left:22px;border-left:1px solid var(--sxn-line-soft)}
.sxn-util{font:600 14.5px/1 var(--sxn-font);color:var(--sxn-ink)!important}
.sxn-util:hover{color:var(--sxn-gold-deep)!important}
.sxn-call{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:52px;padding:0 22px;border-radius:999px;background:var(--sxn-ink);
  color:#fff!important;font:800 18px/1 var(--sxn-font);letter-spacing:.2px;transition:background .15s ease}
.sxn-call small{font:700 9.5px/1 var(--sxn-font);letter-spacing:1.6px;text-transform:uppercase;color:var(--sxn-gold)}
.sxn-call:hover{background:#000}
.sxn-m-call,.sxn-burger{display:none}

/* phone drawer */
.sxn-scrim{position:fixed;inset:0;background:rgba(17,17,17,.45);z-index:1045}
.sxn-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;z-index:1046;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.7,.2,1);font-family:var(--sxn-font)!important;visibility:hidden}
.sxn-drawer.is-open{transform:none;visibility:visible}
.sxn-d-scroll{flex:1;overflow-y:auto;padding:calc(var(--sxn-h) + 6px) 20px 16px;-webkit-overflow-scrolling:touch}
.sxn-d-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 4px;border:0;border-bottom:1px solid var(--sxn-line-soft);background:transparent;
  font:700 18px/1.2 var(--sxn-font)!important;color:var(--sxn-ink)!important;text-align:left;cursor:pointer}
.sxn-d-top .sxn-chev{width:14px;height:14px}
.sxn-d-top .sxn-arr{width:16px;height:16px;color:var(--sxn-muted)}
.sxn-d-top[aria-expanded="true"] .sxn-chev{transform:rotate(180deg)}
.sxn-d-body{padding:8px 0 14px;border-bottom:1px solid var(--sxn-line-soft)}
.sxn-d-link{display:flex;align-items:center;gap:12px;padding:10px 4px;font:600 15.5px/1.3 var(--sxn-font);color:var(--sxn-ink)!important}
.sxn-d-link small{display:block;font:400 13px/1.35 var(--sxn-font);color:var(--sxn-muted);margin-top:2px}
a.sxn-d-link:has(small){flex-direction:column;align-items:flex-start;gap:0}
.sxn-d-link .sxn-ic{width:34px;height:34px;border-radius:10px}
.sxn-d-link .sxn-ic svg{width:17px;height:17px}
.sxn-d-subs{display:flex;flex-wrap:wrap;gap:8px;padding:2px 4px 10px 50px}
.sxn-d-sub{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--sxn-cream);border:1px solid var(--sxn-line-soft);font:600 13px/1.2 var(--sxn-font);color:var(--sxn-ink)!important}
.sxn-d-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--sxn-line-soft);display:grid;gap:10px;background:#fff}
.sxn-d-cta{display:flex;align-items:center;justify-content:center;gap:9px;height:54px;border-radius:14px;background:var(--sxn-gold);color:var(--sxn-ink)!important;font:800 16px/1 var(--sxn-font)}
.sxn-d-cta .sxn-arr{width:16px;height:16px}
.sxn-d-callbtn{display:flex;align-items:center;justify-content:center;gap:9px;height:52px;border-radius:14px;background:var(--sxn-ink);color:#fff!important;font:700 16px/1 var(--sxn-font)}
.sxn-d-callbtn svg{width:18px;height:18px;color:var(--sxn-gold)}
body.sxn-lock{overflow:hidden}

@media (max-width:1180px){
  .sxn-row{gap:16px}
  .sxn-top{padding:0 10px;font-size:14.5px!important}
  .sxn-actions{gap:12px;padding-left:14px}
  .sxn-call{padding:0 16px;font-size:16px}
}
@media (max-width:1023px){
  body.sxn{--sxn-h:64px}
  .sxn-wrap{padding:0 16px}
  .sxn-nav,.sxn-actions{display:none}
  .sxn-row{justify-content:space-between}
  .sxn-logo{width:136px}
  .sxn-m-call{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;border-radius:12px;background:var(--sxn-ink);color:var(--sxn-gold)!important}
  .sxn-m-call svg{width:20px;height:20px}
  .sxn-burger{display:grid;align-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border:1.5px solid var(--sxn-line);border-radius:12px;background:#fff;cursor:pointer;
    position:relative;z-index:1047}
  .sxn-burger span{display:block;height:2px;border-radius:2px;background:var(--sxn-ink);transition:transform .2s ease,opacity .2s ease}
  .sxn-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .sxn-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .sxn-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .sxn-row{position:relative;z-index:1047;background:#fff}
}
@media (prefers-reduced-motion:reduce){
  .sxn-panel,.sxn-drawer,.sxn-chev,.sxn-burger span{transition:none!important}
}

/* open drawer sits above the floating call bar, Ask Jay and the ADA launcher (they come back when it closes) */
body.sxn.sxn-lock .header{z-index:2147483600}
.sxn-bar button:focus:not(:focus-visible),.sxn-drawer button:focus:not(:focus-visible){outline:0!important;box-shadow:none!important}
.sxn-d-top,.sxn-d-top:focus,.sxn-d-top:active{border-left:0!important;border-right:0!important;border-top:0!important;border-radius:0!important}

/* Solutions panel: the menu's own services only, three across */
.sxn-mega-grid{display:block;padding-top:24px;padding-bottom:28px}
.sxn-svcs{grid-template-columns:repeat(3,minmax(0,1fr))}
.sxn-svc.has-chips{grid-column:3;grid-row:1 / span 2}
.sxn-svc.has-chips .sxn-svc-h{padding-bottom:10px}
.sxn-svc.has-chips .sxn-chips{padding:0 16px}

/* Keep the header pinned. The theme's overflow-x:hidden on html/body defeats position:sticky, so pin it with fixed
   and reserve its height at the top of the page (no jump, unlike the theme's old .stick swap at 100px). */
body.sxn{padding-top:var(--sxn-h)!important}
body.sxn .header,body.sxn .header.stick{position:fixed;top:0;left:0;right:0;width:100%}
@media (min-width:783px){body.admin-bar.sxn .header{top:32px}}
@media (max-width:782px){body.admin-bar.sxn .header{top:46px}}
/* in-page jumps (tables of contents, #faq) stop below the pinned header */
body.sxn [id]{scroll-margin-top:calc(var(--sxn-h) + 16px)}
