.hero-section:where(.astro-vwnkhel5){display:flex;flex-direction:column;justify-content:flex-end;margin:calc(var(--nds-viewport-spacing-layout-150)*-1);margin-bottom:40px;min-height:668px;overflow:hidden;position:relative}.hero-section__illustration:where(.astro-vwnkhel5){align-items:flex-start;display:flex;inset:0;justify-content:flex-end;position:absolute;z-index:-1}.hero-section__illustration:where(.astro-vwnkhel5) svg{height:auto;transform:translateY(calc(10vh - 22%)) translate(3%);width:clamp(800px,58vw,1090px)}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g{animation:bounce 3s ease-in-out infinite alternate}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:first-child{animation-delay:1s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(2){animation-delay:2s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(3){animation-delay:3s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(4){animation-delay:4s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(5){animation-delay:5s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(6){animation-delay:6s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(7){animation-delay:7s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(8){animation-delay:8s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(9){animation-delay:9s}.hero-section__illustration:where(.astro-vwnkhel5) svg #layer-illustration-dark>g:nth-child(10){animation-delay:10s}.hero-section__content:where(.astro-vwnkhel5){z-index:2}.hero-section:where(.astro-vwnkhel5):before{animation:fly-in-right .8s ease-out forwards;background:linear-gradient(120deg,var(--landing-hero-gradient-start) 20vw,var(--landing-hero-gradient-stop) 100%);content:"";inset:0;position:absolute;z-index:-100}.hero-section:where(.astro-vwnkhel5):after{background:linear-gradient(180deg,var(--landing-hero-shadow-shade-one) 45%,var(--landing-hero-shadow-shade-two) 50%,var(--landing-hero-shadow-shade-three) 60%,var(--landing-hero-shadow-shade-four) 80%,var(--landing-hero-shadow-shade-five) 90%);content:"";inset:0;position:absolute;z-index:1}@media screen and (max-width:575px){.hero-section:where(.astro-vwnkhel5){height:1550px;justify-content:center}.hero-section:where(.astro-vwnkhel5):before{background:linear-gradient(60deg,var(--landing-hero-gradient-start) 60%,var(--landing-hero-gradient-stop) 100%)}}@media screen and (max-width:767px){.hero-section__illustration:where(.astro-vwnkhel5) svg{display:none}}@media screen and (max-width:1199px){.hero-section__illustration:where(.astro-vwnkhel5) svg{transform:translateY(calc(10vh - 25%)) translate(23%)}}@media screen and (max-width:991px){.hero-section:where(.astro-vwnkhel5){min-height:930px}.hero-section__illustration:where(.astro-vwnkhel5) svg{transform:translateY(calc(8vh - 25%)) translate(46%);width:900px}}@media screen and (min-width:1200px){.hero-section__illustration:where(.astro-vwnkhel5) svg{transform:translateY(calc(10vh - 28%)) translate(3%)}}@keyframes fly-in-right{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(100)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.hero-section:where(.astro-vwnkhel5) .grid-4-col-extender>:not(:first-child){grid-column-end:span min(6,var(--docs-grid-columns));--grid-bp-default-span:6}@media screen and (min-width:576px){.hero-section:where(.astro-vwnkhel5) .grid-4-col-extender>:not(:first-child){grid-column-end:span min(3,var(--docs-grid-columns));--grid-bp-span:sm-3}}@media screen and (min-width:768px){.hero-section:where(.astro-vwnkhel5) .grid-4-col-extender>:not(:first-child){grid-column-end:span min(6,var(--docs-grid-columns));--grid-bp-span:md-6}}@media screen and (min-width:992px){.hero-section:where(.astro-vwnkhel5) .grid-4-col-extender>:not(:first-child){grid-column-end:span min(3,var(--docs-grid-columns));--grid-bp-span:lg-3}}
