.vellox-home{
  color-scheme:light;
  --home-text:#1a0b3b;
  --home-muted:#4b4357;
  --home-border:#ded9e7;
  background:#fff;
  color:var(--home-text);
}
.vellox-home .wrap{width:min(100% - 2.25rem,74rem)}
.vellox-home .site-header,.vellox-home .site-footer{background:#fff;border-color:var(--home-border)}
.vellox-home .brand img{filter:brightness(0)}
.vellox-home .nav-row{min-height:4.8rem}
.vellox-home .site-nav a,.vellox-home .nav-demo{display:inline-flex;align-items:center;min-height:2.75rem}
.vellox-home .nav-demo{padding:.42rem .82rem;border:1px solid var(--home-border);border-radius:999px}
.vellox-home .nav-demo:hover{background:var(--lime);border-color:var(--lime);text-decoration:none}
.vellox-home :focus-visible{outline-color:var(--purple)}
.vellox-home .hub-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(1.2rem,4vw,3.25rem);
  padding-block:clamp(2.8rem,7vw,5.4rem) clamp(3.4rem,8vw,6.2rem);
}
.hub-hero-copy{min-width:0}
.vellox-home .hub-hero .eyebrow{
  display:inline-block;
  color:var(--home-text);
  border-left:4px solid var(--green);
  padding-left:.5rem;
}
.vellox-home .hub-hero h1{
  margin:.82rem 0 1.15rem;
  font:830 clamp(2.9rem,6.15vw,6rem)/.96 var(--display);
  letter-spacing:-.073em;
}
.vellox-home .hub-hero h1 em{color:inherit;font-style:normal}
.vellox-home .hub-lead{max-width:25rem;color:var(--home-muted);margin-bottom:1.55rem}
.vellox-home .button-primary{min-height:3.15rem;padding-inline:1.25rem}
.hub-catalog,.hub-upcoming{scroll-margin-top:1.5rem}
.hub-section-head h2{
  margin-bottom:1.25rem;
  font-size:clamp(1.85rem,4.4vw,3.45rem);
  letter-spacing:-.06em;
  line-height:1.02;
}
.vellox-home .hub-products{gap:1rem}
.vellox-home .hub-card{
  grid-template-rows:auto 1fr auto;
  align-content:stretch;
  gap:0;
  min-height:0;
  padding:0;
  border:1px solid var(--home-border);
  overflow:hidden;
  color:var(--home-text);
  background:#fff;
}
.hub-card-brand{display:flex;align-items:center;min-height:4.45rem;padding:.85rem 1.2rem}
.hub-pop .hub-card-brand{background:var(--lime)}
.hub-pay .hub-card-brand{background:var(--green)}
.hub-crm .hub-card-brand{background:var(--purple)}
.vellox-home .hub-card-brand img{width:min(100%,12rem);max-height:2.15rem}
.hub-card-copy{padding:1.15rem 1.2rem .8rem}
.hub-card-copy h3{font-size:clamp(1.15rem,2.4vw,1.62rem);letter-spacing:-.045em;line-height:1.16;margin-bottom:.35rem}
.vellox-home .hub-card-copy p{font-size:.92rem;line-height:1.5;color:var(--home-muted)}
.vellox-home .hub-card .card-link{margin:0 1.2rem 1.2rem}
.vellox-home .hub-card :focus-visible{outline-color:var(--purple)}
.hub-upcoming{margin-top:clamp(3.25rem,7vw,5.5rem)}
.hub-upcoming-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-upcoming-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:1rem;
  padding:clamp(1rem,2.5vw,1.5rem);
  border:1px solid var(--home-border);
  border-radius:1.25rem;
}
.hub-upcoming-icon{
  display:grid;
  place-items:center;
  width:3.1rem;
  height:3.1rem;
  border-radius:1rem;
  color:var(--home-text);
  background:var(--lime);
}
.hub-upcoming-care .hub-upcoming-icon{color:#fff;background:var(--purple)}
.hub-upcoming-card h3{font-size:clamp(1.13rem,2.5vw,1.6rem);letter-spacing:-.045em;line-height:1.17;margin-bottom:.35rem}
.hub-upcoming-card p{color:var(--home-muted);font-size:.91rem}
.vellox-home .hub-try{
  margin-block:clamp(2.2rem,5vw,4.15rem);
  color:var(--home-text);
  background:#fff;
  border-color:var(--home-border);
}
.vellox-home .hub-try p{color:var(--home-muted)}
.vellox-home .site-footer a:hover{color:var(--purple)}

@media(max-width:47.99rem){
  .vellox-home .hub-hero{grid-template-columns:minmax(0,1fr);gap:1.7rem;padding-block:2.6rem 2.9rem}
  .vellox-home .hub-hero h1{font-size:clamp(2.75rem,10vw,4.25rem)}
  .hub-upcoming-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:39rem){.vellox-home .site-nav .nav-next{display:none}}
@media(max-width:28rem){
  .vellox-home .wrap{width:calc(100% - 1.6rem)}
  .vellox-home .nav-row{gap:.5rem;min-height:4.15rem}
  .vellox-home .site-nav{gap:.57rem}
  .vellox-home .nav-demo{max-width:6.8rem;padding:.3rem .52rem;font-size:.71rem;text-align:center;line-height:1.1}
  .vellox-home .brand img{width:4.55rem}
}