.IntegrationsHeroAnimation-module__HdcGjq__card{aspect-ratio:548/316;background:radial-gradient(60% 70% at 50% 55%, #b0ed9c17, transparent 70%), var(--color-brand-night-surface);border-radius:23px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.IntegrationsHeroAnimation-module__HdcGjq__root{--u:calc(100cqw / 548);color:#fff;font-family:inherit;position:absolute;inset:0}.IntegrationsHeroAnimation-module__HdcGjq__stage{position:absolute;inset:0}.IntegrationsHeroAnimation-module__HdcGjq__beat{display:none;position:absolute;inset:0}.IntegrationsHeroAnimation-module__HdcGjq__beatEngine{display:block}.IntegrationsHeroAnimation-module__HdcGjq__centered{position:absolute;translate:-50% -50%}.IntegrationsHeroAnimation-module__HdcGjq__ball{border-radius:9999px;display:block}.IntegrationsHeroAnimation-module__HdcGjq__glow{filter:drop-shadow(0 0 calc(var(--u) * 14) #b0ed9c59)}.IntegrationsHeroAnimation-module__HdcGjq__ring{border:1px dashed #b0ed9c38;border-radius:9999px;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__chip{border-radius:calc(var(--u) * 6);background:#fff;border:1px solid #00000014;justify-content:center;align-items:center;display:flex;overflow:hidden}.IntegrationsHeroAnimation-module__HdcGjq__logoFill{object-fit:contain;width:100%;height:100%}.IntegrationsHeroAnimation-module__HdcGjq__logoMark{object-fit:contain;width:auto;max-width:78%;height:auto;max-height:62%}.IntegrationsHeroAnimation-module__HdcGjq__label{align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 5) calc(var(--u) * 11) calc(var(--u) * 5) calc(var(--u) * 6);color:var(--color-brand-green);font-size:calc(var(--u) * 12);white-space:nowrap;background:#0e1716b3;border:1px solid #b0ed9c59;border-radius:9999px;font-weight:700;line-height:1;display:inline-flex;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__labelGlyph{width:calc(var(--u) * 18);height:calc(var(--u) * 18)}.IntegrationsHeroAnimation-module__HdcGjq__wall{gap:calc(var(--u) * 8);grid-template-columns:repeat(3,auto);display:grid;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__lane{background:#b0ed9c2e;height:1px;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__dot{width:calc(var(--u) * 5);height:calc(var(--u) * 5);background:var(--color-brand-green);opacity:0;border-radius:9999px;position:absolute;top:50%;left:0;translate:-50% -50%}.IntegrationsHeroAnimation-module__HdcGjq__tiles{grid-template-columns:repeat(2, calc(var(--u) * 88));gap:calc(var(--u) * 8);display:grid;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__tile{height:calc(var(--u) * 44);border:1px solid var(--color-brand-green);border-radius:calc(var(--u) * 8);background:#b0ed9c29;position:relative}.IntegrationsHeroAnimation-module__HdcGjq__tileCode{top:calc(var(--u) * 7);left:calc(var(--u) * 9);font-size:calc(var(--u) * 13);font-weight:700;line-height:1;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__tileCheck{top:calc(var(--u) * 7);right:calc(var(--u) * 8);width:calc(var(--u) * 12);height:calc(var(--u) * 12);background:var(--color-brand-green);border-radius:9999px;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__tileCheck:after{content:"";border:solid var(--color-brand-ink);border-width:0 1.5px 1.5px 0;width:26%;height:44%;position:absolute;top:22%;left:36%;rotate:45deg}.IntegrationsHeroAnimation-module__HdcGjq__tileBar{right:calc(var(--u) * 9);bottom:calc(var(--u) * 9);left:calc(var(--u) * 9);height:calc(var(--u) * 4);background:#ffffff1f;border-radius:9999px;position:absolute;overflow:hidden}.IntegrationsHeroAnimation-module__HdcGjq__tileFill{border-radius:inherit;background:var(--color-brand-green);transform-origin:0;position:absolute;inset:0}.IntegrationsHeroAnimation-module__HdcGjq__connector{background:linear-gradient(90deg,#b0ed9c26,#b0ed9c99);height:1px;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__spark{width:calc(var(--u) * 7);height:calc(var(--u) * 7);background:var(--color-brand-green);box-shadow:0 0 calc(var(--u) * 8) var(--color-brand-green);opacity:0;border-radius:9999px;position:absolute;top:50%;left:100%;translate:-50% -50%}.IntegrationsHeroAnimation-module__HdcGjq__invoice{padding:calc(var(--u) * 14) calc(var(--u) * 16) calc(var(--u) * 12);border-radius:calc(var(--u) * 12);background:var(--color-brand-cream);color:var(--color-brand-ink);font-size:calc(var(--u) * 13);box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 32) #00000059;line-height:1.2;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__invoiceHead{margin-bottom:calc(var(--u) * 10);justify-content:space-between;align-items:center;display:flex}.IntegrationsHeroAnimation-module__HdcGjq__invoiceLogo{border-color:#0000}.IntegrationsHeroAnimation-module__HdcGjq__invoiceTitle{font-size:calc(var(--u) * 15);font-weight:700}.IntegrationsHeroAnimation-module__HdcGjq__muted{color:#0e171680;font-weight:400}.IntegrationsHeroAnimation-module__HdcGjq__invoiceRow{padding:calc(var(--u) * 5) calc(var(--u) * 6);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;display:flex}.IntegrationsHeroAnimation-module__HdcGjq__skeleton{height:calc(var(--u) * 8);background:#0e17161f;border-radius:9999px;display:block}.IntegrationsHeroAnimation-module__HdcGjq__invoiceRule{margin-top:calc(var(--u) * 4);border-top:1px solid var(--color-brand-stroke-cool);padding-top:calc(var(--u) * 8)}.IntegrationsHeroAnimation-module__HdcGjq__taxRow{margin-top:calc(var(--u) * 2);border-radius:calc(var(--u) * 6);background:var(--color-brand-cream-light);font-weight:700}.IntegrationsHeroAnimation-module__HdcGjq__taxLabel{align-items:center;gap:calc(var(--u) * 5);display:inline-flex}.IntegrationsHeroAnimation-module__HdcGjq__taxGlyph{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.IntegrationsHeroAnimation-module__HdcGjq__totalRow{margin-top:calc(var(--u) * 6);font-size:calc(var(--u) * 16);font-weight:700}.IntegrationsHeroAnimation-module__HdcGjq__totalValue{justify-items:end;display:grid}.IntegrationsHeroAnimation-module__HdcGjq__totalBefore,.IntegrationsHeroAnimation-module__HdcGjq__totalAfter{grid-area:1/1}.IntegrationsHeroAnimation-module__HdcGjq__totalBefore{opacity:0}.IntegrationsHeroAnimation-module__HdcGjq__legend{top:calc(var(--u) * 18);gap:calc(var(--u) * 18);font-size:calc(var(--u) * 12);white-space:nowrap;font-weight:700;display:flex;position:absolute;left:50%;translate:-50%}.IntegrationsHeroAnimation-module__HdcGjq__legendItem{align-items:center;gap:calc(var(--u) * 6);display:inline-flex}.IntegrationsHeroAnimation-module__HdcGjq__legendGlyph{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.IntegrationsHeroAnimation-module__HdcGjq__everyLogo{top:calc(var(--u) * 56);left:calc(var(--u) * 20);justify-content:center;gap:calc(var(--u) * 11) calc(var(--u) * 5);width:calc(var(--u) * 508);flex-wrap:wrap;display:flex;position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__badged{display:block;position:relative}.IntegrationsHeroAnimation-module__HdcGjq__badge{top:calc(var(--u) * -5);right:calc(var(--u) * -5);width:calc(var(--u) * 13);height:calc(var(--u) * 13);position:absolute}.IntegrationsHeroAnimation-module__HdcGjq__cue{bottom:calc(var(--u) * 22);align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 8) calc(var(--u) * 14);background:var(--color-brand-green);color:var(--color-brand-ink);font-size:calc(var(--u) * 13);white-space:nowrap;visibility:hidden;border-radius:6px;font-weight:700;line-height:1;display:inline-flex;position:absolute;left:50%;translate:-50%}.IntegrationsHeroAnimation-module__HdcGjq__cueArrow{display:inline-block}@media (prefers-reduced-motion:no-preference){.IntegrationsHeroAnimation-module__HdcGjq__beat{display:block}.IntegrationsHeroAnimation-module__HdcGjq__beatOrbit{animation:24s linear infinite both IntegrationsHeroAnimation-module__HdcGjq__showOrbit}.IntegrationsHeroAnimation-module__HdcGjq__beatSync{animation:24s linear infinite both IntegrationsHeroAnimation-module__HdcGjq__showSync}.IntegrationsHeroAnimation-module__HdcGjq__beatEngine{animation:24s linear infinite both IntegrationsHeroAnimation-module__HdcGjq__showEngine}.IntegrationsHeroAnimation-module__HdcGjq__beatAll{animation:24s linear infinite both IntegrationsHeroAnimation-module__HdcGjq__showAll}.IntegrationsHeroAnimation-module__HdcGjq__pop{animation:IntegrationsHeroAnimation-module__HdcGjq__pop 24s var(--d,0s) infinite both}.IntegrationsHeroAnimation-module__HdcGjq__glow{animation:2.4s ease-in-out infinite IntegrationsHeroAnimation-module__HdcGjq__glow}.IntegrationsHeroAnimation-module__HdcGjq__feed{animation:IntegrationsHeroAnimation-module__HdcGjq__pop 24s var(--d,0s) infinite both, IntegrationsHeroAnimation-module__HdcGjq__feed 2.1s var(--f,0s) ease-out infinite}.IntegrationsHeroAnimation-module__HdcGjq__dot{animation:IntegrationsHeroAnimation-module__HdcGjq__travel 1.2s var(--f,0s) linear infinite}.IntegrationsHeroAnimation-module__HdcGjq__tile{animation:IntegrationsHeroAnimation-module__HdcGjq__pop 24s var(--d,0s) infinite both, IntegrationsHeroAnimation-module__HdcGjq__lit 24s var(--l,0s) infinite both}.IntegrationsHeroAnimation-module__HdcGjq__tileFill{animation:IntegrationsHeroAnimation-module__HdcGjq__fill 24s calc(var(--l,0s) - .72s) infinite both}.IntegrationsHeroAnimation-module__HdcGjq__tileCheck{animation:IntegrationsHeroAnimation-module__HdcGjq__pop 24s var(--l,0s) infinite both}.IntegrationsHeroAnimation-module__HdcGjq__spark{animation:IntegrationsHeroAnimation-module__HdcGjq__spark 24s var(--d,0s) infinite both}.IntegrationsHeroAnimation-module__HdcGjq__totalBefore{animation:IntegrationsHeroAnimation-module__HdcGjq__swapOut 24s var(--d,0s) infinite both}.IntegrationsHeroAnimation-module__HdcGjq__totalAfter{animation:IntegrationsHeroAnimation-module__HdcGjq__pop 24s var(--d,0s) infinite both}.IntegrationsHeroAnimation-module__HdcGjq__cue{animation:24s linear infinite both IntegrationsHeroAnimation-module__HdcGjq__showCue}.IntegrationsHeroAnimation-module__HdcGjq__cueArrow{animation:1.2s ease-in-out infinite IntegrationsHeroAnimation-module__HdcGjq__nudge}.IntegrationsHeroAnimation-module__HdcGjq__root[data-offscreen] *,.IntegrationsHeroAnimation-module__HdcGjq__root[data-offscreen] :after{animation-play-state:paused}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__showOrbit{0%{opacity:0;visibility:visible}1%,18.7%{opacity:1;visibility:visible}19.7%,to{opacity:0;visibility:hidden}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__showSync{0%,19.7%{opacity:0;visibility:hidden}20.7%,45.3%{opacity:1;visibility:visible}46.3%,to{opacity:0;visibility:hidden}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__showEngine{0%,46.3%{opacity:0;visibility:hidden}47.3%,72.3%{opacity:1;visibility:visible}73.3%,to{opacity:0;visibility:hidden}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__showAll{0%,73%{opacity:0;visibility:hidden}74%,99%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__showCue{0%,79.5%{opacity:0;visibility:hidden}80.5%,99%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__pop{0%{opacity:0;transform:translateY(calc(var(--u) * 6)) scale(.96)}1.5%,to{opacity:1;transform:none}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__glow{0%,to{filter:drop-shadow(0 0 calc(var(--u) * 10) #b0ed9c40)}50%{filter:drop-shadow(0 0 calc(var(--u) * 22) #b0ed9c8c)}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__feed{0%{box-shadow:0 0 #b0ed9cb3}40%,to{box-shadow:0 0 0 calc(var(--u) * 5) #b0ed9c00}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__travel{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:100%}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__lit{0%{background:#ffffff0a;border-color:#ffffff24}1%,to{border-color:var(--color-brand-green);background:#b0ed9c29}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__fill{0%{transform:scaleX(.12)}3%,to{transform:none}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__spark{0%{opacity:0;left:0}.4%{opacity:1}2.6%{opacity:1;left:100%}3.2%,to{opacity:0;left:100%}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__swapOut{0%{opacity:1}.8%,to{opacity:0}}@keyframes IntegrationsHeroAnimation-module__HdcGjq__nudge{0%,to{transform:none}50%{transform:translateY(calc(var(--u) * 3))}}
