@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{--ink:#17352f;--forest:#1f4f45;--mint:#dbe9df;--cream:#f5f0e6;--paper:#fffdf8;--gold:#c88f3d;--line:#d8d6cc}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button{font:inherit}.shell{flex-direction:column;width:min(760px,100%);min-height:100vh;margin:auto;padding:24px 18px 36px;display:flex}.brand{align-items:center;gap:12px;margin:2px 2px 22px;display:flex}.brand span{letter-spacing:.08em;font-family:Newsreader,serif;font-size:29px}.brand small{letter-spacing:.18em;border-left:1px solid #9baaa4;padding-left:12px;font-size:9px}.card{background:var(--paper);border:1px solid #17352f1f;border-radius:26px;padding:clamp(28px,6vw,56px);animation:.35s both enter;box-shadow:0 18px 60px #21312b14}.intro,.transition{margin:auto 0}.kicker,.label{color:#8b6938;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:600}h1,h2,h3{color:var(--ink);margin:0;font-family:Newsreader,serif;line-height:1.04}h1{letter-spacing:-.025em;font-size:clamp(40px,9vw,64px)}h2{letter-spacing:-.018em;font-size:clamp(30px,6vw,44px)}.lede{font-size:19px}.card>p:not(.kicker),.results p{color:#465a55;line-height:1.58}.primary{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;margin-top:24px;padding:17px 20px;font-weight:600;transition:all .2s}.primary:hover{background:#163d35;transform:translateY(-1px)}.primary:disabled{opacity:.35}.progress{background:#e9e8e1;border-radius:9px;height:5px;margin:-12px 0 14px;overflow:hidden}.progress div{background:var(--gold);height:100%;transition:width .3s}.question-meta{color:#70817c;justify-content:space-between;align-items:center;margin-bottom:38px;font-size:12px;display:flex}.back{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px;font-size:20px}.context{margin:12px 0 0;font-style:italic}.answers{gap:10px;margin-top:30px;display:grid}.answers button{border:1px solid var(--line);text-align:left;min-height:58px;color:var(--ink);cursor:pointer;background:#fff;border-radius:13px;justify-content:space-between;align-items:center;padding:15px 17px;transition:all .15s;display:flex}.answers button:hover,.answers button.selected{border-color:var(--forest);background:var(--mint);transform:translate(2px)}.answers button span{color:#778985;font-size:23px}.seal{background:var(--mint);width:54px;height:54px;color:var(--forest);border-radius:50%;place-items:center;margin-bottom:28px;font-size:24px;display:grid}.transition ul{gap:12px;margin:26px 0;padding:0;list-style:none;display:grid}.transition li:before{content:"✓";color:var(--gold);margin-right:10px}.results{gap:14px;animation:.35s enter;display:grid}.result-head{padding:28px 10px 18px}.result-head h1{font-size:clamp(38px,8vw,58px)}.results article{background:var(--paper);border:1px solid #17352f1f;border-radius:20px;grid-template-columns:42px 1fr;gap:12px;padding:26px;display:grid}.results article h2{font-size:30px}.results article p{margin-bottom:0}.number{color:var(--gold);font-family:Newsreader,serif;font-size:21px}.results .action{background:var(--forest);color:#fff;border:0}.results .action h2,.results .action p{color:#fff}.results .action .label{color:#e7bf83}.worth-knowing{background:var(--mint);border:1px solid #17352f24;border-radius:20px;padding:24px 26px}.worth-knowing .label{margin-bottom:14px}.worth-knowing div+div{border-top:1px solid #17352f24;margin-top:18px;padding-top:18px}.worth-knowing h3{font-size:24px}.worth-knowing p{margin:8px 0 0}.text-button{color:var(--forest);cursor:pointer;background:0 0;border:0;margin:16px auto;text-decoration:underline;display:block}.feedback-row{border-bottom:1px solid var(--line);padding:18px 0}.feedback-row p{font-weight:600;color:var(--ink)!important}.feedback-row>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.feedback-row button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:12px}.feedback-row button.selected{background:var(--mint);border-color:var(--forest)}footer{text-align:center;color:#7b8884;margin-top:22px;font-size:11px}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:560px){.shell{padding:18px 12px 28px}.brand{margin-bottom:14px}.card{border-radius:20px;padding:28px 22px}.question h2{font-size:31px}.question-meta{margin-bottom:26px}.answers{margin-top:24px}.answers button{min-height:54px}.results article{grid-template-columns:32px 1fr;padding:22px 16px}.results article h2{font-size:27px}.worth-knowing{padding:22px 18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.value-list{color:#465a55;padding-left:22px;line-height:1.55}.value-list li+li{margin-top:8px}.results-qualifier{border-left:3px solid var(--gold);background:#fff8e8;border-radius:0 12px 12px 0;margin:4px 8px;padding:15px 18px}.follow-up textarea,.follow-up input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:13px;margin-top:20px;padding:15px 17px}.follow-up textarea{resize:vertical;min-height:120px;line-height:1.5}.follow-up input{margin-top:8px}.follow-up textarea:focus,.follow-up input:focus{outline:2px solid var(--forest);outline-offset:2px}.field-label{color:var(--ink);margin-top:24px;font-weight:600;display:block}.follow-up [role=alert],.feedback [role=alert]{color:#8b2f24;margin:14px 0 0}
