/* Cumulative profit and month-to-date customers use distinct labeled linear scales. */
.hero-platform-visual.hero-platform-refined .hero-customers-chart { margin:22px 0 0; color:#201c29; }
.hero-platform-visual.hero-platform-refined .hero-customers-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:14px; }
.hero-platform-visual.hero-platform-refined .hero-customers-heading h4 { margin:0; font-size:10px; font-weight:500; color:#51465d; }
.hero-platform-visual.hero-platform-refined .hero-customers-heading>span { font-size:8px; color:#8b8195; }
.hero-platform-visual.hero-platform-refined .hero-customers-legend { display:flex; justify-content:space-between; gap:18px; margin-bottom:13px; }
.hero-platform-visual.hero-platform-refined .hero-customers-legend>div { min-width:0; }
.hero-platform-visual.hero-platform-refined .hero-customers-legend>div>span { display:flex; align-items:center; flex-wrap:wrap; gap:5px; font-size:8px; line-height:1.35; color:#6b6375; }
.hero-platform-visual.hero-platform-refined .hero-customers-legend i { width:12px; height:2px; flex:none; }
.hero-platform-visual.hero-platform-refined .hero-series-revenue { text-align:right; }
.hero-platform-visual.hero-platform-refined .hero-series-revenue>span { justify-content:flex-end; }
.hero-platform-visual.hero-platform-refined .hero-series-revenue i { background:#8260b5; }
.hero-platform-visual.hero-platform-refined .hero-series-active i { height:3px; background:radial-gradient(circle,#201c29 1px,transparent 1.4px) 0 50%/4px 3px repeat-x; }
.hero-platform-visual.hero-platform-refined .hero-customers-legend small { font-size:7px; color:#8b8195; margin-left:3px; }
.hero-platform-visual.hero-platform-refined .hero-customers-legend strong { display:block; margin-top:5px; font-size:21px; line-height:1.2; font-weight:500; letter-spacing:-.6px; color:#201c29; font-variant-numeric:tabular-nums; white-space:nowrap; }
.hero-platform-visual.hero-platform-refined .hero-time-plot { position:relative; padding:0 41px 0 30px; }
.hero-platform-visual.hero-platform-refined .hero-revenue-svg { display:block; width:100%; height:133px; overflow:visible; }
.hero-platform-visual.hero-platform-refined .hero-daily-svg { display:block; width:100%; height:56px; overflow:visible; }
.hero-platform-visual.hero-platform-refined .hero-customers-grid { fill:none; stroke:#dcd9e2; stroke-width:1; }
.hero-platform-visual.hero-platform-refined .hero-revenue-area { fill:#f6f1fb; }
.hero-platform-visual.hero-platform-refined .hero-revenue-line,
.hero-platform-visual.hero-platform-refined .hero-active-line { fill:none; vector-effect:non-scaling-stroke; stroke-linejoin:round; stroke-linecap:round; }
.hero-platform-visual.hero-platform-refined .hero-revenue-line { stroke:#7955b8; stroke-width:2; }
.hero-platform-visual.hero-platform-refined .hero-active-line { stroke:#201c29; stroke-width:1.8; stroke-dasharray:.1 4.6; }
.hero-platform-visual.hero-platform-refined .hero-revenue-end { fill:#7955b8; stroke:#fff; stroke-width:1.5; }
.hero-platform-visual.hero-platform-refined .hero-active-end { fill:#201c29; stroke:#fff; stroke-width:1.5; }
.hero-platform-visual.hero-platform-refined .hero-revenue-axis,
.hero-platform-visual.hero-platform-refined .hero-active-axis { position:absolute; top:0; bottom:0; width:35px; font-size:8px; line-height:1; color:#6c6475; }
.hero-platform-visual.hero-platform-refined .hero-revenue-axis { right:0; text-align:right; }
.hero-platform-visual.hero-platform-refined .hero-active-axis { left:0; width:24px; }
.hero-platform-visual.hero-platform-refined .hero-revenue-axis span,
.hero-platform-visual.hero-platform-refined .hero-active-axis span { position:absolute; transform:translateY(-50%); }
.hero-platform-visual.hero-platform-refined .hero-revenue-axis span { right:0; }
.hero-platform-visual.hero-platform-refined .hero-revenue-axis span:nth-child(1) { top:7.595%; }
.hero-platform-visual.hero-platform-refined .hero-revenue-axis span:nth-child(2) { top:51.266%; }
.hero-platform-visual.hero-platform-refined .hero-revenue-axis span:nth-child(3) { top:94.937%; }
.hero-platform-visual.hero-platform-refined .hero-active-axis span { left:0; }
.hero-platform-visual.hero-platform-refined .hero-active-axis span:nth-child(1) { top:7.595%; }
.hero-platform-visual.hero-platform-refined .hero-active-axis span:nth-child(2) { top:51.266%; }
.hero-platform-visual.hero-platform-refined .hero-active-axis span:nth-child(3) { top:94.937%; }
.hero-platform-visual.hero-platform-refined .hero-daily-heading { display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin:13px 0 8px; font-size:8px; color:#544b5e; }
.hero-platform-visual.hero-platform-refined .hero-daily-heading small { font-size:7px; color:#8b8195; }
.hero-platform-visual.hero-platform-refined .hero-customers-dates { position:relative; margin:5px 41px 0 30px; height:12px; font-size:8px; line-height:1; color:#8b8195; }
.hero-platform-visual.hero-platform-refined .hero-customers-dates span { position:absolute; top:0; }
.hero-platform-visual.hero-platform-refined .hero-customers-dates span:nth-child(1) { left:0; }
.hero-platform-visual.hero-platform-refined .hero-customers-dates span:nth-child(2) { left:31.034%; transform:translateX(-50%); }
.hero-platform-visual.hero-platform-refined .hero-customers-dates span:nth-child(3) { left:65.517%; transform:translateX(-50%); }
.hero-platform-visual.hero-platform-refined .hero-customers-dates span:nth-child(4) { right:0; }
.hero-platform-visual.hero-platform-refined .hero-customers-note { margin-top:9px; font-size:8px; line-height:1.5; color:#8b8195; }
@media(max-width:650px) {
 .hero-platform-visual.hero-platform-refined .hero-customers-chart { margin-top:17px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-heading { margin-bottom:11px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-heading h4 { font-size:8px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-heading>span { font-size:7px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-legend { gap:10px; margin-bottom:9px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-legend>div>span { font-size:7px; gap:4px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-legend i { width:9px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-legend small { flex-basis:100%; font-size:6px; margin:0; }
 .hero-platform-visual.hero-platform-refined .hero-customers-legend strong { font-size:17px; letter-spacing:-.4px; }
 .hero-platform-visual.hero-platform-refined .hero-time-plot { padding-left:26px; padding-right:32px; }
 .hero-platform-visual.hero-platform-refined .hero-revenue-svg { height:100px; }
 .hero-platform-visual.hero-platform-refined .hero-daily-svg { height:48px; }
 .hero-platform-visual.hero-platform-refined .hero-revenue-axis,
 .hero-platform-visual.hero-platform-refined .hero-active-axis { font-size:6px; width:27px; }
 .hero-platform-visual.hero-platform-refined .hero-daily-heading { margin-top:10px; font-size:7px; }
 .hero-platform-visual.hero-platform-refined .hero-daily-heading small { font-size:6px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-dates { margin-left:26px; margin-right:32px; font-size:6px; height:10px; }
 .hero-platform-visual.hero-platform-refined .hero-customers-note { font-size:6px; }
 .hero-platform-visual.hero-platform-refined .hero-revenue-line { stroke-width:1.6; }
 .hero-platform-visual.hero-platform-refined .hero-active-line { stroke-width:1.6; stroke-dasharray:.1 3.4; }
}
@media(max-width:359px) {
 .hero-platform-visual.hero-platform-refined .hero-customers-legend strong { font-size:15px; }
}

.hero-platform-visual.hero-platform-refined .hero-combined-axis-labels { display:flex; justify-content:space-between; gap:14px; margin:3px 0 7px; font-size:7px; color:#706778; }
@media(max-width:650px) { .hero-platform-visual.hero-platform-refined .hero-combined-axis-labels { font-size:6px; } }