.showcase-dark{--scene-accent:#61d7eb;background:#202a30;color:#fff;overflow:hidden;isolation:isolate}
.showcase-main{position:relative;background:radial-gradient(ellipse at 78% 55%,#455158 0%,#29343a 38%,#202a30 78%);overflow:hidden}
.showcase-texture{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(118deg,transparent 0,transparent 159px,#b2c5ce09 160px,transparent 161px);opacity:.7}
.showcase-title{position:relative;margin:0;padding:19px 0 0;font-size:11px!important;line-height:1.5;letter-spacing:.045em!important;font-weight:600;color:#a9c0c8}
.showcase-stage{height:387px;position:relative}
.showcase-panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:26px;align-items:center;position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s}
.showcase-panel[hidden]{display:none}
.showcase-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}
.showcase-copy{position:relative;z-index:4;padding:10px 0 23px;max-width:510px}
.showcase-eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#77d6e7;display:flex;align-items:center;gap:12px;margin-bottom:18px}
.showcase-eyebrow>i{display:block;width:22px;height:1px;background:currentColor}
.showcase-copy h2{color:white;font-size:clamp(38px,3.85vw,53px);line-height:1.05;letter-spacing:-.045em;margin:0 0 19px;font-weight:800}
.showcase-copy h2 em{color:var(--scene-accent);font-style:normal}
.showcase-copy p{color:#dae3e8;font-size:15px;line-height:1.65;max-width:455px;margin:0 0 24px}
.showcase-links{display:flex;gap:23px;align-items:center}
.showcase-links .button{color:#102a32;background:#61d7eb;padding:14px 21px;min-height:48px;font-size:12px;gap:20px;border-radius:4px}
.showcase-links .button:hover{background:#a2ecf7;transform:translateY(-2px)}
.showcase-more{font-size:12px;font-weight:700;white-space:nowrap;color:#fff;text-underline-offset:5px}
.showcase-more:hover{text-decoration:underline}
.showcase-tags{display:flex;gap:15px;margin-top:22px;font-size:10px;color:#aac0c9;letter-spacing:.03em}
.showcase-tags span+span::before{content:'·';margin-right:15px;color:#64818b}
.showcase-scene{position:relative;margin:0;height:100%;min-width:0}
.scene-floor{position:absolute;left:6%;right:0;bottom:35px;height:25px;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 68%);transform:scaleY(.55);pointer-events:none}
.scene-product{position:absolute;z-index:2;inset:0;width:108%;max-width:none;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 14px #0003);transform-origin:50% 72%}
.scene-print .scene-product{width:115%;left:-5%;top:28px;height:342px}
.scene-apparel .scene-product{width:105%;left:0;top:0;height:360px}
.scene-gifts .scene-product{width:108%;left:-2%;height:356px;top:12px}
.scene-proof{position:absolute;z-index:3;border:1px solid #ffffff40;box-shadow:0 18px 35px #0003;overflow:hidden;border-radius:7px;background:#f4f7f7;color:#26383d;transform-origin:70% 70%}
.scene-proof>span,.scene-proof>div>span{display:block;font-size:9px;color:#586c72;letter-spacing:.035em}
.scene-proof b{display:block;font-weight:700;font-size:14px;line-height:1.3;letter-spacing:-.015em}
.scene-colours{width:194px;left:-7px;bottom:34px;padding:14px 16px;transform:rotate(-4deg);display:flex;gap:13px;align-items:center}
.scene-colours b{margin-top:4px}
.scene-inks{display:flex;gap:3px;align-self:stretch;padding-top:2px}
.scene-inks i{width:8px;background:#00a9d7;border-radius:2px}
.scene-inks i:nth-child(2){background:#e32b83}.scene-inks i:nth-child(3){background:#f1ce21}.scene-inks i:nth-child(4){background:#222a30}
.scene-scan{position:absolute!important;left:-15%;top:0;height:100%;width:18%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-16deg);pointer-events:none}
.scene-method{left:-2%;bottom:39px;padding:15px 18px;width:205px;transform:rotate(-4deg)}
.scene-method b{font-size:15px;margin-top:6px}.scene-method b i{font-style:normal;color:#8aa2aa;padding-inline:3px}
.scene-stitches{margin-top:12px;height:2px;background:repeating-linear-gradient(90deg,#007f98 0 5px,transparent 5px 9px)}
.scene-gift-tag{right:0;top:56px;width:135px;padding:16px 16px 14px;transform:rotate(5deg);background:#edf4f4}
.scene-gift-tag b{font-size:18px;margin-top:6px}
.scene-signature{width:57px!important;margin-top:10px;height:2px;background:#007d96;transform-origin:left}
.scene-callout{position:absolute;top:32px;right:2%;z-index:4;display:flex;align-items:center;gap:12px;color:#f3f7fa;max-width:260px}
.scene-callout-label{display:block}.scene-callout-label b{display:block;font-size:11px;line-height:1.5;font-weight:700}.scene-callout-label small{display:block;font-size:9px;color:#a8c0ca;line-height:1.5}
.scene-callout-dot{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:#61d7eb;box-shadow:0 0 0 5px #61d7eb24}
.scene-callout-dot::after{content:'';position:absolute;inset:-6px;border:1px solid #61d7eb80;border-radius:50%}
.scene-callout-line{position:absolute;width:57px;height:1px;background:#61d7eb90;left:-50px;top:28px;transform:rotate(-37deg);transform-origin:right center}
.scene-gifts .scene-callout{right:auto;left:-1%;top:26px}.scene-gifts .scene-callout-line{display:none}
.scene-apparel .scene-callout{right:-1%;top:35px;max-width:192px}
.showcase-scene figcaption{position:absolute;bottom:10px;right:0;z-index:4;font-size:9px;letter-spacing:.025em;color:#b9c8ce}
.scene-web{perspective:1100px}
.scene-desktop{position:absolute;left:9%;top:70px;width:84%;max-width:450px;border:5px solid #99aab3;border-bottom-width:9px;border-radius:10px;box-shadow:0 23px 35px #0005;background:#fff;overflow:hidden;transform:rotateY(-8deg) rotateZ(-3deg)}
.scene-browser-bar{height:20px;background:#edf2f3;display:flex;align-items:center;gap:23px;padding:0 10px;color:#526971;font-size:8px}
.scene-browser-bar span:first-child{font-size:7px;color:#8da3ad;letter-spacing:2px}
.scene-desktop img{display:block;width:100%;height:auto}
.scene-phone{position:absolute;z-index:3;width:105px;right:0;top:133px;border:4px solid #a5b6be;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 24px #0006;transform:rotate(4deg)}
.scene-phone img{display:block;width:100%;height:auto}
.scene-web-checks{left:-1%;bottom:23px;width:190px;padding:13px 15px;transform:rotate(-3deg)}
.scene-web-checks b{font-size:12px;margin-top:7px}.scene-web-checks b i{color:#007b83;font-style:normal;margin-right:6px}
.scene-web .scene-callout{top:14px}
.showcase-nav-band{position:relative;z-index:5;background:#121d23;border-top:1px solid #829ba63b;border-bottom:1px solid #0d171c;box-shadow:0 10px 24px #0002}
.showcase-controls{display:flex;align-items:stretch;gap:25px}
.showcase-tabs{display:grid;grid-template-columns:1.15fr 1.4fr 1.1fr .75fr;gap:22px;flex:1;min-width:0}
.showcase-tabs>a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;min-height:71px;font-size:12px;line-height:1.35;font-weight:700;color:#a8bcc6}
.showcase-tabs>a.is-selected{color:#74e0ef}.showcase-tabs>a:hover{color:white}
.showcase-tab-arrow{font-size:16px;opacity:.55}
.showcase-tabs>a>i{position:absolute;left:0;bottom:13px;height:2px;width:24px;background:#5cd4e9;opacity:0;transform-origin:left}
.showcase-tabs>a.is-selected>i{opacity:1}
.showcase-pause{align-self:center;font-family:inherit;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px;min-width:79px;min-height:39px;padding:8px 10px;border:1px solid #536771;border-radius:4px;color:#e1edf1;background:#23333c;cursor:pointer}
.showcase-pause:hover{background:#364c57}.showcase-pause[hidden]{display:none}
.showcase-pause-icon{font-size:12px}
.showcase-dark :focus-visible{outline:2px solid #73deef;outline-offset:5px}
.showcase-dark .showcase-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.showcase-dark+.proof-strip{border-top:0;background:#edf2f3;padding-top:24px;padding-bottom:24px}
.showcase-dark .is-active .scene-product{animation:scene-reveal .9s ease both,scene-camera 7s .9s ease-in-out infinite alternate!important}
.showcase-dark .is-active .scene-apparel .scene-product{animation:scene-reveal .9s ease both,scene-fabric 5.8s .9s ease-in-out infinite alternate!important}
.showcase-dark .is-active .scene-gifts .scene-product{animation:scene-reveal .9s ease both,scene-display 6.2s .9s ease-in-out infinite alternate!important}
.showcase-dark .is-active .showcase-eyebrow{animation:scene-copy .55s ease both!important}
.showcase-dark .is-active .showcase-copy h2{animation:scene-copy .7s .08s ease both!important}
.showcase-dark .is-active .showcase-copy p{animation:scene-copy .7s .16s ease both!important}
.showcase-dark .is-active .showcase-links{animation:scene-copy .7s .22s ease both!important}
.showcase-dark .is-active .showcase-tags{animation:scene-copy .7s .28s ease both!important}
.showcase-dark .is-active .scene-callout-line{animation:scene-leader .9s .3s ease both!important}
.showcase-dark .is-active .scene-desktop{animation:scene-screen 5.5s ease-in-out infinite alternate!important}
.scene-desktop::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff26 45%,#ffffff08 53%,transparent 70%);translate:-120% 0}
.showcase-dark .is-active .scene-desktop::after{animation:scene-glass 7s 1s ease-in-out infinite!important}
.showcase-dark .is-active .scene-web-checks b i{display:inline-block;animation:scene-check 3.8s ease-in-out infinite!important}
.showcase-dark .is-active .scene-web-checks b:nth-of-type(2) i{animation-delay:.35s!important}
.showcase-dark .is-active .scene-proof{animation:scene-bob 4.5s ease-in-out infinite alternate!important}
.showcase-dark .is-active .scene-callout-label{animation:scene-label .8s ease both!important}
.showcase-dark .is-active .scene-callout-dot::after{animation:scene-pulse 2.6s ease-out infinite!important}
.showcase-dark .is-active .scene-scan{animation:scene-scan 3.4s ease-in-out infinite!important}
.showcase-dark .is-active .scene-inks i{animation:scene-ink 2.8s ease-in-out infinite alternate!important}
.showcase-dark .is-active .scene-inks i:nth-child(2){animation-delay:.2s!important}.showcase-dark .is-active .scene-inks i:nth-child(3){animation-delay:.4s!important}.showcase-dark .is-active .scene-inks i:nth-child(4){animation-delay:.6s!important}
.showcase-dark .is-active .scene-stitches{animation:scene-stitch 2s linear infinite!important}
.showcase-dark .is-active .scene-signature{animation:scene-sign 3s ease-in-out infinite!important}
.showcase-dark .is-active .scene-phone{animation:scene-phone 4.5s ease-in-out infinite alternate!important}
.showcase-dark.is-rotating .showcase-tabs>a.is-selected>i{width:100%;animation:scene-progress 6.5s linear both!important}
.showcase-dark.is-paused .showcase-panel.is-active *,.showcase-dark.is-paused .showcase-panel.is-active *::after{animation-play-state:paused!important}
@keyframes scene-reveal{from{opacity:0;transform:translate(18px,13px) scale(.96)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes scene-camera{from{translate:-3px 2px;scale:1}to{translate:3px -3px;scale:1.025}}
@keyframes scene-fabric{from{translate:0 5px;rotate:-.6deg}to{translate:5px -8px;rotate:.6deg}}
@keyframes scene-display{from{translate:-4px 4px;rotate:-.4deg}to{translate:4px -5px;rotate:.5deg}}
@keyframes scene-copy{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes scene-leader{from{scale:0 1;opacity:0}to{scale:1 1;opacity:1}}
@keyframes scene-screen{from{translate:0 3px;rotate:.2deg}to{translate:-4px -5px;rotate:-.4deg}}
@keyframes scene-glass{0%,12%{translate:-120% 0}45%,100%{translate:120% 0}}
@keyframes scene-check{0%,65%,100%{scale:1;opacity:1}78%{scale:1.2;opacity:.65}}
@keyframes scene-bob{from{translate:0 4px}to{translate:0 -9px}}
@keyframes scene-label{from{opacity:0;translate:15px 0}to{opacity:1;translate:0 0}}
@keyframes scene-pulse{0%{scale:.7;opacity:.8}85%,100%{scale:1.65;opacity:0}}
@keyframes scene-scan{0%,12%{translate:0 0}75%,100%{translate:1250% 0}}
@keyframes scene-ink{from{scale:1 .7}to{scale:1 1}}
@keyframes scene-stitch{from{background-position:0 0}to{background-position:18px 0}}
@keyframes scene-sign{0%,10%{scale:.1 1}65%,100%{scale:1 1}}
@keyframes scene-phone{from{translate:0 5px}to{translate:0 -7px}}
@keyframes scene-progress{from{scale:0 1}to{scale:1 1}}
@media(max-width:1100px){.showcase-copy h2{font-size:43px}.showcase-panel{gap:20px}.showcase-copy p{font-size:14px}.showcase-links{gap:16px}.showcase-links .button{padding:13px 16px;font-size:11px}.showcase-more{font-size:11px}.showcase-tabs{gap:15px}.showcase-tabs>a{font-size:11px}.showcase-tab-arrow{display:none}.scene-proof{scale:.9}.scene-callout{right:0;top:37px}.scene-callout-label b{font-size:10px}.scene-callout-label small{font-size:9px}.scene-phone{width:90px;right:-2%;top:145px}.scene-desktop{top:100px}.scene-web-checks{bottom:42px}}
@media(max-width:850px) and (min-width:701px){.showcase-stage{height:365px}.showcase-copy h2{font-size:35px}.showcase-copy p{font-size:12px}.showcase-eyebrow{font-size:9px}.showcase-links{gap:12px;flex-wrap:wrap}.showcase-tags{margin-top:15px}.showcase-scene{scale:.96}.scene-callout-label{max-width:130px}.scene-callout-line{width:30px;left:-26px}.scene-colours{left:-15px;width:183px;bottom:41px}.scene-print .scene-product{width:124%;left:-10%;height:290px;top:49px}.scene-apparel .scene-product,.scene-gifts .scene-product{height:300px;top:35px}.scene-method{left:-15px;bottom:46px}.scene-gift-tag{top:68px;width:115px;right:-7%}.scene-gift-tag b{font-size:16px}.scene-web-checks{left:-9%;bottom:34px}.scene-phone{width:77px;top:148px}.showcase-pause{min-width:38px;padding:8px}.showcase-pause-label{display:none}}
@media(max-width:700px){.showcase-title{font-size:9px!important;padding-top:16px;letter-spacing:.025em!important}.showcase-stage{height:570px}.showcase-panel{display:flex;flex-direction:column;align-items:stretch;gap:0}.showcase-copy{padding-top:22px;padding-bottom:0;max-width:470px;min-height:273px}.showcase-eyebrow{font-size:9px;margin-bottom:13px;gap:10px}.showcase-copy h2{font-size:40px;line-height:1.05;margin-bottom:14px}.showcase-copy p{font-size:13px;line-height:1.6;margin-bottom:19px}.showcase-links{gap:18px}.showcase-links .button{font-size:11px;padding:13px 16px;min-height:44px;gap:15px}.showcase-more{font-size:10px}.showcase-tags{margin-top:17px;font-size:9px;gap:12px}.showcase-tags span+span::before{margin-right:12px}.showcase-scene{height:285px;width:100%;flex:none}.scene-product{height:255px!important;top:12px!important;width:100%!important;left:0!important}.scene-print .scene-product{width:112%!important;left:-6%!important;top:11px!important;height:254px!important}.scene-apparel .scene-product,.scene-gifts .scene-product{height:257px!important;top:5px!important}.scene-floor{bottom:31px}.scene-proof{scale:.78;transform-origin:bottom left}.scene-colours{left:0;bottom:32px}.scene-method{left:0;bottom:28px}.scene-gift-tag{right:-20px;top:58px;transform-origin:top right}.scene-callout{top:4px;right:0;max-width:205px;gap:9px}.scene-callout-label b{font-size:9px}.scene-callout-label small{font-size:8px}.scene-callout-line{width:32px;left:-28px;top:24px}.scene-apparel .scene-callout{top:4px;max-width:168px;right:0}.scene-gifts .scene-callout{top:1px;left:0}.showcase-scene figcaption{font-size:8px;bottom:8px}.scene-desktop{top:48px;left:2%;width:88%;max-width:370px;border-width:4px;border-bottom-width:7px}.scene-browser-bar{height:16px;font-size:6px;gap:12px}.scene-phone{top:97px;width:75px;right:0;border-width:3px;border-radius:13px}.scene-web-checks{bottom:29px;left:0}.scene-web .scene-callout{top:9px}.showcase-controls{gap:12px}.showcase-tabs{grid-template-columns:1fr 1fr;gap:0 19px}.showcase-tabs>a{min-height:51px;font-size:10px;line-height:1.3;padding:11px 0}.showcase-tabs>a>i{bottom:6px}.showcase-pause{min-width:39px;width:39px;padding:8px}.showcase-pause-label{display:none}.showcase-dark+.proof-strip{padding-block:20px}}
@media(max-width:370px){.showcase-stage{height:566px}.showcase-copy{min-height:286px}.showcase-copy h2{font-size:35px}.showcase-copy p{font-size:12px}.showcase-links{gap:12px}.showcase-links .button{font-size:10px;padding:12px 13px;gap:10px}.showcase-more{font-size:9px}.showcase-scene{height:270px}.scene-product{height:235px!important}.scene-print .scene-product{height:240px!important}.scene-apparel .scene-product,.scene-gifts .scene-product{height:238px!important}.scene-proof{scale:.7}.scene-gift-tag{right:-27px}.scene-callout-label{max-width:145px}.showcase-title{font-size:8px!important}.scene-phone{width:65px;top:89px}.scene-desktop{top:55px}.scene-web-checks{bottom:31px}}
@media(max-width:700px){.showcase-copy{flex:none}.showcase-copy h2{font-size:clamp(28px,8.8vw,40px)}.scene-gift-tag{right:6px;top:8px;width:115px;padding:12px;scale:.7}.scene-gift-tag b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.showcase-dark:not(.motion-opt-in) .showcase-panel.is-active *,.showcase-dark:not(.motion-opt-in) .showcase-panel.is-active *::after{animation:none!important;transition:none!important}.showcase-panel{transition:none}}