:root{--accent:#9bc53d;--accent-2:#3b6f28;--hero-position:center}

.hero::before{content:"";position:absolute;inset:auto -10vw -18vw auto;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent),transparent 66%);z-index:1;pointer-events:none}

.performance-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gauge-card{background:#fff;border:1px solid rgba(7,17,29,.1);border-radius:26px;padding:28px;text-align:center;box-shadow:0 16px 44px rgba(7,17,29,.08)}.gauge{width:190px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(var(--accent) calc(var(--p)*1%),#e7e7e2 0);position:relative}.gauge::before{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.gauge div{position:relative;z-index:1;display:grid}.gauge strong{font:900 42px/1 "Arial Narrow",Arial,sans-serif}.gauge span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6d767e;margin-top:6px}.gauge-card h3{margin:22px 0 0}@media(max-width:800px){.performance-dashboard{grid-template-columns:1fr}}