@font-face{font-family:Sora;src:url(/assets/institucional-b27699f86ff9/sora.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/institucional-b27699f86ff9/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  color-scheme:dark;
  --ink:#1a0b3b;
  --lime:#a8ff00;
  --green:#00e58a;
  --purple:#6d28d9;
  --white:#fff;
  --canvas:#100824;
  --line:#60488a;
  --display:Sora,system-ui,sans-serif;
  --font:Inter,system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--white);font:1rem/1.55 var(--font)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.23em}
button,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.wrap{width:min(100% - 2.25rem,74rem);margin-inline:auto}
.skip-link{position:absolute;left:.75rem;top:-8rem;padding:.65rem 1rem;background:var(--lime);color:var(--ink);z-index:10}
.skip-link:focus{top:.75rem}
.site-header{background:var(--ink);border-bottom:1px solid var(--line)}
.nav-row,.site-header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem}
.brand{display:inline-flex;align-items:center;flex:none}
.brand img{width:clamp(5rem,10vw,6.25rem);height:auto}
.site-nav{display:flex;align-items:center;gap:clamp(.65rem,3vw,2.2rem);font-size:.9rem;font-weight:750}
.site-nav a,.nav-demo,.button,.card-link{text-decoration:none}
.site-nav a:hover,.nav-demo:hover{text-decoration:underline}
.site-nav a[aria-current="page"]{color:var(--lime)}
.nav-demo{font-size:.83rem;font-weight:750}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--lime)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:fit-content;min-height:2.9rem;padding:.72rem 1.18rem;border:1px solid transparent;border-radius:99px;font-size:.92rem;font-weight:800;line-height:1.2}
.button-primary{background:var(--lime);color:var(--ink)}
.button-primary:hover{background:var(--green)}
.button-secondary{background:var(--ink);color:var(--white);border-color:currentColor}
.button-secondary:hover{background:var(--purple)}
.button span,.card-link span{font-size:1.05rem;line-height:1}
.hub-hero{padding-block:clamp(3.25rem,8vw,6.6rem) clamp(2.8rem,6vw,4.4rem)}
.hub-hero h1{margin:.48rem 0 .95rem;font:850 clamp(3.3rem,10.8vw,8.8rem)/.9 var(--display);letter-spacing:-.07em}
.hub-hero h1 em{color:var(--lime);font-style:normal}
.hub-lead{max-width:34rem;font-size:clamp(1rem,2vw,1.25rem);margin-bottom:1.3rem}
.hub-products{display:grid;gap:.85rem;scroll-margin-top:1.2rem}
.hub-card{display:grid;align-content:space-between;gap:1.55rem;min-height:16.7rem;padding:clamp(1.15rem,2.5vw,1.65rem);border-radius:1.35rem;color:var(--ink)}
.hub-card img{width:min(100%,14rem);max-height:3rem;object-fit:contain;object-position:left}
.hub-card h2{font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.02;letter-spacing:-.05em;margin-bottom:.45rem}
.hub-card p{line-height:1.35;font-size:.96rem;max-width:29ch}
.hub-pop{background:var(--lime)}
.hub-pay{background:var(--green)}
.hub-crm{background:var(--purple);color:var(--white)}
.card-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;width:fit-content;padding-bottom:.18rem;border-bottom:1px solid currentColor;font-weight:800;font-size:.9rem}
.card-link:hover{border-bottom-width:2px;padding-bottom:calc(.18rem - 1px)}
.hub-card :focus-visible{outline-color:var(--ink)}
.hub-crm :focus-visible{outline-color:var(--white)}
.hub-try{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-block:clamp(1.4rem,4vw,2.9rem);padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--line);background:var(--ink);border-radius:1.35rem}
.hub-try h2{font-size:clamp(1.2rem,2.5vw,1.9rem);line-height:1.17;letter-spacing:-.04em;margin-bottom:.25rem}
.hub-try p{max-width:40ch}
.site-footer{border-top:1px solid var(--line);background:var(--ink)}
.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1rem;padding-block:1.3rem;font-size:.81rem}
.site-footer a:hover{color:var(--lime)}
@media(min-width:48rem){.hub-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:28rem){.nav-row,.site-header>.wrap{gap:.58rem;min-height:4rem}.nav-demo{font-size:.7rem;max-width:8ch;line-height:1.2}.site-nav{gap:.65rem}.site-nav a{font-size:.82rem}}
