.cp-feature-showcase__nav-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:1rem;align-items:flex-start;gap:.875rem;width:100%;padding:1rem 1.125rem;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1);display:flex}.cp-feature-showcase__nav-card:hover{border-color:#14254926;transform:translateY(-2px);box-shadow:0 8px 24px #14254914}.cp-feature-showcase__nav-card--active{color:#fff;background:#142549;border-color:#142549;transform:translateY(-1px);box-shadow:0 12px 32px #14254938}.cp-feature-showcase__nav-card--active:hover{background:#142549;border-color:#142549;box-shadow:0 14px 36px #14254942}.cp-feature-showcase__nav-icon{color:#142549;background:#e8ecf3;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .28s,color .28s;display:flex}.cp-feature-showcase__nav-card--active .cp-feature-showcase__nav-icon{color:#fff;background:#ffffff24}.cp-feature-showcase__nav-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.cp-feature-showcase__nav-title{color:#18181b;font-size:.9375rem;font-weight:650;line-height:1.3;transition:color .28s}.cp-feature-showcase__nav-card--active .cp-feature-showcase__nav-title{color:#fff}.cp-feature-showcase__nav-tagline{color:#71717a;font-size:.8125rem;line-height:1.45;transition:color .28s}.cp-feature-showcase__nav-card--active .cp-feature-showcase__nav-tagline{color:#e8ecf3d1}.cp-feature-showcase__preview-stage{display:grid}.cp-feature-showcase__preview-panel{grid-area:1/1;width:100%}.cp-feature-showcase-cta{width:100%}.cp-feature-showcase__preview-enter{transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.cp-feature-showcase__preview-enter-start{opacity:0;transform:translate(12px)}.cp-feature-showcase__preview-enter-end{opacity:1;transform:translate(0)}.cp-feature-showcase__preview-leave{transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.cp-feature-showcase__preview-leave-start{opacity:1;transform:translate(0)}.cp-feature-showcase__preview-leave-end{opacity:0;transform:translate(-10px)}.cp-feature-showcase__mobile-card{color:#3f3f46;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.cp-feature-showcase__mobile-card--active{color:#fff;background:#142549;border-color:#142549;box-shadow:0 8px 20px #1425492e}.cp-feature-showcase__mobile-nav{-ms-overflow-style:none;scrollbar-width:none}.cp-feature-showcase__mobile-nav::-webkit-scrollbar{display:none}.cp-product-frame{background:#fafafa;border:1px solid #e4e4e7e6;border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 6px #1425490a,0 24px 64px #1425491f}.cp-product-frame__chrome{background:#fff;border-bottom:1px solid #e4e4e7;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.cp-product-frame__dots{gap:.375rem;display:flex}.cp-product-frame__dots span{background:#d4d4d8;border-radius:9999px;width:.625rem;height:.625rem}.cp-product-frame__dots span:first-child{background:#ff5f57}.cp-product-frame__dots span:nth-child(2){background:#febc2e}.cp-product-frame__dots span:nth-child(3){background:#28c840}.cp-product-frame__url{color:#71717a;text-align:center;background:#f4f4f5;border-radius:.5rem;flex:1;margin-left:.5rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:500}.cp-product-frame__viewport{background:#fafafa;overflow:hidden}.cp-product-frame__image{width:100%;height:auto;display:block}