.showcase-carousel-viewport[data-v-71b6b8c7]{width:100%;overflow:hidden}.showcase-carousel-track[data-v-71b6b8c7]{will-change:transform;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex}.showcase-carousel-track--static[data-v-71b6b8c7]{transition:none}.showcase-carousel-slide[data-v-71b6b8c7]{flex:0 0 100%;width:100%}.showcase-carousel-pagination[data-v-71b6b8c7]{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.showcase-carousel-dot[data-v-71b6b8c7]{background:#0b0b1024;border:none;border-radius:999px;width:.5rem;height:.5rem;padding:0;transition:width .25s,background-color .25s}.showcase-carousel-dot--active[data-v-71b6b8c7]{background:#7c3aed;width:1.25rem}.showcase-carousel-dot[data-v-71b6b8c7]:focus-visible{outline-offset:2px;outline:2px solid #7c3aed73}.showcase-row[data-v-71b6b8c7]{width:100%}.showcase-stage[data-v-71b6b8c7]{perspective:1400px;perspective-origin:50% 45%;justify-content:center;align-items:center;width:100%;min-height:clamp(16rem,36vw,26rem);display:flex;position:relative}.showcase-card[data-v-71b6b8c7]{transform-origin:50%;will-change:transform, opacity, width, left;width:min(42%,34rem);transition:transform .75s cubic-bezier(.16,1,.3,1),left .75s cubic-bezier(.16,1,.3,1),width .75s cubic-bezier(.16,1,.3,1),opacity .55s;position:absolute;top:50%;left:50%}.showcase-card--static[data-v-71b6b8c7]{transition:none}.showcase-card--center[data-v-71b6b8c7]{z-index:3;opacity:1;pointer-events:auto;width:min(46%,46rem);left:50%;transform:translate(-50%,-50%)}.showcase-card--left[data-v-71b6b8c7]{z-index:2;opacity:1;pointer-events:auto;left:11%;transform:translate(-50%,-50%)rotateY(12deg)rotate(-2deg)scale(.94)}.showcase-card--right[data-v-71b6b8c7]{z-index:2;opacity:1;pointer-events:auto;left:89%;transform:translate(-50%,-50%)rotateY(-12deg)rotate(2deg)scale(.94)}.showcase-card--off-left[data-v-71b6b8c7],.showcase-card--off-right[data-v-71b6b8c7]{z-index:1;opacity:0;pointer-events:none;transition:opacity .35s,width .75s cubic-bezier(.16,1,.3,1)}.showcase-card--off-left[data-v-71b6b8c7]{left:-8%;transform:translate(-50%,-50%)rotateY(18deg)rotate(-3deg)scale(.86)}.showcase-card--off-right[data-v-71b6b8c7]{left:108%;transform:translate(-50%,-50%)rotateY(-18deg)rotate(3deg)scale(.86)}.showcase-frame[data-v-71b6b8c7]{background:#fff;border:1px solid #0b0b101a;border-radius:1rem;overflow:hidden;box-shadow:0 30px 80px -30px #0b0b1059,inset 0 0 0 1px #fff9}.showcase-chrome[data-v-71b6b8c7]{background:#f4f4f2;border-bottom:1px solid #0b0b100d;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.showcase-dots[data-v-71b6b8c7]{gap:.35rem;display:flex}.showcase-dots span[data-v-71b6b8c7]:first-child{background:#ff5f57}.showcase-dots span[data-v-71b6b8c7]:nth-child(2){background:#febc2e}.showcase-dots span[data-v-71b6b8c7]:nth-child(3){background:#28c840}.showcase-dots span[data-v-71b6b8c7]{border-radius:999px;width:.625rem;height:.625rem}.showcase-url[data-v-71b6b8c7]{text-overflow:ellipsis;white-space:nowrap;color:#9a9aa5;background:#fff;border-radius:.375rem;flex:1;min-width:0;padding:.25rem .65rem;font-size:.6875rem;overflow:hidden}.showcase-viewport[data-v-71b6b8c7]{aspect-ratio:16/9;background:#fff;position:relative;overflow:hidden}.showcase-card--left .showcase-viewport[data-v-71b6b8c7],.showcase-card--right .showcase-viewport[data-v-71b6b8c7],.showcase-card--off-left .showcase-viewport[data-v-71b6b8c7],.showcase-card--off-right .showcase-viewport[data-v-71b6b8c7]{aspect-ratio:16/10}.showcase-image[data-v-71b6b8c7]{object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.showcase-card[data-v-71b6b8c7]{transition:none}.showcase-card--left[data-v-71b6b8c7],.showcase-card--right[data-v-71b6b8c7]{transform:translate(-50%,-50%)scale(.96)}.showcase-carousel-track[data-v-71b6b8c7],.showcase-carousel-dot[data-v-71b6b8c7]{transition:none}}.benefit-visual[data-v-4cea0511]{width:100%;margin-top:auto}.benefit-visual-panel[data-v-4cea0511]{justify-content:center;align-items:flex-end;min-height:11.5rem;padding-top:.5rem;display:flex}@media (width>=640px){.benefit-visual-panel[data-v-4cea0511]{min-height:13.5rem}}
