.feature-rail-viewport{position:relative}.feature-rail-track{display:flex;align-items:flex-start;gap:1.25rem;margin:0;padding:.5rem .25rem .75rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}@media(min-width:640px){.feature-rail-track{align-items:stretch}}.feature-rail-track::-webkit-scrollbar{display:none}.feature-rail-item{flex:0 0 85%;scroll-snap-align:start}@media(min-width:640px){.feature-rail-item{flex-basis:46%}}@media(min-width:1024px){.feature-rail-item{flex-basis:31%}}.feature-rail-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#fffcf7eb;border:1px solid rgba(27,40,69,.12);color:#1b2845;box-shadow:0 10px 28px #1b284524;transition:background .2s ease,transform .2s ease,opacity .2s ease;opacity:0;cursor:pointer}.feature-rail:hover .feature-rail-arrow,.feature-rail:focus-within .feature-rail-arrow{opacity:1}.feature-rail-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.feature-rail-arrow:focus-visible{opacity:1;outline:2px solid rgb(107,31,42);outline-offset:2px}.feature-rail-arrow svg{width:1.1rem;height:1.1rem}.feature-rail-arrow-prev{left:-.5rem}.feature-rail-arrow-next{right:-.5rem}@media(min-width:1024px){.feature-rail-arrow-prev{left:-1.25rem}.feature-rail-arrow-next{right:-1.25rem}}.feature-rail-arrow[hidden]{display:none}.feature-rail-dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.feature-rail-dot{width:.55rem;height:.55rem;border-radius:9999px;background:#1b284529;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease,width .2s ease}.feature-rail-dot:hover{background:#1b28454d}.feature-rail-dot:focus-visible{outline:2px solid rgb(107,31,42);outline-offset:3px}.feature-rail-dot[aria-selected=true]{background:#6b1f2a;width:1.5rem}.screenshot-carousel .carousel-stage{position:relative;width:100%;aspect-ratio:1440 / 900;overflow:hidden}.screenshot-carousel .carousel-slide{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;opacity:0;transition:opacity .6s ease;pointer-events:none}.screenshot-carousel .carousel-slide[data-active]{opacity:1;pointer-events:auto}.screenshot-carousel .carousel-slide.is-portrait{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:1.25rem 0}.screenshot-carousel .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#fffcf7d9;border:1px solid rgba(27,40,69,.12);color:#1b2845;box-shadow:0 8px 24px #1b28451f;transition:background .2s ease,transform .2s ease,opacity .2s ease;opacity:0;cursor:pointer}.screenshot-carousel:hover .carousel-arrow,.screenshot-carousel:focus-within .carousel-arrow{opacity:1}.screenshot-carousel .carousel-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.screenshot-carousel .carousel-arrow:focus-visible{opacity:1;outline:2px solid rgb(107,31,42);outline-offset:2px}.screenshot-carousel .carousel-arrow svg{width:1.1rem;height:1.1rem}.screenshot-carousel .carousel-arrow-prev{left:1rem}.screenshot-carousel .carousel-arrow-next{right:1rem}.screenshot-carousel .carousel-caption{position:relative;padding:1.75rem 1.5rem .25rem;min-height:9rem}.screenshot-carousel .carousel-caption-pane{opacity:0;transition:opacity .3s ease;position:absolute;inset:1.75rem 1.5rem 0;pointer-events:none}.screenshot-carousel .carousel-caption-pane[data-active]{opacity:1;position:relative;pointer-events:auto}.screenshot-carousel .carousel-controls{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;gap:1rem;flex-wrap:wrap}.screenshot-carousel .carousel-dots{display:inline-flex;align-items:center;gap:.5rem}.screenshot-carousel .carousel-dot{position:relative;width:2.5rem;height:.4rem;border-radius:9999px;background:#1b28451f;border:none;padding:0;cursor:pointer;overflow:hidden;transition:background .2s ease}.screenshot-carousel .carousel-dot:hover{background:#1b284538}.screenshot-carousel .carousel-dot:focus-visible{outline:2px solid rgb(107,31,42);outline-offset:3px}.screenshot-carousel .carousel-dot-fill{position:absolute;inset:0;width:0%;background:#6b1f2a;border-radius:inherit}.screenshot-carousel .carousel-dot[aria-selected=true]{background:#6b1f2a33}.screenshot-carousel .carousel-dot[aria-selected=true][data-running=true] .carousel-dot-fill{animation:carousel-progress var(--carousel-interval, 6s) linear forwards}.screenshot-carousel .carousel-dot[aria-selected=true][data-running=false] .carousel-dot-fill{width:var(--carousel-fill, 0%);animation:none}.screenshot-carousel .carousel-counter{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;letter-spacing:.12em;color:#1b28458c}@keyframes carousel-progress{0%{width:0%}to{width:100%}}@media(prefers-reduced-motion:reduce){.screenshot-carousel .carousel-slide,.screenshot-carousel .carousel-caption-pane,.screenshot-carousel .carousel-arrow{transition:none}.screenshot-carousel .carousel-dot .carousel-dot-fill{animation:none!important}}