.usage-dashboard{--dash-rule: color-mix(in oklch, var(--fg) 17%, transparent);--dash-muted: color-mix(in oklch, var(--fg) 76%, var(--paper));box-sizing:border-box;height:calc(100dvh - 5.0625rem);padding:clamp(var(--s-3),2vw,var(--s-5));background:linear-gradient(90deg,color-mix(in oklch,var(--fg) 5%,transparent) 1px,transparent 1px) 0 0/4.5rem 4.5rem,linear-gradient(0deg,color-mix(in oklch,var(--fg) 4%,transparent) 1px,transparent 1px) 0 0/4.5rem 4.5rem,radial-gradient(circle at 18% 18%,color-mix(in oklch,var(--paper-green) 22%,transparent),transparent 32rem),radial-gradient(circle at 88% 18%,color-mix(in oklch,var(--paper-gold) 30%,transparent),transparent 30rem),var(--paper);color:var(--fg);overflow:clip}.dashboard-board{box-sizing:border-box;width:min(100%,1440px);height:100%;margin-inline:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(var(--s-3),1.5vw,var(--s-5));border:1px solid var(--dash-rule);padding:clamp(var(--s-3),2vw,var(--s-5))}.board-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-5);align-items:start;border-bottom:1px solid var(--dash-rule);padding-bottom:var(--s-3)}.board-kicker,.board-date span,.hero-number p,.hero-number span,.metric-strip span,.metric-strip small,.growth-callout span,.growth-curve text{font-family:var(--ff-mono);font-size:var(--t-body-sm);font-weight:800;letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--dash-muted)}.board-kicker{margin:0}.board-header h1{margin-top:var(--s-2);font-family:var(--ff-display);font-size:clamp(3rem,5.5vw,5rem);line-height:.92;letter-spacing:0;max-width:10ch;text-wrap:balance}.board-date strong{display:block;margin-top:var(--s-2);font-family:var(--ff-mono);font-size:var(--t-body-sm);color:var(--fg);white-space:nowrap}.board-main{display:grid;grid-template-columns:minmax(0,.78fr) minmax(26rem,1fr);gap:clamp(var(--s-4),4vw,var(--s-7));align-items:center;min-height:0}.hero-number strong{display:block;margin-top:var(--s-3);font-family:var(--ff-display);font-size:clamp(6rem,14vw,13rem);font-weight:400;line-height:.78;letter-spacing:0;color:var(--fg)}.hero-number span{display:block;margin-top:clamp(var(--s-5),2.4vw,var(--s-7));padding-left:.08em;line-height:1.35}.growth-curve{position:relative;min-height:21rem}.growth-curve svg{width:100%;height:100%;min-height:21rem;overflow:visible}.growth-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.growth-area{fill:color-mix(in oklch,var(--paper-gold) 18%,transparent)}.growth-line{stroke:var(--paper-gold);stroke-width:7}.growth-axis,.chart-grid{stroke:var(--dash-rule);stroke-width:1}.chart-grid{stroke-dasharray:2 8}.growth-dot{fill:color-mix(in oklch,var(--paper) 78%,white);stroke:color-mix(in oklch,var(--paper-green) 86%,var(--fg));stroke-width:3}.growth-dot.is-current{fill:var(--paper);stroke:var(--paper-gold);stroke-width:5}.growth-curve .axis-label{fill:color-mix(in oklch,var(--fg) 58%,var(--paper))}.growth-curve .point-value,.growth-curve .delta-label{fill:var(--fg);font-family:var(--ff-display);font-size:1.6rem;font-weight:400;letter-spacing:0;text-transform:none}.growth-curve .delta-label{fill:color-mix(in oklch,var(--paper-green) 78%,var(--fg));font-size:1.35rem}.growth-curve img{position:absolute;right:9%;top:48%;width:clamp(4.8rem,7vw,6.6rem);filter:drop-shadow(0 18px 28px color-mix(in oklch,var(--fg) 16%,transparent))}.growth-callout{position:absolute;z-index:2;left:24%;top:6%;padding:var(--s-2) var(--s-4);border:1px solid var(--dash-rule);background:color-mix(in oklch,var(--paper) 82%,transparent)}.growth-callout strong{display:block;margin-top:var(--s-1);font-family:var(--ff-display);font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--dash-rule)}.metric-strip article{min-height:5rem;padding:var(--s-2) var(--s-4);border-right:1px solid var(--dash-rule)}.metric-strip article:last-child{border-right:0}.metric-strip strong{display:block;margin-top:var(--s-1);font-family:var(--ff-display);font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:400;line-height:.95}.metric-strip small{display:block;margin-top:var(--s-1)}@media(max-width:980px){.usage-dashboard{height:auto;overflow:visible}.dashboard-board{height:auto}.board-main,.board-header{grid-template-columns:1fr}.growth-curve{min-height:22rem}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip article:nth-child(2){border-right:0}.metric-strip article:nth-child(n+3){border-top:1px solid var(--dash-rule)}}@media(max-width:620px){.board-header h1{font-size:clamp(3rem,14vw,4.8rem)}.metric-strip{grid-template-columns:1fr}.metric-strip article{border-right:0;border-top:1px solid var(--dash-rule)}.metric-strip article:first-child{border-top:0}}