/* Canonical site chrome — nav + footer (2026-07-13).
   One source of truth for every page's header/footer. Self-contained class
   names (.smb-nav / .smb-foot) so it drops into any page's existing CSS
   without collisions. Spec: header = brand + Book a call (ghost) + Get my
   free roadmap (primary). Footer = © line w/ email · Insights · About ·
   LinkedIn · Privacy. Brand system v2: #070707 / Inter / staircase mark.
   2026-07-17 tweak pass: buttons 2px border + 8px radius; softer chrome rules. */

.smb-nav{background:#070707;border-bottom:1px solid #1b1b1b;font-family:'Inter',system-ui,-apple-system,sans-serif;position:sticky;top:0;z-index:200}
.smb-nav .smb-nav-in{max-width:1100px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.smb-nav .smb-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.smb-nav .smb-brand svg{width:26px;height:26px;display:block}
.smb-nav .smb-brand .smb-wm{font-weight:800;letter-spacing:-.01em;font-size:15.5px;color:#F7F7F2;white-space:nowrap}
.smb-nav .smb-ctas{display:flex;align-items:center;gap:10px}
.smb-nav .smb-btn{display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;padding:10px 18px;text-decoration:none;border:2px solid #F7F7F2;background:#F7F7F2;color:#070707;border-radius:8px;transition:background .2s,color .2s;white-space:nowrap;font-family:inherit}
.smb-nav .smb-btn:hover{background:transparent;color:#F7F7F2}
.smb-nav .smb-btn.smb-ghost{background:transparent;color:#F7F7F2;border-color:#232A33}
.smb-nav .smb-btn.smb-ghost:hover{border-color:#F7F7F2}
@media(max-width:560px){.smb-nav .smb-btn.smb-ghost{display:none}.smb-nav .smb-btn{padding:9px 14px;font-size:13px}}

.smb-cta-btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;padding:13px 26px;text-decoration:none;border:2px solid #F7F7F2;background:#F7F7F2;color:#070707;border-radius:8px;transition:background .2s,color .2s;font-family:'Inter',system-ui,-apple-system,sans-serif}
.smb-cta-btn:hover{background:transparent;color:#F7F7F2}

.smb-foot{background:#070707;border-top:1px solid #1b1b1b;font-family:'Inter',system-ui,-apple-system,sans-serif}
.smb-foot .smb-foot-in{max-width:1100px;margin:0 auto;padding:26px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#9CA3AF}
.smb-foot a{color:#9CA3AF;text-decoration:none}
.smb-foot a:hover{color:#F7F7F2}
.smb-foot .smb-foot-links{display:flex;gap:18px;flex-wrap:wrap}
.smb-foot .smb-email{text-decoration:underline;text-underline-offset:3px}

/* ============ v2.1 additions — 2026-07-17 cutover ============
   Dropdown nav (About ▾ / Solutions ▾), mobile panel, column footer.
   07-17 shape language: 2px #232A33 strokes, 10px menus, mixed-case labels. */
.smb-nav .smb-mid{display:flex;align-items:center;gap:6px}
.smb-nav .smb-drop{position:relative}
.smb-nav .smb-dlk{display:inline-flex;align-items:center;gap:7px;background:none;border:none;font-family:inherit;font-size:15px;font-weight:600;color:#9CA3AF;padding:10px 14px;cursor:pointer;transition:color .2s}
.smb-nav .smb-dlk .smb-car{font-size:9px;color:#7E828B}
.smb-nav .smb-drop:hover .smb-dlk,.smb-nav .smb-drop:focus-within .smb-dlk,.smb-nav .smb-drop.open .smb-dlk{color:#F7F7F2}
.smb-nav .smb-menu{position:absolute;top:100%;left:0;min-width:250px;background:#0A0C0E;border:2px solid #232A33;border-radius:10px;overflow:hidden;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:300}
.smb-nav .smb-drop:hover .smb-menu,.smb-nav .smb-drop:focus-within .smb-menu,.smb-nav .smb-drop.open .smb-menu{opacity:1;visibility:visible;transform:none}
.smb-nav .smb-menu a{display:block;padding:11px 18px;font-size:14.5px;font-weight:600;color:#9CA3AF;text-decoration:none;transition:color .15s,background .15s}
.smb-nav .smb-menu a:hover{color:#F7F7F2;background:rgba(95,127,166,.08)}
.smb-nav .smb-burger{display:none;background:none;border:none;cursor:pointer;padding:10px;flex-direction:column;gap:5px}
.smb-nav .smb-burger span{display:block;width:22px;height:1.6px;background:#9CA3AF;transition:transform .2s,opacity .2s}
.smb-nav .smb-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.smb-nav .smb-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.smb-nav .smb-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}
.smb-mpanel{display:none;font-family:'Inter',system-ui,-apple-system,sans-serif}
@media(max-width:880px){
  .smb-nav .smb-mid,.smb-nav .smb-btn.smb-ghost{display:none}
  .smb-nav .smb-burger{display:flex}
  .smb-mpanel.open{display:block;position:fixed;top:56px;left:0;right:0;bottom:0;z-index:290;background:rgba(7,7,7,.98);overflow-y:auto;padding:10px 22px 40px}
  .smb-mpanel .smb-mg{border-bottom:1px solid #1A1A1A;padding:18px 0 8px}
  .smb-mpanel .smb-ml{font-size:12.5px;font-weight:800;color:#7E828B;margin-bottom:6px}
  .smb-mpanel a{display:block;padding:12px 0;font-size:18px;font-weight:700;color:#F7F7F2;text-decoration:none}
  .smb-mpanel .smb-mc{display:flex;flex-direction:column;gap:12px;padding:26px 0}
  .smb-mpanel .smb-mc .smb-btn{width:100%;justify-content:center}
}
.smb-foot .smb-fcols{max-width:1100px;margin:0 auto;padding:44px 22px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.smb-foot .smb-fh{font-size:12px;font-weight:800;color:#7E828B;margin-bottom:14px}
.smb-foot .smb-fcols a{display:block;padding:6px 0;font-size:15px;color:#9CA3AF;text-decoration:none}
.smb-foot .smb-fcols a:hover{color:#F7F7F2}
.smb-foot .smb-ftag{font-size:14.5px;color:#9CA3AF;max-width:26em;line-height:1.6}
.smb-foot .smb-fbrand{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:800;font-size:15px;color:#F7F7F2}
.smb-foot .smb-fbrand svg{width:24px;height:24px;display:block}
@media(max-width:720px){.smb-foot .smb-fcols{grid-template-columns:1fr;gap:28px}}