:root{--ink:#18231f;--paper:#f4f1e9;--line:#d8d5cc;--muted:#69736e;--green:#285c4a;--lime:#cadb70;--orange:#d67b45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:70px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:#f4f1e9ed;backdrop-filter:blur(10px);z-index:5}.brand{font-weight:800;display:flex;align-items:center;gap:11px}.brand b{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font:11px Georgia}nav{margin:auto;display:flex;gap:30px;font-size:12px}.demo{font-size:9px;font-weight:800;letter-spacing:.12em;border:1px solid;padding:7px 10px;border-radius:20px}.hero{padding:100px 7vw 110px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 35%,#cadb7050,transparent 28%)}.eyebrow{font-size:10px!important;font-weight:800!important;letter-spacing:.16em;color:var(--green)!important;margin:0 0 18px!important}.hero h1{font:400 clamp(48px,7vw,92px)/.95 Georgia;margin:0;letter-spacing:-.05em}.hero>p:last-child{font:18px/1.55 Georgia;color:var(--muted);max-width:600px;margin-top:28px}.controls{width:min(1120px,92vw);margin:-34px auto 0;background:var(--ink);color:white;padding:24px 28px;display:grid;grid-template-columns:1fr 45px 1fr 1fr;gap:18px;align-items:end}.controls label{font-size:9px;letter-spacing:.13em;color:#adb8b3;display:grid;gap:9px}.controls select{padding:14px;background:#26322e;color:white;border:1px solid #4a5550;font:16px Georgia}.controls button{height:46px;background:none;color:var(--lime);border:0;font-size:24px}.controls>div{border-left:1px solid #4a5550;padding-left:24px;display:grid;gap:5px}.controls small{color:#adb8b3;font-size:9px;letter-spacing:.12em}.controls strong{font:28px Georgia;color:#eda073}.controls span{font-size:11px;color:#adb8b3}.scoreArea,.components,.catalog,.method{padding:95px 7vw;border-bottom:1px solid var(--line)}.scoreArea{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.scoreArea h2,.heading h2,.method h2{font:400 clamp(35px,4vw,58px) Georgia;margin:0;letter-spacing:-.035em}.scoreArea>div>p:not(.eyebrow){font:18px/1.5 Georgia;color:var(--muted);max-width:580px}.legend{font-size:10px;color:var(--muted);margin-top:30px}.scores{display:flex;align-items:center;justify-content:center;gap:28px}.score{text-align:center}.score i{--score:50;width:175px;height:175px;border-radius:50%;display:grid;place-content:center;font-style:normal;background:radial-gradient(circle,#f4f1e9 60%,transparent 61%),conic-gradient(var(--orange) calc(var(--score)*1%),#ddd9cf 0)}.score i b{font:58px/1 Georgia}.score i small{color:var(--muted)}.score>span{display:block;margin-top:15px;font-weight:700}.scores em{font:32px Georgia;color:var(--muted)}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.heading>p{color:var(--muted);max-width:410px;line-height:1.5}.component{display:grid;grid-template-columns:250px 1fr 45px 45px;align-items:center;gap:22px;padding:19px 0;border-top:1px solid var(--line)}.component:first-child{border-top:1px solid var(--ink)}.component label{font:16px Georgia}.component label small{display:block;font:9px Arial;color:var(--muted);margin-top:5px}.bar{height:7px;background:#ddd9cf}.bar i{height:100%;display:block;background:var(--green)}.component strong{font:24px Georgia}.component em{font-style:normal;color:#b85d3e}.catalog{background:#faf8f2}.filters{display:flex;gap:12px;margin-bottom:20px}.filters input,.filters select{padding:13px;border:1px solid var(--line);background:white}.filters input{flex:1}.filters span{margin:auto 0 auto auto;color:var(--muted);font-size:11px}.table{overflow:auto;border-top:1px solid var(--ink)}table{width:100%;min-width:850px;border-collapse:collapse}th{text-align:left;padding:16px 10px;font-size:9px;color:var(--muted);letter-spacing:.1em}td{padding:17px 10px;border-top:1px solid var(--line)}tr.metric{cursor:pointer}tr.metric:hover{background:#f0ede4}td:first-child{width:36%}td:first-child small{display:block;color:var(--green);font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}td:first-child b{font:16px Georgia}td strong{font:20px Georgia}.badge{font-size:8px;text-transform:uppercase;padding:5px 7px;border-radius:20px;background:#e2dfd7;margin-left:8px}.warning{background:#f3d4c2;color:#8b3b27}.healthy{background:#d4e3d6;color:#285c4a}.elevated{background:#eee2ba;color:#735d18}.detail td{background:#eae7dd;padding:25px}.detail>td>div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.detail h4{font-size:9px;letter-spacing:.12em;color:var(--green);margin:0}.detail p{font:14px/1.5 Georgia}.method{background:var(--green);color:#f4f1e9;display:grid;grid-template-columns:1fr 1.3fr;gap:7vw}.method .eyebrow{color:var(--lime)!important}.method article{display:grid;grid-template-columns:35px 1fr 1.6fr;gap:18px;padding:24px 0;border-top:1px solid #718c80}.method article b{color:var(--lime)}.method h3{font:17px Georgia;margin:0}.method article p{color:#d0dcd6;margin:0;line-height:1.5}.notice{display:grid;grid-template-columns:1fr 1fr;background:var(--line);gap:1px}.notice>div{background:var(--paper);padding:42px 7vw}.notice h3{font:24px Georgia;margin:0}.notice p{color:var(--muted);line-height:1.5}footer{padding:28px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer b{font:18px Georgia;color:var(--ink)}@media(max-width:800px){nav{display:none}.controls{grid-template-columns:1fr 40px 1fr}.controls>div{grid-column:1/-1;border:0;border-top:1px solid #4a5550;padding:16px 0 0}.scoreArea,.method{grid-template-columns:1fr}.scores{margin-top:30px}.score i{width:135px;height:135px}.score i b{font-size:44px}.heading{display:block}.component{grid-template-columns:1fr 45px 40px}.component .bar{grid-column:1/-1;grid-row:2}.method article{grid-template-columns:30px 1fr}.method article p{grid-column:2}.notice{grid-template-columns:1fr}.detail>td>div{grid-template-columns:1fr}.scoreArea,.components,.catalog,.method{padding:70px 6vw}footer{flex-wrap:wrap;gap:18px}}
