*{box-sizing:border-box}body{margin:0;background:#f5f5f2;color:#171717;font:16px Arial,Helvetica,sans-serif}.wrap{max-width:1200px;margin:auto;padding:32px}.narrow{max-width:760px}.brand{font-size:28px;font-weight:900;letter-spacing:-1px}.brand span{font-size:14px;letter-spacing:3px;font-weight:500;margin-left:8px}.tag,.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700}header{display:flex;justify-content:space-between;align-items:center}.hero{min-height:78vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.hero h1,.result h1{font-size:clamp(48px,8vw,105px);line-height:.9;margin:18px 0}.hero p{max-width:520px;font-size:19px;line-height:1.6}.lineart{font-size:240px;transform:rotate(-30deg);opacity:.12}.btn{display:inline-block;border:0;background:#111;color:#fff;padding:17px 25px;margin-top:22px;font-weight:700;letter-spacing:1px;text-decoration:none;cursor:pointer}.ghost{background:#ddd;color:#111}.panel,.result{background:#fff;padding:clamp(28px,6vw,70px);margin-top:55px;border-radius:2px}.panel h2{font-size:clamp(34px,5vw,64px);max-width:800px}.progress{height:3px;background:#ddd;margin-bottom:55px}.progress i{display:block;height:100%;background:#111;transition:.3s}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choices button{padding:25px;text-align:left;background:#f5f5f2;border:1px solid #ddd;font-size:18px;cursor:pointer}.choices button:hover{background:#111;color:white}.hidden{display:none}.score{font-size:18px;letter-spacing:2px;margin-top:25px}.lead{font-size:22px;max-width:700px}.meters{max-width:650px;margin:40px 0}.meter{display:grid;grid-template-columns:150px 1fr 45px;gap:15px;align-items:center;margin:15px 0}.meter b{height:6px;background:#ddd}.meter b i{display:block;height:100%;background:#111}.meter em{font-style:normal}.alternatives{display:flex;gap:12px;flex-wrap:wrap}.alternatives span{background:#eee;padding:12px 16px}.form{display:grid;gap:15px}.form label{font-weight:bold}.form input{display:block;width:100%;padding:12px;margin-top:6px}.error{padding:15px;background:#fee}.success{padding:15px;background:#efe}@media(max-width:700px){.wrap{padding:20px}.hero{grid-template-columns:1fr}.lineart{display:none}.choices{grid-template-columns:1fr}.meter{grid-template-columns:110px 1fr 40px}.tag{display:none}}