:root{--ink:#0b1110;--deep:#101b18;--green:#173a2f;--lime:#c9d86d;--gold:#b79a60;--paper:#f0f0e9;--white:#fbfbf6;--muted:#69736e;--line:#c9ccc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,blockquote{font-family:Georgia,serif;font-weight:400}button,input,textarea,select{font:inherit}header{height:72px;background:var(--ink);color:white;padding:0 clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.12em}.brand>span{border:1px solid var(--lime);color:var(--lime);width:34px;height:34px;display:grid;place-items:center;font-weight:bold}.brand b{font-weight:500}nav{display:flex;gap:28px;color:#b9c0bc;font-size:.8rem}header>small{font-size:.6rem;letter-spacing:.13em;color:#818a85}.lab{min-height:calc(100vh - 72px);background:radial-gradient(circle at 12% 17%,#275b49 0,transparent 31%),var(--deep);color:white;display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(40px,7vw,110px);padding:clamp(45px,6vw,85px) clamp(20px,5vw,75px);align-items:start}.lab-intro{position:sticky;top:120px}.eyebrow{font-size:.68rem;letter-spacing:.2em;font-weight:bold;color:var(--gold)}.lab-intro h1{font-size:clamp(2.8rem,4.7vw,5.5rem);line-height:1;margin:18px 0 28px}.lab-intro>p:not(.eyebrow){color:#bac7c1;font-size:1.05rem}.step-indicator{display:flex;align-items:center;gap:8px;margin-top:38px}.step-indicator i{width:35px;height:2px;background:#51615a}.step-indicator i.active{background:var(--lime)}.step-indicator span{font-size:.72rem;margin-left:8px;color:#aab7b1}.panel{background:var(--white);color:var(--ink);padding:clamp(25px,4vw,48px);min-height:670px;box-shadow:0 35px 85px #02050477}.step{display:none;min-height:455px}.step.active{display:block}.panel-head{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.panel-head>span{font-size:.72rem;color:#8a7141}.panel small{letter-spacing:.17em;color:#7b663d;font-size:.62rem}.panel h2{font-size:2.3rem;line-height:1.1;margin:2px 0}.field{display:block;margin:20px 0;font-size:.75rem;font-weight:bold;letter-spacing:.04em;color:#4b5751}.field input,.field textarea,.field select,.option-names input{display:block;width:100%;border:0;border-bottom:1px solid #919a95;background:transparent;padding:11px 3px;outline:none;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:var(--green)}.two{display:grid;grid-template-columns:1fr 1fr;gap:25px}.hint{font-size:.85rem;color:var(--muted);max-width:700px}.option-names{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.option-names label{padding:20px;border:1px solid var(--line);font-weight:bold;color:#8b703c}.option-names input{font-weight:normal;color:var(--ink)}.matrix-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:20px}th,td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:center}th:first-child,td:first-child{text-align:left;min-width:180px}th{font-size:.7rem;letter-spacing:.08em;color:#647069}.score-select{padding:8px;border:1px solid #b8bdb8;background:white}.actions{display:flex;justify-content:space-between;margin-top:24px}.actions button{border:0;padding:13px 22px;cursor:pointer}.primary{background:var(--green);color:white}.ghost{background:transparent;color:#5e6863}.ghost:disabled{opacity:.3}.privacy{font-size:.67rem;color:#808984;margin:24px 0 0}.ranking{display:grid;gap:10px}.rank-item{display:grid;grid-template-columns:40px 1fr 60px;align-items:center;background:#e9eae4;padding:15px}.rank-item:first-child{border-left:5px solid var(--lime)}.rank-item b{font:1.2rem Georgia}.rank-item strong{text-align:right}.confidence{margin-top:25px;padding:18px;border:1px solid var(--line)}.confidence span{display:block;height:5px;background:#ddd;margin-top:8px}.confidence i{display:block;height:100%;background:var(--gold)}.alerts{margin-top:22px}.alerts li{margin:7px 0;color:#4e5953}
.method,.principles,.use{padding:clamp(80px,10vw,150px) clamp(20px,7vw,105px)}.method{background:var(--gold);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,140px)}.method h2,.principles>h2,.use h2{font-size:clamp(2.7rem,4.6vw,5.3rem);line-height:1.02;margin:15px 0}.method .eyebrow{color:#26332d}.method-list{display:grid;grid-template-columns:1fr 1fr}.method-list article{border-top:1px solid #685b3d66;padding:20px 30px 25px 0}.method-list span{font-size:.65rem}.method-list h3{font-size:1.45rem;margin:6px 0}.method-list p{margin:0}.principles{background:#e4e5de}.principle-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px;border-top:1px solid #b5b9b3}.principle-grid article{padding:25px 28px 20px 0;margin-right:28px}.principle-grid b{font:1.25rem Georgia}.principle-grid p{color:#59635e;font-size:.9rem}.use{background:var(--ink);color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,9vw,140px)}.use-grid{display:grid;grid-template-columns:1fr 1fr}.use-grid p{border-top:1px solid #ffffff33;padding:20px 25px 25px 0;margin:0;color:#b6c0bb}.use-grid span{display:block;color:var(--lime);font-size:.65rem;letter-spacing:.13em;margin-bottom:7px}.limits{padding:clamp(80px,10vw,150px) clamp(20px,8vw,120px);display:grid;grid-template-columns:1.2fr .65fr;gap:clamp(60px,10vw,150px)}blockquote{font-size:clamp(2.6rem,4.5vw,5rem);line-height:1.05;margin:15px 0}.limits>div:last-child{border-left:1px solid #aaa;padding-left:35px}.limits>div:last-child p{border-bottom:1px solid #bbb;padding:9px 0;margin:0}.closing{text-align:center;background:var(--lime);padding:clamp(90px,12vw,170px) 20px}.closing h2{font-size:clamp(3.3rem,6vw,7rem);line-height:.98}.closing a{display:inline-block;border-bottom:1px solid;padding:8px;font-weight:bold}footer{background:var(--ink);color:#aeb7b2;padding:30px clamp(20px,4vw,60px);display:flex;justify-content:space-between;align-items:center;font-size:.7rem}
@media(max-width:950px){.lab,.method,.use{grid-template-columns:1fr}.lab-intro{position:static}.principle-grid{grid-template-columns:1fr 1fr}.limits{grid-template-columns:1fr}}@media(max-width:650px){nav,header>small{display:none}.two,.option-names,.method-list,.principle-grid,.use-grid{grid-template-columns:1fr}.panel{padding:24px 18px}.lab-intro h1{font-size:3.2rem}.limits>div:last-child{border-left:0;padding-left:0;border-top:1px solid #aaa;padding-top:20px}footer{flex-direction:column;align-items:flex-start;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}