.stats-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:4.5rem;align-items:center;background:linear-gradient(135deg,#071426,#0d2038);color:#fff}
.stats-showcase-copy h2{margin:.8rem 0 1rem;font-family:Oswald,sans-serif;font-size:clamp(2.8rem,4.6vw,4.25rem);line-height:.96;text-transform:uppercase}.stats-showcase-copy>p:not(.kicker){max-width:34rem;color:#aab8c7;font-size:1.02rem;line-height:1.7}
.metric-instruction{margin:1.4rem 0 .65rem!important;color:#68c4ff!important;font-size:.72rem!important;font-weight:850}.metric-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.metric-pill{padding:.48rem .7rem;border:1px solid #ffffff24;border-radius:2rem;background:#ffffff09;color:#b6c4d1;font:inherit;font-size:.68rem;font-weight:750;cursor:pointer;transition:.2s ease}.metric-pill:hover,.metric-pill:focus-visible,.metric-pill.is-selected{border-color:#68c4ff;background:#0c79d833;color:#fff;box-shadow:0 0 1rem #0c79d833;transform:translateY(-2px)}.metric-pill:focus-visible{outline:2px solid #fff;outline-offset:2px}
.stats-app{overflow:hidden;border:.55rem solid #edf2f6;border-radius:1.25rem;background:#f4f7fa;color:#0a1728;box-shadow:0 2rem 4.5rem #0006;transform:rotate(-.6deg)}.stats-app-topbar{min-height:3.1rem;display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:#071426;color:#fff}.stats-app-topbar>div{display:flex;align-items:center;gap:.45rem}.stats-app-topbar img{width:1.55rem;height:1.55rem;border-radius:.35rem}.stats-app-topbar strong{font-size:.62rem;letter-spacing:.08em}.stats-app-topbar>span{padding:.28rem .45rem;border-radius:.25rem;background:#f3c623;color:#382d00;font-size:.5rem;font-weight:950;letter-spacing:.07em}.stats-app-nav{display:flex;align-items:center;gap:.9rem;padding:.65rem .8rem;border-bottom:1px solid #dfe6ed;background:#fff;font-size:.58rem;color:#6d7e91}.stats-app-nav strong{margin-right:auto;color:#14253a;font-size:.72rem}.stats-app-nav .active{color:#cf1f31;font-weight:900}
.stats-viewport{position:relative;height:24rem}.stats-view{position:absolute;inset:0;padding:1rem;opacity:0;visibility:hidden;transform:translateY(.8rem) scale(.99);transition:opacity .45s ease,transform .45s ease,visibility .45s}.stats-view.is-active{z-index:2;opacity:1;visibility:visible;transform:none}.view-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.view-title>div{display:grid;gap:.15rem}.view-title small{color:#718297;font-size:.52rem;font-weight:900;letter-spacing:.1em}.view-title strong{font-size:.9rem}.view-title>span{padding:.35rem .5rem;border:1px solid #d6dee7;border-radius:.35rem;background:#fff;color:#52657a;font-size:.56rem;font-weight:800}.view-title .live-label{border-color:#ceeedc;background:#eaf9f0;color:#168248}
.leader-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:.7rem}.leader-cards article{display:grid;gap:.2rem;padding:.65rem;border:1px solid #dfe6ed;border-radius:.55rem;background:#fff}.leader-cards small{color:#8796a7;font-size:.48rem;font-weight:900}.leader-cards b{font-size:.7rem}.leader-cards strong{color:#cf1f31;font-size:.62rem}.is-active .leader-cards article{animation:stat-pop .5s ease both}.is-active .leader-cards article:nth-child(2){animation-delay:.12s}.is-active .leader-cards article:nth-child(3){animation-delay:.24s}@keyframes stat-pop{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}
.app-table{overflow:hidden;border:1px solid #dfe6ed;border-radius:.55rem;background:#fff}.app-row{display:grid;grid-template-columns:2.4fr repeat(5,1fr);align-items:center;min-height:2.45rem;padding:0 .65rem;border-top:1px solid #e7edf2;font-size:.58rem;text-align:center}.app-row:first-child{border-top:0}.app-row span:first-child{text-align:left}.app-row span>b{display:inline-grid;width:1.35rem;height:1.35rem;margin-right:.28rem;place-items:center;border-radius:50%;background:#e9eef4;color:#52657a;font-size:.5rem}.app-head{min-height:1.85rem;background:#eef2f6;color:#68798c;font-size:.48rem;font-weight:900}.app-row.focused{background:#fff7f8;box-shadow:inset 3px 0 #cf1f31}.is-active .focused{animation:row-focus 1.2s .35s ease both}@keyframes row-focus{0%,100%{background:#fff7f8}50%{background:#ffe5e8}}
.player-modal{position:relative;width:90%;margin:.6rem auto 0;padding:1.05rem;border:1px solid #d9e2ea;border-radius:.8rem;background:#fff;box-shadow:0 1rem 2rem #07142625}.player-modal>button{position:absolute;right:.7rem;top:.55rem;border:0;background:transparent;color:#75869a;font-size:1.1rem}.player-heading{display:flex;align-items:center;gap:.65rem;padding-bottom:.8rem;border-bottom:1px solid #e3e9ef}.player-heading>span{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:#cf1f31;color:#fff;font-weight:950}.player-heading>div{display:grid;gap:.15rem}.player-heading strong{font-size:.85rem}.player-heading small{color:#738397;font-size:.55rem}.player-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:.75rem 0}.player-stat-grid>div{display:grid;gap:.15rem;padding:.55rem .3rem;border-radius:.45rem;background:#f3f6f8;text-align:center}.player-stat-grid b{color:#0c79d8;font-size:.95rem}.player-stat-grid span{color:#748497;font-size:.48rem}.player-history>small,.action-breakdown>small{color:#718297;font-size:.5rem;font-weight:900;letter-spacing:.08em}.player-history>div{display:flex;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-bottom:1px solid #edf1f4;font-size:.55rem}.player-history>div span{color:#3d5066}.player-history>div b{color:#66788d;font-size:.5rem}.is-active .player-modal{animation:modal-in .5s ease both}@keyframes modal-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
.realtime-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:.75rem;padding:.65rem 1rem;border-radius:.55rem;background:#071426;color:#fff}.realtime-score>div{display:flex;align-items:center;gap:.6rem}.realtime-score>div:last-child{justify-content:flex-end}.realtime-score small{color:#92a3b6;font-size:.5rem;font-weight:900}.realtime-score b{font-size:1.25rem}.realtime-score>span{color:#42d57d;font-size:.48rem;font-weight:950;letter-spacing:.12em}.pulse-row{background:#edf9f2}.is-active .pulse-row{animation:live-pulse 1.2s ease infinite}@keyframes live-pulse{50%{background:#d9f5e5}}.tracking-note{display:flex;align-items:center;gap:.4rem;margin-top:.65rem;color:#65778c;font-size:.52rem}.tracking-note>span{width:.45rem;height:.45rem;border-radius:50%;background:#25bd67;box-shadow:0 0 0 .22rem #25bd6722}
.recap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.recap-grid>div{display:grid;gap:.15rem;padding:.55rem;border:1px solid #dfe6ed;border-radius:.45rem;background:#fff}.recap-grid small{color:#8494a6;font-size:.46rem;font-weight:900}.recap-grid b{font-size:1rem}.action-breakdown{display:grid;gap:.55rem;margin-top:.8rem;padding:.75rem;border-radius:.55rem;background:#fff}.action-breakdown>div{display:grid;grid-template-columns:4rem 1fr 1.4rem;align-items:center;gap:.5rem;color:#55677c;font-size:.52rem}.action-breakdown i{height:.35rem;overflow:hidden;border-radius:1rem;background:#e8edf2}.action-breakdown i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#cf1f31,#f05a68)}.action-breakdown strong{text-align:right;color:#17283c}.is-active .action-breakdown i b{animation:stats-grow .85s .2s ease both;transform-origin:left}@keyframes stats-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.stats-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce4eb;background:#fff}.stats-tabs button{position:relative;border:0;background:transparent;color:#76869a;padding:.7rem .25rem;font:inherit;font-size:.58rem;font-weight:850;cursor:pointer}.stats-tabs button.is-active{background:#f8fafc;color:#cf1f31}.stats-tabs button.is-active:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;background:#cf1f31;animation:stats-progress 4.2s linear both}@keyframes stats-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.metric-dialog{width:min(46rem,calc(100% - 2rem));max-width:none;margin:auto;padding:0;border:0;border-radius:1rem;background:#f4f7fa;color:#0a1728;box-shadow:0 2rem 6rem #0009}.metric-dialog::backdrop{background:#020915cc;backdrop-filter:blur(4px)}.metric-dialog-close{position:absolute;z-index:2;right:.8rem;top:.7rem;width:2rem;height:2rem;border:0;border-radius:50%;background:#ffffff13;color:#fff;font-size:1.35rem;cursor:pointer}.metric-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 3.5rem 1rem 1.2rem;background:#071426;color:#fff}.metric-dialog-heading>div{display:grid;gap:.15rem}.metric-dialog-heading small{color:#68c4ff;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.metric-dialog-heading h3{margin:0;font-size:1.15rem}.metric-dialog-heading>span{padding:.35rem .5rem;border-radius:2rem;background:#cf1f31;color:#fff;font-size:.52rem;font-weight:900;letter-spacing:.08em}.metric-snapshot{margin:1rem;border:1px solid #dce4eb;border-radius:.7rem;background:#fff;overflow:hidden}.snapshot-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;background:#0d2038;color:#fff;font-size:.68rem}.snapshot-topbar span{color:#62dd91;font-size:.58rem;font-weight:850}.snapshot-workspace{display:grid;grid-template-columns:.9fr 1.1fr;gap:.8rem;padding:.85rem;background:#eef2f6}.snapshot-actions,.snapshot-entry{padding:.75rem;border:1px solid #dce4eb;border-radius:.55rem;background:#fff}.snapshot-actions>small,.snapshot-entry>small,.snapshot-result small{color:#718297;font-size:.5rem;font-weight:900;letter-spacing:.08em}.snapshot-actions>div{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;margin-top:.55rem}.snapshot-actions span{padding:.48rem;border-radius:.38rem;background:#f0f3f6;color:#52657a;font-size:.56rem;font-weight:800}.snapshot-actions span:first-child{background:#e9f8ef;color:#168248}.snapshot-entry{display:grid;gap:.5rem}.snapshot-entry>strong{font-size:.78rem}.snapshot-player{display:grid;grid-template-columns:2rem 1fr 1.4rem;align-items:center;gap:.5rem;padding:.55rem;border:1px solid #dfe6ed;border-radius:.45rem}.snapshot-player>b{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:#cf1f31;color:#fff;font-size:.62rem}.snapshot-player>span{display:grid;gap:.1rem}.snapshot-player strong{font-size:.64rem}.snapshot-player small{color:#738397;font-size:.5rem}.snapshot-player i{width:1.25rem;height:1.25rem;display:grid;place-items:center;border-radius:50%;background:#e8f8ef;color:#158047;font-size:.62rem;font-style:normal}.snapshot-entry>button{border:0;border-radius:.4rem;background:#cf1f31;color:#fff;padding:.55rem;font-size:.58rem;font-weight:900}.snapshot-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.75rem .85rem;border-top:1px solid #dfe6ed}.snapshot-result>div:first-child{display:grid;gap:.15rem}.snapshot-result strong{font-size:.68rem}.snapshot-result span{color:#718297;font-size:.52rem}.snapshot-total{min-width:4rem;padding:.5rem;border-radius:.45rem;background:#f0f4f7;text-align:center}.snapshot-total b{display:block;margin-top:.15rem;color:#cf1f31;font-size:1.1rem}.metric-dialog>p{margin:0;padding:0 1.2rem 1.2rem;color:#52657a;font-size:.78rem;line-height:1.55}
@media(max-width:950px){.stats-showcase{grid-template-columns:1fr;gap:2.5rem}.stats-showcase-copy>p:not(.kicker){max-width:44rem}.stats-app{width:min(100%,44rem);margin:auto;transform:none}}
@media(max-width:600px){.stats-app-nav span{display:none}.stats-app-nav strong{margin:0}.stats-viewport{height:22rem}.stats-view{padding:.75rem}.leader-cards article{padding:.5rem}.app-row{grid-template-columns:2fr repeat(5,1fr);padding:0 .35rem}.app-row span>b{display:none}.player-modal{width:100%;padding:.8rem}.player-stat-grid{gap:.22rem}.player-stat-grid>div{padding:.45rem .15rem}.metric-cloud{gap:.4rem}.metric-pill{font-size:.62rem}.metric-dialog-heading{align-items:flex-start;flex-direction:column}.snapshot-workspace{grid-template-columns:1fr}.snapshot-result{grid-template-columns:1fr}.snapshot-total{width:100%}}
@media(prefers-reduced-motion:reduce){.metric-pill,.stats-view,.leader-cards article,.focused,.player-modal,.pulse-row,.action-breakdown i b,.stats-tabs button.is-active:after{animation:none!important;transition:none!important}}

/* Real XIShift product views from the XISFC U14G Premier demo team. */
.real-app-gallery{border-color:#dce5ed;background:#071426;transform:rotate(-.35deg)}
.real-app-bar{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;padding:.58rem .75rem;background:#f4f7fa;color:#536579}
.browser-dots{display:flex!important;gap:.3rem!important}.browser-dots i{width:.5rem;height:.5rem;border-radius:50%;background:#cf1f31}.browser-dots i:nth-child(2){background:#efb72d}.browser-dots i:nth-child(3){background:#31aa62}
.real-app-address{justify-self:center;display:flex!important;align-items:center;justify-content:center;gap:.38rem!important;width:min(19rem,75%);padding:.38rem .8rem;border:1px solid #d7e0e8;border-radius:.45rem;background:#fff;color:#23364c}.real-app-address strong{font-size:.61rem!important;letter-spacing:0!important}.real-app-address span{color:#7d8da0;font-size:.6rem}
.real-app-bar>span{background:#e5f4ff!important;color:#0969aa!important;white-space:nowrap}
.real-app-viewport{height:auto;aspect-ratio:1.455/1;background:#071426}
.real-app-view{margin:0;padding:0!important;overflow:hidden;background:#071426}.real-app-view img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.real-app-view figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;gap:.2rem;padding:3rem 1rem .85rem;background:linear-gradient(transparent,#071426f2);color:#fff}.real-app-view figcaption strong{font-size:.78rem}.real-app-view figcaption span{color:#b3c1cf;font-size:.58rem;line-height:1.4}
.real-app-tabs{grid-template-columns:repeat(3,1fr);background:#fff}.real-app-tabs button{font-size:.64rem;padding:.8rem .25rem}
@media(max-width:600px){.real-app-address{width:100%}.real-app-bar>span{display:none}.real-app-bar{grid-template-columns:auto 1fr}.real-app-viewport{aspect-ratio:1.25/1}.real-app-view img{object-position:top center}.real-app-view figcaption span{display:none}.real-app-view figcaption{padding-top:2rem}.real-app-tabs button{font-size:.58rem}}