:root{color:#eef7f5;background:#061310;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(1180px,100% - 32px);margin:auto;padding:52px 0}.eyebrow{color:#55d6be;letter-spacing:.12em;text-transform:uppercase;font-weight:800}h1{letter-spacing:-.05em;margin:6px 0;font-size:clamp(2.2rem,6vw,4.8rem)}.lede,.note{color:#9db8b2;max-width:760px;line-height:1.6}main>label{color:#9db8b2;align-items:center;gap:10px;margin-right:12px;font-weight:700;display:inline-flex}select{color:#eef7f5;font:inherit;background:#0c1e1a;border:1px solid #2b574e;border-radius:7px;padding:10px 12px}button{color:#061310;font:inherit;cursor:pointer;background:#55d6be;border:0;border-radius:9px;margin:22px 0;padding:12px 18px;font-weight:800}button:disabled{cursor:wait;opacity:.55}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}article{background:#0c1e1a;border:1px solid #1d3d36;border-radius:10px;padding:14px}article span{color:#799a93;text-transform:uppercase;font-size:.72rem;display:block}article strong{font-variant-numeric:tabular-nums;margin-top:6px;display:block}canvas{background:#071412;border:1px solid #1d3d36;border-radius:12px;width:100%;height:auto;display:block}