.htp{max-width:820px;margin:32px auto;padding:clamp(22px,4vw,42px);border:1px solid #e8e8e8;border-radius:22px;background:#fff;box-shadow:0 18px 55px rgb(0 0 0 / .07);font-family:inherit}.htp-head{text-align:center}.htp-kicker{font-size:12px;font-weight:800;letter-spacing:.12em}.htp h2{font-size:clamp(28px,5vw,44px);line-height:1.08;margin:10px 0}.htp-head p{max-width:650px;margin:0 auto 24px;color:#626262}.htp-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0 30px}.htp-progress span{height:5px;border-radius:8px;background:#ececec}.htp-progress span.active{background:#222}.htp-step{display:none}.htp-step.active{display:block}.htp h3{font-size:22px;margin:0 0 20px}.htp label{display:block;font-weight:650;margin:16px 0}.htp select{width:100%;margin-top:8px;padding:14px;border:1px solid #d8d8d8;border-radius:10px;background:#fff;font:inherit}.htp-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.htp-checks label{padding:15px;border:1px solid #ddd;border-radius:12px;margin:0;font-weight:600}.htp-ai-note{margin-top:22px;padding:17px;border-radius:12px;background:#f6f6f6}.htp-ai-note p{margin:5px 0 0;color:#666}.htp-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.htp button{border:0;border-radius:10px;padding:13px 22px;font-weight:750;cursor:pointer}.htp-next{background:#171717;color:#fff;margin-left:auto}.htp-back,.htp-reset{background:#eee}.htp-results{display:grid;grid-template-columns:1fr 1fr;gap:15px}.htp-results>div{padding:22px;border:1px solid #e1e1e1;border-radius:15px}.htp-results small{display:block;color:#666;margin-bottom:7px}.htp-results strong{font-size:25px}.htp-disclaimer{font-size:13px;line-height:1.6;color:#666;margin:20px 0}@media(max-width:600px){.htp-checks,.htp-results{grid-template-columns:1fr}.htp{margin:15px 0;border-radius:15px}.htp-actions button{flex:1}}