@layer componentsj{.c-mobile-screenshots-wrapper{position:relative;overflow:hidden;padding-block-end:0}.c-mobile-screenshots{--border-radius: 25px;position:relative;max-width:80rem;max-height:50vh;margin-inline:auto;transform:rotate(-45deg);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}:is(.c-mobile-screenshots)>*:nth-child(2n),:is(.c-mobile-screenshots)>*:nth-child(5){top:33.333%}:is(.c-mobile-screenshots) img{border-radius:var(--border-radius)}:is(.c-mobile-screenshots):after{content:"";position:absolute;z-index:var(--z-index-below-body);top:50%;transform:translate(-15%,-100%);width:200%;height:12rem;background:var(--color-primary-background);clip-path:inset(0 100% 0 0)}@supports not selector(:has(*)){:is(.c-mobile-screenshots):after{animation:2.5s cubic-bezier(.25,1,.3,1) wipe-in-right both;animation-delay:1.5s}:is(.c-mobile-screenshots) .c-mobile-screenshots__item{animation-name:slide-up-and-fade-in;animation-timing-function:cubic-bezier(.22,.61,.36,1)}}@supports selector(:has(*)){:is(.c-mobile-screenshots):has([data-io-seen]):after{animation:2.5s cubic-bezier(.25,1,.3,1) wipe-in-right both;animation-delay:1.5s}:is(.c-mobile-screenshots):has([data-io-seen]) .c-mobile-screenshots__item{animation-name:slide-up-and-fade-in;animation-timing-function:cubic-bezier(.22,.61,.36,1)}}.o-slide:has(:is(.c-mobile-screenshots)){padding-block:0}.c-mobile-screenshots__item{opacity:0}:is(.c-mobile-screenshots__text)>*{padding-inline:var(--spacing-lg)}:is(.c-mobile-screenshots__text) h2{padding-block-end:var(--spacing-lg)}:is(.c-mobile-screenshots__text) p{font-size:var(--font-size-s-1)}.c-iphone{--border: .4em;--hue: 0deg;--saturation: 0%;--lightness-1: 12%;--lightness-2: 10%;--lightness-3: 7%;position:relative;aspect-ratio:.46153846 / 1;border-radius:var(--border-radius);box-shadow:0 0 0 calc(var(--border) * .55) hsl(var(--hue) var(--saturation) var(--lightness-1)),0 0 0 calc(var(--border) * .65) hsl(var(--hue) var(--saturation) var(--lightness-2)),0 0 0 var(--border) hsl(var(--hue) var(--saturation) var(--lightness-3)),var(--box-shadow-soft)}:is(.c-iphone):before{content:"";position:absolute;z-index:-1;width:100%;height:100%;border-radius:inherit;background:#fff}.c-iphone--dark-screenshot:before{background:#000}.c-iphone__speaker,.c-iphone__eyelet{position:absolute;display:block;color:transparent}.c-iphone__speaker{transform:translate(-50%,1em);top:0;left:50%;width:15%;height:8px;height:1.15%;background-color:#101010;border-radius:8px;box-shadow:inset 0 -3px 3px #fff3}.c-iphone__eyelet{transform:translateY(.85em);left:65%;top:0;width:.7em;height:.7em;background-color:#101010;border-radius:50px;box-shadow:inset 0 -3px 2px #fff3}:is(.c-iphone__eyelet):after{content:"";position:absolute;display:block;top:.15rem;left:.15rem;width:.35rem;height:.35rem;background-color:#2d4d76;border-radius:50px;box-shadow:inset 0 -2px 2px #00000080}@media(min-width:768px){.c-mobile-screenshots{grid-template-columns:repeat(3,1fr);gap:var(--spacing-3xl)}.c-iphone{--border: .5em}}@media(max-width:1023px){.c-mobile-screenshots__text{text-align:center;position:relative;z-index:var(--z-index-above-body);padding-block:var(--spacing-lg) var(--spacing-4xl);background:#fff}}@media(min-width:1024px){.c-mobile-screenshots{max-height:100vh;--border-radius: 35px;left:-45%;grid-template-columns:repeat(4,1fr)}:is(.c-mobile-screenshots):after{transform:translateY(-5vw)}:is(.c-mobile-screenshots)>*:nth-child(2n){top:50%}.c-mobile-screenshots__text{position:absolute;bottom:var(--spacing-4xl);right:var(--spacing-lg);width:40%;text-align:right}}@media(min-width:1280px){.c-mobile-screenshots{left:-35%}.c-mobile-screenshots__text{width:35%}}@media(min-width:1630px){.c-mobile-screenshots__text{width:33.333%}}.c-slide:has(.c-mobile-screenshots){padding-block:0;min-height:unset}@media(min-width:1024px){.c-slide:has(.c-mobile-screenshots){max-height:calc(100vh - var(--navbar-height));max-height:calc(100svh - var(--navbar-height))}}}@layer scope{.c-slide:has(.c-mobile-screenshots){padding-block:0}.c-slide:has(.c-mobile-screenshots)+.c-slide:has(.c-mobile-screenshots){padding-block:var(--spacing-2xs) 0}}