/* HEIOS wordmark v5.17.4 — premium typography, optimized for light header */
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark{
display:flex!important;align-items:baseline!important;gap:8px!important;
white-space:nowrap!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;
font-size:17px!important;line-height:1.15!important;letter-spacing:-.045em!important;
font-weight:700!important;color:#0b2142!important;
}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-main{
color:#092852!important;font-weight:850!important;letter-spacing:-.06em!important;
font-size:20px!important;line-height:1!important;
}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-sub{
color:#253e5d!important;font-size:15px!important;letter-spacing:-.025em!important;
font-weight:550!important;
}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-mail{color:#2d5477!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-intelligence{
background:linear-gradient(100deg,#087bd9 8%,#009cdb 55%,#1ebbe2 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#008ed7!important;
font-weight:750!important;
}
html[data-heios-theme="light"] header.top .brand-block>small{color:#75899f!important;font-size:9px!important;letter-spacing:.115em!important;margin-top:5px!important;text-transform:uppercase!important}
@media(min-width:1101px){
html[data-heios-theme="light"] header.top>.brand-block{flex-basis:300px!important;width:300px!important;min-width:300px!important}
}
@media(min-width:1101px) and (max-width:1480px){
html[data-heios-theme="light"] header.top>.brand-block{flex-basis:265px!important;width:265px!important;min-width:265px!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-main{font-size:18px!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-sub{font-size:13px!important}
}
@media(max-width:850px){
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark{gap:5px!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-main{font-size:18px!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-sub{font-size:14px!important}
}

/* v5.17.5: compact HEIOS hexagonal identity, distinct brand typography */
html[data-heios-theme="light"] header.top .brand-block{position:relative!important;padding-left:51px!important;box-sizing:border-box!important}
html[data-heios-theme="light"] header.top .heios-header-mark{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;width:42px!important;height:42px!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-heios-theme="light"] header.top .heios-header-mark svg{width:100%!important;height:100%!important;display:block!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark{gap:17px!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark .heios-wordmark-sub{margin-left:0!important}
@media(min-width:1101px){html[data-heios-theme="light"] header.top>.brand-block{flex-basis:344px!important;width:344px!important;min-width:344px!important}}
@media(min-width:1101px) and (max-width:1480px){html[data-heios-theme="light"] header.top>.brand-block{flex-basis:305px!important;width:305px!important;min-width:305px!important}html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark{gap:12px!important}}
@media(max-width:850px){html[data-heios-theme="light"] header.top .brand-block{padding-left:42px!important}html[data-heios-theme="light"] header.top .heios-header-mark{width:35px!important;height:35px!important}html[data-heios-theme="light"] header.top .brand-block .logo.heios-wordmark{gap:8px!important}}

/* v5.17.6 correction: only track HEIOS letters; original header icon remains */
html[data-heios-theme="light"] header.top .brand-block{padding-left:0!important}
html[data-heios-theme="light"] header.top .logo.heios-wordmark{gap:8px!important}
html[data-heios-theme="light"] header.top .logo.heios-wordmark .heios-wordmark-main{letter-spacing:.105em!important}
@media(min-width:1101px){html[data-heios-theme="light"] header.top>.brand-block{flex-basis:300px!important;width:300px!important;min-width:300px!important}}
@media(min-width:1101px) and (max-width:1480px){html[data-heios-theme="light"] header.top>.brand-block{flex-basis:265px!important;width:265px!important;min-width:265px!important}html[data-heios-theme="light"] header.top .logo.heios-wordmark{gap:7px!important}}
@media(max-width:850px){html[data-heios-theme="light"] header.top .brand-block{padding-left:0!important}html[data-heios-theme="light"] header.top .logo.heios-wordmark{gap:6px!important}}

/* v5.17.7: colors sampled from approved white/navy/cyan brand reference; layout unchanged */
html[data-heios-theme="light"] header.top .logo.heios-wordmark .heios-wordmark-main{
 color:#0B2D55!important;letter-spacing:.065em!important;
}
html[data-heios-theme="light"] header.top .logo.heios-wordmark .heios-wordmark-mail,
html[data-heios-theme="light"] header.top .logo.heios-wordmark .heios-wordmark-intelligence{
 background:none!important;-webkit-text-fill-color:#6ACFFF!important;color:#6ACFFF!important;font-weight:750!important;
}
html[data-heios-theme="light"] header.top .brand-block>small{color:#819AB5!important}

/* v5.17.8: exact SVG lettering from supplied vector; no text substitution */
html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark{
 display:block!important;line-height:0!important;margin:0!important;padding:0!important;
}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark img{
 display:block!important;max-width:100%!important;width:260px!important;height:auto!important;
 aspect-ratio:1298.2378/106.53341!important;object-fit:contain!important;
}
@media(min-width:1101px){
 html[data-heios-theme="light"] header.top>.brand-block{flex-basis:300px!important;width:300px!important;min-width:300px!important}
}
@media(min-width:1101px) and (max-width:1480px){
 html[data-heios-theme="light"] header.top>.brand-block{flex-basis:265px!important;width:265px!important;min-width:265px!important}
 html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark img{width:235px!important}
}
@media(max-width:850px){
 html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark img{width:220px!important}
}
@media(max-width:440px){
 html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark img{width:190px!important}
}

/* v5.17.9 FIX: envelope and approved vector lettering are always in the same row.
   Keep exact wordmark SVG colors/paths; do not style image contents. */
html[data-heios-theme="light"] header.top .brand-block{padding-left:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;overflow:visible!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark{display:flex!important;align-items:center!important;flex-flow:row nowrap!important;gap:10px!important;white-space:nowrap!important;width:100%!important;line-height:1!important;min-height:32px!important;min-width:0!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark::before{content:"✉"!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;background:#15517b!important;color:#9be1ff!important;border-radius:8px!important;font-size:21px!important;line-height:1!important}
html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark img{display:block!important;flex:0 1 auto!important;width:214px!important;max-width:calc(100% - 44px)!important;min-width:0!important;height:auto!important;object-fit:contain!important;vertical-align:middle!important}
html[data-heios-theme="light"] header.top .brand-block>small{margin-top:4px!important;margin-left:44px!important;line-height:1.2!important;white-space:nowrap!important}
@media(min-width:1151px){html[data-heios-theme="light"] header.top>.brand-block{flex:0 0 275px!important;width:275px!important;min-width:275px!important}}
@media(min-width:851px) and (max-width:1150px){html[data-heios-theme="light"] header.top>.brand-block{flex:0 0 225px!important;width:225px!important;min-width:225px!important}html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark img{width:174px!important}}
@media(max-width:850px){html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark{gap:7px!important}html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark::before{flex-basis:29px!important;width:29px!important;height:29px!important;font-size:18px!important}html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark img{width:183px!important;max-width:calc(100% - 36px)!important}html[data-heios-theme="light"] header.top .brand-block>small{margin-left:36px!important}}

/* v5.18.1: approved HEIOS Mail Intelligence gradient symbol; preserve approved SVG lettering */
html header.top .brand-block .logo.heios-svg-wordmark::before{
  content:""!important;
  background:transparent url("./heios-mail-intelligence-logo.svg") center/contain no-repeat!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}

/* v5.18.2: restore precise horizontal SVG wordmark + gradient logo.
   The legacy generic img rule made EACH wordmark fragment 214px wide. */
html header.top .brand-block .logo.heios-svg-wordmark{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;gap:9px!important;width:max-content!important;max-width:100%!important;
  min-height:42px!important;overflow:visible!important;
}
html header.top .brand-block .logo.heios-svg-wordmark::before{
  content:""!important;display:block!important;flex:0 0 40px!important;
  width:40px!important;height:40px!important;
  background:transparent url("./heios-mail-intelligence-logo.svg") center/contain no-repeat!important;
}
html header.top .brand-block .logo.heios-svg-wordmark img.heios-part-heios{
  flex:0 0 104px!important;width:104px!important;max-width:none!important;
  height:auto!important;aspect-ratio:99.553703/22.514771!important;
}
html header.top .brand-block .logo.heios-svg-wordmark .heios-brand-pair{
  display:flex!important;flex:0 0 115px!important;flex-direction:column!important;
  justify-content:center!important;align-items:flex-start!important;
  width:115px!important;min-width:0!important;gap:2px!important;
}
html header.top .brand-block .logo.heios-svg-wordmark img.heios-part-mail{
  flex:none!important;width:37px!important;max-width:none!important;height:auto!important;
  aspect-ratio:56.130951/22.11302!important;
}
html header.top .brand-block .logo.heios-svg-wordmark img.heios-part-intelligence{
  flex:none!important;width:113px!important;max-width:none!important;height:auto!important;
  aspect-ratio:169.59856/27.50915!important;
}
html header.top .brand-block>small{margin-left:49px!important;margin-top:2px!important}
@media(min-width:1151px){
  html header.top>.brand-block{flex:0 0 300px!important;width:300px!important;min-width:300px!important}
}
@media(max-width:850px){
  html header.top .brand-block .logo.heios-svg-wordmark{gap:7px!important;min-height:35px!important}
  html header.top .brand-block .logo.heios-svg-wordmark::before{flex-basis:32px!important;width:32px!important;height:32px!important}
  html header.top .brand-block .logo.heios-svg-wordmark img.heios-part-heios{flex-basis:86px!important;width:86px!important}
  html header.top .brand-block .logo.heios-svg-wordmark .heios-brand-pair{flex-basis:100px!important;width:100px!important}
  html header.top .brand-block .logo.heios-svg-wordmark img.heios-part-mail{width:34px!important}
  html header.top .brand-block .logo.heios-svg-wordmark img.heios-part-intelligence{width:98px!important}
  html header.top .brand-block>small{margin-left:39px!important}
}

/* v5.18.4: real HEIOS logo image (not legacy envelope pseudo-icon) */
html header.top .brand-block .logo.heios-svg-wordmark::before{
  content:none!important;display:none!important;background:none!important;
}
html header.top .brand-block .logo.heios-svg-wordmark img.heios-main-brand-icon{
  display:block!important;flex:0 0 40px!important;width:40px!important;
  height:40px!important;max-width:none!important;min-width:40px!important;
  aspect-ratio:1079.1489/994!important;object-fit:contain!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
@media(max-width:850px){
 html header.top .brand-block .logo.heios-svg-wordmark img.heios-main-brand-icon{
   flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important;
 }
}

/* v5.18.5: suppress legacy :before envelope at all theme breakpoints. */
html[data-heios-theme="light"] header.top .brand-block .logo.heios-svg-wordmark::before,
html[data-heios-theme="dark"] header.top .brand-block .logo.heios-svg-wordmark::before,
html header.top .brand-block .logo.heios-svg-wordmark::before{
 content:none!important;display:none!important;width:0!important;height:0!important;
 flex:0 0 0!important;margin:0!important;background:none!important;
}

/* v5.18.6: compact icon and align HEIOS start with subtitle */
html header.top .brand-block .logo.heios-svg-wordmark{gap:7px!important}
html header.top .brand-block .logo.heios-svg-wordmark img.heios-main-brand-icon{flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important}
html header.top .brand-block>small{margin-left:41px!important}
@media(max-width:850px){
 html header.top .brand-block .logo.heios-svg-wordmark img.heios-main-brand-icon{flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:28px!important}
 html header.top .brand-block>small{margin-left:35px!important}
}
