/* The hosted demo has fixed synthetic inputs; the downloadable app is separate. */
.demo-field{font-size:11px;font-weight:750;color:var(--green);margin:0 0 8px}
.demo-metrics dd small{display:block;color:var(--muted);font-size:10px;font-weight:400;line-height:1.5;letter-spacing:0;margin-top:9px}
[hidden]{display:none!important}
button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,summary:focus-visible{outline:3px solid #c16921;outline-offset:5px;border-radius:3px}.button{border:0;font-size:15px}.demo-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding-top:67px;padding-bottom:64px;align-items:start}.demo-intro h1{font-size:clamp(40px,4.3vw,61px)}.demo-intro .intro{font-size:17px;margin:23px 0 19px}.demo-local{max-width:600px;color:var(--muted);font-size:14px}.demo-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:25px}.demo-actions .button{gap:20px}.demo-secondary{display:inline-flex;justify-content:center;align-items:center;border:1px solid #bed1c7;background:var(--white);color:var(--green);padding:11px 17px;border-radius:7px;font-size:14px;font-weight:700;line-height:1.5}.demo-secondary:hover:not(:disabled){background:var(--mint)}.demo-inputs{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:29px 30px}.demo-inputs .small-label{color:var(--green);margin-bottom:14px}.demo-inputs h2{font-size:28px}.demo-files{margin:24px 0}.demo-files>div{border-top:1px solid var(--line);padding:15px 0}.demo-files>div:last-child{border-bottom:1px solid var(--line)}.demo-files dt{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:7px}.demo-files dd{margin:0;font-size:13px;overflow-wrap:anywhere}.demo-files dd a{font-weight:650}.demo-files dd span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.demo-inputs>p:not(.small-label){font-size:13px;color:var(--muted);line-height:1.8}.demo-report-link{font-size:14px;font-weight:700}.demo-inputs .quiet{margin-top:8px;margin-bottom:0}.demo-fallback,.demo-error{border-left:3px solid #a9572c;background:#fff3e8;color:#693d26;padding:14px 18px;font-size:14px;margin-top:20px}.demo-results{border-top:1px solid var(--line);padding-top:43px;padding-bottom:55px}.demo-results-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.demo-results-heading .eyebrow{margin-bottom:12px}.demo-results-heading h2{font-size:35px;margin:0}.demo-results-heading h2:focus{outline:0}.demo-verdict{border:1px solid #d4aaa3;border-left:4px solid #a74937;border-radius:6px;padding:20px 23px;background:#fff7f3;margin-bottom:25px}.demo-verdict strong{font-size:21px;line-height:1.45;display:block;color:#773528}.demo-verdict p{font-size:13px;color:#704f47;margin:8px 0 0;line-height:1.7}.demo-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0}.demo-metrics>div{padding:18px 16px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.demo-metrics dt{color:var(--muted);font-size:12px;font-weight:650;line-height:1.5}.demo-metrics dd{margin:7px 0 1px;font-size:37px;font-weight:750;line-height:1.2;letter-spacing:-.03em}.demo-metrics>div:nth-child(3) dd{color:#9a4931}.demo-metrics p{color:var(--muted);font-size:10px;line-height:1.5;margin:9px 0 0}.demo-count-note{font-size:12px;color:var(--muted);margin:16px 0 35px;max-width:900px}.demo-findings-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:19px}.demo-findings-heading h3{font-size:25px;margin:0}.demo-filters{display:flex;flex-wrap:wrap;gap:8px}.demo-filters button{border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--muted);font-size:12px;padding:9px 12px;font-weight:650}.demo-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--white)}.demo-filters span{font-weight:750;margin-left:4px}.demo-shown{margin:13px 0 17px;font-size:12px}.demo-findings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0 0 22px;gap:18px}.demo-finding{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:21px 23px;min-width:0}.demo-finding-blocking{border-color:#d4aaa3}.demo-finding-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:14px}.demo-severity{font-size:10px;letter-spacing:.035em;font-weight:750;text-transform:uppercase;padding:4px 7px;border-radius:4px;white-space:nowrap;background:#ecf0ec;color:#526c62}.demo-severity-blocking{background:#f7e1db;color:#883b2d}.demo-severity-high{background:#faebdf;color:#8c482a}.demo-severity-warning{background:#f7f0da;color:#7b5c12}.demo-finding-code{color:var(--muted);font-size:10px;line-height:1.5;text-align:right}.demo-finding h4{margin:0 0 10px;font-size:16px;line-height:1.5;overflow-wrap:anywhere;font-weight:720;letter-spacing:-.01em}.demo-finding-message{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 18px;overflow-wrap:anywhere}.demo-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding-top:14px;border-top:1px solid var(--line)}.demo-values dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700;margin-bottom:5px}.demo-values dd{font-size:13px;line-height:1.65;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.demo-price-movement{font-size:12px;font-weight:650;color:var(--green);margin:12px 0 0}.demo-records{font-size:10px;color:var(--muted);margin:14px 0 0;line-height:1.7;overflow-wrap:anywhere}.demo-coverage{margin-top:26px;border:1px solid var(--line);border-radius:8px;padding:18px 23px;font-size:13px;color:var(--muted);background:var(--white)}.demo-coverage summary{font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}.demo-coverage[open] summary{margin-bottom:20px}.demo-coverage p{overflow-wrap:anywhere}.demo-coverage p:last-child{margin-bottom:0}.demo-coverage ul{padding-left:20px}.demo-coverage li{margin-bottom:9px}.demo-learning{padding-top:42px;padding-bottom:50px;border-top:1px solid var(--line)}.demo-learning h2{font-size:36px}.demo-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:34px}.demo-lessons h3{font-size:21px}.demo-lessons p{font-size:14px;color:var(--muted);line-height:1.8}.demo-lessons code{font-size:12px;overflow-wrap:anywhere}.demo-learning .boundary{max-width:1000px}.demo-next{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);margin-top:37px;padding-top:30px}.demo-next h3{font-size:24px}.demo-next p{font-size:14px;color:var(--muted);margin:0;max-width:510px}.demo-next .button{gap:20px;flex-shrink:0}
@media(max-width:1050px){.demo-intro{gap:35px}.demo-intro h1{font-size:49px}.demo-inputs{padding:25px}.demo-metrics{gap:9px}.demo-metrics>div{padding:15px 12px}.demo-metrics dt{font-size:11px}.demo-next .button{max-width:280px}.demo-finding-heading{flex-wrap:wrap}.demo-finding-code{text-align:left}}
@media(max-width:760px){.demo-intro{grid-template-columns:1fr;padding-top:39px;padding-bottom:39px;gap:29px}.demo-intro h1{font-size:clamp(35px,8.6vw,53px)}.demo-intro .intro{font-size:16px}.demo-local{font-size:13px}.demo-actions{gap:13px}.demo-actions .button{padding:14px 16px;font-size:13px;gap:12px}.demo-secondary{font-size:12px;padding:11px 13px}.demo-inputs{padding:23px}.demo-inputs h2{font-size:27px}.demo-results{padding-top:30px;padding-bottom:35px}.demo-results-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.demo-results-heading h2{font-size:30px}.demo-verdict{padding:17px}.demo-verdict strong{font-size:18px}.demo-verdict p{font-size:12px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-metrics>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.demo-metrics>div:last-child p{margin-top:0}.demo-metrics>div:last-child dd{grid-column:2;grid-row:1/3;margin:0}.demo-metrics dt{font-size:12px}.demo-metrics dd{font-size:32px}.demo-count-note{font-size:12px;margin-bottom:27px}.demo-findings-heading h3{font-size:23px}.demo-findings{grid-template-columns:1fr;gap:13px}.demo-finding{padding:19px}.demo-finding-heading{flex-wrap:nowrap}.demo-finding-code{text-align:right;font-size:9px}.demo-finding-message{font-size:13px}.demo-coverage{padding:16px}.demo-learning{padding-top:32px;padding-bottom:35px}.demo-learning h2{font-size:31px}.demo-lessons{grid-template-columns:1fr;gap:19px;margin-top:27px}.demo-lessons .step-number{position:static;margin-bottom:8px}.demo-lessons h3{font-size:20px}.demo-lessons p{margin-bottom:0}.demo-next{display:block;margin-top:28px;padding-top:25px}.demo-next .button{margin-top:20px;max-width:none;font-size:13px;gap:15px}}
