/* The site header, October 2026 redesign. Served from wp-content/uploads/brand/, loaded by the theme's
   partials/header-ix.blade.php. Everything is scoped to #ix-hdr, apart from the two lines that hide the old header
   and the landing pages' slim bar, and make room for this one. Built from design/nav-concept-2026-10-26/. */
/* the current header, and the landing pages' own slim bar, give way to the one site header */
.ideate-header,.lp-bar{display:none!important}
body{padding-top:84px}
#ix-hdr{--ink:#0E0E0D;--lime:#C8F135;--line:#dcdbcd;--soft:#eaeadf;--fb:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--fd:"Poppins",system-ui,sans-serif;
  position:fixed;top:0;left:0;right:0;z-index:9999;padding:16px max(36px,calc((100vw - 1280px) / 2 + 36px)) 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;pointer-events:none;font-family:var(--fb);color:var(--ink)}
#ix-hdr>*{pointer-events:auto}
#ix-hdr *{box-sizing:border-box}
#ix-hdr .ix-logo{justify-self:start;display:block;line-height:0}
#ix-hdr .ix-logo img{display:block;width:110px;height:auto}
#ix-hdr .ix-logo .ix-logo-white{display:none}
/* landing pages follow the visitor's dark setting, so the logo beside the pill turns white with them */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.lp-page #ix-hdr .ix-logo-ink{display:none}:root:not([data-theme="light"]) body.lp-page #ix-hdr .ix-logo-white{display:block}}
:root[data-theme="dark"] body.lp-page #ix-hdr .ix-logo-ink{display:none}:root[data-theme="dark"] body.lp-page #ix-hdr .ix-logo-white{display:block}
#ix-hdr .ix-pill{position:relative;display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.94);border-radius:999px;padding:5px;box-shadow:0 4px 20px rgba(14,14,13,.08)}
#ix-hdr .ix-pill>a,#ix-hdr .ix-pill button{font:500 .9375rem/1 var(--fb);color:var(--ink);text-decoration:none;padding:.65rem 1rem;border-radius:999px;border:0;background:transparent;cursor:pointer;white-space:nowrap;transition:background .1s;letter-spacing:0;text-transform:none}
#ix-hdr .ix-pill>a:hover,#ix-hdr .ix-pill button:hover,#ix-hdr .ix-pill button[aria-expanded="true"]{background:rgba(14,14,13,.06)}
#ix-hdr .ix-pill>a.on{background:var(--ink);color:var(--lime)}
#ix-hdr .ix-pill a.ai{display:inline-flex;align-items:center;gap:.4rem}
#ix-hdr .aitag{font:700 .625rem/1 var(--fd);letter-spacing:.06em;background:var(--lime);color:var(--ink);padding:.28rem .42rem;border-radius:999px}
#ix-hdr .ix-mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(calc(var(--ix-cols,4) * 15rem),calc(100vw - 32px));background:#fff;border-radius:30px;padding:1.8rem 2rem;box-shadow:0 24px 60px rgba(14,14,13,.14);display:grid;grid-template-columns:repeat(var(--ix-cols,4),minmax(0,1fr));gap:1.4rem;text-align:left}
#ix-hdr .ix-mega[hidden]{display:none!important}
#ix-hdr .ix-mega h4{font:500 1rem/1.2 var(--fd);margin:0 0 .8rem;color:var(--ink)}
#ix-hdr .ix-mega ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
#ix-hdr .ix-mega li{margin:0;padding:0}
#ix-hdr .ix-mega li a{display:flex;align-items:center;gap:.6rem;padding:.42rem .5rem;margin-inline:-.5rem;border-radius:10px;font:400 .95rem/1.25 var(--fb);color:var(--ink);text-decoration:none}
#ix-hdr .ix-mega li a:hover{background:var(--soft)}
#ix-hdr .ix-mega li a.all{font-weight:500;margin-top:.3rem}
#ix-hdr .ix-right{justify-self:end;display:flex;align-items:center;gap:.5rem}
#ix-hdr .ix-btn{display:inline-flex;align-items:center;font:500 .95rem/1 var(--fb);text-decoration:none;color:var(--ink);padding:.8rem 1.15rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
#ix-hdr .ix-btn.lime{background:var(--lime);box-shadow:none}
#ix-hdr .ix-btn:hover{filter:brightness(.97)}
/* frosted glass on wide screens only: on a phone it would trap the fixed menu panel inside the scrolling bar */
@media (min-width:1100px){#ix-hdr .ix-pill{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}
#ix-hdr .ix-burger{display:none}
/* phones and tablets: logo, Book an intro and a menu button; the menu opens as a panel, Services as a list inside it */
@media (max-width:1099px){
  #ix-hdr{grid-template-columns:1fr auto}
  #ix-hdr .ix-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;padding:0 13px}
  #ix-hdr .ix-burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
  #ix-hdr.open .ix-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #ix-hdr.open .ix-burger span:nth-child(2){opacity:0}
  #ix-hdr.open .ix-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #ix-hdr .ix-pill{display:none;position:fixed;top:78px;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;border-radius:24px;padding:10px;max-height:calc(100vh - 96px);overflow:auto;background:#fff;box-shadow:0 24px 60px rgba(14,14,13,.16)}
  #ix-hdr.open .ix-pill{display:flex}
  #ix-hdr .ix-pill>a,#ix-hdr .ix-pill button{width:100%;text-align:left;padding:.95rem 1rem;font-size:1.05rem;border-radius:14px}
  #ix-hdr .ix-pill button::after{content:"+";float:right;font-weight:400}
  #ix-hdr .ix-pill button[aria-expanded="true"]::after{content:"\2212"}
  #ix-hdr .ix-mm{display:block}
  #ix-hdr .ix-mega{position:static;transform:none;width:auto;box-shadow:none;border-radius:0;padding:.3rem 1rem 1rem;grid-template-columns:1fr 1fr;gap:1.1rem 1rem}
}
@media (max-width:520px){#ix-hdr{padding-left:20px;padding-right:20px}#ix-hdr .ix-mega{grid-template-columns:1fr}#ix-hdr .ix-right .ix-btn{padding:.75rem .95rem}}
/* the smallest phones: a smaller logo and button so the menu button always fits */
@media (max-width:380px){#ix-hdr{padding-left:14px;padding-right:14px;gap:8px}#ix-hdr .ix-logo img{width:84px}#ix-hdr .ix-right{gap:.35rem}#ix-hdr .ix-right .ix-btn{padding:.65rem .75rem;font-size:.85rem}#ix-hdr .ix-burger{width:42px;height:42px;padding:0 11px}}