.diagnostics{background:var(--paper-deep);border-block:1px solid var(--line)}.diagnostic-shell{border:1px solid var(--line);border-radius:var(--radius);max-width:1080px;box-shadow:var(--shadow);background:#fff;margin:0 auto;overflow:hidden}.diagnostic-app{min-height:480px}.diagnostic-kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:500}.diagnostic-tabs{border-bottom:1px solid var(--line);background:#fbfaf6;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diagnostic-tabs button{border:0;border-right:1px solid var(--line);color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border-bottom:2px solid #0000;gap:6px;padding:20px 24px;font-size:15px;font-weight:600;transition:color .16s,background .16s;display:grid}.diagnostic-tabs button:last-child{border-right:0}.diagnostic-tabs button:hover{color:var(--ink)}.diagnostic-tabs button.active{border-bottom-color:var(--crimson);color:var(--ink);background:#fff}.diagnostic-tabs span{font-family:var(--font-mono);letter-spacing:.1em;font-size:11px}.diagnostic-panel{gap:28px;min-height:480px;padding:clamp(28px,4.5vw,56px);display:grid}.intro-panel{grid-template-columns:minmax(0,1fr) minmax(220px,260px);align-items:start}.intro-copy{align-content:start;gap:14px;display:grid}.intro-actions{align-content:start;justify-items:stretch;padding-top:8px;display:grid}.intro-actions .button{justify-content:center;width:100%;min-height:52px}.diagnostic-panel h3{max-width:640px;font-family:var(--font-display);font-size:clamp(24px,2.8vw,34px);font-weight:500;line-height:1.2}.diagnostic-panel p{max-width:640px;color:var(--muted);font-size:15px}.diagnostic-intro{font-weight:500;color:var(--ink)!important;font-size:16px!important}.company-lookup{border:1px solid var(--line);background:#fbfaf6;border-radius:8px;max-width:680px;padding:18px 20px}.company-lookup summary{cursor:pointer;gap:4px;padding:0;list-style:none;display:grid}.company-lookup summary:after{content:none}.company-lookup summary::-webkit-details-marker{display:none}.company-lookup summary span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.company-lookup summary strong{color:var(--ink);font-size:15px;font-weight:600}.company-lookup summary p{margin:0;font-size:14px}.company-lookup form{gap:12px;margin-top:16px;display:grid}.company-lookup label{color:var(--ink);gap:8px;font-size:14px;font-weight:600;display:grid}.company-lookup label span{color:var(--muted);font-weight:400}.company-lookup label div{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.company-lookup input,.details-form input{border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:11px 14px;font-size:15px}.company-lookup button{border:1px solid var(--ink);background:var(--ink);color:#fff;min-height:46px;font:inherit;cursor:pointer;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600}.company-lookup p{color:var(--muted);margin:8px 0 0;font-size:13px}.company-card{border:1px solid var(--line);border-left:2px solid var(--green);background:#fbfaf6;border-radius:8px;gap:6px;max-width:680px;margin-top:4px;padding:18px 20px;display:grid}.company-card span{color:var(--green);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.company-card strong{font-weight:600}.company-card p{margin:0;font-size:14px}.diagnostic-progress{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;justify-content:space-between;gap:18px;font-size:12px;display:flex}.progress-track{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--crimson);height:100%;transition:width .24s;display:block}.answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.answer-grid button{border:1px solid var(--line);min-height:68px;color:var(--ink);font:inherit;cursor:pointer;background:#fbfaf6;border-radius:8px;font-size:15px;font-weight:600;transition:border-color .14s,background .14s}.answer-grid button:hover{border-color:var(--ink);background:#fff}.results-panel{background:var(--dark);color:#fff;grid-template-columns:1fr;align-content:start}.result-copy{max-width:720px}.result-score{color:#fff;font-family:var(--font-display);margin:14px 0 16px;font-size:clamp(48px,6vw,72px);font-weight:500;line-height:1}.result-score span{color:var(--dark-body);font-size:.5em}.results-panel h3{color:#fff}.results-panel p{color:var(--dark-body);font-size:16px}.results-panel .diagnostic-kicker{color:var(--crimson-soft)}.results-panel .pillar-list{border:1px solid var(--dark-line);border-radius:var(--radius);background:var(--dark-panel);padding:clamp(20px,3vw,32px)}.results-panel .pillar-row{color:var(--dark-body);font-family:var(--font-mono);font-size:13px}.results-panel .pillar-row div{background:#ffffff1f}.pillar-list{gap:14px;display:grid}.pillar-row{color:var(--muted);grid-template-columns:130px 1fr 48px;align-items:center;gap:14px;display:grid}.pillar-row div{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.pillar-row b{border-radius:inherit;background:var(--crimson);height:100%;display:block}.result-actions{grid-template-columns:1.3fr 1fr .8fr;gap:12px;display:grid}.result-actions .button{justify-content:center;min-height:52px;font-size:15px}.results-panel .button{color:var(--ink);background:#fff;border-color:#fff}.results-panel .button:hover{background:var(--paper)}.result-secondary,.button.ghost{color:#fff!important;background:0 0!important;border-color:#ffffff47!important}.result-secondary:hover,.button.ghost:hover{border-color:#ffffff8c!important}.details-form{border:1px solid var(--dark-line);border-radius:var(--radius);background:var(--dark-panel);grid-template-columns:minmax(0,1fr) minmax(180px,.62fr) minmax(180px,.62fr) auto;align-items:end;gap:14px;padding:24px;display:grid}.details-form[hidden]{display:none}.details-form strong{color:#fff;font-weight:600}.details-form label{color:#fff;gap:8px;font-size:14px;font-weight:500;display:grid}.details-form input{color:#fff;background:#ffffff0f;border-color:#fff3}.details-form p{margin:6px 0 0;font-size:14px}.details-form .button{min-height:46px}.details-form .form-status{color:#fff;grid-column:1/-1;margin:0;font-size:14px}@media (width<=1060px){.intro-panel,.results-panel,.details-form{grid-template-columns:1fr}}@media (width<=720px){.diagnostic-tabs,.answer-grid,.result-actions,.company-lookup label div{grid-template-columns:1fr}.diagnostic-tabs button{border-right:0;border-bottom:1px solid var(--line)}}
