:root{--ink:#1c2b2a;--muted:#63716e;--paper:#ffffff;--white:#fffef9;--lime:#d8ef63;--orange:#ff9d6c;--blue:#b9d4ff;--line:#d8ddd6;--shadow:0 18px 45px rgba(33,57,49,.1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
.shell{max-width:1020px;margin:auto;padding:28px 30px 60px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:76px}
.brand{color:var(--ink);font-weight:800;letter-spacing:-.04em;text-decoration:none;font-size:20px}
.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:6px;border-radius:50%;background:var(--lime);font-size:19px}
.private-note{font:12px 'DM Mono',monospace;color:var(--muted)}
.private-note span{color:#4e9c6c;font-size:10px}
.screen{display:none}
.screen.active{display:block}.intro{max-width:830px}
.eyebrow,.card-label{margin:0 0 15px;color:#5e7168;font:500 11px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{max-width:760px;font-size:clamp(43px,7vw,72px);letter-spacing:-.065em;line-height:1.02;margin-bottom:24px}
h2{font-size:clamp(32px,5vw,52px);letter-spacing:-.055em;line-height:1.06;margin-bottom:18px}
.lede{max-width:630px;color:var(--muted);font-size:18px;line-height:1.65}
.intro-actions{margin-top:35px;display:flex;align-items:center;gap:18px}
.intro-actions p{color:var(--muted);font-size:12px}
.button{border:0;border-radius:100px;padding:15px 22px;font:700 14px Manrope;cursor:pointer;transition:transform .18s,box-shadow .18s}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 17px rgba(32,54,47,.15)}
.primary{background:var(--ink);color:white}
.primary span{font-size:18px;margin-left:7px}
.secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:100px}
.pillars>div{padding:20px;border-top:1px solid var(--line)}
.pillars strong{display:block;margin:17px 0 7px;font-size:15px}
.pillars p{font-size:13px;line-height:1.55;color:var(--muted)}
.pillar-number{font:11px 'DM Mono';color:#83a03b}.quiz{max-width:720px;margin:auto}
.quiz-meta,.quiz-footer{display:flex;justify-content:space-between;font:11px 'DM Mono';color:var(--muted)}
.text-button{border:0;background:none;padding:0;color:var(--muted);font:11px 'DM Mono';cursor:pointer;text-decoration:underline}
.progress-track{height:4px;background:#e1e4dc;border-radius:10px;margin:14px 0 67px;overflow:hidden}
.progress-track span{display:block;height:100%;background:var(--lime);border-radius:10px;transition:width .3s}
.quiz h2{max-width:680px;margin-bottom:10px}
.question-help{color:var(--muted);font-size:15px;min-height:25px}
.answers{display:grid;gap:10px;margin-top:28px}
.answer{width:100%;border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:var(--white);color:var(--ink);font:600 15px Manrope;text-align:left;cursor:pointer;transition:.18s}
.answer:hover,.answer:focus-visible{transform:translateX(5px);border-color:#8aa347;background:#fbfdeb;outline:none}
.answer small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.quiz-footer{margin-top:43px}
.step-dots{letter-spacing:4px}
.results{max-width:850px}
.result-summary{max-width:670px;color:var(--muted);font-size:17px;line-height:1.65}
.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0}
.score-card{padding:23px;border-radius:15px;background:var(--white);box-shadow:0 2px 0 rgba(0,0,0,.025)}
.score-card:nth-child(2){background:#eef4ff}
.score-card:nth-child(3){background:#fff0e9}
.score-value{font-size:46px;font-weight:800;letter-spacing:-.06em;line-height:1}
.score-card h3{font-size:15px;margin:13px 0 6px}.score-card p{font-size:12px;color:var(--muted);line-height:1.45;margin:0}
.peer-card{padding:25px 28px;background:var(--ink);border-radius:17px;color:white;display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:center}
.peer-card .card-label{color:#bdd1c6}
.peer-card h3{font-size:23px;letter-spacing:-.04em;margin-bottom:8px}
.peer-card p:not(.card-label){font-size:13px;line-height:1.6;color:#d5e0d9}
.range{height:13px;background:#3b514c;border-radius:20px;position:relative}
.range-fill{display:block;width:64%;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--orange),var(--lime))}
.range i{position:absolute;top:-7px;width:3px;height:27px;background:white;left:50%;border-radius:2px;transition:left .3s}
.range-labels{display:flex;justify-content:space-between;color:#bdd1c6;font:10px 'DM Mono';margin-top:10px}
.recommendations{margin-top:42px}
.recommendations>div{display:grid;gap:10px}
.recommendation{display:grid;grid-template-columns:32px 1fr;gap:15px;background:var(--white);padding:18px 20px;border-radius:12px}
.rec-number{font:12px 'DM Mono';color:#809f3d;padding-top:2px}
.recommendation h3{font-size:15px;margin:0 0 5px}
.recommendation p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.result-actions{display:flex;gap:10px;margin:32px 0}
.disclaimer{max-width:650px;color:#81908c;font-size:10px;line-height:1.55}@media(max-width:650px){.shell{padding:20px 18px 45px}
.topbar{margin-bottom:55px}.private-note{display:none}
.pillars,.score-grid,.peer-card{grid-template-columns:1fr}
.pillars{margin-top:60px}
.intro-actions{align-items:flex-start;flex-direction:column;gap:12px}
.progress-track{margin-bottom:45px}
.peer-card{gap:20px}
.result-actions{flex-direction:column}
.result-actions button{width:100%}}