/* App sales headers use the displayed product brand. Keep the animated Launch artwork
   and silver lettering; scope contact accents to the header, including hover/focus. */
body[data-app-brand="brandpilot"]{--app-header-color:#8965CC;--app-header-ink:#111;--app-logo-hue:351.0deg}
body[data-app-brand="dealflow"]{--app-header-color:#B091FF;--app-header-ink:#111;--app-logo-hue:346.9deg}
body[data-app-brand="fleetstage"]{--app-header-color:#4B84A6;--app-header-ink:#111;--app-logo-hue:292.4deg}
body[data-app-brand="gathercart"]{--app-header-color:#399133;--app-header-ink:#111;--app-logo-hue:206.2deg}
body[data-app-brand="parkflow"]{--app-header-color:#A95BC7;--app-header-ink:#111;--app-logo-hue:13.3deg}
body[data-app-brand="polishsuite"]{--app-header-color:#CE347C;--app-header-ink:#fff;--app-logo-hue:61.9deg}
body[data-app-brand="projectpath"]{--app-header-color:#B87519;--app-header-ink:#111;--app-logo-hue:124.7deg}
body[data-app-brand="proofdrive"]{--app-header-color:#277BCE;--app-header-ink:#111;--app-logo-hue:299.8deg}
body[data-app-brand="relayhome"]{--app-header-color:#C56B50;--app-header-ink:#111;--app-logo-hue:103.8deg}
body[data-app-brand="teepilot"]{--app-header-color:#168A78;--app-header-ink:#fff;--app-logo-hue:260.7deg}
body[data-app-brand="visitwell"]{--app-header-color:#138C85;--app-header-ink:#111;--app-logo-hue:266.5deg}
body[data-app-brand] #lhd .lhd-logo img{filter:hue-rotate(var(--app-logo-hue)) drop-shadow(0 8px 15px rgba(0,0,0,.3))}
html body[data-app-brand] #lhd .hdr-contact .gi:not(#_):not(#__){background:var(--app-header-color)!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,0,0,.22)!important}
html body[data-app-brand] #lhd .hdr-contact .nav-ghost:focus-visible{outline:3px solid #111;outline-offset:3px;box-shadow:0 0 0 3px #fff!important}

/* Let each hero's existing galaxy/artwork continue beneath its transparent header.
   Reserve the same header height inside the hero so content never collides with navigation. */
html body[data-app-brand] #lhd{position:absolute!important;inset:0 0 auto;width:100%;background:transparent!important}
html body[data-app-brand] main.xp .xp-hero{padding-top:calc(64px + var(--hd-row,96px) + var(--hd-top,10px))}
html body[data-app-brand] main.xn .xn-hero{padding-top:calc(58px + var(--hd-row,96px) + var(--hd-top,10px))}
@media(max-width:760px){
  html body[data-app-brand] main.xp .xp-hero{padding-top:calc(36px + var(--hd-row,72px) + var(--hd-top,6px))}
  html body[data-app-brand] main.xn .xn-hero{padding-top:calc(35px + var(--hd-row,72px) + var(--hd-top,6px))}
}

html body[data-app-brand] #lhd .hdr-contact .gi svg{color:#fff!important;stroke:#fff!important}
html body[data-app-brand] #lhd .lhd-links{gap:clamp(14px,1.7vw,28px)}
html body[data-app-brand] #lhd .lhd-links>a{white-space:nowrap}

/* Product artwork keeps its original brand colors and natural horizontal proportions. */
html body[data-app-brand] #lhd .lhd-logo:not(#_):not(#__){width:220px!important;height:auto!important;flex:0 0 220px!important}
html body[data-app-brand] #lhd .lhd-logo img:not(#_):not(#__){width:220px!important;height:auto!important;max-height:72px!important;object-fit:contain!important;margin:0!important;filter:none!important}
@media(max-width:1100px){html body[data-app-brand] #lhd .lhd-logo:not(#_):not(#__){width:180px!important;flex-basis:180px!important}html body[data-app-brand] #lhd .lhd-logo img:not(#_):not(#__){width:180px!important}}
@media(max-width:720px){html body[data-app-brand] #lhd .lhd-logo:not(#_):not(#__){width:150px!important;flex-basis:150px!important}html body[data-app-brand] #lhd .lhd-logo img:not(#_):not(#__){width:150px!important;max-height:52px!important}}

/* Align the product mark and navigation on the same centerline and hero gutter. */
html body[data-app-brand] #lhd .lhd-in:not(#_):not(#__){width:min(1240px,calc(100% - 80px))!important;max-width:1240px!important;align-items:center!important}
html body[data-app-brand] #lhd :is(.lhd-logo,.lhd-links,.lhd-right,.hdr-contact):not(#_):not(#__){align-self:center!important;margin-top:0!important;margin-bottom:0!important}
@media(max-width:760px){html body[data-app-brand] #lhd .lhd-in:not(#_):not(#__){width:calc(100% - 36px)!important}}

@media(min-width:761px) and (max-width:1050px){html body[data-app-brand] #lhd .lhd-in:not(#_):not(#__){width:calc(100% - 48px)!important}}
html body[data-app-brand] #lhd :is(.lhd-links,.lhd-right):not(#_):not(#__):not(#___){transform:none!important}

/* Four product-family destinations shared by all11 app headers. */
html body[data-app-brand] #lhd .lhd-links:not(#_):not(#__):not(#___){display:flex!important;justify-content:space-evenly!important;gap:18px!important;width:100%!important;margin:0!important;transform:none!important}
html body[data-app-brand] #lhd .lhd-links a{white-space:nowrap}
@media(min-width:1101px){html body[data-app-brand] #lhd .lhd-in:not(#_):not(#__):not(#___){display:grid!important;grid-template-columns:220px minmax(0,1fr) 194px!important;gap:28px!important;align-items:center!important}html body[data-app-brand] #lhd .lhd-right{justify-self:end}}
@media(max-width:1100px){html body[data-app-brand] #lhd .lhd-in:not(#_):not(#__):not(#___){display:flex!important;flex-wrap:wrap!important;height:auto!important;gap:12px!important}html body[data-app-brand] #lhd .lhd-links:not(#_):not(#__):not(#___){order:3;flex:0 0 100%;padding:8px 0;gap:12px!important}html body[data-app-brand] #lhd .lhd-links a{font-size:clamp(10px,2.5vw,14px)!important;letter-spacing:0!important}html body[data-app-brand] #lhd .lhd-right{margin-left:auto}}
/* Up to 1100px the site-wide ALL button (site-header.css) opens the full menu, so the nav's own ALL
   link would be a second trigger; the three product-family links keep their own row down to 761px.
   On phones the row collapses into ALL like every other Launch header, so the transparent header
   never prints over the hero headline (Corey, 2026-10-16). */
@media(max-width:1100px){html body[data-app-brand] #lhd .lhd-links a.lam-all:not(#_):not(#__):not(#___){display:none!important}}
@media(max-width:760px){html body[data-app-brand] #lhd .lhd-links:not(#_):not(#__):not(#___):not(#____){display:none!important}}