#metric-previews{--cc-gap: 22px;--cc-gutter: clamp(20px, 5vw, 48px);--cc-radius: var(--r-lg);--cc-radius-inner: var(--r-md);--cc-slide-w: 480px;width:100%;max-width:100%;overflow:hidden;overflow-y:visible;padding:0}@media(min-width:1025px){#metric-previews{--cc-slide-w: clamp(660px, 44vw, 920px)}}@media(max-width:1024px){#metric-previews{--cc-slide-w: 700px;--cc-gap: 20px;--cc-gutter: 32px}}@media(max-width:1024px)and (orientation:landscape){#metric-previews{--cc-slide-w: min(420px, 78vw);--cc-gap: 14px;--cc-gutter: 16px}}@media(max-width:768px){#metric-previews{--cc-slide-w: 500px;--cc-gap: 16px;--cc-gutter: 20px}}@media(max-width:520px){#metric-previews{--cc-slide-w: 320px;--cc-gap: 14px;--cc-gutter: 16px}}#metric-previews [data-cc-swiper].cc-gallery-wrapper{position:relative;padding-top:12px;margin-top:32px;width:100%;overflow:hidden;touch-action:pan-y;-webkit-tap-highlight-color:transparent}#metric-previews [data-cc-swiper]{padding:4px 0 24px;-webkit-tap-highlight-color:transparent}#metric-previews [data-cc-swiper] .swiper-wrapper{margin:0!important;padding:0!important;list-style:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transform:translateZ(0)}#metric-previews [data-cc-swiper] .swiper-slide{width:var(--cc-slide-w);display:flex;box-sizing:border-box}#metric-previews [data-cc-swiper] .cc-gallery-card{width:100%;box-sizing:border-box;border-radius:var(--cc-radius);padding:16px;border:1px solid var(--border-0);box-shadow:var(--sh-1);background:linear-gradient(135deg,color-mix(in oklab,var(--panel-0) 92%,transparent),color-mix(in oklab,var(--panel-1) 92%,transparent));backdrop-filter:none;-webkit-backdrop-filter:none;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}html[data-theme=dark] #metric-previews [data-cc-swiper] .cc-gallery-card{background:linear-gradient(135deg,#ffffff05,#ffffff0d),var(--bg-1);border-color:#ffffff1a}html[data-theme=light] #metric-previews [data-cc-swiper] .cc-gallery-card{background:linear-gradient(135deg,color-mix(in oklab,var(--panel-0) 88%,transparent),color-mix(in oklab,var(--panel-1) 88%,transparent));border-color:#0911281a}@media(hover:hover)and (pointer:fine){#metric-previews [data-cc-swiper] .cc-gallery-card:hover{border-color:color-mix(in oklab,var(--accent) 22%,var(--border-1));box-shadow:var(--sh-2)}}#metric-previews [data-cc-swiper] .cc-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-height:24px}#metric-previews [data-cc-swiper] .cc-pill.pill{filter:none;mix-blend-mode:normal;text-shadow:none}#metric-previews [data-cc-swiper] .cc-card-label{font-size:13px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52%;color:var(--text-1)}#metric-previews [data-cc-swiper] .cc-card-image-link{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--cc-radius-inner);text-decoration:none;background:#0000002e;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}html[data-theme=light] #metric-previews [data-cc-swiper] .cc-card-image-link{background:#0000000f}#metric-previews [data-cc-swiper] .cc-card-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:none;filter:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}#metric-previews [data-cc-swiper] .cc-card-caption{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--text-2)}#metric-previews [data-cc-swiper] .cc-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:86px;height:86px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border-0);background:linear-gradient(135deg,color-mix(in oklab,var(--panel-0) 92%,transparent),color-mix(in oklab,var(--panel-1) 92%,transparent));box-shadow:var(--sh-1);color:var(--text-0);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--t-fast),border-color var(--t-fast),background var(--t-fast)}#metric-previews [data-cc-swiper] .cc-gallery-nav svg{width:24px;height:34px}#metric-previews [data-cc-swiper] .cc-gallery-nav--prev{left:12px}#metric-previews [data-cc-swiper] .cc-gallery-nav--next{right:12px}@media(hover:hover)and (pointer:fine){#metric-previews [data-cc-swiper].cc-gallery-wrapper:hover .cc-gallery-nav{opacity:.92;pointer-events:auto}#metric-previews [data-cc-swiper] .cc-gallery-nav:hover{border-color:color-mix(in oklab,var(--accent) 26%,var(--border-1));background:linear-gradient(135deg,color-mix(in oklab,var(--panel-0) 96%,transparent),color-mix(in oklab,var(--panel-1) 96%,transparent))}}@media(max-width:768px){#metric-previews [data-cc-swiper] .cc-gallery-nav{display:none}}#metric-previews [data-cc-swiper] .cc-gallery-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:6px 4px;min-height:32px}#metric-previews [data-cc-swiper] .cc-gallery-dot{appearance:none;-webkit-appearance:none;width:10px;height:10px;padding:0;margin:0;border:0;border-radius:999px;cursor:pointer;position:relative;background:#ff9a1f42}html[data-theme=dark] #metric-previews [data-cc-swiper] .cc-gallery-dot{background:#f7931a42}#metric-previews [data-cc-swiper] .cc-gallery-dot.is-active{width:28px;background:var(--accent)}html[data-theme=dark] #metric-previews [data-cc-swiper] .cc-gallery-dot.is-active{background:var(--btc)}@media(hover:none)and (pointer:coarse){#metric-previews [data-cc-swiper] .cc-gallery-dots{min-height:44px}#metric-previews [data-cc-swiper] .cc-gallery-dot:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:999px}}#metric-previews [data-cc-swiper] .cc-card-image-link:focus-visible,#metric-previews [data-cc-swiper] .cc-gallery-nav:focus-visible,#metric-previews [data-cc-swiper] .cc-gallery-dot:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){#metric-previews [data-cc-swiper] *{transition:none!important;animation:none!important}}@supports not (color: color-mix(in oklab,red,blue)){#metric-previews [data-cc-swiper] .cc-gallery-card{background:#ffffff0f;border-color:#ffffff1a}html[data-theme=light] #metric-previews [data-cc-swiper] .cc-gallery-card{background:#ffffffdb;border-color:#0911281a}#metric-previews [data-cc-swiper] .cc-gallery-nav{background:#ffffff14}html[data-theme=light] #metric-previews [data-cc-swiper] .cc-gallery-nav{background:#ffffffb3}}.metrics-showcase{max-width:none;margin:50px auto 0}.showcase-intro{max-width:720px;margin:0 auto 60px;text-align:center}.showcase-title{margin:0 0 16px;font-size:var(--fs-4);font-weight:700;line-height:1.15;letter-spacing:-.025em;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 100%,transparent),color-mix(in oklab,var(--btc) 100%,transparent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}.showcase-desc{margin:0 auto;max-width:65ch;font-size:var(--fs-0);line-height:1.65;color:var(--text-1);opacity:.93;text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:anywhere;text-wrap:pretty}.metric-gallery{display:flex;flex-direction:column;gap:60px}.metric-block{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center;padding:24px;border-radius:var(--r-lg)}.metric-block-reverse{grid-template-columns:1.4fr 1fr}.metric-block-reverse .metric-content{order:2}.metric-block-reverse .metric-screens{order:1}.metric-content{display:flex;flex-direction:column;gap:18px}.metric-meta{display:flex;align-items:center;gap:10px}.metric-date{font-size:12px;font-weight:500;letter-spacing:.01em;color:var(--text-2)}.metric-title{margin:0;font-size:var(--fs-3);font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--text-0)}.metric-text{margin:0;font-size:var(--fs-0);line-height:1.65;color:var(--text-1);opacity:.93;text-wrap:pretty}.metric-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px;padding-top:20px;border-top:1px solid var(--border-0)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:var(--fs-2);font-weight:700;letter-spacing:-.01em;color:var(--accent)}.stat-label{font-size:12px;font-weight:500;letter-spacing:.01em;line-height:1.55;color:var(--text-2)}@media(max-width:1024px){.metric-block,.metric-block-reverse{grid-template-columns:1fr;gap:32px;padding:20px}.metric-block-reverse .metric-content,.metric-block-reverse .metric-screens{order:initial}.showcase-title{font-size:var(--fs-3)}.metric-title{font-size:var(--fs-2)}}@media(max-width:640px){.metrics-showcase{margin:60px auto 0}.showcase-intro{margin-bottom:40px}.showcase-desc{text-align:left;hyphens:manual}.metric-gallery{gap:40px}.metric-block{padding:16px}.metric-stats{grid-template-columns:1fr;gap:16px}.stat-value{font-size:var(--fs-1)}}.metric-screens{position:relative;perspective:1400px;perspective-origin:50% 50%}.screen-stack{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border-0);box-shadow:var(--sh-2);transform-style:preserve-3d;background:var(--bg-1);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;cursor:grab;will-change:transform;pointer-events:auto}.screen-stack:active{cursor:grabbing}html[data-theme=dark] .screen-stack{background:var(--bg-1);box-shadow:var(--sh-3),0 0 0 1px #ffffff08}html[data-theme=light] .screen-stack{background:var(--bg-2);box-shadow:var(--sh-2),0 0 0 1px #00000005}.screen-item{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;will-change:opacity,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:center center;pointer-events:none;user-drag:none;-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none;z-index:1}.screen-item.active{opacity:1;visibility:visible;z-index:10}.screen-stack[data-animation=depth] .screen-item{transform:translateZ(-80px) rotateY(0) scale(.92);transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1.2s cubic-bezier(.23,1,.32,1),visibility 0s linear 1s}.screen-stack[data-animation=depth] .screen-item.active{transform:translateZ(0) rotateY(0) scale(1);transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1.2s cubic-bezier(.23,1,.32,1),visibility 0s linear 0s}.screen-stack[data-animation=depth] .screen-item.prev{opacity:0;visibility:hidden;transform:translate(-20px) translateZ(-60px) rotateY(3deg) scale(.94);z-index:5}.screen-stack[data-animation=depth] .screen-item.next{opacity:0;visibility:hidden;transform:translate(20px) translateZ(-60px) rotateY(-3deg) scale(.94);z-index:2}.screen-stack[data-animation=carousel]{perspective:1800px}.screen-stack[data-animation=carousel] .screen-item{transform:translate(60%) translateZ(-200px) rotateY(-35deg) scale(.85);transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.23,1,.32,1),visibility 0s linear 1s}.screen-stack[data-animation=carousel] .screen-item.active{transform:translate(0) translateZ(0) rotateY(0) scale(1);transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.23,1,.32,1),visibility 0s linear 0s}.screen-stack[data-animation=carousel] .screen-item.prev{opacity:.4;visibility:visible;transform:translate(-60%) translateZ(-200px) rotateY(35deg) scale(.85);z-index:5}.screen-stack[data-animation=carousel] .screen-item.next{opacity:0;transform:translate(60%) translateZ(-200px) rotateY(-35deg) scale(.85);z-index:2}.screen-stack[data-animation=parallax]{perspective:1200px}.screen-stack[data-animation=parallax] .screen-item{transform:translate(40%) translateZ(-100px) scale(.9);transition:opacity 1.1s cubic-bezier(.23,1,.32,1),transform 1.4s cubic-bezier(.23,1,.32,1),visibility 0s linear 1.1s}.screen-stack[data-animation=parallax] .screen-item.active{transform:translate(0) translateZ(0) scale(1);transition:opacity 1.1s cubic-bezier(.23,1,.32,1),transform 1.4s cubic-bezier(.23,1,.32,1),visibility 0s linear 0s}.screen-stack[data-animation=parallax] .screen-item.prev{opacity:.3;visibility:visible;transform:translate(-30%) translateZ(-80px) scale(.92);z-index:5}.screen-stack[data-animation=parallax] .screen-item.next{opacity:0;transform:translate(40%) translateZ(-100px) scale(.9);z-index:2}.screen-stack[data-animation=fade] .screen-item{transform:none;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 0s linear 1.2s}.screen-stack[data-animation=fade] .screen-item.active{transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.screen-stack[data-animation=fade] .screen-item.prev,.screen-stack[data-animation=fade] .screen-item.next{opacity:0;visibility:hidden;z-index:5}.screen-stack[data-animation=slide] .screen-item{transform:translate(100%);transition:opacity .8s cubic-bezier(.65,0,.35,1),transform .8s cubic-bezier(.65,0,.35,1),visibility 0s linear .8s}.screen-stack[data-animation=slide] .screen-item.active{transform:translate(0);transition:opacity .8s cubic-bezier(.65,0,.35,1),transform .8s cubic-bezier(.65,0,.35,1),visibility 0s linear 0s}.screen-stack[data-animation=slide] .screen-item.prev{opacity:.5;visibility:visible;transform:translate(-100%);z-index:5}.screen-stack[data-animation=slide] .screen-item.next{transform:translate(100%);z-index:2}.screen-nav{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:6px 0;min-height:32px}.nav-dot{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:999px;border:0;padding:0;margin:0;background:color-mix(in oklab,var(--accent) 22%,transparent);cursor:pointer;position:relative;flex:0 0 auto;transition:transform .22s var(--ease),background .22s var(--ease),width .22s var(--ease),height .22s var(--ease);-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.nav-dot:hover{background:color-mix(in oklab,var(--accent) 42%,transparent);transform:scale(1.12)}}.nav-dot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.nav-dot.active{background:var(--accent);width:28px;height:10px;border-radius:999px;transform:none}@media(hover:hover)and (pointer:fine){.nav-dot.active:hover{transform:scale(1.04)}}@media(hover:none)and (pointer:coarse){.screen-nav{gap:10px;min-height:44px}.nav-dot:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:999px}.nav-dot:hover{transform:none}}@media(max-width:480px){.screen-nav{gap:8px;margin-top:14px}.nav-dot{width:9px;height:9px}.nav-dot.active{width:24px;height:9px}}.screen-stack:before,.screen-stack:after{content:"";position:absolute;top:0;bottom:0;width:30%;opacity:0;pointer-events:none;transition:opacity .18s var(--ease);z-index:100}.screen-stack:before{left:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}.screen-stack:after{right:0;background:linear-gradient(270deg,rgba(255,255,255,.08),transparent)}@media(hover:hover)and (pointer:fine){.screen-stack:hover:before,.screen-stack:hover:after{opacity:1}}html[data-theme=dark] .screen-stack:before{background:linear-gradient(90deg,rgba(255,255,255,.06),transparent)}html[data-theme=dark] .screen-stack:after{background:linear-gradient(270deg,rgba(255,255,255,.06),transparent)}html[data-theme=light] .screen-stack:before{background:linear-gradient(90deg,rgba(0,0,0,.04),transparent)}html[data-theme=light] .screen-stack:after{background:linear-gradient(270deg,rgba(0,0,0,.04),transparent)}@media(hover:none)and (pointer:coarse){.screen-stack:before,.screen-stack:after{display:none}}@media(max-width:1024px){.metric-block,.metric-block-reverse{grid-template-columns:1fr;gap:32px;padding:20px}.metric-block-reverse .metric-content,.metric-block-reverse .metric-screens{order:initial}.showcase-title{font-size:var(--fs-3)}.metric-title{font-size:var(--fs-2)}.metric-screens{perspective:1000px}}@media(max-width:640px){.metrics-showcase{margin:60px auto 0}.metric-gallery{gap:40px}.metric-block{padding:16px}.metric-stats{grid-template-columns:1fr;gap:16px}.stat-value{font-size:var(--fs-1)}.screen-stack[data-animation=depth] .screen-item.active,.screen-stack[data-animation=carousel] .screen-item.active,.screen-stack[data-animation=parallax] .screen-item.active{transform:translateZ(0) scale(1)}.screen-stack[data-animation=depth] .screen-item.prev,.screen-stack[data-animation=depth] .screen-item.next,.screen-stack[data-animation=carousel] .screen-item.prev,.screen-stack[data-animation=carousel] .screen-item.next,.screen-stack[data-animation=parallax] .screen-item.prev,.screen-stack[data-animation=parallax] .screen-item.next{transform:translateZ(-40px) scale(.96)}}@media(prefers-reduced-motion:reduce){.screen-item{transition:opacity .5s ease,visibility 0s linear .5s!important;transform:none!important}.screen-item.active{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s linear 0s!important}.screen-item.prev,.screen-item.next{opacity:0;visibility:hidden}.nav-dot{transition:background .2s ease!important}}.screen-item.theme-adaptive{transition:opacity .3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}html.theme-switching .screen-item.theme-adaptive{opacity:.7}.screen-item.theme-adaptive[src=""]{background:linear-gradient(135deg,color-mix(in oklab,var(--panel-0) 88%,transparent),color-mix(in oklab,var(--panel-1) 88%,transparent))}@supports not (color: color-mix(in oklab,red,blue)){.showcase-title{background:linear-gradient(135deg,#ff9a1f,#f7931a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.screen-stack{background:#0a0e1b}html[data-theme=light] .screen-stack{background:#eef2f8}.nav-dot{background:#ff9a1f38}.nav-dot.active{background:#ff9a1f}.screen-item.theme-adaptive[src=""]{background:linear-gradient(135deg,#0a0e1be0,#0f1423e0)}html[data-theme=light] .screen-item.theme-adaptive[src=""]{background:linear-gradient(135deg,#eef2f8e0,#e1e6f0e0)}}#metric-previews [data-cc-swiper] .cc-gallery-dot,.screen-nav .nav-dot{-webkit-appearance:none!important;appearance:none!important;-moz-appearance:none!important;border:0!important;outline:none!important;box-shadow:none!important;padding:0!important;margin:0!important;background:#ff9a1f38!important;background-image:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-size:0!important;line-height:0!important;text-decoration:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}#metric-previews [data-cc-swiper] .cc-gallery-dot.is-active,.screen-nav .nav-dot.active{background:#ff9a1f!important}#metric-previews [data-cc-swiper] .cc-gallery-dot::-moz-focus-inner,.screen-nav .nav-dot::-moz-focus-inner{border:0!important;padding:0!important}#metric-previews [data-cc-swiper] button.cc-gallery-dot,.screen-nav button.nav-dot{background-color:#ff9a1f38!important}#metric-previews [data-cc-swiper] .cc-gallery-dots,.screen-nav{-webkit-text-fill-color:inherit}