@property --vitals-p{syntax:"<number>";inherits:true;initial-value:0}@property --vitals-n{syntax:"<integer>";inherits:true;initial-value:0}.vitals{--tone:var(--secondary);--tone-rgb:var(--secondary-rgb);max-width:1400px;margin:0 auto;padding:clamp(18px,2.4vw,32px) clamp(18px,4vw,64px) clamp(24px,3.4vw,48px);border-radius:var(--radius);background:var(--dark);color:var(--paper)}  .vitals__bar{display:flex;align-items:center;gap:7px;margin:0 0 clamp(28px,4vw,56px)}.vitals__bar i{flex:none;width:10px;height:10px;border-radius:50%;background:rgba(var(--paper-rgb),.18)}.vitals__bar span{min-width:0;margin-left:12px;padding:7px 16px;border-radius:999px;background:rgba(var(--paper-rgb),.07);font-size:13px;color:rgba(var(--paper-rgb),.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}  .vitals__scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px clamp(16px,3vw,40px);margin:0;padding:0;list-style:none;text-align:center}.vitals__score{--vitals-p:var(--score);--vitals-n:var(--score);display:grid;justify-items:center;align-content:start;gap:16px;transition:--vitals-p 1.8s var(--ease),--vitals-n 1.8s var(--ease);transition-delay:calc(.3s + var(--i,0) * .12s)}.js .vitals:not(.is-in) .vitals__score{--vitals-p:0;--vitals-n:0}.vitals__score--average{--tone:#ffa400;--tone-rgb:255,164,0}.vitals__score--fail{--tone:#ff4e42;--tone-rgb:255,78,66}.vitals__gauge{position:relative;display:grid;place-items:center;width:clamp(96px,9vw,136px);aspect-ratio:1;border-radius:50%;background:rgba(var(--tone-rgb),.1)}.vitals__gauge svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:7}.vitals__track{stroke:rgba(var(--tone-rgb),.14)}.vitals__arc{stroke:var(--tone);stroke-linecap:round;stroke-dasharray:var(--vitals-p) 100}.vitals__num{counter-reset:vitals var(--vitals-n);font-size:clamp(30px,2.8vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--tone);font-variant-numeric:tabular-nums}.vitals__num::after{content:counter(vitals)}.vitals__label{font-size:clamp(15px,1.2vw,18px);font-weight:700;line-height:1.3}  .vitals__metrics{margin-top:clamp(36px,4.6vw,60px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(var(--paper-rgb),.12)}.vitals__sub{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--paper-rgb),.6)}  .vitals__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(16px,3vw,40px);margin:0}  .vitals__metric{display:grid;grid-template-columns:auto minmax(0,1fr);grid-row:span 2;grid-template-rows:subgrid;column-gap:12px;padding:16px 0;border-bottom:1px solid rgba(var(--paper-rgb),.08);transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:calc(1s + var(--i,0) * .08s)}.vitals__metric::before{content:"";grid-row:span 2;width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--secondary)}.vitals__metric>*{grid-column:2}.js .vitals:not(.is-in) .vitals__metric{opacity:0;transform:translateY(12px)}.vitals__metric dt{font-size:14px;line-height:1.45;color:rgba(var(--paper-rgb),.75)}.vitals__metric small{padding:2px 8px;border:1px solid rgba(var(--secondary-rgb),.5);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;white-space:nowrap;color:var(--secondary)}.vitals__metric dd{display:flex;flex-wrap:wrap;align-items:center;align-content:start;gap:4px 12px;margin:4px 0 0;font-size:clamp(24px,2.2vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--secondary);font-variant-numeric:tabular-nums}  .vitals__foot{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:clamp(28px,3.6vw,44px)}.vitals__note{flex:1 1 320px;max-width:64ch;font-size:13px;line-height:1.55;color:rgba(var(--paper-rgb),.6)}.vitals .btn--accent{--fill:var(--paper);--fill-ink:var(--dark);margin-left:auto;background:var(--secondary);color:var(--dark);box-shadow:0 12px 30px rgba(var(--secondary-rgb),.22)}.vitals .btn--accent .btn__icon{background:var(--dark);color:var(--secondary)}@media (max-width:760px){.vitals__scores,.vitals__list{grid-template-columns:repeat(2,minmax(0,1fr))}.vitals .btn--accent{margin-left:0}}@media (max-width:480px){.vitals__list{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.vitals__score,.vitals__metric{transition-delay:0s}}