.showcase{background-color:var(--color-surface-container-lowest,#fff);flex-direction:column;align-items:center;width:100%;padding:80px 0;display:flex;position:relative;overflow:hidden}.showcase__header{align-items:center;gap:var(--gap-lg,16px);text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:768px;margin-bottom:72px;padding:0 24px;display:flex}.showcase__header-title{font-family:var(--font-brand);font-size:var(--text-display-medium-size,48px);font-weight:var(--text-display-medium-weight,400);line-height:var(--text-display-medium-height,52px);color:var(--color-on-surface);margin:0}.showcase__header-description{font-family:var(--font-brand);font-size:var(--text-title-large-size,20px);font-weight:var(--text-title-large-weight,400);line-height:var(--text-title-large-height,24px);color:var(--color-on-surface-variant);margin:0}.showcase__wrapper{align-items:center;gap:var(--gap-xl);width:100%;max-width:var(--max-width-main);box-sizing:border-box;margin:0 auto;padding:0;display:flex}.showcase__content{flex:1 0 0;align-items:center;gap:48px;min-width:0;height:570px;display:flex;position:relative}.showcase__primary{background-color:var(--color-surface-container-low,#f5f5f5);border-radius:var(--radius-container-default);flex:1 0 0;min-width:0;height:570px;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.showcase__primary:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-surface-container-low,#f5f5f5) 70%, transparent) 0%, transparent 100%);z-index:5;pointer-events:none;height:40px;position:absolute;bottom:0;left:0;right:0}.showcase__image-stage{z-index:10;opacity:1;will-change:transform, opacity;width:100%;height:100%;position:absolute;top:0;left:0}.showcase__mockup-frame{border:1.5px solid var(--color-outline-variant);background-color:var(--color-surface);border-radius:20px;position:absolute;overflow:hidden;box-shadow:0 12px 16px -4px #0a0d1214,0 4px 6px -2px #0a0d1208,0 2px 2px -1px #0a0d120a}.showcase__desktop-wrap{z-index:10;filter:drop-shadow(0 16px 32px #0a0d121f);width:917px;max-width:none;position:absolute;top:24px;left:24px}.showcase__mockup-frame--desktop,.showcase__mockup-frame--desktop-right,.showcase__mockup-frame--desktop-left{width:917px;height:610px;top:40px;left:40px;right:auto}.showcase__mockup-frame--desktop .showcase__mockup-img,.showcase__mockup-frame--desktop-right .showcase__mockup-img,.showcase__mockup-frame--desktop-left .showcase__mockup-img{object-fit:cover;object-position:top left}.showcase__phone-wrap{z-index:10;filter:drop-shadow(0 16px 24px #0a0d121f);width:318px;max-width:calc(100% - 32px);position:absolute;top:40px;left:50%;transform:translate(-50%)}.showcase__mockup-frame--mobile{width:318px;height:669px;top:40px;left:50%;transform:translate(-50%)}.showcase__mockup-img{object-fit:cover;object-position:top left}.showcase__mockup-frame--mobile .showcase__mockup-img{object-position:top center}.showcase__secondary{flex-shrink:0;align-items:stretch;width:438px;height:570px;display:flex;position:relative;overflow:hidden}.showcase__text-stage{gap:var(--gap-2xl);flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.showcase__header-group{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.showcase__thumbnail{aspect-ratio:1;border-radius:var(--radius-xs);flex-shrink:0;width:112px;height:112px;overflow:hidden}.showcase__thumbnail-img{object-fit:contain;width:100%;height:100%}.showcase__texts{flex-direction:column;flex-shrink:0;gap:13px;display:flex}.showcase__overline{font-family:var(--font-brand);font-size:var(--text-title-small-size);font-weight:var(--text-title-small-weight);line-height:var(--text-title-small-height);letter-spacing:var(--text-title-small-tracking);color:var(--color-on-surface,#242527);display:block}.showcase__subtitle{font-family:var(--font-brand);font-size:var(--text-label-medium-size,.75rem);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:4px;font-weight:600;display:block}.showcase__headline{font-family:var(--font-brand);font-size:var(--text-headline-large-size);font-weight:var(--text-headline-large-weight);line-height:var(--text-headline-large-height);letter-spacing:var(--text-headline-large-tracking);color:#171717;margin:0}.showcase__description{font-family:var(--font-brand);font-size:var(--text-body-large-size);font-weight:var(--text-body-large-weight);line-height:var(--text-body-large-height);color:var(--color-on-surface-variant,#5a5d62);margin:0}.showcase__list{gap:var(--gap-xl);padding:0;padding-bottom:var(--gap-lg);flex-direction:column;flex:1 0 0;justify-content:flex-end;margin:0;list-style:none;display:flex}.showcase__list-item{gap:var(--gap-lg);align-items:flex-start;display:flex}.showcase__icon-wrap{width:18px;height:18px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;margin-top:3px;display:flex}.showcase__icon{width:100%;height:100%;display:block}.showcase__list-text{font-family:var(--font-brand);font-size:var(--text-body-large-size);font-weight:var(--text-body-large-weight);line-height:var(--text-body-large-height);letter-spacing:var(--text-body-large-tracking);color:var(--color-on-surface-variant,#5a5d62);margin:0}.showcase__list-text strong{font-weight:var(--text-title-medium-weight);color:var(--color-on-surface,#242527)}.showcase__paginator{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:11px;display:flex}.showcase__dots{gap:var(--gap-lg,16px);padding:var(--gap-sm,8px) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.showcase__dot{border-radius:var(--radius-xs);cursor:pointer;background-color:var(--color-secondary-container,#fdd5bf);opacity:.7;border:none;flex-shrink:0;width:6px;height:6px;padding:0;transition:background-color .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);position:relative}.showcase__dot:before{content:"";min-width:24px;min-height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcase__dot--active{background-color:var(--color-primary,#ff4405);opacity:1;transform:scale(1.3)}.showcase__dot--tertiary{background-color:var(--color-secondary-container,#fdd5bf);opacity:.35;transform:scale(.8)}.showcase__dot:hover:not(.showcase__dot--active){background-color:var(--color-on-primary-container,#673c22);opacity:.5}.showcase__play-wrapper{justify-content:center;align-items:center;width:62px;height:62px;display:inline-flex;position:relative}.showcase__play-ring-svg{pointer-events:none;width:62px;height:62px;position:absolute;inset:0;transform:rotate(-90deg)}.showcase__play-ring{stroke-dasharray:175.93;stroke-dashoffset:175.93px;animation:linear forwards playRingProgress}@keyframes playRingProgress{0%{stroke-dashoffset:175.93px}to{stroke-dashoffset:0}}.showcase__image-stage--enter,.showcase__image-stage--enter-next{animation:.35s cubic-bezier(.22,1,.36,1) forwards slideEnterFromRight}.showcase__image-stage--enter-prev{animation:.35s cubic-bezier(.22,1,.36,1) forwards slideEnterFromLeft}.showcase__text-stage--enter,.showcase__text-stage--enter-next{animation:.35s cubic-bezier(.22,1,.36,1) forwards textEnterFromRight}.showcase__text-stage--enter-prev{animation:.35s cubic-bezier(.22,1,.36,1) forwards textEnterFromLeft}@keyframes slideEnterFromRight{0%{opacity:.7;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideEnterFromLeft{0%{opacity:.7;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes textEnterFromRight{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes textEnterFromLeft{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes textEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textExitLeft{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes textExitRight{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@media (max-width:1280px){.showcase__wrapper{gap:24px;padding:0 24px}.showcase__secondary{width:380px}.showcase__content{gap:48px}}@media (max-width:1024px){.showcase{padding:64px 0}.showcase__wrapper{flex-direction:column;gap:0;padding:0 40px}.showcase__content{flex-direction:column;gap:28px;width:100%;height:auto}.showcase__primary{border-radius:var(--radius-container-default);flex:none;width:100%;height:460px;min-height:460px;display:block;position:relative;overflow:hidden}.showcase__desktop-wrap{width:720px;max-width:none;top:24px;left:50%;transform:translate(-50%)}.showcase__phone-wrap{width:270px;max-width:calc(100% - 32px);top:32px;left:50%;transform:translate(-50%)}.showcase__secondary{width:100%;height:auto;min-height:320px;position:relative;overflow:hidden}.showcase__thumbnail{width:108px;height:108px}.showcase__text-stage{gap:20px;height:auto;position:relative;inset:auto}.showcase__paginator{flex-direction:row;padding:20px 0 0}.showcase__nav-btn--prev svg,.showcase__nav-btn--next svg{transform:rotate(-90deg)}.showcase__dots{flex-direction:row;padding:0 16px}.showcase__progress{padding:0 40px}}@media (max-width:768px){.showcase__header{margin-bottom:40px}.showcase__header-title{font-size:32px;line-height:40px}.showcase__header-description{font-size:16px;line-height:24px}.showcase__wrapper{touch-action:pan-y;padding:0 24px}.showcase__content{touch-action:pan-y;gap:20px}.showcase__headline{font-size:28px;line-height:36px}.showcase__thumbnail{width:100px;height:100px}.showcase__primary{border-radius:var(--radius-container-default);flex:none;width:100%;height:380px;min-height:380px;display:block}.showcase__desktop-wrap{width:580px;max-width:none;top:16px;left:0;transform:none}.showcase__phone-wrap{width:240px;top:24px;left:50%;transform:translate(-50%)}.showcase__secondary{flex:none;width:100%;height:auto;min-height:300px}.showcase__text-stage{gap:16px}.showcase__list{gap:12px}.showcase__list-text{font-size:15px;line-height:1.45}.showcase__progress{padding:0 24px}}@media (max-width:480px){.showcase__wrapper{padding:0 16px}.showcase__content{gap:14px}.showcase__primary{border-radius:var(--radius-container-default);flex:none;width:100%;height:340px;min-height:340px;display:block}.showcase__desktop-wrap{width:580px;max-width:none;top:16px;left:0;transform:none}.showcase__phone-wrap{width:220px;top:20px;left:50%;transform:translate(-50%)}.showcase__secondary{flex:none;width:100%;height:auto;min-height:290px}.showcase__header-group{gap:10px}.showcase__headline{font-size:24px;line-height:32px}.showcase__thumbnail{width:92px;height:92px}.showcase__text-stage{gap:12px}.showcase__list{gap:10px}.showcase__list-text{font-size:14px;line-height:1.4}}