.hero{position:relative}.hero__section{--hsl:var(--hue),var(--saturation),var(--lightness);--flow-space:.5em}.hero__overlay{pointer-events:none;-webkit-user-select:none;user-select:none;height:100%;-webkit-mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 10%,transparent 50%);-webkit-mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 10%,transparent 50%);mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 10%,transparent 50%);will-change:mask;transition:-webkit-mask .4s,mask .4s;position:absolute;inset:0}.hero__overlay .hero__section{background-color:hsla(var(--hsl),.15);border-color:hsla(var(--hsl),1);height:100%;box-shadow:0 0 0 1px inset hsl(var(--hsl));--hue:165;--saturation:82.26%;--lightness:51.37%}
.cards{position:relative}.cards__inner{flex-wrap:wrap;gap:2.5em;display:flex}.card{--flow-space:.5em;--hsl:var(--hue),var(--saturation),var(--lightness);background-color:var(--sala-shade-background,#f8f9fc);border:1px solid #eceff133;border-radius:15px;flex:14rem;grid-template-rows:auto auto auto 1fr;align-items:start;gap:1.25em;padding:1.5em 2em;display:grid}.pricing-card-wrapper:first-child .pricing-box .card{--hue:165;--saturation:82.26%;--lightness:51.37%}.pricing-card-wrapper:nth-child(2) .pricing-box .card{--hue:291.34;--saturation:95.9%;--lightness:61.76%}.pricing-card-wrapper:nth-child(3) .pricing-box .card{--hue:338.69;--saturation:100%;--lightness:48.04%}.cta{text-align:center;color:#fff;background-color:var(--sala-pricing-button-background);border-radius:10px;align-self:end;margin:1em 0 .5em;padding:.7em;font-size:1rem;font-weight:600;text-decoration:none;display:block}.overlay__pricing{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 1%,transparent 50%);-webkit-mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 1%,transparent 50%);mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 1%,transparent 50%);will-change:mask;transition:-webkit-mask .4s,mask .4s;position:absolute;inset:0}.overlay__pricing .card{background-color:hsla(var(--hsl),.15);border-color:hsla(var(--hsl),1);box-shadow:0 0 0 1px inset hsl(var(--hsl))}.overlay__pricing .cta{background-color:hsl(var(--hsl));width:100%;box-shadow:0 0 0 1px hsl(var(--hsl));grid-row:-1;display:block}:not(.overlay__pricing)>.card{will-change:background;transition:background .4s}@media (max-width:1000px){.card{height:670px!important}}