/* Analytics is a product demonstration; its frame is laid out by the shared carousel. */
.showcase .analytics-demo-body{padding-bottom:15px}
.showcase .analytics-demo-story{position:relative;margin-top:14px}
.showcase .analytics-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#867791;margin-bottom:12px}
.showcase .analytics-demo-toolbar>span:first-child{display:flex;align-items:center;gap:5px}
.showcase .analytics-demo-toolbar i{width:5px;height:5px;border-radius:50%;background:#aa99bd}
.showcase .analytics-demo-period{display:flex;align-items:center;gap:20px;color:#685680;background:#fff;border:1px solid #e8dff2;padding:6px 9px;border-radius:6px}
.showcase .analytics-demo-period b{font-size:11px;font-weight:500}
.showcase .analytics-demo-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:9px;margin-bottom:16px}
.showcase .analytics-demo-metrics>div{border:1px solid #e7e0f0;border-radius:9px;padding:12px;background:linear-gradient(140deg,#fff,#f8f5fd);display:flex;flex-direction:column;gap:6px;min-width:0}
.showcase .analytics-demo-metrics>div>span{font-size:9px;color:#82738e}
.showcase .analytics-demo-metrics>div>strong{font-size:26px;line-height:1.1;font-weight:800;letter-spacing:-1.2px;white-space:nowrap;color:#49335f}
.showcase .analytics-demo-metrics strong small{font-size:16px;font-weight:650;letter-spacing:0}
.showcase .analytics-demo-metrics>div>small{font-size:7px;color:#a497ad;line-height:1.4}
.showcase .analytics-demo-reports{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
.showcase .analytics-demo-reports>div{border:1px solid #e8e2f1;border-radius:10px;background:#fff;padding:13px;min-width:0}
.showcase .analytics-demo-reports header{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:15px}
.showcase .analytics-demo-reports h4{font-size:10px;margin:0;letter-spacing:-.15px;color:#554362}
.showcase .analytics-demo-reports header>span{font-size:7px;color:#9d8fac;white-space:nowrap}
.showcase .analytics-demo-bar-row{margin-bottom:14px;padding:0 2px}
.showcase .analytics-demo-bar-row>div{display:flex;justify-content:space-between;font-size:9px;line-height:1.3;color:#8d7b9d;margin-bottom:6px}
.showcase .analytics-demo-bar-row b{color:#705684;font-weight:700}
.showcase .analytics-demo-track{height:7px;border-radius:3px;background:#f3eef8;display:block;overflow:hidden}
.showcase .analytics-demo-track i{display:block;width:var(--analytics-bar);height:100%;background:var(--analytics-color);border-radius:3px;transform-origin:left center}
.showcase .analytics-demo-funnel{position:relative;overflow:hidden}
.showcase .analytics-demo-selected{position:relative}
.showcase .analytics-demo-selected:before{content:"";position:absolute;inset:-7px -7px -7px;background:#f5efff;border:1px solid #dfd2f4;border-radius:7px;opacity:0;z-index:0}
.showcase .analytics-demo-selected>div,.showcase .analytics-demo-selected>.analytics-demo-track{position:relative}
.showcase .analytics-demo-tooltip{position:absolute;left:22px;right:18px;bottom:12px;background:#fff;border:1px solid #e2d9ef;border-radius:8px;box-shadow:0 5px 18px #6652821a;padding:9px;display:flex;align-items:center;gap:7px;opacity:0;transform:translateY(7px)}
.showcase .analytics-demo-tooltip>i{height:22px;width:3px;background:#9275c6;border-radius:2px}
.showcase .analytics-demo-tooltip>span{display:grid;gap:4px}
.showcase .analytics-demo-tooltip b{font-size:9px;color:#5a4275}
.showcase .analytics-demo-tooltip small{font-size:8px;color:#9b8baa}
.showcase .analytics-demo-tooltip>strong{margin-left:auto;font-size:16px;font-weight:500;color:#a68abb}
.showcase .analytics-demo-tasks header{margin-bottom:3px}
.showcase .analytics-demo-completion{position:relative;width:82px;height:82px;margin:0 auto 6px}
.showcase .analytics-demo-completion svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:7;stroke-linecap:round}
.showcase .analytics-demo-ring-base{stroke:#f0eaf7}
.showcase .analytics-demo-ring-value{stroke:#8e78b6;stroke-dasharray:41.67 100}
.showcase .analytics-demo-completion>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}
.showcase .analytics-demo-completion strong{font-size:22px;letter-spacing:-1px;color:#5f487b}
.showcase .analytics-demo-completion strong span{font-size:12px;font-weight:500;letter-spacing:0;color:#b4a8c0}
.showcase .analytics-demo-completion small{font-size:8px;color:#9e8eab}
.showcase .analytics-demo-statuses{display:grid;gap:7px;padding:0 3px}
.showcase .analytics-demo-statuses>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#8e7c9e;min-width:0}
.showcase .analytics-demo-statuses i{width:4px;height:4px;border-radius:50%;background:#c8b8db}
.showcase .analytics-demo-statuses>span:nth-child(2) i{background:#997bcb}
.showcase .analytics-demo-statuses>span:nth-child(3) i{background:#87b69f}
.showcase .analytics-demo-statuses b{margin-left:auto;color:#705887;font-size:9px}
.showcase .analytics-demo-pointer{left:78%;top:5%;z-index:4;opacity:0}
.showcase .analytics-demo-pointer>span{font-size:8px;background:#8b6ab9}
.showcase .analytics-demo-context{margin-top:13px}
.position-analytics.is-active .analytics-demo-track i{animation:analytics-demo-bars 14s cubic-bezier(.22,.72,.25,1) infinite;animation-delay:calc(var(--analytics-order)*.1s)}
.position-analytics.is-active .analytics-demo-ring-value{animation:analytics-demo-ring 14s ease-in-out infinite}
.position-analytics.is-active .analytics-demo-pointer{animation:analytics-demo-cursor 14s ease-in-out infinite}
.position-analytics.is-active .analytics-demo-pointer .pointer-ring{animation:analytics-demo-click 14s ease-out infinite}
.position-analytics.is-active .analytics-demo-period{animation:analytics-demo-period 14s ease-in-out infinite}
.position-analytics.is-active .analytics-demo-selected:before{animation:analytics-demo-highlight 14s ease-in-out infinite}
.position-analytics.is-active .analytics-demo-tooltip{animation:analytics-demo-tooltip 14s ease-in-out infinite}
@keyframes analytics-demo-bars{0%,12%{transform:scaleX(.12);opacity:.35}28%,92%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.12);opacity:.35}}
@keyframes analytics-demo-ring{0%,12%{stroke-dasharray:0 100}30%,92%{stroke-dasharray:41.67 100}100%{stroke-dasharray:0 100}}
@keyframes analytics-demo-cursor{0%{left:91%;top:17%;opacity:0}6%{opacity:1}12%,19%{left:82%;top:5%;opacity:1}39%,66%{left:37%;top:59%;opacity:1}78%,100%{left:49%;top:77%;opacity:0}}
@keyframes analytics-demo-click{0%,12%,22%,100%{opacity:0;transform:scale(.5)}15%{opacity:.6;transform:scale(.7)}21%{opacity:0;transform:scale(2.8)}}
@keyframes analytics-demo-period{0%,10%,25%,100%{border-color:#e8dff2;background:#fff;box-shadow:none}14%,20%{border-color:#ac8ed1;background:#f7f1ff;box-shadow:0 0 0 3px #b697dc12}}
@keyframes analytics-demo-highlight{0%,34%,77%,100%{opacity:0}42%,70%{opacity:1}}
@keyframes analytics-demo-tooltip{0%,38%,79%,100%{opacity:0;transform:translateY(7px)}45%,71%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.showcase .analytics-demo-story{margin-top:11px}.showcase .analytics-demo-toolbar{font-size:8px;margin-bottom:10px}.showcase .analytics-demo-metrics{gap:6px;margin-bottom:12px}.showcase .analytics-demo-metrics>div{padding:10px 8px;gap:6px}.showcase .analytics-demo-metrics>div>span{font-size:8px;line-height:1.4}.showcase .analytics-demo-metrics>div>strong{font-size:20px;letter-spacing:-.7px}.showcase .analytics-demo-metrics strong small{font-size:12px}.showcase .analytics-demo-metrics>div>small{font-size:6px}.showcase .analytics-demo-reports{gap:8px;grid-template-columns:1.25fr 1fr}.showcase .analytics-demo-reports>div{padding:11px 9px}.showcase .analytics-demo-reports header{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:12px}.showcase .analytics-demo-reports h4{font-size:10px}.showcase .analytics-demo-reports header>span{font-size:7px}.showcase .analytics-demo-tasks header{margin-bottom:5px}.showcase .analytics-demo-completion{width:74px;height:74px}.showcase .analytics-demo-bar-row{margin-bottom:17px}.showcase .analytics-demo-tooltip{left:8px;right:8px;bottom:15px;padding:7px;gap:5px}.showcase .analytics-demo-tooltip b{font-size:8px}.showcase .analytics-demo-tooltip small{font-size:7px}.showcase .analytics-demo-tooltip>strong{display:none}.showcase .analytics-demo-statuses{padding:0}.showcase .analytics-demo-context{font-size:7px;line-height:1.5;gap:6px}.showcase .position-analytics .product-demo-footer{gap:10px;letter-spacing:.2px;font-size:6px}}
@media(max-width:420px){.showcase .analytics-demo-metrics>div>strong{font-size:18px}.showcase .analytics-demo-metrics>div>small{display:none}.showcase .analytics-demo-metrics>div>span{font-size:8px;min-height:23px}.showcase .analytics-demo-reports{grid-template-columns:1.2fr 1fr}.showcase .analytics-demo-reports>div{padding:11px 8px}.showcase .analytics-demo-statuses>span{font-size:8px;gap:4px}.showcase .analytics-demo-period{gap:15px}.showcase .analytics-demo-context{flex-direction:column}.showcase .position-analytics .product-demo-footer>span:last-child{max-width:90px;text-align:right;line-height:1.5}.showcase .analytics-demo-completion{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){.showcase .position-analytics *,.showcase .position-analytics *:before{animation:none!important}.showcase .analytics-demo-pointer{display:none}.showcase .analytics-demo-track i{opacity:1;transform:none}.showcase .analytics-demo-ring-value{stroke-dasharray:41.67 100}.showcase .analytics-demo-tooltip{opacity:0}.showcase .analytics-demo-selected:before{opacity:0}}