/* XHOME-1104 — Four-step homepage flow, one canonical navigation authority.
   XHEADER-32000 alone owns global header positioning and brand visibility.
   Customer canvases, checkout, workspace routing and auth are unaffected. */
:root body:has(#main > .x5-home) .contextbar,
:root body:has(#main > .x5-home) > div.contextbar{display:none!important}
@media(max-width:620px){
 :root body:has(#main > .x5-home) .x5-home .x5-hero.x1114-hero.x4120-hero{
  padding-top:clamp(28px,7vw,48px)!important;
 }
}
:root body:has(#main > .x5-home) #main{scroll-margin-top:var(--header-height,72px)!important}
:root body .x5-home :is(#x5-products,#x1112-audience,#x4100-lifecycle,#x4120-commercial-path,#x119-home-hub){scroll-margin-top:calc(var(--header-height,72px) + 16px)}
:root body .x5-home .x4120-path-main{
  box-sizing:border-box;display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.27fr);
  align-items:center;gap:clamp(35px,5.2vw,78px);max-width:1340px;
  width:100%;margin:0 auto;
}
:root body .x5-home .x4120-path-main > .x4120-path-head{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:clamp(17px,2.2vw,27px);min-width:0;margin:0;
}
:root body .x5-home .x4120-path-head h2{max-width:14ch}
:root body .x5-home .x4120-path-head p{max-width:39ch}
:root body .x5-home .x4120-path-main > .x4120-path-steps{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;
  gap:11px;min-width:0;padding:0;margin:0;max-width:none;
  background:transparent;border:0;
}
:root body .x5-home .x4120-path-steps > article{
  min-height:174px;padding:clamp(18px,1.8vw,25px);
  border:1px solid var(--genesis-line,rgba(143,168,181,.20));border-radius:16px;
  background:linear-gradient(145deg,var(--genesis-panel-raised,#1a2a39),var(--genesis-panel,#162028));
}
:root body .x5-home .x4120-path-steps small{font-size:10px;margin:0}
:root body .x5-home .x4120-path-steps h3{
  font-size:clamp(17px,1.45vw,21px)!important;line-height:1.22;
  margin:14px 0 7px!important;
}
:root body .x5-home .x4120-path-steps p{
  font-size:clamp(12px,.92vw,14px);line-height:1.55;
}
:root body .x5-home .x4120-path-choices{margin-top:30px}
@media(max-width:990px){
 :root body .x5-home .x4120-path-main{grid-template-columns:minmax(0,1fr);gap:29px;align-items:start}
 :root body .x5-home .x4120-path-head h2{max-width:21ch}
 :root body .x5-home .x4120-path-steps > article{min-height:155px}
}
@media(max-width:560px){
 :root body .x5-home .x4120-path-main{gap:24px}
 :root body .x5-home .x4120-path-main > .x4120-path-steps{grid-template-columns:minmax(0,1fr);gap:9px}
 :root body .x5-home .x4120-path-steps > article{min-height:0;padding:17px 19px}
 :root body .x5-home .x4120-path-steps h3{font-size:19px!important;margin:8px 0 5px!important}
 :root body .x5-home .x4120-path-steps p{font-size:13px}
 :root body .x5-home .x4120-path-head h2{max-width:18ch}
}
@media(prefers-reduced-motion:reduce){
 :root body .x5-home .x4120-path-steps > article{animation:none!important;transition:none!important}
}