.hb-hero h1{max-width:15ch;font-size:clamp(40px,9vw,72px)}.hb-hero h1 span,.zf-hero h1 span{color:var(--grey-2nd)}.hb-hero .hero-ctas{margin-top:28px}.hb-shot{max-width:860px;margin:0 auto}.hb-shot .ft-tiles b{font-size:28px}.hb-shot .ft-tiles span{font-size:13px}.hb-shot .ft-chart-h{font-size:15px}.hb-mbar{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}.hb-mbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-mbar i{display:block;height:14px;width:var(--p);min-width:4px;border-radius:4px;background:linear-gradient(90deg,#6548e8,#a35cf0);transform-origin:left;animation:hb-grow .9s cubic-bezier(.2,.7,.2,1) both}.hb-mbar b{font:500 13px/1 var(--font-mono);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.hb-sk,.hb-skrow{border-radius:6px;background:linear-gradient(90deg,var(--panel),#ebe9f3,var(--panel));background-size:200% 100%;animation:hb-shimmer 1.4s linear infinite}.hb-sk{display:block;height:28px;width:60%}.hb-skrow{height:14px}.hb-skrow+.hb-skrow{width:70%}.hb-empty{display:grid;gap:6px;padding:8px 0}.hb-empty b{font:650 22px/1.2 var(--display);letter-spacing:-.03em}.hb-empty p{color:var(--ink-2);font-size:16px;line-height:1.55}.hb-meta{margin-top:28px}.hb-legend{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;color:var(--ink-2)}.hb-legend span{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.hb-legend i{display:inline-block;width:14px;height:10px;border-radius:3px}.hb-legend-split i{margin-left:4px}.hb-legend .cal,.hb-bar.cal i{background:linear-gradient(90deg,#6548e8,#a35cf0)}.hb-legend .hrs,.hb-bar.hrs i{background:linear-gradient(90deg,#e8559a,#f6844b)}.s1{background:#c4b5fd}.s2{background:#6548e8}.s3{background:#2fa37a}.hb-note{margin-top:12px;font-size:15px;line-height:1.5;color:var(--ink-3);max-width:62ch}.hb-chart{margin-top:20px;display:grid;border-top:1px solid var(--cu-line)}.hb-row{display:grid;gap:14px;padding:22px 0;border-bottom:1px solid var(--cu-line)}.hb-row.hb-loading{gap:10px}.hb-name h3{margin-top:6px;font:650 21px/1.2 var(--display);letter-spacing:-.03em;color:var(--ink)}.hb-name p{margin-top:4px;color:var(--ink-2);font-size:15px;line-height:1.45}.hb-count{display:inline-flex;font:500 12px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.hb-bars{display:grid;gap:10px;min-width:0}.hb-bar{display:grid;grid-template-columns:72px minmax(0,1fr) 92px;align-items:center;gap:12px}.hb-bar .l{font:500 12px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.hb-bar .t{display:block;height:16px;border-radius:5px;background:var(--panel);overflow:hidden}.hb-bar i{display:block;height:100%;width:var(--p);min-width:3px;border-radius:5px;transform-origin:left;animation:hb-grow 1s cubic-bezier(.2,.7,.2,1) both}.hb-bar b{font:600 15px/1 var(--font-ui);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.hb-split{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--panel);margin-top:4px}.hb-split i{display:block;height:100%}.hb-split-t{font-size:15px;color:var(--ink-3);line-height:1.4}.hb-method{margin-top:40px}.hb-method>div span:last-child{font-size:15px}.zf-ai .zf-h2{max-width:20ch}.hb-ctas .btn-ghost{background:#1b1a22;color:#fff}@keyframes hb-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.hb-bar i,.hb-mbar i,.hb-sk,.hb-skrow{animation:none}}@media(max-width:640px){.hb-mbar{grid-template-columns:minmax(0,1fr) 34px;gap:4px 8px;font-size:14px}.hb-mbar span{grid-column:1 / -1;white-space:normal}.hb-bar{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.hb-bar .l{grid-column:1;grid-row:1}.hb-bar b{grid-column:2;grid-row:1}.hb-bar .t{grid-column:1 / -1;grid-row:2}.hb-shot .ft-tiles b{font-size:22px}.hb-shot .ft-tiles small{font-size:10.5px}}@media(min-width:900px){.hb-row{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;padding:28px 0;align-items:center}}
