:root{--navy:#1f3864;--navy-deep:#0f2340;--blue:#2e74b5;--blue-light:#dce6f1;--grey:#6b7280;--grey-light:#f4f6f9;--border:#e2e7ef;--poor:#c0392b;--fair:#d98a1e;--good:#2e74b5;--excellent:#1f8a5f;--shadow:0 10px 30px #0f234014}*{box-sizing:border-box}html,body{margin:0;padding:0}.hc-embed{background:var(--grey-light);color:#1b2430;justify-content:center;min-height:100vh;padding:32px 16px;font-family:Georgia,Times New Roman,serif;display:flex}.app{width:100%;max-width:760px}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand img{width:46px;height:46px;box-shadow:var(--shadow);border-radius:50%}.brand-text{font-family:Arial,Helvetica,sans-serif;line-height:1.25}.brand-text .name{letter-spacing:1.2px;color:var(--navy);text-transform:uppercase;font-size:13px;font-weight:700}.brand-text .tag{color:var(--grey);letter-spacing:.5px;font-size:11px}.card{box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.intro{text-align:center;padding:48px 44px 40px}.intro h1{color:var(--navy);margin:6px 0 10px;font-family:Arial,Helvetica,sans-serif;font-size:30px;line-height:1.25}.intro .sub{color:var(--grey);margin-bottom:28px;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}.intro .kicker{letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700}.meta-row{justify-content:center;gap:34px;margin:26px 0 34px;font-family:Arial,Helvetica,sans-serif;display:flex}.meta-item{text-align:center}.meta-item .num{color:var(--navy);font-size:22px;font-weight:700}.meta-item .lbl{color:var(--grey);text-transform:uppercase;letter-spacing:.6px;margin-top:2px;font-size:11.5px}.pillars-preview{text-align:left;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:32px;font-family:Arial,Helvetica,sans-serif;display:grid}.pillar-chip{background:var(--grey-light);border:1px solid var(--border);color:var(--navy-deep);border-radius:9px;align-items:center;gap:10px;padding:12px 14px;font-size:12.5px;display:flex}.pillar-chip .dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.btn{background:var(--navy);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:8px;padding:14px 34px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.btn:hover{background:var(--blue)}.btn:active{transform:scale(.98)}.btn.secondary{color:var(--navy);border:1.5px solid var(--navy);background:0 0}.btn.secondary:hover{background:var(--blue-light)}.btn:disabled{opacity:.4;cursor:not-allowed}.quiz{padding:38px 44px 34px;display:none}.progress-wrap{margin-bottom:22px;font-family:Arial,Helvetica,sans-serif}.progress-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-top .pillar-label{letter-spacing:1px;text-transform:uppercase;color:var(--blue);font-size:11.5px;font-weight:700}.progress-top .count{color:var(--grey);font-size:12px}.progress-bar{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--blue), var(--navy));width:0%;height:100%;transition:width .35s}.question{color:var(--navy-deep);min-height:80px;margin:26px 0;font-family:Georgia,serif;font-size:21px;line-height:1.5}.options{flex-direction:column;gap:10px;display:flex}.option{border:1.5px solid var(--border);cursor:pointer;color:#374151;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;font-family:Arial,Helvetica,sans-serif;font-size:14.5px;transition:border-color .12s,background .12s;display:flex}.option:hover{border-color:var(--blue);background:var(--blue-light)}.option.selected{border-color:var(--navy);background:var(--blue-light);color:var(--navy-deep);font-weight:700}.option .radio{border:2px solid #b9c2d0;border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.option.selected .radio{border-color:var(--navy)}.option.selected .radio:after{content:"";background:var(--navy);border-radius:50%;position:absolute;inset:3px}.nav-row{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.nav-row .spacer{flex:1}.results{padding:40px 44px;display:none}.results h1{color:var(--navy);text-align:center;margin:6px 0 4px;font-family:Arial,Helvetica,sans-serif;font-size:24px}.results .sub{text-align:center;color:var(--grey);margin-bottom:30px;font-family:Arial,Helvetica,sans-serif;font-size:13px}.score-ring-wrap{justify-content:center;margin-bottom:8px;display:flex}.score-num{fill:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:44px;font-weight:800}.score-den{fill:var(--grey);font-family:Arial,Helvetica,sans-serif;font-size:14px}.score-caption{text-align:center;margin:6px 0 30px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700}.pillars-results{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.pillar-row{font-family:Arial,Helvetica,sans-serif}.pillar-row-top{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.pillar-row-top .pname{color:var(--navy-deep);font-size:13.5px;font-weight:700}.pillar-row-top .plabel{font-size:12px;font-weight:700}.pillar-bar-track{background:var(--border);border-radius:5px;height:9px;overflow:hidden}.pillar-bar-fill{border-radius:5px;width:0%;height:100%;transition:width .6s}.recommendation{background:var(--grey-light);border-left:4px solid var(--navy);border-radius:8px;margin-bottom:30px;padding:20px 22px;font-family:Arial,Helvetica,sans-serif}.recommendation .rtitle{color:var(--navy);margin-bottom:6px;font-size:14.5px;font-weight:700}.recommendation .rtext{color:#374151;font-size:13.5px;line-height:1.6}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px;display:flex}.retake{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:12.5px}.retake a{color:var(--grey);cursor:pointer;text-decoration:underline}.footer-note{text-align:center;color:#9aa4b2;letter-spacing:.3px;margin-top:26px;font-family:Arial,Helvetica,sans-serif;font-size:11px}@media (max-width:600px){.intro{padding:34px 24px}.quiz{padding:28px 22px}.results{padding:30px 22px}.pillars-preview{grid-template-columns:1fr}.question{font-size:18px}}