/* Homepage report card that changes by itself (hero-reports.js). Only pages that link this file get it. */
.dstack .lc .l1{animation:none}.dstack .dash.on .lc .l1{animation:draw 1.8s .3s cubic-bezier(.4,0,.2,1) forwards}
.dstack .lc .ar{animation:none}.dstack .dash.on .lc .ar{animation:fade .8s 1.4s forwards}
.dstack .lc .dt circle{animation:none}.dstack .dash.on .lc .dt circle{animation:fade .4s 1.8s forwards}
.dstack .dc circle{animation:none}.dstack .dash.on .dc circle{animation:fade .6s .6s both}
.sheet .tb{transition:background-color .5s,color .5s}
.sheet .tb .tool{margin-left:4px;flex:none;font:700 .7rem Inter,sans-serif;font-style:normal;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.18)}
.sheet .tb.lt i{background:rgba(0,0,0,.22)}.sheet .tb.lt .tool{background:rgba(0,0,0,.1)}
.hero-vis,.sheet,.dstack,.dstack>.dash,.dstack .charts>*{min-width:0}
.sheet .fx .f{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.sheet .tb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dstack{display:grid;background:#F7F9FC}
.dstack>.dash{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s,transform .45s,visibility 0s .45s}
.dstack>.dash.on{opacity:1;visibility:visible;transform:none;transition:opacity .5s .12s,transform .5s .12s}
.dstack .ch{display:flex;flex-direction:column}
.dstack .ch>:last-child{margin-top:auto;margin-bottom:auto}
.rc{width:100%;height:auto;display:block;overflow:visible}
.rc text{font:600 10px Inter,sans-serif;fill:#6B7280}
.rc text.mid{text-anchor:middle}.rc text.v{font-weight:700;fill:#0B1630}.rc text.w{font-weight:700;fill:#fff}
.rc text.in{font:700 9.5px Inter,sans-serif;fill:#fff;text-anchor:middle}
.rc .gl line{stroke:#EEF1F5;stroke-width:1}
.rc .tgt{stroke:#EF4444;stroke-width:1.4;stroke-dasharray:5 4}
.rc .cn{stroke:#9AA6B8;stroke-width:1;stroke-dasharray:3 3}
.rc .now{stroke:#9AA6B8;stroke-width:1;stroke-dasharray:2 3}
.rc .ln{fill:none;stroke:#2F5F8A;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.rc .fc{fill:none;stroke:#7B61FF;stroke-width:2.4;stroke-dasharray:5 4;stroke-linecap:round}
.rc .band{fill:#7B61FF;fill-opacity:.14}
.rc .g{transform-box:fill-box;transform-origin:left center}
.rc .gy{transform-box:fill-box;transform-origin:center bottom}
.rc .gt{transform-box:fill-box;transform-origin:center top}
.rc .gc{transform-box:fill-box;transform-origin:center}
.dash.on .rc .g,.dash.on .rc .gc{animation:growx .8s cubic-bezier(.3,.7,.3,1) both;animation-delay:calc(.25s + var(--i,0) * .08s)}
.dash.on .rc .gy,.dash.on .rc .gt{animation:growy .7s cubic-bezier(.3,.7,.3,1) both;animation-delay:calc(.25s + var(--i,0) * .12s)}
.dash.on .rc .fi{animation:fade .45s both;animation-delay:calc(.35s + var(--i,0) * .06s)}
.dash.on .rc .ln{animation:draw 1.4s .3s cubic-bezier(.4,0,.2,1) forwards}
@keyframes growx{from{transform:scaleX(0)}}
@keyframes growy{from{transform:scaleY(0)}}
.rl{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.72rem;color:#4B5563;width:100%}
.rl li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 8px}
.rl li>span:first-child{display:flex;align-items:center;gap:6px}
.rl b{color:#0B1630}
.rl .pb{flex:0 0 100%;height:6px;border-radius:99px;background:#EEF1F5;position:relative}
.rl .pb i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:99px;background:var(--c,#2A6EB5);transform-origin:left}
.dash.on .rl .pb i{animation:growx .8s cubic-bezier(.3,.7,.3,1) both;animation-delay:calc(.3s + var(--i,0) * .08s)}
.rl .pb em{position:absolute;top:-3px;bottom:-3px;left:var(--t);width:2px;border-radius:2px;background:#0B1630}
.rl .sw{width:8px;height:8px;border-radius:2px;display:inline-block}
.gw{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.ga{width:118px;height:auto}
.ga path{fill:none;stroke-width:12;stroke-linecap:round}
.ga .bg{stroke:#EEF1F5}
.ga .fg{stroke:#F2B705;stroke-dasharray:100;stroke-dashoffset:var(--o)}
.dash.on .ga .fg{animation:gauge 1.1s .3s cubic-bezier(.3,.7,.3,1) both}
@keyframes gauge{from{stroke-dashoffset:100}}
.ga text{font:800 17px "Plus Jakarta Sans",sans-serif;fill:#0B1630;text-anchor:middle}
.stk{display:flex;width:100%;height:14px;border-radius:7px;overflow:hidden;gap:2px}
.stk i{display:block;height:100%;transform-origin:left}
.dash.on .stk i{animation:growx .6s cubic-bezier(.3,.7,.3,1) both;animation-delay:calc(.3s + var(--i,0) * .12s)}
.rdots{display:flex;justify-content:center;gap:6px;padding:0 0 12px;background:#F7F9FC}
.rdots span{width:7px;height:7px;border-radius:99px;background:#D3DCE8;overflow:hidden;cursor:pointer;transition:width .3s}
.rdots span.on{width:28px}
.rdots i{display:block;height:100%;width:0;background:#2A6EB5;border-radius:99px}
@media(max-width:560px){.rl{font-size:.64rem;gap:5px}.ga{width:92px}.sheet .tb .tool{display:none}.dstack .cht span{display:none}}
@media(prefers-reduced-motion:reduce){.rdots{display:none}.rc .ln{stroke-dashoffset:0}}
