/* Product descriptions only. Functional applications and shared navigation remain independent. */
.showcase{background:#06080e;color:#f7f8fd;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sx-accent:#81d9e4;--sx-accent2:#b69bff}.showcase *{box-sizing:border-box}.showcase a{color:inherit}.showcase h1,.showcase h2,.showcase h3,.showcase p{margin:0}.showcase em{font-style:normal;background:linear-gradient(110deg,var(--sx-accent),var(--sx-accent2));background-clip:text;-webkit-background-clip:text;color:transparent}.sx-hero{position:relative;padding:90px 24px 35px;isolation:isolate}.sx-hero-copy{max-width:1000px;margin:auto;text-align:center;position:relative;z-index:2}.sx-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:650;letter-spacing:.08em}.sx-eyebrow img{border-radius:10px;object-fit:contain}.showcase h1{font-size:clamp(48px,6.7vw,94px);line-height:1.04;letter-spacing:-.065em;font-weight:750;margin:28px 0}.sx-intro{max-width:660px;margin:auto!important;font-size:20px;line-height:1.6;color:#b7bfce}.sx-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:30px 0}.sx-button{display:inline-flex;align-items:center;gap:26px;border-radius:99px;background:var(--sx-accent);color:#0c1421!important;text-decoration:none;padding:15px 24px;font-size:15px;font-weight:700;box-shadow:0 0 50px color-mix(in srgb,var(--sx-accent) 15%,transparent)}.sx-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.sx-text-link{color:var(--sx-accent)!important;text-decoration:none;font-size:15px;font-weight:600}.sx-text-link:hover{text-decoration:underline}.sx-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;justify-content:center;margin:28px auto 0;padding:0}.sx-chips li{font-size:12px;color:#ccd2df;border:1px solid #ffffff1c;border-radius:99px;padding:9px 15px;background:#ffffff04}.sx-orb{position:absolute;pointer-events:none;z-index:-1;width:650px;height:650px;border-radius:100%;opacity:.15;filter:blur(110px);animation:sx-drift 15s ease-in-out infinite alternate}.sx-orb-one{background:var(--sx-accent);left:-370px;top:120px}.sx-orb-two{background:var(--sx-accent2);right:-350px;top:340px;animation-delay:-6s}.sx-stage{position:relative;max-width:1380px;height:560px;margin:60px auto 0;perspective:1800px}.sx-screen{display:block;overflow:hidden;border:1px solid #ffffff30;background:#152030;border-radius:15px;box-shadow:0 25px 80px #0008;text-decoration:none;transition:transform .5s;position:relative}.sx-screen img{display:block;width:100%;height:auto}.sx-window{height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#171e2c}.sx-window i{width:5px;height:5px;background:#657187;border-radius:100%}.sx-window i:first-child{background:#ff927f}.sx-window i:nth-child(2){background:#ffe09d}.sx-window i:nth-child(3){background:#8fe0bf}.sx-window span{font-size:9px;margin:auto;color:#bac4d6;padding-right:24px}.sx-front{width:67%;position:absolute;left:16.5%;top:26px;z-index:3;transform:rotateX(5deg);animation:sx-float 7s ease-in-out infinite}.sx-side{width:48%;position:absolute;top:94px;opacity:.7;filter:brightness(.78)}.sx-left{left:-12%;transform:rotateY(20deg) rotateZ(-7deg)}.sx-right{right:-12%;transform:rotateY(-20deg) rotateZ(7deg)}.sx-stage:after{content:"";position:absolute;z-index:4;bottom:-5px;height:110px;left:-10%;right:-10%;background:linear-gradient(transparent,#06080e);pointer-events:none}.sx-stories,.sx-platforms,.sx-features,.sx-related{max-width:1220px;margin:auto;padding:90px 32px}.sx-section-title{text-align:center;margin:0 auto 65px}.sx-section-title .sx-eyebrow{color:var(--sx-accent);margin-bottom:22px}.showcase h2{font-size:clamp(35px,4.8vw,65px);line-height:1.1;letter-spacing:-.05em;font-weight:720}.sx-story{display:grid;grid-template-columns: .75fr 1.4fr;gap:60px;align-items:center;margin:65px 0 140px}.sx-story-copy{padding:12px}.sx-number{font-size:13px;letter-spacing:.18em;color:var(--sx-accent);display:block;margin-bottom:18px}.sx-story h3{font-size:clamp(28px,3vw,43px);line-height:1.12;letter-spacing:-.04em}.sx-story p{font-size:17px;line-height:1.7;color:#aeb8cb;margin:22px 0}.sx-story-art{position:relative;min-width:0;padding:20px 0}.sx-story-art:before{content:"";position:absolute;inset:-15%;border-radius:100%;background:radial-gradient(ellipse,color-mix(in srgb,var(--sx-accent) 16%,transparent),transparent 65%);filter:blur(35px);pointer-events:none}.sx-story-art .sx-screen{transform:rotate(2deg)}.sx-reverse{grid-template-columns:1.4fr .75fr}.sx-reverse .sx-story-copy{order:2}.sx-reverse .sx-screen{transform:rotate(-2deg)}.sx-story-art .sx-screen:hover{transform:rotate(0) translateY(-7px)}.sx-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0 110px}.sx-photo-grid figure{margin:0;position:relative;height:330px;overflow:hidden;border-radius:22px}.sx-photo-grid figure:nth-child(even){transform:translateY(35px)}.sx-photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.sx-photo-grid figure:hover img{transform:scale(1.06)}.sx-photo-grid figcaption{position:absolute;inset:auto 0 0;padding:60px 20px 20px;background:linear-gradient(transparent,#000b);font-weight:650}.sx-caption{font-size:12px!important;color:#98a6ba;text-align:center;line-height:1.7}.sx-caption a{color:#b8d4ef;text-underline-offset:3px}.sx-platforms{border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}.sx-platforms>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.sx-platforms article{padding:32px;border-radius:24px;background:linear-gradient(145deg,#151c2a,#0c111b);border:1px solid #ffffff0b}.sx-platforms article>span{font-size:30px;color:var(--sx-accent)}.sx-platforms h3{font-size:25px;margin:28px 0 15px}.sx-platforms p{font-size:15px;line-height:1.7;color:#aeb8cb}.sx-feature-search{display:flex;gap:14px;align-items:center;border:1px solid #ffffff2b;border-radius:16px;padding:13px 20px;max-width:540px;margin:0 auto 40px;background:#111722}.sx-feature-search>span{font-size:28px;color:var(--sx-accent)}.sx-feature-search input{font:inherit;color:#f6f7fa;background:transparent;outline:0;border:0;width:100%;min-width:0}.sx-feature-search:focus-within{outline:2px solid var(--sx-accent);outline-offset:4px}.sx-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.sx-feature-grid details{border:1px solid #ffffff12;border-radius:17px;background:#10151f;overflow:hidden}.sx-feature-grid summary{display:flex;gap:16px;align-items:center;padding:23px;cursor:pointer;list-style:none;font-weight:600;font-size:16px;min-height:90px}.sx-feature-grid summary::-webkit-details-marker{display:none}.sx-feature-icon{font-size:22px;color:var(--sx-accent);font-weight:400;width:25px;flex-shrink:0}.sx-feature-grid summary b{margin-left:auto;color:#8898b2;font-weight:400;font-size:22px}.sx-feature-grid details[open] summary b{transform:rotate(45deg)}.sx-feature-grid details p{font-size:15px;line-height:1.75;color:#b9c3d4;padding:0 25px 26px 64px}.sx-features>.sx-caption{margin-top:35px}.sx-related{padding-bottom:120px}.sx-related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:40px}.sx-related a{display:flex;align-items:center;gap:13px;border:1px solid #ffffff18;padding:18px;border-radius:20px;text-decoration:none;background:#111722;font-size:13px}.sx-related img{width:38px;height:38px;border-radius:10px;object-fit:contain}.sx-related b{margin-left:auto;color:var(--sx-accent)}.sx-related a:hover{background:#1b2535}.showcase [data-reveal]{opacity:1;transform:none}.motion-ready .showcase [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s,transform 1s cubic-bezier(.2,.6,.2,1)}.motion-ready .showcase [data-reveal].revealed{opacity:1;transform:none}.showcase [hidden]{display:none!important}.showcase a:focus-visible,.showcase summary:focus-visible{outline:3px solid var(--sx-accent);outline-offset:5px}.motion-paused .showcase *{animation-play-state:paused!important}.motion-paused .showcase [data-reveal]{opacity:1;transform:none}@keyframes sx-float{0%,100%{transform:translateY(0) rotateX(5deg)}50%{transform:translateY(-13px) rotateX(3deg)}}@keyframes sx-drift{to{transform:translate(120px,-60px) scale(1.12)}}@media(min-width:1600px){.sx-stage{height:640px}}@media(max-width:900px){.sx-stage{height:390px}.sx-story,.sx-reverse{grid-template-columns:1fr;gap:20px;margin-bottom:90px}.sx-reverse .sx-story-copy{order:0}.sx-story-copy{max-width:650px}.sx-photo-grid{grid-template-columns:repeat(2,1fr);margin-bottom:80px}.sx-photo-grid figure{height:280px}.sx-related>div{grid-template-columns:repeat(2,1fr)}.sx-platforms>div{gap:12px}.sx-platforms article{padding:22px}}@media(max-width:600px){.sx-hero{padding:60px 18px 10px}.sx-hero h1{font-size:49px}.sx-intro{font-size:17px}.sx-actions{gap:20px}.sx-chips{gap:7px}.sx-chips li{font-size:10px;padding:7px 10px}.sx-stage{height:280px;margin-top:45px}.sx-front{width:94%;left:3%}.sx-side{width:75%;top:65px}.sx-left{left:-42%}.sx-right{right:-42%}.sx-stories,.sx-platforms,.sx-features,.sx-related{padding:60px 22px}.sx-section-title{margin-bottom:40px}.sx-photo-grid{gap:10px}.sx-photo-grid figure{height:210px;border-radius:15px}.sx-photo-grid figcaption{font-size:14px;padding:45px 12px 16px}.sx-story{margin:45px 0 70px}.sx-story p{font-size:16px}.sx-window{height:22px}.sx-window span{font-size:7px}.sx-screen{border-radius:10px}.sx-platforms>div,.sx-feature-grid{grid-template-columns:1fr}.sx-feature-grid summary{padding:20px;font-size:15px;min-height:78px}.sx-feature-grid details p{padding-left:60px}.sx-related>div{grid-template-columns:1fr 1fr;gap:10px}.sx-related a{padding:15px;flex-wrap:wrap;gap:10px}.sx-related img{width:30px;height:30px}.sx-related span{flex-basis:100%;order:3}.sx-caption{font-size:11px!important}}@media(prefers-reduced-motion:reduce){.showcase *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .showcase [data-reveal]{opacity:1!important;transform:none!important}}
.sx-native{max-width:280px;border:7px solid #202630;border-radius:35px;background:#fff;box-shadow:0 30px 100px #0009}.sx-native img{border-radius:27px}.sx-native-stage{height:690px;max-width:1050px}.sx-native-stage .sx-front{width:280px;left:calc(50% - 140px);top:10px;max-width:33%}.sx-native-stage .sx-left{left:15%;width:250px;top:80px;max-width:30%}.sx-native-stage .sx-right{right:15%;width:250px;top:80px;max-width:30%}.sx-story-art:has(.sx-native){display:flex;justify-content:center}.sx-story-art .sx-native{width:250px;max-width:100%}@media(max-width:600px){.sx-native-stage{height:460px}.sx-native-stage .sx-front{width:190px;max-width:60%;left:calc(50% - 95px)}.sx-native-stage .sx-left{left:-3%;width:160px;max-width:50%}.sx-native-stage .sx-right{right:-3%;width:160px;max-width:50%}.sx-native{border-width:5px;border-radius:27px}.sx-native img{border-radius:21px}}

/* Product palette classes also work under the Shop style CSP. */
.showcase.sx-product-tripelfy{--sx-accent:#82b6ff;--sx-accent2:#b89bff}
.showcase.sx-product-social{--sx-accent:#ec98de;--sx-accent2:#9da4ff}
.showcase.sx-product-chat{--sx-accent:#70caff;--sx-accent2:#a6a0ff}
.showcase.sx-product-id{--sx-accent:#83d8e8;--sx-accent2:#a9afff}
.showcase.sx-product-api{--sx-accent:#b19cff;--sx-accent2:#68dbf4}
.showcase.sx-product-business-about{--sx-accent:#64d8d1;--sx-accent2:#8b9bff}
.showcase.sx-product-shop-about{--sx-accent:#ff9f77;--sx-accent2:#ffcf73}
.showcase.sx-product-discover-about{--sx-accent:#ffbc61;--sx-accent2:#51dbeb}