/* Tech Checkup page */
#checkup-form-section[hidden],#checkup-progress[hidden],#checkup-results[hidden]{display:none!important}
.checkup-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.checkup-steps li{position:relative;padding:12px 14px 12px 44px;border:1px solid var(--line);border-radius:12px;color:var(--m)}
.checkup-steps li:before{content:"";position:absolute;left:15px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:2px solid var(--line)}
.checkup-steps li.active{color:var(--t);border-color:var(--o)}
.checkup-steps li.active:before{border-color:var(--o);border-right-color:transparent;animation:ck-spin .8s linear infinite}
.checkup-steps li.done{color:var(--t)}
.checkup-steps li.done:before{background:var(--o);border-color:var(--o)}
@keyframes ck-spin{to{transform:rotate(360deg)}}
.result-hero{display:flex;align-items:center;gap:28px}
.result-hero h2{font-size:clamp(1.6rem,3.4vw,2.6rem);word-break:break-word}
.result-summary{color:var(--m);margin:10px 0 0}
.overall-grade,.grade-card .grade{display:grid;place-items:center;font-weight:900;border-radius:20px;color:#fff;background:#8a919c}
.overall-grade{flex:none;width:120px;height:120px;font-size:4rem}
.grade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}
.grade-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--s, #f5f6f8)}
.grade-card .grade{width:56px;height:56px;font-size:1.8rem;border-radius:14px;margin-bottom:12px}
.grade-card h3{font-size:1.05rem}
.grade-card p{color:var(--m);margin:6px 0 0;font-size:.92rem}
.g-A{background:#1f9d55!important}.g-B{background:#5a9d1f!important}.g-C{background:#c99700!important}.g-D{background:#d9661f!important}.g-F{background:#c53030!important}
.two-col{grid-template-columns:1fr 1fr}
.issue-list,.rec-list{margin:0;padding-left:20px;color:var(--t)}
.issue-list li,.rec-list li{margin:8px 0}
.rec-list .price{color:var(--ol);font-weight:800;white-space:nowrap}
.rec-list .why{display:block;color:var(--m);font-size:.92rem}
.checkup-results .cta{margin-top:24px}
@media(max-width:760px){.grade-grid,.two-col{grid-template-columns:1fr 1fr}.result-hero{flex-direction:column;text-align:center}.overall-grade{width:96px;height:96px;font-size:3.2rem}}
@media(max-width:420px){.grade-grid,.two-col{grid-template-columns:1fr}}