.cmcpf{--cmcpf-speed:450;--cmcpf-tilt:7;--cmcpf-split:50%;--cmcpf-max:880px;--cmcpf-cols:3;--cmcpf-gap:20px;--cmcpf-ratio:1/1;--cmcpf-phone-w:21%;--cmcpf-slide-w:320px;--cmcpf-logo-cols:5;--cmcpf-radius:12px;--cmcpf-accent:#4caf27;--cmcpf-ink:#12241a;--cmcpf-muted:#6b7a72;--cmcpf-line:#e4e9e6;--cmcpf-tab-gap:8px;--cmcpf-tab-radius:9px;--cmcpf-tab-pad-y:12px;--cmcpf-tab-pad-x:26px;--cmcpf-tab-bg:transparent;--cmcpf-tab-color:#4a5a52;--cmcpf-tab-bg-hover:#f2f5f3;--cmcpf-tab-color-hover:#20342a;--cmcpf-tab-bg-active:var(--cmcpf-accent);--cmcpf-tab-color-active:#ffffff;--cmcpf-chip-bg:#f4f7f5;--cmcpf-chip-color:#5a6b62;--cmcpf-chip-bg-on:var(--cmcpf-accent);--cmcpf-chip-color-on:#ffffff;--cmcpf-title-color:var(--cmcpf-ink);--cmcpf-note-color:var(--cmcpf-muted);--cmcpf-link:var(--cmcpf-accent);--cmcpf-link-hover:var(--cmcpf-ink);--cmcpf-metric-color:var(--cmcpf-accent);--cmcpf-metric-label:var(--cmcpf-muted);--cmcpf-veil:#eef2f0;--cmcpf-veil-op:.93;--cmcpf-reveal:150px;--cmcpf-case-ratio:4/3;--cmcpf-badge-bg:var(--cmcpf-accent);--cmcpf-badge-color:#ffffff;--cmcpf-wm-op:.5;--cmcpf-wm-w:22%;--cmcpf-s1:#f4f6f8;--cmcpf-s2:#d2d8dd;--cmcpf-s3:#a3abb3;--cmcpf-s4:#848d95;color:var(--cmcpf-ink)}.cmcpf *,.cmcpf *::before,.cmcpf *::after{box-sizing:border-box}.cmcpf[data-shell="graphite"]{--cmcpf-s1:#6d757d;--cmcpf-s2:#464d54;--cmcpf-s3:#2b3137;--cmcpf-s4:#1e2328}.cmcpf[data-shell="gold"]{--cmcpf-s1:#f7ece1;--cmcpf-s2:#e4cdb6;--cmcpf-s3:#c4a68a;--cmcpf-s4:#a98a6e}.cmcpf-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--cmcpf-tab-gap);margin:0 0 22px}.cmcpf-tab{font:inherit;font-size:16px;font-weight:500;line-height:1.2;padding:var(--cmcpf-tab-pad-y) var(--cmcpf-tab-pad-x);border:0;border-radius:var(--cmcpf-tab-radius);background:var(--cmcpf-tab-bg);color:var(--cmcpf-tab-color);cursor:pointer;transition:background .2s,color .2s}.cmcpf-tab:hover{background:var(--cmcpf-tab-bg-hover);color:var(--cmcpf-tab-color-hover)}.cmcpf-tab[aria-selected="true"]{background:var(--cmcpf-tab-bg-active);color:var(--cmcpf-tab-color-active);font-weight:600}.cmcpf-tab:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:3px}.cmcpf-panel[hidden]{display:none}.cmcpf-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:0 0 34px}.cmcpf-chip{font:inherit;font-size:13px;font-weight:500;line-height:1.2;padding:8px 15px;border:0;border-radius:999px;cursor:pointer;background:var(--cmcpf-chip-bg);color:var(--cmcpf-chip-color);transition:background .2s,color .2s}.cmcpf-chip:hover{filter:brightness(.96)}.cmcpf-chip[aria-pressed="true"]{background:var(--cmcpf-chip-bg-on);color:var(--cmcpf-chip-color-on)}.cmcpf-chip:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:2px}.cmcpf-nomatch{text-align:center;color:var(--cmcpf-muted);padding:34px 0 0;margin:0}.cmcpf-wm{position:absolute;right:3.5%;bottom:3.5%;z-index:6;width:var(--cmcpf-wm-w);opacity:var(--cmcpf-wm-op);pointer-events:none}.cmcpf-wm img{width:100%;height:auto;display:block}.cmcpf-stage{perspective:1700px;perspective-origin:50% 42%;display:flex;justify-content:center;margin:0 0 32px}.cmcpf-device{position:relative;width:100%;max-width:var(--cmcpf-max);transform-style:preserve-3d;cursor:ns-resize;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.cmcpf-device.is-live{transition:transform .12s ease-out;will-change:transform}.cmcpf-device.has-compare{cursor:ns-resize}.cmcpf-device:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:16px;border-radius:20px}.cmcpf-lid{position:relative;z-index:2;padding:9px 9px 11px;border-radius:13px 13px 4px 4px;background:linear-gradient(180deg,rgb(255 255 255 / .55),#fff0 14%),linear-gradient(158deg,var(--cmcpf-s1) 0%,var(--cmcpf-s2) 38%,var(--cmcpf-s3) 78%,var(--cmcpf-s4) 100%);box-shadow:0 0 0 1px rgb(0 0 0 / .10),0 1px 0 rgb(255 255 255 / .75) inset,0 -1px 0 rgb(0 0 0 / .10) inset}.cmcpf-bezel{position:relative;padding:11px 11px 22px;border-radius:7px;background:linear-gradient(180deg,#101316,#0a0c0e);box-shadow:0 0 0 1px rgb(255 255 255 / .05) inset,0 2px 9px rgb(0 0 0 / .55) inset}.cmcpf-cam{position:absolute;top:4.5px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#2b3238;box-shadow:0 0 0 1px rgb(255 255 255 / .07)}.cmcpf-bezel::after{content:"";position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:62px;height:5px;border-radius:3px;background:rgb(255 255 255 / .07)}.cmcpf-viewport{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;aspect-ratio:16/10;border-radius:2px;box-shadow:0 0 0 1px rgb(0 0 0 / .5)}.cmcpf-browser{flex:0 0 auto;display:flex;align-items:center;gap:9px;height:8.5%;min-height:22px;padding:0 10px;background:#eef0f2;border-bottom:1px solid #dcdfe3}.cmcpf[data-browser="dark"] .cmcpf-browser{background:#23262a;border-bottom-color:#15181b}.cmcpf-dots{display:flex;gap:4px;flex:0 0 auto}.cmcpf-dots i{width:7px;height:7px;border-radius:50%;display:block}.cmcpf-dots i:nth-child(1){background:#f0685f}.cmcpf-dots i:nth-child(2){background:#f5bf4f}.cmcpf-dots i:nth-child(3){background:#5fc75d}.cmcpf-url{flex:1 1 auto;display:flex;align-items:center;gap:5px;min-width:0;height:64%;padding:0 10px;border-radius:999px;background:#fff;color:#5c6570;font-size:10.5px;font-weight:500;line-height:1;box-shadow:0 0 0 1px rgb(0 0 0 / .06)}.cmcpf[data-browser="dark"] .cmcpf-url{background:#34383d;color:#c3c9d0;box-shadow:none}.cmcpf-lock{width:9px;height:9px;flex:0 0 auto;color:#3f9e4b}.cmcpf-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmcpf-screen{position:relative;flex:1 1 auto;overflow:hidden;background:#fff}.cmcpf-shot{display:block;width:100%;height:auto;max-width:none;transform:translate3d(0,0,0);transition:transform .55s cubic-bezier(.4,0,.2,1)}.cmcpf-shot.is-playing{transition-timing-function:linear}.cmcpf-device.has-compare .cmcpf-shot{visibility:hidden}.cmcpf-sheen{position:absolute;inset:0;pointer-events:none;z-index:6;background:linear-gradient(112deg,rgb(255 255 255 / .16) 0%,rgb(255 255 255 / .05) 26%,#fff0 46%)}.cmcpf-glare{position:absolute;inset:0;pointer-events:none;z-index:7;opacity:0;transition:opacity .35s;background:radial-gradient(44% 58% at var(--mx,50%) var(--my,0%),rgb(255 255 255 / .26),#fff0 72%)}.cmcpf-device.is-live .cmcpf-glare{opacity:1}.cmcpf-compare{position:absolute;inset:0;z-index:4;overflow:hidden}.cmcpf-compare[hidden]{display:none}.cmcpf-compare-after{display:block;width:100%;height:auto;max-width:none;transform:translate3d(0,0,0);transition:transform .55s cubic-bezier(.4,0,.2,1)}.cmcpf-compare-before{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--cmcpf-split)) 0 0)}.cmcpf-compare-before img{display:block;width:100%;height:auto;max-width:none;transform:translate3d(0,0,0);transition:transform .55s cubic-bezier(.4,0,.2,1)}.cmcpf-compare-after.is-playing,.cmcpf-compare-before img.is-playing{transition-timing-function:linear}.cmcpf-handle{position:absolute;top:0;bottom:0;left:var(--cmcpf-split);width:40px;z-index:5;transform:translateX(-50%);cursor:ew-resize;z-index:5;display:flex;align-items:center;justify-content:center;touch-action:none}.cmcpf-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:rgb(255 255 255 / .92)}.cmcpf-grip{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgb(0 0 0 / .35);position:relative}.cmcpf-grip::before,.cmcpf-grip::after{content:"";position:absolute;top:50%;width:0;height:0;border-top:4.5px solid #fff0;border-bottom:4.5px solid #fff0}.cmcpf-grip::before{left:6px;transform:translateY(-50%);border-right:6px solid #2b3a33}.cmcpf-grip::after{right:6px;transform:translateY(-50%);border-left:6px solid #2b3a33}.cmcpf-handle:focus-visible .cmcpf-grip,.cmcpf-case-handle:focus-visible .cmcpf-grip{outline:2px solid var(--cmcpf-accent);outline-offset:3px}.cmcpf-tag{position:absolute;top:8px;z-index:5;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:rgb(12 24 18 / .72);color:#fff}.cmcpf-tag-before{left:8px}.cmcpf-tag-after{right:8px}.cmcpf-hinge{position:relative;z-index:1;height:4px;width:99%;margin:0 auto;background:linear-gradient(180deg,rgb(0 0 0 / .30),var(--cmcpf-s4));border-radius:0 0 2px 2px}.cmcpf-base{position:relative;z-index:1;height:14px;width:112%;margin-left:-6%;clip-path:polygon(0 0,100% 0,97.6% 100%,2.4% 100%);background:linear-gradient(180deg,rgb(255 255 255 / .6),#fff0 40%),linear-gradient(180deg,var(--cmcpf-s2) 0%,var(--cmcpf-s3) 62%,var(--cmcpf-s4) 100%);border-radius:0 0 11px 11px}.cmcpf-base::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:15%;height:6px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,rgb(0 0 0 / .28),rgb(0 0 0 / .10))}.cmcpf-shadow{position:absolute;left:6%;right:6%;bottom:-14px;height:30px;z-index:0;background:radial-gradient(ellipse at 50% 40%,rgb(15 28 22 / .34),#fff0 70%);filter:blur(5px)}.cmcpf-phone{position:absolute;bottom:-4%;z-index:5;width:var(--cmcpf-phone-w);transform:translateZ(40px)}.cmcpf[data-phone="right"] .cmcpf-phone{right:-5%}.cmcpf[data-phone="left"] .cmcpf-phone{left:-5%}.cmcpf-phone.is-empty{display:none}.cmcpf-phone-body{position:relative;padding:5.5%;border-radius:16%/8%;background:linear-gradient(150deg,#5a6167,#22272b 46%,#12161a);box-shadow:0 1px 0 rgb(255 255 255 / .22) inset,0 22px 34px -18px rgb(15 30 22 / .6)}.cmcpf-island{position:absolute;top:7%;left:50%;transform:translateX(-50%);z-index:3;width:32%;height:3.2%;min-height:6px;border-radius:999px;background:#000}.cmcpf-phone-screen{position:relative;overflow:hidden;border-radius:11%/5.4%;background:#fff;aspect-ratio:9/19.5}.cmcpf-phone-shot{display:block;width:100%;height:auto;max-width:none;transform:translate3d(0,0,0);transition:transform .55s cubic-bezier(.4,0,.2,1)}.cmcpf-phone-shot.is-playing{transition-timing-function:linear}.cmcpf-hint{position:absolute;z-index:8;left:50%;bottom:40px;transform:translate(-50%,8px);display:inline-flex;gap:6px;padding:7px 15px;border-radius:999px;background:rgb(14 28 20 / .84);color:#fff;font-size:12.5px;font-weight:500;line-height:1.4;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap}.cmcpf-device:hover .cmcpf-hint{opacity:1;transform:translate(-50%,0)}.cmcpf-device.is-live .cmcpf-hint{opacity:0}.cmcpf-hint b{color:#8fe06a;font-weight:600}.cmcpf-play{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgb(14 28 20 / .72);color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 22px -8px rgb(0 0 0 / .6);display:none;align-items:center;justify-content:center;transition:opacity .3s,transform .3s}.cmcpf-play svg{width:28px;height:28px;display:block}.cmcpf-play .cmcpf-play-arrow{animation:cmcpf-nudge 1.8s ease-in-out infinite}@keyframes cmcpf-nudge{0%,100%{transform:translateY(-1px);opacity:.75}50%{transform:translateY(1.5px);opacity:1}}.cmcpf-device.is-playing .cmcpf-play{opacity:0;transform:translate(-50%,-50%) scale(.8);pointer-events:none}@media (hover:none){.cmcpf-play{display:flex}}.cmcpf-caption{text-align:center;margin:0 auto 16px;max-width:640px}.cmcpf-caption h3{margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--cmcpf-title-color)}.cmcpf-caption p{margin:0;font-size:14px;line-height:1.5;color:var(--cmcpf-note-color)}.cmcpf-caption p:empty{display:none}.cmcpf-caption a{display:inline-block;margin-top:9px;color:var(--cmcpf-link);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.cmcpf-caption a:hover{color:var(--cmcpf-link-hover);text-decoration:underline}.cmcpf-metrics-slot:empty{display:none}.cmcpf-metrics{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 34px;margin:0 auto 28px;max-width:760px}.cmcpf-metric{text-align:center;min-width:104px}.cmcpf-metric-v{display:block;font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--cmcpf-metric-color)}.cmcpf-metric-l{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--cmcpf-metric-label)}.cmcpf-thumbs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:980px;margin:0 auto}.cmcpf-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:124px;height:72px;padding:12px;border:1.5px solid var(--cmcpf-line);border-radius:11px;background:#fff;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.cmcpf-thumb[hidden]{display:none}.cmcpf-thumb-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;filter:grayscale(1);opacity:.55;transition:filter .25s,opacity .25s}.cmcpf-thumb-text{font-size:11.5px;font-weight:600;line-height:1.3;text-align:center;color:var(--cmcpf-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cmcpf-thumb:hover{transform:translateY(-3px);border-color:#c6d5ca;box-shadow:0 10px 20px -14px rgb(15 30 22 / .6)}.cmcpf-thumb:hover .cmcpf-thumb-logo{filter:none;opacity:1}.cmcpf-thumb[aria-current="true"]{border-color:var(--cmcpf-accent);box-shadow:0 0 0 1px var(--cmcpf-accent)}.cmcpf-thumb[aria-current="true"] .cmcpf-thumb-logo{filter:none;opacity:1}.cmcpf-thumb[aria-current="true"] .cmcpf-thumb-text{color:var(--cmcpf-ink)}.cmcpf-thumb:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:2px}.cmcpf-gallery{display:grid;grid-template-columns:repeat(var(--cmcpf-cols),minmax(0,1fr));gap:var(--cmcpf-gap)}.cmcpf-card{position:relative;margin:0;padding:0;border:0;overflow:hidden;aspect-ratio:var(--cmcpf-ratio);border-radius:var(--cmcpf-radius);background:#e9eeeb;cursor:zoom-in;transition:transform .3s,box-shadow .3s}.cmcpf-card[hidden]{display:none}.cmcpf-card-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.03);transition:transform .6s cubic-bezier(.2,.7,.3,1)}.cmcpf-card:hover{box-shadow:0 24px 40px -24px rgb(15 30 22 / .55)}.cmcpf-card:hover .cmcpf-card-img{transform:scale(1)}.cmcpf-veil{position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--cmcpf-veil);opacity:var(--cmcpf-veil-op);backdrop-filter:blur(7px) saturate(.55);-webkit-backdrop-filter:blur(7px) saturate(.55);transition:opacity .45s ease}.cmcpf-card.is-hovering .cmcpf-veil{-webkit-mask-image:radial-gradient(circle var(--cmcpf-reveal) at var(--x,50%) var(--y,50%),#fff0 0%,#fff0 42%,rgb(0 0 0 / .55) 68%,#000 100%);mask-image:radial-gradient(circle var(--cmcpf-reveal) at var(--x,50%) var(--y,50%),#fff0 0%,#fff0 42%,rgb(0 0 0 / .55) 68%,#000 100%)}.cmcpf-card.is-revealed .cmcpf-veil,.cmcpf-card.is-revealed .cmcpf-cover{opacity:0}.cmcpf-cover{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:18%;opacity:1;transition:opacity .35s ease,transform .45s ease}.cmcpf-cover img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.cmcpf-cover-text{font-size:15px;font-weight:600;line-height:1.35;text-align:center;color:var(--cmcpf-ink)}.cmcpf-card:hover .cmcpf-cover{opacity:0;transform:scale(.97)}.cmcpf-card figcaption{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:30px 16px 13px;text-align:left;color:#fff;font-size:13.5px;font-weight:500;line-height:1.4;background:linear-gradient(transparent,rgb(8 18 12 / .8));opacity:0;transition:opacity .3s;pointer-events:none}.cmcpf-card:hover figcaption,.cmcpf-card:focus-visible figcaption{opacity:1}.cmcpf-card:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:3px}.cmcpf-cases{display:grid;grid-template-columns:repeat(var(--cmcpf-cols),minmax(0,1fr));gap:var(--cmcpf-gap)}.cmcpf-case{margin:0}.cmcpf-case[hidden]{display:none}.cmcpf-case-frame{position:relative;overflow:hidden;border-radius:var(--cmcpf-radius);aspect-ratio:var(--cmcpf-case-ratio);background:#e9eeeb;box-shadow:0 16px 30px -24px rgb(15 30 22 / .5)}.cmcpf-case-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cmcpf-case-before{position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--cmcpf-split)) 0 0)}.cmcpf-case-handle{position:absolute;top:0;bottom:0;left:var(--cmcpf-split);width:44px;transform:translateX(-50%);cursor:ew-resize;z-index:4;display:flex;align-items:center;justify-content:center;touch-action:none}.cmcpf-case-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:rgb(255 255 255 / .92)}.cmcpf-case.is-single .cmcpf-case-handle{display:none}.cmcpf-badge{position:absolute;left:10px;bottom:10px;z-index:5;padding:4px 11px;border-radius:999px;background:var(--cmcpf-badge-bg);color:var(--cmcpf-badge-color);font-size:11px;font-weight:600;line-height:1.4}.cmcpf-case-zoom{position:absolute;right:10px;bottom:10px;z-index:7;width:34px;height:34px;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgb(14 28 20 / .72);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.cmcpf-case-zoom svg{width:18px;height:18px}.cmcpf-case-frame:hover .cmcpf-case-zoom{opacity:1}.cmcpf-case-zoom:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:2px}@media (hover:none){.cmcpf-case-zoom{opacity:1}}.cmcpf-case-meta{padding:13px 2px 0;text-align:center}.cmcpf-case-meta strong{display:block;font-size:15px;font-weight:600;line-height:1.35;color:var(--cmcpf-title-color)}.cmcpf-case-meta span{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--cmcpf-note-color)}.cmcpf-case-meta .cmcpf-metrics{gap:6px 20px;margin:10px 0 0}.cmcpf-case-meta .cmcpf-metric{min-width:0}.cmcpf-case-meta .cmcpf-metric-v{font-size:17px}.cmcpf-case-meta .cmcpf-metric-l{font-size:11px}.cmcpf-masonry{column-count:var(--cmcpf-cols);column-gap:var(--cmcpf-gap)}.cmcpf-brick{position:relative;margin:0 0 var(--cmcpf-gap);padding:0;break-inside:avoid;-webkit-column-break-inside:avoid;overflow:hidden;border-radius:var(--cmcpf-radius);background:#e9eeeb;cursor:zoom-in;transition:box-shadow .3s}.cmcpf-brick[hidden]{display:none}.cmcpf-brick img{width:100%;height:auto;display:block}.cmcpf-brick:hover{box-shadow:0 22px 36px -24px rgb(15 30 22 / .55)}.cmcpf-brick figcaption{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:34px 14px 12px;background:linear-gradient(transparent,rgb(8 18 12 / .82));color:#fff;opacity:0;transition:opacity .3s;pointer-events:none}.cmcpf-brick figcaption strong{display:block;font-size:14px;font-weight:600;line-height:1.35}.cmcpf-brick figcaption span{display:block;margin-top:2px;font-size:12px;opacity:.85}.cmcpf-brick:hover figcaption,.cmcpf-brick:focus-visible figcaption{opacity:1}.cmcpf-brick:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:3px}.cmcpf-carousel{position:relative}.cmcpf-track{display:flex;gap:var(--cmcpf-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.cmcpf-track::-webkit-scrollbar{height:6px}.cmcpf-track::-webkit-scrollbar-thumb{background:#d3dbd6;border-radius:99px}.cmcpf-slide{position:relative;flex:0 0 var(--cmcpf-slide-w);margin:0;padding:0;scroll-snap-align:start;overflow:hidden;border-radius:var(--cmcpf-radius);background:#e9eeeb;cursor:zoom-in;aspect-ratio:var(--cmcpf-ratio)}.cmcpf-slide[hidden]{display:none}.cmcpf-slide img{width:100%;height:100%;object-fit:cover;display:block}.cmcpf-slide figcaption{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:34px 14px 12px;background:linear-gradient(transparent,rgb(8 18 12 / .82));color:#fff;opacity:0;transition:opacity .3s;pointer-events:none}.cmcpf-slide figcaption strong{display:block;font-size:14px;font-weight:600;line-height:1.35}.cmcpf-slide figcaption span{display:block;margin-top:2px;font-size:12px;opacity:.85}.cmcpf-slide:hover figcaption,.cmcpf-slide:focus-visible figcaption{opacity:1}.cmcpf-slide:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:3px}.cmcpf-arrow{position:absolute;top:calc(50% - 7px);z-index:6;transform:translateY(-50%);width:42px;height:42px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#fff;color:var(--cmcpf-ink);box-shadow:0 6px 18px -6px rgb(15 30 22 / .5);display:flex;align-items:center;justify-content:center;transition:opacity .2s}.cmcpf-arrow svg{width:20px;height:20px}.cmcpf-arrow.is-prev{left:-16px}.cmcpf-arrow.is-next{right:-16px}.cmcpf-arrow[disabled]{opacity:0;pointer-events:none}.cmcpf-arrow:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:2px}.cmcpf-logos{display:grid;grid-template-columns:repeat(var(--cmcpf-logo-cols),minmax(0,1fr));gap:var(--cmcpf-gap);align-items:center}.cmcpf-logo{display:flex;align-items:center;justify-content:center;padding:18px 14px;border-radius:var(--cmcpf-radius);text-decoration:none;transition:background .25s,transform .25s}.cmcpf-logo[hidden]{display:none}.cmcpf-logo img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;display:block;filter:grayscale(1);opacity:.55;transition:filter .25s,opacity .25s}.cmcpf-logo:hover{background:#f5f8f6;transform:translateY(-2px)}.cmcpf-logo:hover img{filter:none;opacity:1}.cmcpf-logo:focus-visible{outline:2px solid var(--cmcpf-accent);outline-offset:2px}.cmcpf-lightbox{position:fixed;inset:0;z-index:99999;display:none;background:rgb(10 20 15 / .93);padding:5vh 5vw;overflow:auto}.cmcpf-lightbox.is-open{display:flex;align-items:center;justify-content:center}.cmcpf-lightbox-inner{position:relative;max-width:1000px;width:100%;margin:auto}.cmcpf-lightbox img{display:block;width:100%;height:auto;border-radius:10px}.cmcpf-lightbox .cmcpf-lb-compare{position:relative;overflow:hidden;border-radius:10px}.cmcpf-lightbox .cmcpf-lb-compare>img{position:relative}.cmcpf-lightbox .cmcpf-lb-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--cmcpf-split,50%)) 0 0)}.cmcpf-lightbox .cmcpf-lb-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}.cmcpf-lb-title{margin:14px 0 0;text-align:center;color:#fff;font-size:15px;font-weight:500}.cmcpf-lightbox .cmcpf-close{position:fixed;top:18px;right:20px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:22px;line-height:1;cursor:pointer;color:#12241a;z-index:2}.cmcpf-empty{text-align:center;color:#6b7a72;background:#f6f8f7;border:1px dashed #d5ded8;border-radius:10px;padding:26px}@media (max-width:1024px){.cmcpf{--cmcpf-cols:2;--cmcpf-logo-cols:4}}@media (max-width:640px){.cmcpf{--cmcpf-cols:2;--cmcpf-logo-cols:3;--cmcpf-gap:12px;--cmcpf-tab-pad-x:17px;--cmcpf-tab-pad-y:10px;--cmcpf-phone-w:26%;--cmcpf-slide-w:230px}.cmcpf-stage{perspective:none;margin-bottom:26px}.cmcpf-tab{font-size:14px}.cmcpf-lid{padding:6px 6px 8px;border-radius:10px 10px 3px 3px}.cmcpf-bezel{padding:7px 7px 14px;border-radius:5px}.cmcpf-bezel::after{width:40px;bottom:5px}.cmcpf-thumb{width:96px;height:60px;padding:9px}.cmcpf-caption h3{font-size:18px}.cmcpf-metric-v{font-size:21px}.cmcpf-metrics{gap:12px 22px}.cmcpf-play{width:52px;height:52px}.cmcpf-play svg{width:24px;height:24px}.cmcpf-phone{bottom:-7%}.cmcpf-arrow{display:none}.cmcpf-case-meta strong{font-size:14px}}@media (max-width:420px){.cmcpf{--cmcpf-cols:1}.cmcpf[data-phone="right"] .cmcpf-phone,.cmcpf[data-phone="left"] .cmcpf-phone{display:none}}@media (hover:none){.cmcpf-device{cursor:default}.cmcpf-glare{display:none}}@media (prefers-reduced-motion:reduce){.cmcpf-device,.cmcpf-shot,.cmcpf-phone-shot,.cmcpf-glare,.cmcpf-thumb,.cmcpf-card,.cmcpf-card-img,.cmcpf-veil,.cmcpf-cover,.cmcpf-brick,.cmcpf-slide{transition:none!important}.cmcpf-shot,.cmcpf-phone-shot{transform:none!important}.cmcpf-play .cmcpf-play-arrow{animation:none}.cmcpf-track{scroll-behavior:auto}}.cmcpf{--cmcpf-marquee-speed:60}.cmcpf-thumb-name{display:none}.cmcpf-panel[data-variant="duo"] .cmcpf-stage{align-items:flex-end}.cmcpf-panel[data-variant="duo"] .cmcpf-device{max-width:calc(var(--cmcpf-max) * .84)}.cmcpf-panel[data-variant="duo"] .cmcpf-phone{width:calc(var(--cmcpf-phone-w) * 1.25);bottom:0}.cmcpf[data-phone="right"] .cmcpf-panel[data-variant="duo"] .cmcpf-phone,.cmcpf-panel[data-variant="duo"] .cmcpf-phone{right:-18%}.cmcpf[data-phone="left"] .cmcpf-panel[data-variant="duo"] .cmcpf-phone{left:-18%;right:auto}.cmcpf-panel[data-variant="stack"] .cmcpf-thumbs{gap:8px;max-width:100%}.cmcpf-panel[data-variant="stack"] .cmcpf-thumb{width:auto;min-width:132px;height:auto;padding:10px 14px 11px;flex-direction:column;gap:7px}.cmcpf-panel[data-variant="stack"] .cmcpf-thumb-logo{max-height:30px}.cmcpf-panel[data-variant="stack"] .cmcpf-thumb-name{display:block;font-size:11.5px;font-weight:600;line-height:1.3;color:var(--cmcpf-muted);white-space:nowrap}.cmcpf-panel[data-variant="stack"] .cmcpf-thumb[aria-current="true"] .cmcpf-thumb-name{color:var(--cmcpf-ink)}@media (min-width:900px){.cmcpf-panel[data-variant="split"]{display:grid;align-items:center;column-gap:44px;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);grid-template-areas:"stage caption" "stage metrics" "stage thumbs";grid-template-rows:auto auto auto}.cmcpf-panel[data-variant="split"] .cmcpf-stage{grid-area:stage;margin:0}.cmcpf-panel[data-variant="split"] .cmcpf-caption{grid-area:caption;text-align:left;margin:0 0 14px}.cmcpf-panel[data-variant="split"] .cmcpf-metrics-slot{grid-area:metrics}.cmcpf-panel[data-variant="split"] .cmcpf-metrics{justify-content:flex-start;gap:12px 22px;margin:0 0 18px}.cmcpf-panel[data-variant="split"] .cmcpf-metric{text-align:left;min-width:88px}.cmcpf-panel[data-variant="split"] .cmcpf-thumbs{grid-area:thumbs;justify-content:flex-start;gap:8px}.cmcpf-panel[data-variant="split"] .cmcpf-thumb{width:auto;min-width:0;height:auto;padding:9px 13px;flex-direction:row;gap:9px}.cmcpf-panel[data-variant="split"] .cmcpf-thumb-logo{max-height:22px;max-width:64px}.cmcpf-panel[data-variant="split"] .cmcpf-thumb-name{display:block;font-size:11.5px;font-weight:600;color:var(--cmcpf-muted);white-space:nowrap}}.cmcpf-panel[data-variant="plain"] .cmcpf-veil,.cmcpf-panel[data-variant="plain"] .cmcpf-cover{display:none}.cmcpf-panel[data-variant="plain"] .cmcpf-card{aspect-ratio:auto;background:#fff0;border-radius:0}.cmcpf-panel[data-variant="plain"] .cmcpf-card-img{aspect-ratio:var(--cmcpf-ratio);border-radius:var(--cmcpf-radius);transform:none}.cmcpf-panel[data-variant="plain"] .cmcpf-card figcaption{position:static;opacity:1;background:none;color:var(--cmcpf-title-color);padding:11px 2px 0;font-size:14px;font-weight:600}.cmcpf-panel[data-variant="plain"] .cmcpf-wm{bottom:auto;top:3.5%}.cmcpf-panel[data-variant="zoom"] .cmcpf-veil,.cmcpf-panel[data-variant="zoom"] .cmcpf-cover{display:none}.cmcpf-panel[data-variant="zoom"] .cmcpf-card-img{transform:none;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.cmcpf-panel[data-variant="zoom"] .cmcpf-card:hover .cmcpf-card-img{transform:scale(1.08)}.cmcpf-panel[data-variant="zoom"] .cmcpf-card::after{content:"";position:absolute;inset:0;z-index:4;background:rgb(9 20 14 / .42);opacity:0;transition:opacity .3s;pointer-events:none}.cmcpf-panel[data-variant="zoom"] .cmcpf-card:hover::after{opacity:1}.cmcpf-panel[data-variant="zoom"] .cmcpf-card figcaption{background:none;padding:16px;bottom:auto;top:50%;transform:translateY(-50%);text-align:center;font-size:15px;font-weight:600}.cmcpf-panel[data-variant="frame"] .cmcpf-card{aspect-ratio:auto;background:#fff;border:1px solid var(--cmcpf-line);padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px}.cmcpf-panel[data-variant="frame"] .cmcpf-veil{display:none}.cmcpf-panel[data-variant="frame"] .cmcpf-cover{position:static;opacity:1;transform:none;padding:0;height:34px;justify-content:flex-start}.cmcpf-panel[data-variant="frame"] .cmcpf-cover img{max-height:34px}.cmcpf-panel[data-variant="frame"] .cmcpf-card:hover .cmcpf-cover{opacity:1;transform:none}.cmcpf-panel[data-variant="frame"] .cmcpf-card-img{aspect-ratio:var(--cmcpf-ratio);border-radius:calc(var(--cmcpf-radius) - 4px);transform:none}.cmcpf-panel[data-variant="frame"] .cmcpf-card figcaption{position:static;opacity:1;background:none;padding:0;color:var(--cmcpf-note-color);font-size:13px;font-weight:500}.cmcpf-panel[data-variant="sidebyside"] .cmcpf-case-frame{display:grid;grid-template-columns:1fr 1fr;gap:3px}.cmcpf-panel[data-variant="sidebyside"] .cmcpf-case-after,.cmcpf-panel[data-variant="sidebyside"] .cmcpf-case-before{position:relative;inset:auto;clip-path:none;overflow:hidden}.cmcpf-panel[data-variant="sidebyside"] .cmcpf-case-before{order:-1}.cmcpf-panel[data-variant="sidebyside"] .cmcpf-case-before img{position:absolute;inset:0}.cmcpf-panel[data-variant="sidebyside"] .cmcpf-case-handle{display:none}.cmcpf-panel[data-variant="sidebyside"] .cmcpf-tag-before{left:8px}.cmcpf-panel[data-variant="sidebyside"] .cmcpf-tag-after{right:8px}.cmcpf-panel[data-variant="hover"] .cmcpf-case-before{clip-path:none;opacity:1;transition:opacity .45s ease}.cmcpf-panel[data-variant="hover"] .cmcpf-case-frame:hover .cmcpf-case-before{opacity:0}.cmcpf-panel[data-variant="hover"] .cmcpf-case-handle{display:none}.cmcpf-panel[data-variant="hover"] .cmcpf-tag-after{opacity:0;transition:opacity .35s}.cmcpf-panel[data-variant="hover"] .cmcpf-case-frame:hover .cmcpf-tag-after{opacity:1}.cmcpf-panel[data-variant="hover"] .cmcpf-case-frame:hover .cmcpf-tag-before{opacity:0}.cmcpf-panel[data-variant="hover"] .cmcpf-tag-before{transition:opacity .35s}.cmcpf-panel[data-variant="stackpair"] .cmcpf-case-frame{display:grid;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:auto}.cmcpf-panel[data-variant="stackpair"] .cmcpf-case-after,.cmcpf-panel[data-variant="stackpair"] .cmcpf-case-before{position:relative;inset:auto;clip-path:none;overflow:hidden;aspect-ratio:var(--cmcpf-case-ratio)}.cmcpf-panel[data-variant="stackpair"] .cmcpf-case-before{order:-1}.cmcpf-panel[data-variant="stackpair"] .cmcpf-case-before img{position:absolute;inset:0}.cmcpf-panel[data-variant="stackpair"] .cmcpf-case-handle{display:none}.cmcpf-panel[data-variant="stackpair"] .cmcpf-tag-after{top:auto;bottom:8px;right:auto;left:8px}.cmcpf-panel[data-variant="cards"] .cmcpf-brick{background:#fff;border:1px solid var(--cmcpf-line);padding:12px 12px 14px}.cmcpf-panel[data-variant="cards"] .cmcpf-brick img{border-radius:calc(var(--cmcpf-radius) - 5px)}.cmcpf-panel[data-variant="cards"] .cmcpf-brick figcaption{position:static;opacity:1;background:none;padding:12px 2px 0;color:var(--cmcpf-title-color)}.cmcpf-panel[data-variant="cards"] .cmcpf-brick figcaption span{color:var(--cmcpf-note-color);opacity:1}.cmcpf-panel[data-variant="justified"] .cmcpf-masonry{column-count:auto;display:flex;flex-wrap:wrap;gap:var(--cmcpf-gap)}.cmcpf-panel[data-variant="justified"] .cmcpf-brick{margin:0;height:230px;flex:1 1 220px;max-width:100%}.cmcpf-panel[data-variant="justified"] .cmcpf-brick img{width:100%;height:100%;object-fit:cover}@media (min-width:900px){.cmcpf-panel[data-variant="justified"] .cmcpf-brick{height:280px}}.cmcpf-panel[data-variant="mono"] .cmcpf-brick img{filter:grayscale(1) contrast(1.05);transition:filter .4s ease,transform .5s ease}.cmcpf-panel[data-variant="mono"] .cmcpf-brick:hover img{filter:none}.cmcpf-panel[data-variant="peek"] .cmcpf-slide{flex-basis:min(76%,560px);scroll-snap-align:center}.cmcpf-panel[data-variant="peek"] .cmcpf-track{padding-inline:8%}.cmcpf-panel[data-variant="full"] .cmcpf-slide{flex-basis:100%;aspect-ratio:16/9}.cmcpf-panel[data-variant="full"] .cmcpf-slide figcaption{opacity:1}.cmcpf-panel[data-variant="marquee"] .cmcpf-track{overflow:hidden;scroll-snap-type:none;padding-bottom:4px}.cmcpf-panel[data-variant="marquee"] .cmcpf-track-inner{display:flex;gap:var(--cmcpf-gap);width:max-content;animation:cmcpf-marquee var(--cmcpf-marquee-duration,40s) linear infinite}.cmcpf-panel[data-variant="marquee"] .cmcpf-carousel:hover .cmcpf-track-inner,.cmcpf-panel[data-variant="marquee"] .cmcpf-track-inner:focus-within{animation-play-state:paused}.cmcpf-panel[data-variant="marquee"] .cmcpf-arrow{display:none}@keyframes cmcpf-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}.cmcpf-panel[data-variant="bordered"] .cmcpf-logos{gap:0;border-top:1px solid var(--cmcpf-line);border-left:1px solid var(--cmcpf-line);border-radius:var(--cmcpf-radius);overflow:hidden}.cmcpf-panel[data-variant="bordered"] .cmcpf-logo{border-right:1px solid var(--cmcpf-line);border-bottom:1px solid var(--cmcpf-line);border-radius:0;padding:26px 18px}.cmcpf-panel[data-variant="marquee"] .cmcpf-logos,.cmcpf-panel[data-variant="marquee2"] .cmcpf-logos{display:block;overflow:hidden}.cmcpf-logo-row{display:flex;gap:var(--cmcpf-gap);width:max-content;align-items:center;animation:cmcpf-marquee var(--cmcpf-marquee-duration,40s) linear infinite}.cmcpf-logo-row+.cmcpf-logo-row{margin-top:8px}.cmcpf-logo-row.is-reverse{animation-direction:reverse}.cmcpf-panel[data-variant="marquee"] .cmcpf-logos:hover .cmcpf-logo-row,.cmcpf-panel[data-variant="marquee2"] .cmcpf-logos:hover .cmcpf-logo-row{animation-play-state:paused}.cmcpf-logo-row .cmcpf-logo{flex:0 0 auto;width:172px}@media (prefers-reduced-motion:reduce){.cmcpf-logo-row,.cmcpf-panel[data-variant="marquee"] .cmcpf-track-inner{animation:none}}@media (min-width:900px){.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"],.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"]{display:grid;align-items:start;column-gap:30px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"stage thumbs" "caption thumbs" "metrics thumbs"}.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"]{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"thumbs stage" "thumbs caption" "thumbs metrics"}.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"] .cmcpf-stage,.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"] .cmcpf-stage{grid-area:stage}.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"] .cmcpf-caption,.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"] .cmcpf-caption{grid-area:caption}.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"] .cmcpf-metrics-slot,.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"] .cmcpf-metrics-slot{grid-area:metrics}.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumbs,.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumbs{grid-area:thumbs;flex-direction:column;flex-wrap:nowrap;gap:9px;max-height:520px;overflow-y:auto;padding:2px;margin:0}.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumb,.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumb{width:186px;height:auto;min-height:58px;padding:10px 14px;flex-direction:row;justify-content:flex-start;gap:11px}.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumb-logo,.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumb-logo{max-height:26px;max-width:74px;flex:0 0 auto}.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumb-name,.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumb-name{display:block;font-size:11.5px;font-weight:600;line-height:1.3;color:var(--cmcpf-muted);text-align:left}.cmcpf[data-thumbs="right"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumb[aria-current="true"] .cmcpf-thumb-name,.cmcpf[data-thumbs="left"] .cmcpf-panel[data-mode="showcase"] .cmcpf-thumb[aria-current="true"] .cmcpf-thumb-name{color:var(--cmcpf-ink)}}.cmcpf{--cmcpf-lightlogo-bg:#1d2b24}.cmcpf-thumb.is-lightlogo{background:var(--cmcpf-lightlogo-bg);border-color:var(--cmcpf-lightlogo-bg)}.cmcpf-thumb.is-lightlogo .cmcpf-thumb-logo{filter:grayscale(1) brightness(1.6);opacity:.72}.cmcpf-thumb.is-lightlogo:hover .cmcpf-thumb-logo,.cmcpf-thumb.is-lightlogo[aria-current="true"] .cmcpf-thumb-logo{filter:none;opacity:1}.cmcpf-thumb.is-lightlogo .cmcpf-thumb-name,.cmcpf-thumb.is-lightlogo .cmcpf-thumb-text{color:rgb(255 255 255 / .72)}.cmcpf-thumb.is-lightlogo[aria-current="true"] .cmcpf-thumb-name{color:#fff}.cmcpf-thumb.is-lightlogo[aria-current="true"]{box-shadow:0 0 0 2px var(--cmcpf-accent)}.cmcpf-card.is-lightlogo .cmcpf-cover::before{content:"";position:absolute;inset:0;background:var(--cmcpf-lightlogo-bg);opacity:.86;border-radius:inherit}.cmcpf-card.is-lightlogo .cmcpf-cover img,.cmcpf-card.is-lightlogo .cmcpf-cover-text{position:relative;z-index:1}.cmcpf-card.is-lightlogo .cmcpf-cover-text{color:#fff}.cmcpf-logo.is-lightlogo{background:var(--cmcpf-lightlogo-bg)}.cmcpf-logo.is-lightlogo img{filter:grayscale(1) brightness(1.6);opacity:.75}.cmcpf-logo.is-lightlogo:hover img{filter:none;opacity:1}