@layer components{.fade-hero{object-fit:cover;aspect-ratio:2.25;margin-left:auto;margin-right:auto;grid-template-rows:1fr;grid-template-columns:1fr;margin-block-start:calc(var(--space-xxxl)*-1.125);display:grid;position:relative;overflow:hidden;box-shadow:2em -3rem 3rem #0000000d}.fade-hero img{z-index:-1;grid-area:1/1}.fade-hero:after{content:"";background:linear-gradient(to bottom,hsl(var(--color-sheet)/0%)0%,hsl(var(--color-sheet)/100%)50%);grid-area:1/1;place-self:end;width:100%;height:60%;display:block;position:relative}.how-card{padding-top:var(--space-lg);padding-bottom:var(--space-lg);position:relative}@media (width>=50em){.how-card{column-gap:var(--space-xl);grid-template-columns:auto minmax(10vw,56rem);align-items:center;display:grid}.how-card:nth-child(2n){direction:rtl}}.how-card__body{direction:ltr;max-width:56ch}.how-card__media{aspect-ratio:1}.how-card__media-backdrop{pointer-events:none;z-index:-1;object-fit:cover;width:100%;max-width:50%;height:100%;position:absolute;inset-block-start:0;inset-inline:auto -25%}.integration-icons{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid}.integration-icons>figure{aspect-ratio:1;justify-content:center;align-items:center;margin:0;display:flex}.bar-chart{--color-text:var(--color-accent);justify-content:center;gap:var(--space-md);border:var(--line-weight-lg)solid hsl(var(--color-accent));aspect-ratio:2;border-top:none;border-left:none;border-right:none;flex-wrap:nowrap;width:100%;height:100%;padding-block-start:0;display:flex;position:relative}@media (width>=50em){.bar-chart{gap:var(--space-lg);aspect-ratio:auto}}.bar-chart>.bar{justify-content:flex-end;align-items:center;gap:var(--space-sm);flex-direction:column;height:100%;display:flex;position:relative;bottom:-1px}.bar-chart>.label{bottom:0;left:0}.bar-chart>.bar .fill{height:var(--fill-height);border:var(--line-weight)solid hsl(var(--color-accent));width:80%}.grow{animation:.5s ease-out forwards grow}@keyframes grow{to{opacity:1;height:calc(var(--fill-height)*2)}}}