@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f3f0e8;--ink:#252a25;--muted:#666b63;--green:#315941;--line:#d7d9cc;--yellow:#d4b343;--red:#b7493c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible+span{outline:3px solid #728b52;outline-offset:5px}[hidden]{display:none!important}header{height:98px;max-width:1600px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.12em}.brand-symbol{width:31px;height:31px;border-radius:50%;background:var(--green);color:var(--bg);display:grid;place-items:center;font-size:22px}.about-link{font-size:13px}.about-link span{margin-left:30px}.hero{min-height:690px;display:grid;grid-template-columns:1.13fr 1fr;overflow:hidden}.hero-copy{padding:73px 0 70px 10.6%;position:relative;z-index:1;animation:enter .7s ease both}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}h1{font-size:clamp(45px,5.1vw,78px);line-height:1.08;letter-spacing:-.065em;margin:29px 0;font-weight:800}.green{color:var(--green)}.lead{font-size:24px;line-height:1.5;letter-spacing:-.025em;margin:0 0 20px}.hero-description{font-size:14px;line-height:1.9;max-width:425px;color:var(--muted);margin-bottom:30px}.primary{background:var(--green);color:#fff;border:0;padding:18px 24px;min-height:56px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;transition:background .2s,transform .2s}.primary:hover{background:#244630;transform:translateY(-2px)}.micro{font-size:10px;line-height:1.8;color:var(--muted);margin-top:15px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:#e9eadf;overflow:hidden}.art-orbit{position:absolute;border:1px solid #cfd5c5;border-radius:50%;width:670px;height:670px}.orbit-two{width:900px;height:900px}.dial{position:relative;width:370px;max-width:85%;text-align:center;animation:enter 1s .15s both}.dial-label{font-size:9px;letter-spacing:.24em;font-weight:700;margin-bottom:30px;color:#687560}.dial-face{width:100%;aspect-ratio:1;border-radius:50%;position:relative;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,#b8c0ac 9deg 9.4deg),#e9eadf;border:1px solid #b5bfaa;box-shadow:0 15px 45px #536d4020,inset 0 0 0 13px #e9eadf}.dial-face:before{content:'';position:absolute;inset:26px;border-radius:50%;background:conic-gradient(from 225deg,#315941 0 90deg,#d4b343 90deg 180deg,#b7493c 180deg 270deg,transparent 270deg);mask:radial-gradient(transparent 64%,#000 65%);-webkit-mask:radial-gradient(transparent 64%,#000 65%)}.needle{position:absolute;left:49%;bottom:50%;height:34%;width:2%;background:var(--green);transform-origin:bottom;transform:rotate(-54deg);clip-path:polygon(50% 0,100% 100%,0 100%);animation:needle 1.6s ease both}.dial-center{position:absolute;left:calc(50% - 11px);top:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background:var(--green);border:6px solid #eceee3;box-shadow:0 0 0 1px var(--green)}.dial-caption{display:block;font-size:18px;line-height:1.6;margin-top:28px;letter-spacing:-.025em}.art-foot{position:absolute;bottom:30px;font-size:8px;letter-spacing:.18em;color:#687560}.method{padding:80px 6%;background:#e6e8dc;display:grid;grid-template-columns:1fr 1.15fr;gap:10%;border-top:1px solid var(--line)}h2{font-size:36px;line-height:1.25;letter-spacing:-.045em;margin:20px 0}.method-content>p{margin:0 0 30px;font-size:14px;line-height:1.9}.method details{border-top:1px solid #bfc6b6}.method details:last-child{border-bottom:1px solid #bfc6b6}summary{cursor:pointer;list-style:none;font-size:13px;font-weight:700;padding:21px 0;display:flex;gap:20px;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.9;color:#50594e;margin:0 0 20px}footer{padding:27px 6%;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}footer span:first-child{font-weight:800}#quiz,#result{max-width:1250px;margin:auto;padding:55px 6% 80px;min-height:650px}.quiz-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.progress{height:3px;background:var(--line);margin:18px 0 50px}.progress>div{height:100%;background:var(--green);transition:width .4s}.quiz-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.quiz-layout aside p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.scale-note{margin-top:35px}.question{border-bottom:1px solid var(--line);padding:0 0 26px;margin:0 0 26px;border-top:0;border-left:0;border-right:0;min-width:0}.question legend{font-size:16px;font-weight:600;line-height:1.7;margin-bottom:17px;width:100%;padding:0}.qid{color:var(--green);font-size:10px;letter-spacing:.07em;display:block;margin-bottom:7px}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.option{position:relative;cursor:pointer}.option input{position:absolute;opacity:0;width:1px;height:1px}.option span{border:1px solid #cdd1c2;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:8px 4px;transition:background .2s;border-radius:2px;font-size:10px;text-align:center}.option b{font-size:18px;margin-bottom:5px}.option:hover span{background:#e3e7d9}.option input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}.quiz-actions,.result-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.text-button{background:none;border:0;padding:15px 0;color:var(--green);font-size:12px;font-weight:700}.text-button:hover{text-decoration:underline}#error{color:var(--red);font-size:13px}.result-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.result-layout h1{font-size:56px}.result-layout .lead{font-size:19px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.score{font-size:86px;font-weight:600;letter-spacing:-.06em}.score small{font-size:14px;letter-spacing:0;color:var(--muted);margin-left:10px}.thermometer{height:18px;background:linear-gradient(to right,var(--green) 0 19.6%,var(--yellow) 19.6% 43.1%,var(--red) 43.1%);border-radius:30px;position:relative;margin:20px 0}.thermometer span{position:absolute;top:-6px;height:30px;width:4px;background:var(--ink);border:1px solid var(--bg);transform:translateX(-50%);transition:left .8s}.meter-labels{display:flex;justify-content:space-between;font-size:9px;line-height:1.6}.flag-note{border-left:3px solid var(--red);padding:10px 16px;color:var(--red);font-size:13px;line-height:1.8;background:#b7493c09}.breakdown-head{margin-top:65px;border-top:1px solid var(--line);padding-top:20px}.breakdown-head h2{font-size:26px}.breakdown-head p{font-size:12px;color:var(--muted)}.breakdown-row{display:grid;grid-template-columns:1fr 1fr 55px;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;font-size:12px}.bar{height:5px;background:var(--line)}.bar i{display:block;height:5px;background:var(--green)}.breakdown-row strong{text-align:right}.next-steps{margin:45px 0;padding:30px;background:#e6e8dc}.next-steps h2{font-size:27px}.next-steps p:last-child{font-size:14px;line-height:1.9;max-width:720px}#share-status{font-size:12px;color:var(--green)}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes needle{from{transform:rotate(50deg)}to{transform:rotate(-54deg)}}@media(min-width:1600px){main{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:76px}.brand{font-size:8px;letter-spacing:.07em}.about-link{font-size:11px}.about-link span{margin-left:10px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:48px 6% 40px}h1{font-size:clamp(42px,9.4vw,70px)}.lead{font-size:21px}.hero-art{min-height:430px}.dial{width:265px;padding:25px 0}.dial-caption{font-size:16px;margin-top:20px}.dial-label{margin-bottom:20px}.art-foot{bottom:16px;font-size:7px}.method{grid-template-columns:1fr;gap:25px;padding:45px 6%}.method h2{font-size:31px}.method-content>p{font-size:13px}footer{gap:25px;font-size:9px}.quiz-layout,.result-layout{grid-template-columns:1fr;gap:22px}.scale-note{display:none}.progress{margin-bottom:28px}.quiz-layout h2{font-size:30px;margin:10px 0}.quiz-layout aside p{margin-bottom:12px}#quiz,#result{padding-top:30px}.question legend{font-size:15px}.options{gap:5px}.option span{font-size:9px;min-height:75px}.primary{gap:25px}.result-layout h1{font-size:43px}.score-area{padding-top:10px}.score{font-size:65px}.breakdown-head{margin-top:35px}.breakdown-row{grid-template-columns:1.2fr .8fr 42px;gap:12px;font-size:10px}.next-steps{padding:22px}.result-actions{gap:8px 20px}.result-actions .primary{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* A short invitation, with the methodology available on request. */
.hero{min-height:calc(100svh - 165px)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:50px;padding-bottom:50px}
.hero h1{font-size:clamp(44px,4.65vw,74px);margin:0 0 18px;letter-spacing:-.055em}
.teaser-question{font-size:clamp(44px,4.65vw,74px);font-weight:800;line-height:1.08;letter-spacing:-.055em;margin:0 0 40px}
.hero-art{background:transparent}
.hero-art .dial{width:340px}
.hero-art .dial-face{background-color:var(--bg);box-shadow:0 15px 45px #536d4010,inset 0 0 0 13px var(--bg)}
@media(max-width:800px){.hero{min-height:calc(100svh - 140px);grid-template-columns:1fr;position:relative}.hero-copy{padding:55px 6% 190px}.hero h1,.teaser-question{font-size:clamp(42px,9.5vw,68px)}.hero-art{position:absolute;width:180px;height:180px;min-height:0;right:-12px;bottom:12px;pointer-events:none;opacity:.65}.hero-art .dial{width:155px;max-width:100%;padding:0}.art-orbit{width:240px;height:240px}.orbit-two{width:320px;height:320px}.hero-art .dial-face{box-shadow:inset 0 0 0 7px var(--bg)}.dial-face:before{inset:13px}.brand{font-size:9px}}

.thermometer{background:linear-gradient(to right,var(--green) 0 21.67%,var(--yellow) 21.67% 45%,var(--red) 45%)}
@media(max-width:800px){.about-link{min-height:44px;display:flex;align-items:center}.question legend{font-size:16px;line-height:1.65}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option span{min-height:66px;font-size:12px;flex-direction:row;gap:10px;padding:10px 7px}.option b{font-size:20px;margin:0}.text-button{min-height:44px}.quiz-actions{padding-bottom:env(safe-area-inset-bottom,0px)}#result-title{font-size:clamp(32px,9vw,43px);overflow-wrap:break-word}.result-layout,.quiz-layout{min-width:0}.hero-copy{padding-bottom:160px}.hero-art{right:0;width:155px;height:155px}.score-area{min-width:0}.meter-labels{font-size:10px}.breakdown-row{grid-template-columns:1.4fr .65fr 36px;font-size:12px;gap:10px}.method details p{overflow-wrap:break-word}}
@media(max-width:359px){header{padding:0 5%;gap:10px}.brand{font-size:8px;gap:7px}.brand-symbol{width:26px;height:26px;flex-shrink:0}.hero h1,.teaser-question{font-size:39px}.option span{font-size:11px}.breakdown-row{grid-template-columns:1fr 36px}.breakdown-row .bar{grid-column:1;grid-row:auto}.breakdown-row strong{grid-column:2;grid-row:span 2}.quiz-actions .primary{padding:16px 18px;gap:15px}}

.result-actions{margin-top:32px;padding-top:12px;border-top:1px solid var(--line)}
.share-result{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;gap:8px;font-size:12px}
#share-status{margin:0;font-size:11px;min-height:0}
#share-fallback{margin:8px 0 15px;font-size:12px}
#share-text{display:block;width:100%;margin-top:8px;resize:vertical;padding:10px;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit;line-height:1.6}

/* Keep sharing prominent and the detail section compact. */
.share-result{display:inline-flex;justify-content:center;padding:13px 20px;min-height:48px;font-size:13px;font-weight:800;margin:8px 0 4px}
@media(min-width:801px){.breakdown-head,#breakdown{max-width:720px}.breakdown-head{margin-top:32px;padding-top:14px}.breakdown-head h2{font-size:21px;margin:10px 0}.breakdown-head p{font-size:11px;margin:8px 0 12px}.breakdown-row{grid-template-columns:minmax(235px,1.3fr) minmax(120px,1fr) 40px;gap:18px;padding:12px 0;line-height:1.5}.result-actions{max-width:720px;margin-top:22px}.result-actions .primary{background:none;color:var(--green);border:1px solid var(--line);min-height:44px;padding:12px 18px;font-size:12px}.result-actions .primary:hover{background:#e3e7d9}}
@media(max-width:800px){.share-result{width:100%;min-height:50px;font-size:14px}.result-actions .primary{background:none;color:var(--green);border:1px solid var(--line)}}