.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,1.04fr);
  align-items:center;
  gap:clamp(1.35rem,4vw,3.4rem);
  min-height:calc(100svh - 5.2rem);
  padding-block:clamp(2.75rem,6vh,4.75rem);
}
.hub-hero-copy{min-width:0}
.vellox-home .hub-hero h1{
  max-width:9.5ch;
  margin:0 0 1.4rem;
  font:850 clamp(2.9rem,6.35vw,6.25rem)/.99 var(--display);
  letter-spacing:-.064em;
}
.vellox-home .hub-hero h1 span{display:block}
.vellox-home .hub-hero h1 em{
  display:inline-block;
  color:inherit;
  font-style:normal;
  background:linear-gradient(transparent 73%,var(--lime) 73%,var(--lime) 90%,transparent 90%);
}
.vellox-home .hub-lead{max-width:26rem;color:var(--home-muted);margin-bottom:1.65rem}
.hub-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.15rem}
.hub-hero-next{display:inline-flex;align-items:center;gap:.38rem;min-height:2.75rem;font-weight:750;font-size:.9rem;text-decoration:none}
.hub-hero-next:hover{text-decoration:underline}
.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:auto;height:clamp(2.75rem,5vw,3.6rem);max-width:100%;max-height:none}
.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);align-content:center;gap:1.35rem;padding-block:2.3rem 2.65rem}
  .vellox-home .hub-hero h1{max-width:11.5ch;margin-bottom:1.1rem;font-size:clamp(2.8rem,12.1vw,5.15rem)}
  .vellox-home .hub-lead{margin-bottom:1.1rem}
  .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}
}