/* One visual scale for the nine public landing-page banners.
   The Pal Atlas application and private workspaces do not load this file. */
:root{--vm-public-red:#e30b31;--vm-public-hero-height:620px}
body.versys-dark-page .vm-h26{
  --vm-h26-red:var(--vm-public-red);
  box-sizing:border-box;
  color:#fafafa;
  font-family:"Montserrat",system-ui,sans-serif;
}
body.versys-dark-page .vm-h26 h1,
body.versys-dark-page .vm-h26.vm-u26 h1,
body.ai-caller-page .vm-h26.vm-u26--caller h1{
  margin:0;
  max-width:750px;
  font-family:"Montserrat",system-ui,sans-serif;
  font-size:clamp(42px,4.35vw,64px);
  line-height:1.065;
  letter-spacing:-.061em;
  font-weight:800;
  color:#fff;
  text-wrap:balance;
}
body.versys-dark-page .vm-h26 h1 span{color:var(--vm-public-red)}
body.versys-dark-page .vm-h26 .vm-h26__eyebrow{
  margin:0 0 24px;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.14em;
  font-weight:750;
  color:#b7bec8;
}
body.versys-dark-page .vm-h26 .vm-h26__lead{
  margin:21px 0 0;
  max-width:600px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#b9c0ca;
  font-size:16px;
  line-height:1.75;
  font-weight:400;
}
body.versys-dark-page .vm-h26 .vm-h26__actions{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:13px;
}
body.versys-dark-page .vm-h26 .vm-h26__actions a{
  box-sizing:border-box;
  min-height:49px;
  font-size:13px;
  font-weight:750;
  line-height:1.35;
}
body.versys-dark-page .vm-h26 .vm-h26__routes{
  align-self:start;
  margin-top:27px;
}
body.versys-dark-page .vm-h26 .vm-h26__route{
  min-height:111px;
  padding-block:20px;
}
body.versys-dark-page .vm-h26 .vm-h26__route-body strong{
  font-size:clamp(18px,1.47vw,21px);
  line-height:1.26;
  font-weight:750;
}
body.versys-dark-page .vm-h26 .vm-h26__route-body small{
  font-size:13px;
  line-height:1.52;
}
/* Shared desktop stage: top aligned rather than centered in a tall banner.
   The AI Caller form may grow beyond this minimum on later steps. */
@media(min-width:1021px){
  body.versys-dark-page .vm-h26,
  body.ai-caller-page .vm-h26.vm-u26--caller{
    display:flex;
    align-items:flex-start;
    box-sizing:border-box;
    height:auto;
    min-height:var(--vm-public-hero-height);
    max-height:none;
    padding:44px 0 31px;
  }
  body.versys-dark-page .vm-h26 .vm-h26__inner,
  body.versys-dark-page .vm-h26.vm-u26 .vm-h26__inner,
  body.ai-caller-page .vm-h26.vm-u26--caller .vm-h26__inner{
    width:min(1240px,calc(100% - 64px));
    height:auto;
    min-height:0;
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(0,1.11fr) minmax(0,.89fr);
    column-gap:clamp(48px,5.8vw,100px);
    align-items:start;
  }
  body.versys-dark-page .vm-h26 .vm-h26__intro{
    min-width:0;
    align-self:start;
    margin-top:0;
  }
  body.versys-dark-page .vm-h26 .vm-h26__intro h1{
    min-height:3.195em;
  }
  body.ai-caller-page .vm-h26.vm-u26--caller .vm-h26__inner{
    grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);
    align-items:start;
  }
  body.ai-caller-page .vm-h26.vm-u26--caller .vm-h26__intro{
    align-self:start;
    margin:0;
    padding:0;
  }
  body.ai-caller-page .vm-h26.vm-u26--caller .vm-h26__intro h1{
    min-height:3.195em;
  }
  body.ai-caller-page .vm-h26.vm-u26--caller .vm-h26__form{
    align-self:start;
    margin:0;
  }
}
@media(max-width:1020px){
  body.versys-dark-page .vm-h26,
  body.ai-caller-page .vm-h26.vm-u26--caller{
    height:auto;
    min-height:0;
    max-height:none;
    display:block;
    padding:53px 0 52px;
  }
  body.versys-dark-page .vm-h26 .vm-h26__inner,
  body.ai-caller-page .vm-h26.vm-u26--caller .vm-h26__inner{
    width:min(750px,calc(100% - 48px));
    margin-inline:auto;
    grid-template-columns:1fr;
    row-gap:57px;
    align-items:start;
  }
  body.versys-dark-page .vm-h26 h1,
  body.versys-dark-page .vm-h26.vm-u26 h1,
  body.ai-caller-page .vm-h26.vm-u26--caller h1{
    font-size:clamp(38px,5.7vw,57px);
    min-height:0;
  }
  body.versys-dark-page .vm-h26 .vm-h26__routes{margin-top:24px;}
}
@media(max-width:650px){
  body.versys-dark-page .vm-h26,
  body.ai-caller-page .vm-h26.vm-u26--caller{padding:40px 0 39px;}
  body.versys-dark-page .vm-h26 .vm-h26__inner,
  body.ai-caller-page .vm-h26.vm-u26--caller .vm-h26__inner{
    width:calc(100% - 34px);
    row-gap:55px;
  }
  body.versys-dark-page .vm-h26 h1,
  body.versys-dark-page .vm-h26.vm-u26 h1,
  body.ai-caller-page .vm-h26.vm-u26--caller h1{
    font-size:clamp(36px,9.3vw,45px);
    line-height:1.075;
  }
  body.versys-dark-page .vm-h26 .vm-h26__eyebrow{font-size:10px;margin-bottom:18px;}
  body.versys-dark-page .vm-h26 .vm-h26__lead{font-size:14px;line-height:1.75;margin-top:19px;}
  body.versys-dark-page .vm-h26 .vm-h26__actions{margin-top:25px;gap:10px;}
  body.versys-dark-page .vm-h26 .vm-h26__actions a{width:100%;min-height:48px;white-space:normal;}
  body.versys-dark-page .vm-h26 .vm-h26__routes{margin-top:15px;}
  body.versys-dark-page .vm-h26 .vm-h26__route{min-height:0;padding-block:18px;}
  body.versys-dark-page .vm-h26 .vm-h26__route-body strong{font-size:19px;}
  body.versys-dark-page .vm-h26 .vm-h26__route-body small{font-size:12px;}
}
