:root{
  --score-good:#12915A;
  --score-good-ink:#0E6B43;
  --score-good-tint:rgba(18,145,90,.14);
  --score-mid:#BB6A08;
  --score-mid-ink:#8A5207;
  --score-mid-tint:rgba(187,106,8,.14);
  --score-bad:#D2340A;
  --score-bad-ink:#B32A05;
  --score-bad-tint:rgba(210,52,10,.13);
  --score-none:#8A7E6E;
  --score-none-ink:#6B6053;
  --score-none-tint:rgba(107,96,83,.12);
}

.ar-good{--score:var(--score-good);--score-ink:var(--score-good-ink);--score-tint:var(--score-good-tint)}
.ar-mid{--score:var(--score-mid);--score-ink:var(--score-mid-ink);--score-tint:var(--score-mid-tint)}
.ar-bad{--score:var(--score-bad);--score-ink:var(--score-bad-ink);--score-tint:var(--score-bad-tint)}
.ar-none{--score:var(--score-none);--score-ink:var(--score-none-ink);--score-tint:var(--score-none-tint)}

.ar-shell{padding:118px 0 0}
.ar-head{margin-bottom:28px}
.ar-head h1{font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:1.05;
  font-size:clamp(32px,4.6vw,50px);margin:0 0 15px}
.ar-lede{font-size:clamp(15px,1.6vw,17px);color:var(--ink-2);line-height:1.62;max-width:62ch}
.ar-lede a{color:var(--accent);font-weight:600;border-bottom:1px solid var(--accent-line)}
.ar-lede a:hover{border-color:var(--accent)}

.ar-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ar-facts>div{flex:1 1 168px;background:var(--tile);border:1px solid var(--line-strong);padding:14px 18px}
.ar-facts dt{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-2)}
.ar-facts dd{margin-top:7px;font-family:var(--display);font-size:20px;font-weight:700;
  letter-spacing:-.03em;color:var(--ink)}

.ar-form-win{border:1px solid var(--line-strong);background:var(--tile-2);
  margin-top:6px}
.ar-form{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}
.ar-form label{display:flex;align-items:center;gap:10px;flex:1;min-width:260px;padding:0 18px;
  border-right:1px solid var(--line)}
.ar-form label svg{flex:none;color:var(--dim)}
.ar-form input{flex:1;min-width:0;background:transparent;border:none;color:var(--ink);
  font-family:var(--mono);font-size:14.5px;padding:19px 0;outline:none}
.ar-form input::placeholder{color:var(--dim-2)}
.ar-form button{flex:none;padding:19px 26px;font-family:var(--sans);font-size:12.5px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;
  background:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:9px;transition:background .2s}
.ar-form button:hover:not(:disabled){background:var(--ink)}
.ar-form button:disabled{background:var(--dim-2);cursor:progress}
.ar-form button svg{flex:none;transition:transform .2s}
.ar-form button:hover:not(:disabled) svg{transform:translateX(3px)}

.ar-status{display:flex;align-items:center;gap:9px;padding:12px 18px;border-top:1px solid var(--line-strong);
  background:var(--tile-3);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-2)}
.ar-status i{width:8px;height:8px;flex:none;background:var(--dim)}
.ar-status.is-busy i{background:var(--accent);animation:pulse 1.2s infinite}
.ar-status.is-busy{color:var(--accent-deep)}
.ar-status.is-error i{background:var(--score-bad)}
.ar-status.is-error{color:var(--score-bad);text-transform:none;letter-spacing:0;font-size:13px}
.ar-status .ar-elapsed{margin-left:auto;color:var(--ink-2)}

.ar-note{margin-top:18px;font-size:14px;color:var(--ink-2);line-height:1.65}

.ar-h2{font-family:var(--display);font-size:clamp(20px,2.4vw,26px);font-weight:700;
  letter-spacing:-.03em;color:var(--ink)}
.ar-h2-sub{margin-top:10px;font-size:15px;color:var(--ink-2);line-height:1.62;max-width:68ch}

.ar-scale-sec{border-top:var(--hair);margin-top:64px;padding:64px 0 0}
.ar-scale-head .eyebrow{margin-bottom:14px}
.ar-scale{margin-top:28px}
.ar-scale-track{display:flex;border:1px solid var(--line-strong)}
.ar-scale-seg{background:var(--score);height:52px;display:flex;align-items:center;
  justify-content:center;border-right:1px solid var(--line-strong)}
.ar-scale-seg:last-child{border-right:none}
.ar-scale-seg .g{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.02em;color:#fff}
.ar-scale-seg.is-good{--score:var(--score-good)}
.ar-scale-seg.is-mid{--score:var(--score-mid)}
.ar-scale-seg.is-bad{--score:var(--score-bad)}
.ar-scale-axis{position:relative;height:24px;margin-top:7px}
.ar-scale-axis span{position:absolute;top:0;transform:translateX(-50%);font-family:var(--mono);
  font-size:12px;font-weight:500;color:var(--ink-2)}
.ar-scale-axis span:first-child{transform:none}
.ar-scale-axis span:last-child{transform:translateX(-100%)}

.ar-what{border-top:var(--hair);margin-top:64px;padding:64px 0 72px}
.ar-what .eyebrow{margin-bottom:14px}
.ar-what .ar-h2{margin-bottom:24px}
.ar-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.ar-cat-cell{background:var(--tile);border:1px solid var(--line-strong);padding:22px 24px}
.ar-cat-cell .n{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.06em}
.ar-cat-cell h3{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.02em;
  margin:10px 0 9px;color:var(--ink)}
.ar-cat-cell p{font-size:13.5px;color:var(--ink-2);line-height:1.6}

@media (max-width:760px){
  .ar-shell{padding-top:100px}
  .ar-form label{border-right:none;border-bottom:1px solid var(--line)}
  .ar-form button{width:100%;justify-content:center}
  .ar-cat-grid{grid-template-columns:1fr}
  .ar-scale-seg .g{font-size:15px}
}