section.hero-apis{align-items:center;gap:var(--spacing-xl);color:var(--color-white);background:var(--color-black);padding:7.5rem 0 0;position:relative;overflow:clip}@media not (max-width:1024px){section.hero-apis{align-items:flex-start;gap:var(--spacing-2l);padding:16.25rem 0 8.375rem 3.5rem}}section.hero-apis h1{text-align:center;grid-area:title;max-width:514px;padding:0 1.5rem}@media not (max-width:1024px){section.hero-apis h1{font-size:var(--font-size-xxxl);line-height:var(--font-lineheight-xxxl);text-align:left;padding:0}}section.hero-apis div.hero-apis-content{max-width:514px;font-size:var(--font-size-default);line-height:var(--font-lineheight-l);text-align:center;padding:0 1.5rem}@media not (max-width:1024px){section.hero-apis div.hero-apis-content{font-size:1.25rem;line-height:var(--font-lineheight-2m);text-align:left;padding:0}}section.hero-apis div.hero-apis-image{place-items:center;width:100%;display:grid}@media not (max-width:1024px){section.hero-apis div.hero-apis-image{width:unset;display:block;position:absolute;bottom:0;right:-250px}}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile{width:auto;min-width:100%;height:auto;margin:calc(var(--spacing-xl) * -1) 0 calc(var(--spacing-xxs) * -1) 0}@media not (max-width:1024px){section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile{display:none}}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin{opacity:0;transition:opacity var(--animation-duration-pins), scale var(--animation-duration-pins);transform-origin:50%;animation:fadeScaleIn var(--animation-duration-pins) forwards;scale:.1}@media (prefers-reduced-motion:reduce){section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin{animation:none}}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(1 of g.pin){animation-delay:.1s;animation-range:entry contain 4%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(2 of g.pin){animation-delay:.2s;animation-range:entry 4% contain 8%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(3 of g.pin){animation-delay:.3s;animation-range:entry 8% contain 12%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(4 of g.pin){animation-delay:.4s;animation-range:entry 12% contain 16%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(5 of g.pin){animation-delay:.5s;animation-range:entry 16% contain 20%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(6 of g.pin){animation-delay:.6s;animation-range:entry 20% contain 24%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(7 of g.pin){animation-delay:.7s;animation-range:entry 24% contain 28%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(8 of g.pin){animation-delay:.8s;animation-range:entry 28% contain 32%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(9 of g.pin){animation-delay:.9s;animation-range:entry 32% contain 36%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(10 of g.pin){animation-delay:1s;animation-range:entry 36% contain 40%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(11 of g.pin){animation-delay:1.1s;animation-range:entry 40% contain 44%}section.hero-apis div.hero-apis-image svg.hero-apis-image-mobile g.pin:nth-child(12 of g.pin){animation-delay:1.2s;animation-range:entry 44% contain 48%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop{display:none}@media not (max-width:1024px){section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop{display:block}}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin{opacity:0;transition:opacity var(--animation-duration-pins), scale var(--animation-duration-pins);transform-origin:50%;animation:fadeScaleIn var(--animation-duration-pins) forwards;padding:10px;position:relative;scale:.1}@media (prefers-reduced-motion:reduce){section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin{animation:none}}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(1 of g.pin){animation-delay:.1s;animation-range:entry contain 4%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(2 of g.pin){animation-delay:.2s;animation-range:entry 4% contain 8%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(3 of g.pin){animation-delay:.3s;animation-range:entry 8% contain 12%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(4 of g.pin){animation-delay:.4s;animation-range:entry 12% contain 16%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(5 of g.pin){animation-delay:.5s;animation-range:entry 16% contain 20%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(6 of g.pin){animation-delay:.6s;animation-range:entry 20% contain 24%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(7 of g.pin){animation-delay:.7s;animation-range:entry 24% contain 28%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(8 of g.pin){animation-delay:.8s;animation-range:entry 28% contain 32%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(9 of g.pin){animation-delay:.9s;animation-range:entry 32% contain 36%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(10 of g.pin){animation-delay:1s;animation-range:entry 36% contain 40%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(11 of g.pin){animation-delay:1.1s;animation-range:entry 40% contain 44%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(12 of g.pin){animation-delay:1.2s;animation-range:entry 44% contain 48%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(13 of g.pin){animation-delay:1.3s;animation-range:entry 48% contain 52%}section.hero-apis div.hero-apis-image svg.hero-apis-image-desktop g.pin:nth-child(14 of g.pin){animation-delay:1.4s;animation-range:entry 52% contain 56%}