:root{--assessment-max:1180px;--assessment-green:#9eae7c;--assessment-green-dark:#53613e;--assessment-yellow:#f0d978;--assessment-rose:#efbbb5;--assessment-lilac:#d9d0ed}
*{box-sizing:border-box}
.assessment-page{min-height:100vh;background:#f8f6f0;color:var(--ink);font-family:var(--sans)}
.assessment-head{border-bottom:1px solid var(--line);background:rgba(248,246,240,.94);backdrop-filter:blur(14px)}
.assessment-head-inner{width:min(var(--assessment-max),calc(100% - 48px));min-height:92px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.assessment-head img{display:block;width:168px;height:auto}
.assessment-head span{color:var(--muted);font-size:13px;font-weight:750;letter-spacing:.035em}
.assessment-intro{width:min(var(--assessment-max),calc(100% - 48px));min-height:calc(100svh - 166px);margin-inline:auto;padding:80px 0;display:grid;grid-template-columns:1.03fr .97fr;gap:90px;align-items:center}
.assessment-intro-copy{max-width:670px}
.assessment-intro h1{max-width:720px;margin:12px 0 24px;font:500 clamp(50px,6vw,78px)/.98 var(--serif);letter-spacing:-.035em}
.assessment-lead{max-width:650px;margin:0;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.55}
.assessment-start{margin-top:34px;gap:30px;border:0;cursor:pointer}
.assessment-privacy{max-width:590px;margin:22px 0 0;color:#6f6b63;font-size:12px;line-height:1.5}
.assessment-privacy span{margin-right:7px;color:var(--assessment-green-dark);font-size:8px}
.assessment-preview{border:1px solid #c7c1b5;background:#fffef9;box-shadow:18px 22px 0 #ded9cd}
.preview-top{min-height:57px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.preview-top span{font-size:12px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.preview-top small{color:var(--muted)}
.preview-board{min-height:455px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:23px;background-color:#f3f1eb;background-image:radial-gradient(#cbc6bc 1px,transparent 1px);background-size:24px 24px}
.preview-note{min-height:165px;padding:19px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(65,57,37,.15);box-shadow:0 8px 18px rgba(35,31,24,.11)}
.preview-note small{font-size:9px;font-weight:850;letter-spacing:.08em}.preview-note strong{font:500 19px/1.2 var(--serif)}
.preview-value{background:#c8dfcf;transform:rotate(-1deg)}.preview-evidence{background:var(--assessment-yellow);transform:rotate(1deg)}.preview-gap{background:var(--assessment-rose);transform:rotate(.6deg)}.preview-next{background:#1d1d1a;color:#fff;transform:rotate(-.5deg)}
.assessment-preview>p{margin:0;padding:18px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.assessment-workspace{width:min(820px,calc(100% - 48px));min-height:calc(100svh - 166px);margin-inline:auto;padding:64px 0 100px}
.assessment-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:13px}.assessment-progress button{padding:0;border:0;background:transparent;color:var(--muted);font:700 12px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.assessment-progress-track{height:5px;margin-top:13px;overflow:hidden;border-radius:99px;background:#e5e3dc}.assessment-progress-track i{display:block;width:14.285%;height:100%;background:var(--assessment-green);transition:width .25s ease}
.assessment-step{padding:66px 0 0}.step-kicker{margin:0 0 15px;color:var(--red);font-size:11px;font-weight:850;letter-spacing:.095em;text-transform:uppercase}.assessment-step h2{max-width:760px;margin:0;font:500 clamp(39px,5vw,58px)/1.04 var(--serif);letter-spacing:-.026em}.assessment-step>p:not(.step-kicker,.field-help,.step-error){max-width:690px;margin:20px 0 0;color:var(--muted);font-size:18px;line-height:1.55}
.field-label{display:block;margin:36px 0 9px;font-size:13px;font-weight:800}.assessment-step textarea,.assessment-step input{width:100%;border:1px solid #aaa59b;border-radius:7px;background:#fffef9;color:var(--ink);font:17px/1.5 var(--sans)}.assessment-step textarea{min-height:160px;padding:16px;resize:vertical}.assessment-step :is(textarea,input):focus{border-color:var(--ink);outline:3px solid rgba(209,43,34,.16);outline-offset:1px}.field-help{margin:7px 0 0;color:var(--muted);font-size:11px;text-align:right}.step-error{margin:14px 0 0;padding:11px 13px;border-left:3px solid var(--red);background:#f5e4e0;color:#76261f;font-size:13px}.step-error[hidden]{display:none}
.step-actions{margin-top:31px;display:flex;justify-content:space-between;align-items:center}.step-actions .btn{border:0;cursor:pointer;gap:24px}
.choice-list{display:grid;gap:12px;margin:34px 0 0}.choice-card{position:relative;display:grid;grid-template-columns:1fr 28px;gap:20px;align-items:center;min-height:82px;padding:18px 20px;border:1px solid #bbb7ae;border-radius:7px;background:#fffef9;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.choice-card:hover{border-color:var(--ink);transform:translateY(-1px)}.choice-card:has(input:checked){border:2px solid var(--ink);padding:17px 19px;background:#f2f3ed}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-copy strong,.choice-copy small{display:block}.choice-copy strong{font-size:16px;line-height:1.35}.choice-copy small{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.4}.choice-mark{width:25px;height:25px;border:1.5px solid #b4b0a7;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:14px}.choice-card:has(input:checked) .choice-mark{border-color:var(--ink);background:var(--ink);color:#fff}.step-back{padding:8px 0;border:0;background:transparent;color:var(--ink);font:750 14px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.assessment-result{width:min(var(--assessment-max),calc(100% - 48px));margin-inline:auto;padding:76px 0 110px}.result-heading{display:grid;grid-template-columns:1fr 210px;gap:60px;align-items:end;margin-bottom:48px}.result-heading h1{max-width:850px;margin:10px 0 0;font:500 clamp(47px,5.8vw,76px)/1 var(--serif);letter-spacing:-.035em}.evidence-level{min-height:150px;padding:20px;display:flex;flex-direction:column;border:1px solid var(--line);background:#fffef9}.evidence-level span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.evidence-level strong{margin:auto 0 4px;font:500 27px/1.05 var(--serif)}.evidence-level small{color:var(--muted)}
.result-board{padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:27px;background-color:#efede7;background-image:radial-gradient(#c8c3b9 1px,transparent 1px);background-size:24px 24px;border:1px solid #c7c1b5}.result-note{min-height:210px;padding:23px;display:flex;flex-direction:column;border:1px solid rgba(53,46,30,.16);box-shadow:0 11px 24px rgba(35,31,24,.11)}.result-note small{font-size:9px;font-weight:850;letter-spacing:.09em}.result-note strong{margin:auto 0 13px;font:500 clamp(22px,2.4vw,31px)/1.12 var(--serif)}.result-note span{font-size:11px;line-height:1.4;opacity:.7}.note-initiative{background:#fffef9;transform:rotate(-.5deg)}.note-strength{background:#c8dfcf;transform:rotate(.7deg)}.note-gap{background:var(--assessment-rose);transform:rotate(-.7deg)}.note-next{background:#1d1d1a;color:#fff;transform:rotate(.4deg)}
.result-explanation{padding:90px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;border-bottom:1px solid var(--line)}.result-explanation h2{max-width:510px;margin:10px 0 0;font:500 clamp(37px,4vw,54px)/1.05 var(--serif);letter-spacing:-.025em}.result-explanation>div:last-child>p{max-width:650px;margin:0;color:var(--muted);font-size:18px;line-height:1.6}.evidence-bars{margin-top:35px;border-top:1px solid var(--line)}.evidence-bar{display:grid;grid-template-columns:130px 1fr 85px;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.evidence-bar span{font-size:13px;font-weight:750}.evidence-bar-track{height:7px;border-radius:99px;background:#e2dfd7;overflow:hidden}.evidence-bar-track i{display:block;height:100%;background:var(--assessment-green-dark)}.evidence-bar small{color:var(--muted);text-align:right}
.result-actions{padding-top:90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.result-actions-copy h2{max-width:500px;margin:10px 0 18px;font:500 clamp(39px,4.6vw,59px)/1.03 var(--serif);letter-spacing:-.03em}.result-actions-copy>p:not(.kicker){max-width:550px;color:var(--muted);font-size:17px;line-height:1.55}.copy-result{margin:22px 16px 0 0;padding:0;border:0;background:transparent;color:var(--ink);font:750 13px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.assessment-share{padding:31px;border:1px solid #c7c1b5;background:#fffef9;box-shadow:13px 16px 0 #ded9cd}.assessment-share>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:18px}.assessment-share label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:800}.assessment-share label small{color:var(--muted);font-weight:500}.assessment-share input,.assessment-share select{width:100%;min-height:49px;padding:10px 12px;border:1px solid #aaa59b;border-radius:6px;background:#fff;color:var(--ink);font:15px var(--sans)}.assessment-share :is(input,select):focus{border-color:var(--ink);outline:3px solid rgba(209,43,34,.16);outline-offset:1px}.assessment-share .share-consent{grid-column:1/-1;display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;margin-top:4px}.assessment-share .share-consent input{width:17px;min-height:17px;margin-top:2px;accent-color:var(--red)}.assessment-share .share-consent span{margin:0;color:var(--muted);font-size:12px;font-weight:500;line-height:1.45}.share-submit{grid-column:1/-1;width:100%;justify-content:space-between;border:0;cursor:pointer}.share-submit:disabled{cursor:wait;opacity:.6}.share-privacy{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;line-height:1.45}.share-error{grid-column:1/-1;margin:0;padding:11px 13px;border-left:3px solid var(--red);background:#f5e4e0;color:#76261f;font-size:13px}.share-error[hidden]{display:none}.share-success{padding:12px}.share-success h3{margin:10px 0 13px;font:500 38px/1.05 var(--serif)}.share-success>p:not(.kicker){margin:0 0 25px;color:var(--muted);line-height:1.55}.share-success .btn{width:100%;justify-content:space-between}.share-success .btn[aria-disabled="true"]{background:#77736b;cursor:not-allowed}
.assessment-foot{width:min(var(--assessment-max),calc(100% - 48px));min-height:74px;margin-inline:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.assessment-foot>span{font-weight:850}.assessment-foot nav{display:flex;gap:24px}.assessment-foot a{color:inherit;text-underline-offset:4px}
.choice-card:has(input:focus-visible){outline:3px solid rgba(209,43,34,.2);outline-offset:2px}
.result-note strong{overflow-wrap:anywhere}
@media(max-width:900px){.assessment-intro{grid-template-columns:1fr;gap:55px;padding-top:58px}.assessment-preview{max-width:650px}.assessment-intro h1{font-size:clamp(52px,9vw,72px)}.result-heading,.result-explanation,.result-actions{grid-template-columns:1fr;gap:42px}.evidence-level{max-width:300px}.result-explanation{padding:70px 0}.result-actions{padding-top:70px}}
@media(max-width:650px){.assessment-head-inner,.assessment-intro,.assessment-workspace,.assessment-result,.assessment-foot{width:calc(100% - 30px)}.assessment-head-inner{min-height:78px}.assessment-head img{width:140px}.assessment-head span{display:none}.assessment-intro{min-height:0;padding:50px 0 72px;gap:45px}.assessment-intro h1{font-size:clamp(44px,13.5vw,59px)}.assessment-lead{font-size:18px}.assessment-start{width:100%;justify-content:space-between}.assessment-privacy{font-size:11px}.assessment-preview{margin-right:9px;box-shadow:9px 12px 0 #ded9cd}.preview-board{min-height:0;padding:21px;grid-template-columns:1fr;gap:16px}.preview-note{min-height:126px}.assessment-workspace{padding-top:40px}.assessment-step{padding-top:48px}.assessment-step h2{font-size:clamp(37px,11vw,49px)}.assessment-step>p:not(.step-kicker,.field-help,.step-error){font-size:16px}.choice-card{min-height:75px;padding:15px}.choice-card:has(input:checked){padding:14px}.step-actions{gap:18px}.step-actions .btn{flex:1;justify-content:space-between}.assessment-result{padding:54px 0 80px}.result-heading{gap:30px}.result-heading h1{font-size:clamp(43px,12.8vw,58px)}.evidence-level{min-height:125px}.result-board{padding:21px;grid-template-columns:1fr;gap:18px}.result-note{min-height:155px;padding:19px}.result-note strong{font-size:25px}.result-explanation,.result-actions{padding-top:62px;gap:34px}.result-explanation{padding-bottom:62px}.result-explanation>div:last-child>p{font-size:16px}.evidence-bar{grid-template-columns:90px 1fr;gap:10px}.evidence-bar small{grid-column:2}.assessment-share{margin-right:8px;padding:22px;box-shadow:8px 10px 0 #ded9cd}.assessment-share>div:first-child{grid-template-columns:1fr}.assessment-share .share-consent,.share-submit,.share-privacy,.share-error{grid-column:1}.assessment-foot{align-items:flex-start;flex-direction:column}.assessment-foot nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.assessment-progress-track i{transition:none}}
