.analytics-demo .analytics-demo__intro{color:#716b7c;text-align:center;margin:-4px auto 34px;font-size:15px}.analytics-demo__frame{text-align:left;background:#fff;border:1px solid #e6dff0;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #30224905}.analytics-demo__toolbar{border-bottom:1px solid #eeeaf4;justify-content:space-between;align-items:center;gap:18px;padding:18px 28px;display:flex}.analytics-demo__tabs{gap:6px;display:none}.analytics-demo[data-ready] .analytics-demo__tabs{display:flex}.analytics-demo__tabs button{color:#716b7c;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 16px;font-size:13px;line-height:1.5;transition:background .18s,color .18s}.analytics-demo__tabs button:hover{color:#6245ad;background:#f7f4fc}.analytics-demo__tabs button[aria-selected=true]{color:#6646b4;background:#eee8fa;font-weight:600}.analytics-demo__sample{color:#6e627a;white-space:nowrap;font-size:10px}.analytics-demo__panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr);gap:54px;min-height:388px;padding:40px;display:grid}.analytics-demo__panel[hidden]{display:none}.analytics-demo__panel:focus-visible{outline-offset:-4px;outline:2px solid #bcaaff}.analytics-demo__eyebrow{color:#8260c3;font-size:11px;font-weight:500}.analytics-demo__story h3{color:#231c35;letter-spacing:-.04em;margin:14px 0 16px;font-size:clamp(23px,2.3vw,30px);font-weight:600;line-height:1.2}.analytics-demo__story>p{color:#716b7c;max-width:300px;margin:0;font-size:13px;line-height:1.75}.analytics-demo__insight{align-items:flex-start;gap:12px;margin-top:26px;display:flex}.analytics-demo__insight>span{color:#7d5ac4;background:#f3effb;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.analytics-demo__insight p{color:#6e627a;margin:0;font-size:12px;line-height:1.7}.analytics-demo__insight strong{color:#51425f;font-weight:500}.analytics-demo__visual{align-self:center;min-width:0}.analytics-demo__metrics{border-bottom:1px solid #eeeaf4;align-items:center;gap:26px;padding-bottom:24px;display:flex}.analytics-demo__metrics>div:first-child{margin-right:auto}.analytics-demo__metrics span{color:#6e627a;margin-bottom:6px;font-size:11px;display:block}.analytics-demo__metrics strong{letter-spacing:-.055em;color:#36244f;white-space:nowrap;font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.2;display:block}.analytics-demo__metrics small{color:#75628e;font-size:.65em;font-weight:400}.analytics-demo__metrics b{color:#51425f;white-space:nowrap;font-size:16px;font-weight:500}.analytics-demo__chart-title{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.analytics-demo__chart-title h4{color:#51425f;margin:0;font-size:12px;font-weight:500}.analytics-demo__chart-title>span{color:#6e627a;font-size:10px}.analytics-demo__line{width:100%;height:212px;margin-top:10px;display:block;overflow:visible}.analytics-demo__grid{stroke:#eeeaf4;stroke-dasharray:4 5;fill:none}.analytics-demo__axis{fill:#6e627a;font:11px Inter,sans-serif}.analytics-demo__customers{flex-direction:column;justify-content:center;height:222px;display:flex}.analytics-demo__stack{border-radius:10px;gap:4px;height:58px;display:flex;overflow:hidden}.analytics-demo__stack>span{flex-basis:var(--share);color:#fff;background:#7050b7;place-items:center;font-size:18px;font-weight:500;display:grid}.analytics-demo__stack>span+span{color:#6b557c;background:#e9e1f6}.analytics-demo__legend{gap:44px;margin-top:24px;display:flex}.analytics-demo__legend span{color:#6e627a;align-items:center;gap:7px;font-size:12px;display:flex}.analytics-demo__legend i{background:#9477da;border-radius:50%;width:7px;height:7px}.analytics-demo__legend>div+div i{background:#e9e1f6}.analytics-demo__legend strong{color:#51425f;margin:4px 0 0 14px;font-size:16px;font-weight:500;display:block}.analytics-demo__bars{gap:22px;height:222px;padding-top:30px;display:flex}.analytics-demo__day{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:27px;display:flex;position:relative}.analytics-demo__day>div{height:var(--height);transform-origin:bottom;background:#e4daf7;border-radius:7px 7px 2px 2px;width:100%;max-width:48px;position:relative}.analytics-demo__day--peak>div{background:#9477da}.analytics-demo__day b{text-align:center;color:#78638d;width:100%;font-size:11px;font-weight:500;position:absolute;top:-24px}.analytics-demo__day>span{color:#6e627a;font-size:11px;position:absolute;bottom:0}.analytics-demo__telegram{background:#f8f6fc;border-top:1px solid #eeeaf4;align-items:center;gap:14px;padding:20px 32px;display:flex}.analytics-demo__telegram-icon{color:#8d70c6;background:#ece5f9;border-radius:11px;flex-shrink:0;width:36px;height:36px;padding:7px}.analytics-demo__telegram-icon svg{width:100%;height:100%}.analytics-demo__telegram strong{color:#51425f;font-size:13px;font-weight:500;display:block}.analytics-demo__telegram div>span{color:#6e627a;margin-top:2px;font-size:12px;display:block}.analytics-demo__telegram-note{color:#6e627a;margin-left:auto;font-size:11px}@media (prefers-reduced-motion:no-preference){.analytics-demo[data-ready] .analytics-demo__visual{animation:.35s both analytics-appear}.analytics-demo[data-ready] .analytics-demo__trend{animation:.8s both analytics-draw}.analytics-demo[data-ready] .analytics-demo__day>div{animation:.5s both analytics-grow}}@keyframes analytics-appear{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes analytics-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes analytics-grow{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@media (width<=1000px){.analytics-demo__toolbar{flex-wrap:wrap;gap:8px;padding:16px 22px}.analytics-demo__panel{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:28px;padding:28px}.analytics-demo__metrics{flex-wrap:wrap;gap:16px}.analytics-demo__metrics>div:first-child{flex-basis:100%}.analytics-demo__telegram-note{display:none}}@media (width<=700px){.analytics-demo .analytics-demo__intro{max-width:280px;margin-bottom:24px;font-size:13px}.analytics-demo__frame{border-radius:18px}.analytics-demo__toolbar{padding:14px 16px}.analytics-demo__tabs{flex-wrap:wrap;gap:4px;width:100%}.analytics-demo__tabs button{min-height:38px;padding:9px 10px;font-size:11px}.analytics-demo__sample{font-size:9px}.analytics-demo__panel{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 20px}.analytics-demo__story h3{margin:10px 0;font-size:25px}.analytics-demo__story h3 br{display:none}.analytics-demo__story>p{max-width:none;font-size:12px}.analytics-demo__insight{margin-top:16px}.analytics-demo__metrics{gap:18px;padding-bottom:18px}.analytics-demo__metrics>div:first-child{flex-basis:100%}.analytics-demo__metrics strong{font-size:34px}.analytics-demo__line{height:auto;min-height:142px}.analytics-demo__bars,.analytics-demo__customers{height:172px}.analytics-demo__bars{gap:12px}.analytics-demo__legend{gap:24px}.analytics-demo__legend span{font-size:11px}.analytics-demo__legend strong{font-size:13px}.analytics-demo__telegram{align-items:flex-start;gap:10px;padding:18px 20px}.analytics-demo__telegram div>span{font-size:11px}}