/* PROOF Scorecard instrument, in the Decision-in-motion system.
   The logic lives in /assets/scorecard.js (shared with the worker API); this
   file owns only presentation. */
.sc-main{background:var(--paper)}
.sc-wrap{max-width:760px;margin:0 auto;padding:60px 28px 110px}
.sc-step{display:none}
.sc-step.is-active{display:block}
.sc-h1{font-size:clamp(38px,5.4vw,58px);line-height:1;letter-spacing:-.05em;margin:20px 0 24px;font-weight:630}
.sc-h2{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.04em;line-height:1.1;margin:26px 0 14px;font-weight:630}
.sc-lede{font-size:clamp(17px,1.8vw,20px);line-height:1.55;color:var(--muted);margin:18px 0}
.sc-gates{display:grid;gap:10px;margin:34px 0}
.sc-gate{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:baseline;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 20px}
.sc-gate-k{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--signal)}
.sc-gate span:last-child{font-size:15px;color:var(--ink)}
.sc-fine{font-size:13px;color:#9aa0aa;line-height:1.6;margin-top:22px}
.sc-fine a{color:var(--muted)}
.sc-hint{color:var(--muted);font-size:15px;margin:0 0 18px}
.sc-label{display:block;font-weight:650;font-size:14px;margin:22px 0 8px}
.sc-prog{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9aa0aa;margin-bottom:6px}
.sc-bar{height:4px;background:var(--line);border-radius:99px;margin:14px 0 8px;overflow:hidden}
.sc-bar-in{height:100%;width:0;background:var(--signal);border-radius:99px;transition:width .25s}
.sc-opt{display:block;width:100%;text-align:left;font:inherit;font-weight:600;font-size:17px;padding:18px 22px;margin:10px 0;border:1.5px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;color:var(--ink)}
.sc-opt:hover{border-color:var(--ink)}
.sc-opt.is-sel{border-color:var(--signal);background:#fff5f3}
.sc-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap;align-items:center}
.sc-count{text-align:right;font-size:12px;color:#9aa0aa;margin-top:6px}
.sc-count.is-full{color:var(--signal);font-weight:700}
.sc-err{background:#fff0ee;border:1px solid var(--signal);color:#8f2013;border-radius:12px;padding:13px 16px;font-size:14px;margin-top:18px}
.sc-turnstile{margin-top:24px}
textarea,input[type=text],input[type=email]{width:100%;font:inherit;font-size:16px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}
textarea:focus,input:focus{outline:none;border-color:var(--ink)}
.sc-idx{display:flex;align-items:center;gap:20px;margin:26px 0}
.sc-idx-n{font-size:84px;font-weight:700;letter-spacing:-.06em;line-height:1}
.sc-idx-of{font-size:13px;color:var(--muted);line-height:1.35}
.sc-band{display:inline-block;border-radius:99px;padding:9px 14px;font-weight:750;font-size:13px;margin-left:auto}
.sc-band-1{background:#ffe4e0;color:#8f2013}
.sc-band-2{background:#fff3cf;color:#7a5b00}
.sc-band-3{background:var(--green);color:#1c2f00}
.sc-cap{background:#fff;border-left:4px solid var(--signal);border-radius:12px;padding:16px 20px;font-size:15px;line-height:1.55;margin:22px 0}
.sc-dims{display:grid;gap:12px;margin:26px 0}
.sc-dim{display:grid;grid-template-columns:96px 1fr 52px;align-items:center;gap:14px}
.sc-dim-k{font-size:13px;font-weight:700}
.sc-dim-track{height:8px;background:var(--line);border-radius:99px;overflow:hidden}
.sc-dim-fill{display:block;height:100%;background:var(--deep);border-radius:99px}
.sc-dim-v{font-size:13px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.sc-dim.is-weakest .sc-dim-k{color:var(--signal)}
.sc-dim.is-weakest .sc-dim-fill{background:var(--signal)}
.sc-writing{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px;margin:26px 0}
.sc-writing-dot{width:10px;height:10px;border-radius:50%;background:var(--signal);animation:pulse 1s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}
.sc-r-title{font-size:clamp(26px,3vw,34px);letter-spacing:-.035em;margin:40px 0 10px}
.sc-r-headline{font-size:18px;color:var(--muted);line-height:1.5}
.sc-r-para{line-height:1.68;margin:16px 0}
.sc-r-h{font-size:21px;letter-spacing:-.02em;margin:36px 0 14px}
.sc-r-finding{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:12px 0}
.sc-r-finding h4{margin:0 0 8px;font-size:16.5px}
.sc-r-finding p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.sc-r-tag{display:inline-block;margin-top:12px;font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--signal)}
.sc-r-step{display:grid;grid-template-columns:110px 1fr;gap:16px;margin:14px 0}
.sc-r-when{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--signal);padding-top:3px}
.sc-r-step h4{margin:0 0 6px;font-size:16px}
.sc-r-step p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.sc-r-link{margin-top:22px}
.sc-exit{display:none;background:var(--deep);color:#fff;border-radius:26px;padding:36px 30px;margin-top:44px;text-align:center}
.sc-exit.is-shown{display:block}
.sc-exit h3{font-size:26px;letter-spacing:-.03em;margin:0 0 10px}
.sc-exit p{color:#9ea3ad;max-width:480px;margin:0 auto 24px;line-height:1.55}
.sc-exit .btn-solid{background:#fff;color:#0b0d11}
.sc-prov{display:none;margin-top:30px;font-size:13px;color:#9aa0aa;line-height:1.6}
.sc-prov.is-shown{display:block}
.sc-prov-k{font-weight:750;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.sc-ff4{margin-top:40px}
.sc-ff4-thanks{font-size:14px;color:var(--muted)}
@media(max-width:760px){
  .sc-wrap{padding:44px 20px 80px}
  .sc-gate{grid-template-columns:1fr;gap:4px}
  .sc-idx{flex-wrap:wrap}
  .sc-band{margin-left:0}
  .sc-r-step{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.sc-writing-dot{animation:none}}
