*{box-sizing:border-box}
:root{--ink:#10202b;--muted:#65727a;--paper:#f7f5ef;--line:#ddd;--accent:#a98443;--navy:#173845;--accent-soft:#f3ead8;--white:#fff}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif}
header,footer{padding:19px 6%;border-bottom:1px solid var(--line);letter-spacing:.12em}
header{display:flex;align-items:center;gap:18px;position:relative;background:rgba(255,255,255,.58)}
header:after{content:"";position:absolute;left:6%;right:6%;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
header .brand{font-weight:bold;color:var(--ink);text-decoration:none}
header span{font-size:11px;color:var(--muted)}
footer{border-top:1px solid var(--line);border-bottom:0;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}
footer nav{display:flex;gap:16px}
footer button{border:0;background:none;color:var(--muted);cursor:pointer;padding:0}
main{max-width:920px;margin:auto;padding:6vh 6%}
.screen{max-width:820px}
.eyebrow{font-size:11px;letter-spacing:.16em;color:#7b663d;font-weight:bold}
h1{font:600 46px/1.08 Georgia,serif;margin:8px 0 18px}
h2{font:600 25px/1.25 Georgia,serif}
h3{font-size:15px;margin-bottom:5px}
.lead{font-size:19px;max-width:700px;color:#4d5b63}
.intro,.scoreExplain,.reassess{display:flex;gap:15px;background:#fff;border:1px solid var(--line);padding:16px 18px;margin:28px 0}
.trustStrip{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 28px}
.trustStrip span{background:var(--accent-soft);border:1px solid #e5d9c2;padding:7px 10px;border-radius:999px;font-size:12px;color:#5f5138}
.intro b,.scoreExplain b,.reassess b{white-space:nowrap}
.cards{display:grid;gap:11px;margin-top:18px}
.card,.miniCard{display:flex;flex-direction:column;text-align:left;padding:21px;background:#fff;border:1px solid var(--line);border-radius:5px;color:var(--ink);cursor:pointer}
.card:hover,.miniCard:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,32,43,.06)}
.card,.miniCard{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(169,132,67,.35);outline-offset:2px}
.softCommerce{background:linear-gradient(180deg,#fff,var(--accent-soft));border-color:#e5d9c2}
.softCommerce .eyebrow{color:#7b663d}
.primary:hover{filter:brightness(1.06)}
.secondary:hover{background:#f7f3ea}
.card b,.miniCard b{font-size:15px;letter-spacing:.08em}
.card span,.miniCard span{margin-top:5px;color:var(--muted)}
.textBtn{border:0;background:none;padding:0;color:#5d6870;cursor:pointer}
.assessmentIntro{margin-top:25px}
.scoreLegend{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;color:var(--muted);font-size:12px}
.scoreLegend span{background:#fff;border:1px solid var(--line);padding:6px 9px;border-radius:4px}
.scoreLegend b{color:var(--ink)}
.progress{height:4px;background:#ddd;margin:26px 0 12px}
.progress span{display:block;height:100%;background:var(--accent);transition:width .2s}
.step{font-size:12px;color:var(--muted);letter-spacing:.08em}
.questionWhy{color:var(--muted);margin-top:-8px}
.option{display:flex;gap:13px;align-items:flex-start;width:100%;text-align:left;padding:15px 16px;margin:9px 0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:4px;cursor:pointer}
.option.selected{border-color:var(--accent);background:#fffaf0}
.scoreNum{font-weight:bold;min-width:20px}
.primary,.secondary{padding:13px 19px;border-radius:4px;cursor:pointer;font-weight:bold}
.primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}
.primary:disabled{opacity:.4;cursor:not-allowed}
.secondary{background:transparent;color:var(--navy);border:1px solid var(--navy)}
.resultGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}
.dimension{background:#fff;border:1px solid var(--line);padding:14px}
.dimension small{display:block;color:var(--muted)}
.dimension b{display:block;margin-top:3px;font-size:17px}
.dimension .bar{height:4px;background:#ddd;margin-top:10px}
.dimension .bar span{display:block;height:100%;background:#7b663d}
.focus,.enable,.softCommerce{background:#fff;border:1px solid var(--line);padding:23px;margin-top:15px}
.focus{border-left:4px solid var(--accent)}
.focus h2,.enable h2,.softCommerce h2{margin:5px 0 9px}
.focus ol{padding-left:21px}
.enableGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.enableGrid div{border:1px solid #e1e1e1;padding:13px;display:flex;flex-direction:column}
.enableGrid span{color:var(--muted);margin-top:4px}
.commerceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}
.miniCard{padding:15px}
.miniCard b{letter-spacing:0}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.disclaimer,.quiet,.formStatus{font-size:12px;color:#7a858b;margin-top:25px}
.prose{background:#fff;border:1px solid var(--line);padding:24px;max-width:760px}
.prose p:first-child{font-size:20px}
form{background:#fff;border:1px solid var(--line);padding:24px;max-width:700px;margin-top:22px}
label{display:block;font-weight:bold;margin-bottom:16px}
.optional{font-weight:normal;color:var(--muted);font-size:12px}
input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cfcfcf;border-radius:4px;padding:12px;font:inherit;background:#fff;color:var(--ink)}
textarea{resize:vertical}
.contactNote{max-width:700px;background:#fff;border:1px solid var(--line);padding:18px;margin-top:15px;font-size:14px}
.contactNote p{margin-bottom:0;color:var(--muted)}
@media(max-width:650px){header{padding-left:5%;padding-right:5%}header:after{left:5%;right:5%}h1{font-size:39px}.resultGrid,.enableGrid,.commerceGrid{grid-template-columns:1fr 1fr}.intro,.scoreExplain,.reassess{display:block}.intro span,.scoreExplain span,.reassess span{display:block;margin-top:7px}.trustStrip{gap:6px}.trustStrip span{font-size:11px;padding:6px 8px}footer{display:block}footer nav{margin-top:10px}}
@media(max-width:430px){.resultGrid,.enableGrid,.commerceGrid{grid-template-columns:1fr}}

.miniCard:focus-visible,.card:focus-visible,.option:focus-visible,.primary:focus-visible,.secondary:focus-visible,.textBtn:focus-visible,footer button:focus-visible{outline:3px solid rgba(169,132,67,.35);outline-offset:2px}

.differentiation{background:linear-gradient(180deg,#fff,var(--accent-soft));border-color:#e5d9c2}
.differentiation strong{font-weight:650}
.copyright{margin:.5rem 0 0;font-size:.76rem;letter-spacing:.04em;color:var(--muted)}
