.ncos-text{margin:0}.ncos-text__align-centre{text-align:center}.ncos-text__align-right{text-align:right}
@font-face{font-family:HKNova;font-weight:400;src:url(../../fonts/hknova-regular-webfont.98b8db7d.woff2) format("woff")}@font-face{font-family:HKNova;font-weight:500;src:url(../../fonts/hknova-medium-webfont.be32b4bd.woff2) format("woff")}@font-face{font-family:HKNova;font-weight:600;src:url(../../fonts/hknova-semibold-webfont.dfb9c27a.woff2) format("woff")}@font-face{font-family:HKNova;font-weight:700;src:url(../../fonts/hknova-bold-webfont.a17528a3.woff2) format("woff")}@font-face{font-family:HKNova;font-weight:800;src:url(../../fonts/hknova-extrabold-webfont.298ad3b7.woff2) format("woff")}.ncos-app-feature-showcase{--showcase-tile-min-width: 400px;--showcase-tile-gap: 16px;--showcase-phone-width: 440px;--showcase-transition-duration: 300ms;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:32px;max-width:1360px;margin:0 auto}@media(max-width: 649px){.ncos-app-feature-showcase{--showcase-tile-min-width: calc(100vw - 96px)}}@media(max-width: 1067px){.ncos-app-feature-showcase{padding:32px 0}}@media(min-width: 1068px){.ncos-app-feature-showcase{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}}.ncos-app-feature-showcase__column{display:none}@media(min-width: 1068px){.ncos-app-feature-showcase__column{display:flex;flex-direction:column;gap:8px}}@media(min-width: 1068px){.ncos-app-feature-showcase__column--left{align-items:flex-end;text-align:right}}@media(min-width: 1068px){.ncos-app-feature-showcase__column--right{align-items:flex-start;text-align:left}}.ncos-app-feature-showcase__phone{position:relative;width:var(--showcase-phone-width);max-width:100%;flex-shrink:0;order:1;aspect-ratio:442/900}@media(max-width: 649px){.ncos-app-feature-showcase__phone{--showcase-phone-width: 260px}}@media(min-width: 1068px){.ncos-app-feature-showcase__phone{order:unset;grid-column:2}}.ncos-app-feature-showcase__phone::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% + 200px);height:calc(100% + 400px);background:radial-gradient(50% 50% at 50% 50%, rgba(254, 210, 0, 0.4) 0%, rgba(254, 210, 0, 0.15) 40%, rgba(254, 210, 0, 0) 100%);border-radius:50%;z-index:0;pointer-events:none}.ncos-app-feature-showcase__phone-wrapper{position:relative;z-index:1}.ncos-app-feature-showcase__phone::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url(../../images/iphone-frame.4812bced.webp);background-size:100% 100%}.ncos-app-feature-showcase__phone-frame{position:relative;width:100%;height:100%;padding:8px;box-sizing:border-box}.ncos-app-feature-showcase__screenshot{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:64px;overflow:hidden;opacity:1;transition:opacity var(--showcase-transition-duration) ease-in-out}@media(max-width: 649px){.ncos-app-feature-showcase__screenshot{border-radius:32px}}.ncos-app-feature-showcase__screenshot--transitioning{opacity:0}.ncos-app-feature-showcase__slider{width:100%;order:2}@media(min-width: 1068px){.ncos-app-feature-showcase__slider{display:none}}.ncos-app-feature-showcase__slider-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--showcase-tile-gap);scrollbar-width:none;padding:8px calc(50% - var(--showcase-tile-min-width)/2);cursor:grab}.ncos-app-feature-showcase__slider-track::-webkit-scrollbar{display:none}.ncos-app-feature-showcase__slider-track.is-dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none;scroll-snap-type:none}.ncos-app-feature-showcase__slider-track.is-dragging>*{pointer-events:none}.ncos-app-feature-showcase__slider-track.is-snapping{scroll-snap-type:none}.ncos-app-feature-showcase__tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;width:100%;max-width:435px;padding:16px;cursor:pointer;border-radius:8px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);text-align:left;transition:background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,transform 150ms ease}@media(max-width: 1067px){.ncos-app-feature-showcase__tile{flex-shrink:0;width:calc(33.333vw - var(--showcase-tile-gap));min-width:var(--showcase-tile-min-width);max-width:300px;scroll-snap-align:center;text-align:left;display:flex;flex-direction:column;min-height:80px;background:#fff;border-color:#e1e1e9}}@media(max-width: 649px){.ncos-app-feature-showcase__tile{padding:12px 16px;min-height:72px}}.ncos-app-feature-showcase__tile:hover{border-color:rgba(188,188,198,.5)}@media(max-width: 1067px){.ncos-app-feature-showcase__tile:hover{border-color:#bcbcc6}}.ncos-app-feature-showcase__tile:focus-visible{outline:2px solid #fed200;outline-offset:2px}.ncos-app-feature-showcase__tile:active{transform:scale(0.993)}.ncos-app-feature-showcase__tile--active{background:var(--ncos-colour-sys-primary-container);border:1px solid var(--ncos-colour-sys-primary-container)}.ncos-app-feature-showcase__tile-title{margin:0 0 12px !important;color:var(--ncos-colour-sys-on-surface) !important}.ncos-app-feature-showcase__tile-description{margin:0;color:var(--ncos-colour-sys-on-surface-alt) !important}.ncos-app-feature-showcase__phone-image-enter{opacity:0;transform:scale(0.98)}.ncos-app-feature-showcase__phone-image-enter-active{opacity:1;transform:scale(1);transition:opacity var(--showcase-transition-duration) ease-in-out,transform var(--showcase-transition-duration) ease-in-out}.ncos-app-feature-showcase__phone-image-exit{opacity:1;transform:scale(1)}.ncos-app-feature-showcase__phone-image-exit-active{opacity:0;transform:scale(1.02);transition:opacity var(--showcase-transition-duration) ease-in-out,transform var(--showcase-transition-duration) ease-in-out}
