body.cz #demos.ops-showcase{background:radial-gradient(ellipse at 20% 0,#271139 0,transparent 800px),#0c0716;color:#f5effc}
.ops-showcase img{height:auto}
.ops-showcase .ops-show-heading{max-width:790px;margin-bottom:32px}
.ops-showcase .ops-show-heading h2{font-size:clamp(36px,4.2vw,58px)}
.ops-showcase .ops-show-heading p{color:#ded4ef;font-size:18px;line-height:1.75;margin-top:20px}
.ops-showcase .ops-show-filter[hidden],.ops-showcase .ops-show-product[hidden]{display:none}
.ops-showcase .ops-show-filter [role=group]{display:flex;flex-wrap:wrap;gap:10px}
.ops-showcase .ops-show-filter button{min-height:46px;padding:10px 19px;border:1px solid #766184;border-radius:999px;background:#20142f;color:#f3edf9;font:600 14px/1.4 Inter,sans-serif;cursor:pointer}
.ops-showcase .ops-show-filter button[aria-pressed=true]{background:#7829cb;border-color:#d1a3ff;box-shadow:0 0 22px #a855f744}
.ops-showcase :is(a,button,video):focus-visible{outline:3px solid #f0d0ff;outline-offset:5px}
.ops-showcase #opsShowCount{font-size:14px;color:#e1d5ef;margin:23px 0 0}
.ops-showcase #opsShowProducts{display:grid;gap:100px;margin-top:65px}
.ops-showcase .ops-show-product{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:30px;align-items:center;scroll-margin-top:100px}
.ops-showcase .ops-show-product--reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ops-showcase .ops-show-product--reverse .ops-show-copy{order:2}
.ops-showcase .ops-show-copy{position:relative;z-index:1;padding:30px;border:1px solid color-mix(in srgb,var(--ops-accent),transparent 65%);border-radius:28px;background:linear-gradient(140deg,color-mix(in srgb,var(--ops-accent),#120b20 92%),#100a19);box-shadow:0 15px 65px color-mix(in srgb,var(--ops-accent),transparent 90%)}
.ops-showcase .ops-show-logo{display:block;width:100%;max-width:340px;margin-bottom:22px}
.ops-showcase .ops-show-logo img{width:100%;max-height:115px;object-fit:contain}
.ops-showcase .ops-show-copy h3{font:600 clamp(28px,2.8vw,39px)/1.22 Oswald,sans-serif;color:#fff;margin:0 0 22px}
.ops-showcase .ops-show-copy h3 span{color:var(--ops-accent)}
.ops-showcase .ops-show-copy p{color:#e8dfef;font-size:16px;line-height:1.8;margin:0 0 18px}
.ops-showcase .ops-show-copy ul{padding-left:20px;color:#d7cde4;font-size:14px;line-height:1.8;margin:0 0 26px}
.ops-showcase .ops-show-copy li{padding-left:4px;margin-bottom:8px}
.ops-showcase .ops-show-copy li::marker{color:var(--ops-accent)}
.ops-showcase .ops-show-actions{display:flex;flex-wrap:wrap;gap:12px}
.ops-showcase .ops-show-actions a{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid #857192;border-radius:12px;color:white;text-decoration:none;font:600 14px/1.4 Inter,sans-serif}
.ops-showcase .ops-show-actions .ops-show-explore{background:#6924a6;border-color:#c58bf5}
.ops-showcase .ops-show-media{position:relative;min-width:0;padding-bottom:12px}
.ops-showcase .ops-show-media::before{content:"";position:absolute;inset:8% 12%;border:1px solid color-mix(in srgb,var(--ops-accent),transparent 75%);border-radius:50%;transform:rotate(-10deg);pointer-events:none}
.ops-showcase .ops-show-film{position:relative;margin:0 0 0 18px;z-index:1}
.ops-showcase .ops-show-film video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#100c19;border-radius:19px;border:1px solid #695d76;box-shadow:0 10px 40px #0007}
.ops-showcase .ops-show-film figcaption{font-size:12px;color:#dcd3e6;margin-top:10px;text-align:right}
.ops-showcase .ops-show-shot{display:block;width:48%;position:relative;z-index:2;margin:20px 0 0 -6px;transform:rotate(-3deg)}
.ops-showcase .ops-show-shot :is(img,video){display:block;width:100%;border-radius:12px;border:1px solid #82718f;box-shadow:0 12px 40px #0009}
.ops-showcase .ops-show-support{width:79%;margin:-18px 0 0 auto;position:relative}
.ops-showcase .ops-show-support img{width:100%;display:block;border-radius:18px;aspect-ratio:16/9;object-fit:cover}
.ops-showcase .ops-show-support figcaption{margin-top:9px;font-size:12px;color:#dcd3e6;text-align:right}
@media(max-width:850px){.ops-showcase .ops-show-product,.ops-showcase .ops-show-product--reverse{grid-template-columns:1fr;gap:28px}.ops-showcase .ops-show-product--reverse .ops-show-copy{order:0}.ops-showcase #opsShowProducts{gap:70px}.ops-showcase .ops-show-copy{padding:25px}.ops-showcase .ops-show-logo{max-width:300px}.ops-showcase .ops-show-film{margin-left:12px}.ops-showcase .ops-show-shot{margin-left:0}.ops-showcase .ops-show-media::before{inset:4% 8%;transform:none}}
@media(max-width:390px){.ops-showcase .ops-show-copy{padding:20px}.ops-showcase .ops-show-actions a{width:100%}.ops-showcase .ops-show-filter button{padding:10px 14px;font-size:13px}}
/* Consolidated media collage: floating workflow bridges the main screen and full photo. */
.ops-showcase .ops-show-media{z-index:2}
.ops-showcase .ops-show-shot{margin-top:-42px;margin-left:-58px;z-index:3;width:48%}
.ops-showcase .ops-show-support{margin-top:-76px;z-index:1}
.ops-showcase .ops-show-support img{height:auto;aspect-ratio:auto;object-fit:contain;opacity:1;mask-image:none}
@media(min-width:851px){
 .ops-showcase .ops-show-copy{padding-right:44px}
 .ops-showcase .ops-show-product--reverse .ops-show-copy{padding-right:30px;padding-left:44px}
 .ops-showcase .ops-show-product--reverse .ops-show-shot{margin-left:auto;margin-right:-58px;transform:rotate(3deg)}
 .ops-showcase .ops-show-product--reverse .ops-show-support{margin-left:0;margin-right:auto}
}
@media(max-width:850px){
 .ops-showcase .ops-show-shot{margin-left:0;margin-top:-30px;width:49%}
 .ops-showcase .ops-show-support{margin-top:-48px}
}
.ops-showcase .ops-show-filter button{display:inline-flex;align-items:center;gap:10px;padding:7px 15px 7px 7px;min-height:60px;border-color:color-mix(in srgb,var(--reactor-color,#ad7ae7),transparent 50%)}
.ops-showcase .ops-show-filter button[data-ops-niche=all]{padding:12px 20px}
.ops-showcase .ops-show-filter button[aria-pressed=true]{background:color-mix(in srgb,var(--reactor-color,#7829cb),#0b0715 72%);border-color:var(--reactor-color,#d1a3ff);box-shadow:0 0 16px color-mix(in srgb,var(--reactor-color,#a855f7),transparent 70%)}
.ops-filter-reactor{position:relative;display:block;width:44px;height:44px;flex:0 0 44px;border-radius:50%;isolation:isolate}
.ops-filter-reactor img{display:block;width:100%;height:100%;border-radius:50%;filter:hue-rotate(var(--reactor-filter));animation:opsCoreBreathe 3.2s ease-in-out infinite}
.ops-filter-reactor::after{content:"";position:absolute;inset:2px;border:1px dashed var(--reactor-color);border-radius:50%;animation:opsCoreOrbit 9s linear infinite}
@keyframes opsCoreOrbit{to{transform:rotate(360deg)}}
@keyframes opsCoreBreathe{50%{opacity:.78;transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){.ops-filter-reactor img,.ops-filter-reactor::after{animation:none}}
/* Product showcase actions inherit each product's own brand. */
.ops-showcase .ops-show-actions .ops-show-explore{background:var(--ops-button);border-color:var(--ops-accent);color:#fff;box-shadow:0 3px 14px color-mix(in srgb,var(--ops-accent),transparent 75%)}

.ops-showcase .ops-show-shot video{display:block;width:100%;height:auto;pointer-events:none}

/* The AI feature's real Atlas recording leads this pair. */
body.cz #ai .cz-wrap{max-width:1400px}
body.cz #ai .cz-pair{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}
#ai .atlas-feature-film{overflow:hidden;border-radius:18px;border:1px solid #8f773e;box-shadow:0 12px 36px #0005}
#ai .atlas-feature-film video{display:block;width:100%;height:auto;aspect-ratio:80/41;object-fit:contain;background:#100c19}
@media(max-width:900px){body.cz #ai .cz-pair{grid-template-columns:minmax(0,1fr)}}

/* Living photographs retain their full source composition, alongside existing walkthroughs. */
.ops-showcase .ops-show-support video{width:100%;height:auto;display:block;border-radius:18px;aspect-ratio:3/2;object-fit:contain}

body.cz footer .ops-powered{margin:20px 0 12px;font:600 14px Lato,sans-serif}body.cz footer .ops-powered a{color:#dab0ff;display:inline-flex;align-items:center;min-height:28px}

/* Search, Any Business pill and the Atlas AI card (Corey 2026-10-23). */
.ops-showcase .ops-show-search{position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;max-width:640px;height:52px;margin:0 0 18px;padding:0 6px 0 18px;border:1px solid #8a72a0;border-radius:999px;background-color:rgba(32,20,47,.88);color:#f3edf9}
.ops-showcase .ops-show-search:focus-within{border-color:#d1a3ff;box-shadow:0 0 0 3px rgba(168,85,247,.45),0 0 22px rgba(168,85,247,.27)}
.ops-showcase .ops-show-search__icon{flex:0 0 20px;width:20px;height:20px;margin-right:12px;color:#d9c3f2}
.ops-showcase .ops-show-search input[type=search]{-webkit-appearance:none;appearance:none;box-sizing:border-box;flex:1 1 auto;min-width:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;background-color:transparent;color:#f5effc;-webkit-text-fill-color:#f5effc;caret-color:#e9d5ff;font:500 16px/1.4 Inter,sans-serif;text-decoration:none}
.ops-showcase .ops-show-search input[type=search]::placeholder{color:#cdbfe0;-webkit-text-fill-color:#cdbfe0;opacity:1;text-decoration:none}
.ops-showcase .ops-show-search input[type=search]::-webkit-search-cancel-button,.ops-showcase .ops-show-search input[type=search]::-webkit-search-decoration,.ops-showcase .ops-show-search input[type=search]::-webkit-search-results-button,.ops-showcase .ops-show-search input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}
.ops-showcase .ops-show-search input[type=search]:-webkit-autofill{-webkit-text-fill-color:#f5effc;-webkit-box-shadow:0 0 0 40px #20142f inset}
.ops-showcase .ops-show-search button{-webkit-appearance:none;appearance:none;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#f3edf9;cursor:pointer}
.ops-showcase .ops-show-search button[hidden]{display:none}
.ops-showcase .ops-show-search button:hover{background:rgba(255,255,255,.1)}
.ops-showcase .ops-show-search button:focus-visible{outline:3px solid #f0d0ff;outline-offset:0}
.ops-showcase #opsShowEmpty{margin:40px 0 0;padding:28px;border:1px solid #766184;border-radius:20px;background:#1a1028;max-width:640px}
.ops-showcase #opsShowEmpty[hidden]{display:none}
.ops-showcase #opsShowEmpty p{margin:0 0 16px;color:#e8dfef;font-size:16px;line-height:1.7}
.ops-showcase #opsShowEmpty button{min-height:48px;padding:12px 20px;border:1px solid #c58bf5;border-radius:12px;background:#6d28d9;color:#fff;font:600 14px/1.4 Inter,sans-serif;cursor:pointer}
.ops-showcase .ops-show-logo--atlas{display:flex;align-items:center;gap:16px;max-width:none;text-decoration:none}
.ops-showcase .ops-show-logo--atlas img{width:72px;height:72px;max-height:none;flex:0 0 72px;border-radius:50%;object-fit:cover;box-shadow:0 0 28px #8b5cf666}
.ops-showcase .ops-show-logo--atlas span{font:600 clamp(30px,3vw,40px)/1.1 Oswald,sans-serif;color:#fff;letter-spacing:.01em}
.ops-showcase .ops-show-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 22px}
.ops-showcase .ops-show-copy .ops-show-price b{font:600 28px/1.2 Oswald,sans-serif;color:#fff}
.ops-showcase .ops-show-copy .ops-show-price span{font-size:14px;color:#d7cde4}
/* Atlas AI collage: three real 16:10 screens in one frame style. */
.ops-showcase #atlasai .ops-show-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#100c19;border-radius:14px;border:1px solid #82718f;box-shadow:0 12px 40px #0009}
.ops-showcase #atlasai .ops-show-support{width:60%}
.ops-showcase #atlasai .ops-show-shot{width:48%}
@media(max-width:850px){.ops-showcase #atlasai .ops-show-shot{margin-top:14px;width:52%}.ops-showcase #atlasai .ops-show-support{width:68%;margin-top:-34px}}