/* V11: the same gallery, in one landscape 16:9 frame on every screen. */
.sales-gallery{--sales-ink:#242422;--sales-muted:#84847e;width:min(100%,820px);margin:0 0 32px;min-width:0;container-type:inline-size}
.sales-window{position:relative;border:1px solid #e3e3df;border-radius:18px;overflow:hidden;background:#f9f9f6;aspect-ratio:16/9}
.sales-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}
.sales-track::-webkit-scrollbar{display:none}.sales-track.dragging{scroll-snap-type:none;cursor:grabbing}
.sales-slide{position:relative;box-sizing:border-box;flex:0 0 100%;width:100%;height:100%;min-width:0;padding:4cqw 4.5cqw 10cqw;scroll-snap-align:start;overflow:hidden;background:radial-gradient(ellipse at 90% 0%,#fff 0%,#f8f8f5 65%);color:var(--sales-ink)}
.sales-split{display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:4cqw}
.sales-copy{min-width:0}.sales-badge{display:flex;align-items:center;gap:1cqw;font-size:2cqw;font-weight:550;margin-bottom:2.8cqw;color:#65655e}.sales-badge .product-icon{width:2.7cqw;height:2.7cqw;flex:none}
.sales-gallery .sales-headline,.product-cover .sales-headline{margin:0 0 2.4cqw;max-width:none;font-size:5.3cqw;line-height:1.08;letter-spacing:-.045em;font-weight:580;color:#242422}
.sales-headline em{font-style:normal;color:#909087}.sales-gallery .sales-sub,.product-cover .sales-sub{font-size:2.3cqw;line-height:1.45;margin:0;color:#797973}
.sales-gallery .sales-fine{font-size:1.55cqw;line-height:1.4;color:#898980;margin:2.5cqw 0 0;max-width:32ch}
.sales-visual{min-width:0;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;position:relative}
.hero-portrait .sales-movie{aspect-ratio:9/16;height:100%;width:auto;max-width:100%;border-radius:2.4cqw;box-shadow:0 12px 36px #00000010;transform:rotate(2deg)}
.sales-movie{position:relative;overflow:hidden;background:#e9e8e1;isolation:isolate;min-width:0;min-height:0}
.sales-movie>img,.sales-movie>video{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.sales-movie>video{position:absolute;inset:0;z-index:1}.sales-movie[hidden]{display:none!important}
.sales-movie button{position:absolute;z-index:2;bottom:6px;border:1px solid #ffffff70;background:#ffffffbf;backdrop-filter:blur(8px);border-radius:20px;min-width:24px;height:24px;padding:0 6px;color:#333;font:10px system-ui;cursor:pointer}.movie-toggle{left:6px}.movie-sound{right:6px}
.sales-movie .movie-expand{top:6px;bottom:auto;right:6px;font-size:15px;padding:0 5px}
.sales-ugc-picker{display:flex;align-items:center;gap:1.5cqw;width:100%;height:100%;min-height:0}
.ugc-panels{flex:1;height:100%;min-width:0}.ugc-panel{height:100%;display:flex;justify-content:center}.ugc-panel[hidden]{display:none!important}
.ugc-panel>.sales-movie{height:100%;max-width:100%;width:auto;aspect-ratio:9/16;border-radius:1.8cqw}
.ugc-panel .sales-examples .movie-sound{font-size:8px}.ugc-panel .example-style{font-size:1.6cqw}
.ugc-sample-tabs{flex:none}.ugc-panels,.ugc-panel,.ugc-panel .sales-examples,.ugc-panel .sales-examples>div{min-width:0;max-width:100%}
.ugc-panel .sales-examples .sales-movie{aspect-ratio:auto}
.sales-video-lightbox{max-width:95vw;max-height:94dvh;padding:34px 8px 8px;border:1px solid #ddd;border-radius:16px;background:#161616;overflow:hidden}
.sales-video-lightbox::backdrop{background:#151512d9}.sales-video-lightbox video{display:block;height:calc(90dvh - 50px);max-height:820px;max-width:88vw;aspect-ratio:9/16;object-fit:contain;width:auto;border-radius:8px}
.sales-video-lightbox>button{position:absolute;top:4px;right:8px;width:28px;height:28px;border:0;background:none;color:#fff;font:22px system-ui;cursor:pointer}
.sales-pagination{position:absolute;z-index:5;bottom:1.6cqw;left:50%;transform:translateX(-50%);display:flex;gap:0;padding:0 3px;border:0;background:transparent;border-radius:24px;isolation:isolate}
/* Thin visual bar, larger transparent hit areas. Keep native touch/keyboard use. */
.sales-pagination::before{content:'';position:absolute;inset:8px 0;z-index:-1;border:1px solid #ffffffdf;background:#eeeee8c9;box-shadow:0 2px 8px #00000005,inset 0 1px #fff;border-radius:24px;backdrop-filter:blur(10px);pointer-events:none}
.sales-pagination button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:3px;min-width:24px;height:32px;flex:none;border:0;background:transparent;color:#7e7e74;white-space:nowrap;padding:0 5px;border-radius:24px;font:500 9px system-ui;cursor:pointer}
.sales-pagination button[aria-current=true]{color:#272722}
.sales-pagination button[aria-current=true]::before{content:'';position:absolute;inset:9px 1px;background:#fff;border-radius:20px;z-index:-1;pointer-events:none}
.pagination-dot{width:3px;height:3px;background:currentColor;border-radius:50%;flex:none}
.sales-gallery button:focus-visible{outline:2px solid #818177;outline-offset:2px}
.sales-pagination--extended{max-width:calc(100% - 5cqw);width:max-content;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}
.sales-pagination--extended::-webkit-scrollbar{display:none}
.sales-pagination--extended button{flex:none}
.sales-position{position:absolute;top:1.8cqw;right:2.3cqw;color:#8c8c83;font:500 10px system-ui;pointer-events:none}
.sales-proof-figures{display:flex;flex-direction:column;gap:1.5cqw;margin:2cqw 0 0}.sales-proof-figures strong{display:block;font-size:4.1cqw;line-height:1.1;letter-spacing:-.035em;font-weight:570}.sales-proof-figures span{font-size:1.8cqw;color:#86867e}
.sales-results .sales-headline{font-size:4.7cqw}
.sales-proof-image,.sales-app-screen{position:relative;display:block;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid #e6e6df;background:white;border-radius:1.5cqw;padding:0;cursor:zoom-in;box-shadow:0 10px 24px #00000006}
.sales-proof-image img{width:100%;height:100%;object-fit:contain}
.sales-slide.sales-proof-page{display:block;padding:0;background:#faf9f7}
.sales-proof-page .sales-proof-image{border:0;border-radius:0;box-shadow:none}
.sales-proof-page .sales-proof-image img{display:block;object-fit:contain}
.sales-proof-page .sales-proof-image>.proof-origin{top:1.5cqw;bottom:auto;right:1.5cqw;font-size:clamp(8px,1.1cqw,11px);padding:4px 7px;background:#fffffff2}
.sales-proof-image>span,.sales-app-screen>span{position:absolute;bottom:7px;right:7px;background:#fffffff2;padding:5px 8px;border:1px solid #e7e7df;border-radius:20px;font:10px system-ui;color:#616158}
.sales-stack{position:relative;width:100%;height:34cqw;isolation:isolate}
.sales-stack img{position:absolute;object-fit:cover;width:65%;height:100%;border:2px solid #fff;border-radius:1.7cqw;box-shadow:0 10px 26px #00000012}
.sales-stack img:nth-child(1){z-index:3;left:1%;transform:rotate(-7deg)}.sales-stack img:nth-child(2){z-index:2;left:17%;top:2%;transform:rotate(3deg)}.sales-stack img:nth-child(3){z-index:1;left:32%;top:4%;transform:rotate(10deg)}
.sales-stack.flat-stack{display:flex;justify-content:center;gap:1cqw;height:100%;align-items:center}.sales-stack.flat-stack img{position:static;width:32%;height:auto;max-height:100%;object-fit:contain;transform:none;border-radius:1cqw;border-width:1px;box-shadow:0 6px 20px #0000000b}
.carousel-result{grid-template-columns:.86fr 1.2fr}.carousel-result .sales-headline{font-size:4.4cqw}
.sales-includes{display:flex;flex-direction:column;gap:1.5cqw;margin:2cqw 0;font-size:2cqw;color:#66665d}.sales-includes>span{display:flex;align-items:center;gap:1cqw}.sales-includes .product-icon{width:2.5cqw;height:2.5cqw;flex:none;color:#88887e}
.sales-examples{display:grid;gap:1.5cqw;grid-template-columns:1fr 1fr;width:100%;height:100%;min-height:0}
.sales-examples>div{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:1cqw}
.sales-examples .sales-movie{height:100%;width:100%;min-height:0;aspect-ratio:9/16;border-radius:1.8cqw}
.example-style{font-size:1.8cqw;line-height:1.4;color:#77776c;white-space:nowrap}
.sales-example-carousel{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;gap:1.5cqw}
.sales-example-carousel>img{height:100%;max-width:80%;object-fit:contain;border-radius:1.2cqw}
.sample-tabs{display:flex;flex-direction:column;gap:6px}.sample-tabs button{width:26px;height:26px;padding:0;background:#fff;border:1px solid #dfdfd7;border-radius:50%;color:#87877d;font-size:10px;cursor:pointer}.sample-tabs button[aria-current=true]{background:#292923;color:#fff;border-color:#292923}
.sales-included{grid-template-columns:.85fr 1.3fr;gap:3cqw}.sales-kit{display:grid;grid-template-rows:repeat(3,1fr);gap:1.5cqw;width:100%;height:100%}
.sales-kit>div{display:flex;align-items:center;gap:1.8cqw;border:1px solid #e5e5de;border-radius:1.6cqw;padding:1.7cqw 2cqw;background:#fff;box-shadow:0 4px 14px #00000003}
.sales-kit .product-icon{width:3cqw;height:3cqw;color:#919185;flex:none}
.sales-kit strong{display:block;font-size:2.3cqw;line-height:1.25;font-weight:550;color:#393934}
.sales-kit small{display:block;font-size:1.6cqw;line-height:1.35;margin-top:.8cqw;color:#8b8b7f}
.sales-annual{margin-top:2.5cqw;padding-top:2cqw;border-top:1px solid #deded7;display:grid;gap:1cqw;color:#74766b}
.sales-annual strong{font-size:2.8cqw;line-height:1.15;font-weight:550;color:#353630}
.sales-annual>span{font-size:2cqw;line-height:1.45}
.sales-annual>small{font-size:1.55cqw;line-height:1.4;color:#92948a}
.sales-annual-page .sales-headline{font-size:4.7cqw}
.sales-annual-page .sales-fine{font-size:1.55cqw;margin-top:2cqw}
.sales-os-screen{grid-template-columns:.78fr 1.3fr;gap:2.5cqw}
.sales-os-screen .sales-app-screen{height:auto;aspect-ratio:1.4;transform:perspective(1000px) rotateY(-6deg);box-shadow:0 12px 26px #0000000b}
.sales-app-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.sales-output-mix{display:grid;grid-template-columns:1fr 1fr;gap:1.5cqw;width:100%;height:100%;min-height:0}.sales-output-mix .sales-movie{border-radius:1.8cqw}.sales-output-mix>div:last-child{display:grid;grid-template-rows:1fr 1fr;gap:1.5cqw;min-height:0}.sales-output-mix img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:1.5cqw}
/* V13: several real outputs, one active player; all thumbnails are passive. */
.animation-panel{flex-direction:column;align-items:center;gap:1cqw;min-height:0}
.animation-panel>.sales-movie{height:calc(100% - 3cqw);flex:none}
.style-sample-tabs button{width:7cqw;height:8.2cqw;padding:2px;border-radius:1.1cqw;overflow:hidden;background:#fff;border:1px solid #deded5;opacity:.6}
.style-sample-tabs button[aria-current=true]{opacity:1;background:#fff;border-color:#53534c;box-shadow:0 0 0 1px #53534c}
.style-sample-tabs img{display:block;width:100%;height:100%;object-fit:cover;border-radius:.7cqw}
.sales-style-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:1.3cqw;width:100%;height:100%;min-height:0}
.sales-style-palette button{position:relative;padding:0;border:1px solid #e1e1d8;border-radius:1.2cqw;overflow:hidden;min-width:0;min-height:0;background:#e7e6df;cursor:pointer}
.sales-style-palette img{display:block;width:100%;height:100%;object-fit:cover}
.sales-style-palette span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#1b1b16aa);padding:3cqw .4cqw 1cqw;color:#fff;font:500 1.65cqw system-ui;text-align:center}
.sales-style-palette b{position:absolute;top:.7cqw;right:.7cqw;background:#ffffffd6;border-radius:50%;width:2.7cqw;height:2.7cqw;display:grid;place-items:center;font:1.2cqw system-ui;color:#55554b}
.animation-styles{grid-template-columns:.8fr 1.3fr;gap:3cqw}
.sales-carousel-picker{display:flex;align-items:center;gap:1.5cqw;width:100%;height:100%;min-height:0;min-width:0}
.carousel-panels{flex:1;height:100%;min-width:0}.carousel-panel{height:100%;width:100%;position:relative;min-width:0}.carousel-panel[hidden]{display:none!important}
.carousel-pages{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;border-radius:1.5cqw}
.carousel-pages::-webkit-scrollbar{display:none}
.carousel-page{display:block;flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;border:0;padding:0;background:transparent;cursor:zoom-in}
.carousel-page img{display:block;width:100%;height:100%;object-fit:contain;border-radius:1.5cqw}
.carousel-page-controls{position:absolute;bottom:1cqw;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.8cqw;padding:2px;background:#ffffffda;backdrop-filter:blur(8px);border:1px solid #ffffffcc;border-radius:20px;white-space:nowrap}
.carousel-page-controls button{border:0;background:transparent;color:#55554c;padding:0;width:20px;height:20px;font:17px system-ui;cursor:pointer}.carousel-page-controls button:disabled{opacity:.25;cursor:default}
.carousel-page-controls span{font:500 9px system-ui;color:#55554c}
.carousel-set-tabs{display:flex;flex-direction:column;gap:1cqw;flex:none;width:8.5cqw}
.carousel-set-tabs button{border:0;padding:0;background:transparent;cursor:pointer;color:#85857a;font:500 1.8cqw system-ui}
.carousel-set-tabs img{display:block;width:100%;height:7.5cqw;object-fit:cover;border:2px solid transparent;border-radius:1cqw;box-sizing:border-box;opacity:.6;margin-bottom:.3cqw}
.carousel-set-tabs button[aria-current=true]{color:#34342d}.carousel-set-tabs button[aria-current=true] img{border-color:#4f4f46;opacity:1}
.sales-lightbox{max-width:95vw;max-height:90dvh;width:1100px;padding:35px 10px 10px;background:#fff;border:1px solid #e0e0da;border-radius:16px}.sales-lightbox::backdrop{background:#151512c9}.sales-lightbox>img{display:block;width:100%;height:auto;max-height:80dvh;object-fit:contain}.sales-lightbox>button{position:absolute;top:5px;right:10px;border:0;background:transparent;color:#333;font-size:24px;cursor:pointer}
@container(max-width:600px){
 .sales-window{border-radius:12px}.sales-slide{padding:3.8cqw 4cqw 11cqw;gap:3cqw}
 .sales-badge{font-size:2.5cqw;gap:1.2cqw;margin-bottom:2cqw}.sales-badge .product-icon{width:3.2cqw;height:3.2cqw}
 .sales-gallery .sales-headline{font-size:5.5cqw}.sales-gallery .sales-sub{font-size:2.65cqw}
 .sales-gallery .sales-fine{font-size:2cqw;margin-top:2cqw}
 .sales-results .sales-headline{font-size:4.9cqw}.sales-proof-figures{gap:1.2cqw;margin-top:1.5cqw}.sales-proof-figures strong{font-size:4.4cqw}.sales-proof-figures span{font-size:2.2cqw}
 .sales-results .sales-fine{font-size:1.9cqw;max-width:25ch}
 .sales-pagination{bottom:.4cqw}.sales-pagination button{font-size:9px;min-width:24px;height:30px;padding:0 4px;gap:2px}.pagination-dot{width:2.5px;height:2.5px}
 .sales-movie button{bottom:4px;height:20px;min-width:20px;font-size:9px;padding:0 4px}.movie-toggle{left:4px}.movie-sound{right:4px}
 .sales-proof-image>span,.sales-app-screen>span{font-size:8px;bottom:4px;right:4px;padding:4px 5px}
 .example-style{font-size:2.2cqw}.sales-examples{gap:1cqw}
 .sales-includes{font-size:2.5cqw}.sales-includes .product-icon{width:3cqw;height:3cqw}
 .sample-tabs button{width:22px;height:22px;font-size:9px}.sample-tabs{gap:4px}
 .style-sample-tabs button{width:7cqw;height:8.2cqw}.sales-style-palette span{font-size:2cqw}
 .carousel-set-tabs{width:9.5cqw}.carousel-set-tabs button{font-size:2.2cqw}.carousel-set-tabs img{height:8cqw}
 .carousel-page-controls{gap:0;bottom:.8cqw}.carousel-page-controls button{width:16px;height:16px;font-size:14px}.carousel-page-controls span{font-size:8px}
 .sales-kit{gap:1.2cqw}.sales-kit>div{padding:1.5cqw;gap:1.5cqw;border-radius:2cqw}.sales-kit .product-icon{width:3.4cqw;height:3.4cqw}
 .sales-kit strong{font-size:2.65cqw}.sales-kit small{font-size:2.05cqw;margin-top:.7cqw}
 .sales-os-screen .sales-headline{font-size:5cqw}.sales-os-screen .sales-badge{font-size:2.3cqw}
}
@container(max-width:700px){
 .sales-pagination button:not([aria-current=true])>span:not(.pagination-dot){display:none}
 .sales-pagination--extended button{min-width:24px;min-height:30px}
}
@media(prefers-reduced-motion:no-preference){.sales-slide[aria-hidden=false] .sales-headline{animation:sales-arrive .32s ease-out both}@keyframes sales-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}