:root{
  --blue:#2A5CFF; --ink:#1F2330; --cloud:#F6F7F9; --line:#E3E8F2; --muted:#6b7280;
  --c-finance:#FFC838; --c-sales:#00C275; --c-support:#00B8D9;
  --c-marketing:#FF7AB6; --c-hr:#9D7BFF; --c-operations:#FF9D3C;
}
.assess-body{background:var(--cloud);color:var(--ink)}
.assess-wrap{max-width:720px;margin:0 auto;padding:clamp(24px,5vw,64px) 20px 80px}
.assess-eyebrow{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--blue)}
.assess-progress{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted)}
.assess-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.assess-q{font-size:clamp(1.6rem,1rem+2.5vw,2.4rem);font-weight:800;line-height:1.1;margin:8px 0 8px}
.assess-help{color:var(--muted);margin:0 0 28px;max-width:44ch}
.opt-list{display:flex;flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:16px 18px;font:inherit;color:inherit;cursor:pointer;transition:border-color .12s,transform .12s}
.opt:hover{border-color:var(--blue)}
.opt:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.opt[aria-checked="true"]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.opt-key{font-family:'IBM Plex Mono',monospace;font-size:12px;min-width:24px;height:24px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:6px;color:var(--muted)}
.opt[aria-checked="true"] .opt-key{background:var(--blue);color:#fff;border-color:var(--blue)}
.assess-actions{display:flex;align-items:center;gap:18px}
.assess-hint{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.assess-back{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit;padding:8px 0}
.assess-intro-h{font-size:clamp(2rem,1rem+4vw,3.4rem);font-weight:900;line-height:1.05;margin:12px 0 16px}
.assess-lede{font-size:1.05rem;color:var(--muted);max-width:52ch;margin:0 0 32px}
/* result */
.result-hero{background:var(--ink);color:#fff;border-radius:20px;padding:clamp(24px,4vw,40px);display:flex;
  justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:32px}
.result-level{font-size:clamp(1.8rem,1rem+3vw,2.8rem);font-weight:800;margin:6px 0}
.result-line{color:#c7ccd6;max-width:40ch}
.score-ring{font-family:'IBM Plex Mono',monospace;text-align:center;min-width:120px}
.score-ring b{display:block;font-size:44px;line-height:1;color:#fff}
.score-ring span{font-size:11px;color:#9aa2b1;letter-spacing:.1em;text-transform:uppercase}
.shape-lead{font-weight:700;font-size:1.05rem;margin:4px 0}
.shape-hint{font-weight:400;color:var(--muted);font-size:.9rem}
.result-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
@media(min-width:760px){.result-grid{grid-template-columns:minmax(250px,310px) 1fr}}
.radar-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}
.radar-svg{width:100%;max-width:320px;height:auto;overflow:visible}
.radar-area{transform-box:fill-box;transform-origin:center;animation:radarIn .6s cubic-bezier(.16,1,.3,1) both}
.radar-dot{transform-box:fill-box;transform-origin:center;transition:transform .15s ease;animation:dotIn .45s ease both;cursor:pointer}
.radar-dot.is-active{transform:scale(1.7)}
.radar-axis-label{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.02em;transition:font-size .12s ease}
.radar-axis-label.is-active{font-size:11.5px;font-weight:700}
.readout{min-height:3.4em;margin:0;font-size:.92rem;line-height:1.5;color:var(--ink);max-width:38ch;text-align:center}
.bars{display:flex;flex-direction:column;gap:8px}
.bar-row{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;row-gap:7px;align-items:center;width:100%;
  text-align:left;background:none;border:1px solid transparent;border-radius:12px;padding:9px 12px;font:inherit;color:inherit;cursor:pointer;
  transition:border-color .12s,background .12s,transform .12s}
.bar-row:hover,.bar-row.is-active{border-color:var(--line);background:#fff;transform:translateX(3px)}
.bar-row:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.bar-dot{width:10px;height:10px;border-radius:50%;flex:none}
.bar-label{font-weight:600;font-size:.95rem}
.bar-val{font-family:'IBM Plex Mono',monospace;font-size:.9rem;font-weight:600;color:var(--ink)}
.bar-val-max{color:var(--muted);font-weight:400}
.bar-track{grid-column:1/-1;height:8px;background:var(--line);border-radius:99px;overflow:hidden}
.bar-fill{display:block;height:100%;width:var(--w);border-radius:99px;transform-origin:left;animation:barIn .7s cubic-bezier(.16,1,.3,1) both}
@keyframes radarIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes dotIn{from{opacity:0}to{opacity:1}}
@keyframes barIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.radar-area,.radar-dot,.bar-fill{animation:none}.bar-row{transition:none}}
.reco{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:32px 0}
.agent-cards{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}
.agent-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.agent-card img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.agent-card b{display:block}.agent-card span{font-size:.85rem;color:var(--muted)}
.cta-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.cta-card label{display:block;font-weight:600;margin:14px 0 6px}
.cta-card input[type=text],.cta-card input[type=email]{width:100%;padding:13px 14px;border:1px solid var(--line);
  border-radius:12px;font:inherit;background:var(--cloud)}
.cta-check{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted)}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cta-status{margin-top:12px;font-weight:600}