.showcase{background-color:#000;height:100vh;overflow:hidden;position:relative;width:100%}.showcase__bg{object-fit:cover;pointer-events:none;z-index:0}.showcase__bg,.showcase__phase{height:100%;left:0;position:absolute;top:0;width:100%}.showcase__phase{align-items:flex-start;display:flex;z-index:1}.showcase__phase .content-wrapper{box-sizing:border-box;height:100%;position:relative;width:100%}.showcase__phase--cards .content-wrapper{display:flex;flex-direction:column;padding-bottom:40px;padding-top:160px}.showcase__phase1-stack{display:flex;flex:1;flex-direction:column;min-height:0;width:100%;will-change:transform}.showcase__phase--cards .showcase__cards{margin-bottom:auto;margin-top:auto}.showcase__phase--comparison .content-wrapper{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:60px;padding-top:160px}.showcase__header{align-items:flex-start;display:flex;gap:40px;justify-content:space-between}.showcase__title{flex-shrink:0;font-size:40px;font-weight:500;line-height:1}.showcase__desc,.showcase__title{color:#fff;margin:0;max-width:533px}.showcase__desc{font-size:16px;font-weight:400;line-height:1.27;opacity:.8}.showcase__desc--narrow{margin-top:24px;max-width:421px}.showcase__divider{background-color:hsla(0,0%,100%,.15);height:1px;margin:40px 0;width:100%}.showcase__cards{display:flex;gap:24px;width:100%}.showcase__card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.5);border-radius:16px;box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:24px;min-height:276px;padding:24px 24px 32px}.showcase__card-icon{flex-shrink:0;height:40px;object-fit:contain;width:40px}.showcase__card-title{color:#fff;font-size:24px;font-weight:700;line-height:1.27;margin:0}.showcase__card-desc{color:#fff;font-size:16px;font-weight:400;line-height:1.27;margin:0;opacity:.6}.showcase__columns{display:flex;gap:40px;margin-top:48px;max-width:900px}.showcase__column{display:flex;flex:1;flex-direction:column}.showcase__column-label{margin-bottom:16px;opacity:.4}.showcase__column-label,.showcase__list-item{color:#fff;font-size:16px;font-weight:400;line-height:1.27}.showcase__list-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:12px;padding:12px 0}.showcase__list-item:first-of-type{border-top:1px solid hsla(0,0%,100%,.1)}.showcase__list-item img{flex-shrink:0;height:20px;object-fit:contain;width:20px}.showcase__toggle{display:none}@media (max-width:767px){.showcase__bg,.showcase__phase{height:100%;top:0}.showcase{height:calc(100vh - 60px)}.showcase__phase--cards .content-wrapper{padding-bottom:20px;padding-top:40px}.showcase__phase--comparison .content-wrapper{padding-bottom:30px;padding-top:40px}.showcase__header{flex-direction:column;gap:24px}.showcase__title{font-size:36px}.showcase__desc{font-size:13px}.showcase__divider{margin:24px 0}.showcase__cards{flex-direction:column;gap:16px}.showcase__card{gap:16px;min-height:auto;padding:20px}.showcase__card-title{font-size:18px}.showcase__card-desc{font-size:14px}.showcase__desc--narrow{max-width:100%}.showcase__list-item{font-size:13px}.showcase__columns{flex-direction:column;gap:0;margin-top:0;position:relative}.showcase__column{width:100%}.showcase__column--after,.showcase__columns.is-after .showcase__column--before{display:none}.showcase__columns.is-after .showcase__column--after{display:flex}.showcase__toggle{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:24px}.showcase__toggle-label{color:#fff;cursor:pointer;font-size:16px;font-weight:400;line-height:1.27;transition:opacity .3s ease}.showcase__toggle-label--after.is-active,.showcase__toggle-label--before.is-active{opacity:1}.showcase__toggle-label--after:not(.is-active),.showcase__toggle-label--before:not(.is-active){opacity:.2}.showcase__toggle-switch{-webkit-appearance:none;appearance:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:rgba(35,35,35,.25);border:.5px solid hsla(0,0%,100%,.25);border-radius:37px;box-sizing:border-box;cursor:pointer;height:18px;outline:none;padding:2px;position:relative;width:34px}.showcase__toggle-knob{background-color:#fff;border-radius:50%;height:12px;left:3px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease;width:12px}.showcase__toggle-switch.is-after .showcase__toggle-knob{left:calc(100% - 15px)}}