.hp-quiz{border:0;border-radius:20px;padding:28px 32px;width:min(610px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;color:#102442;background:#fff;box-sizing:border-box;box-shadow:0 25px 100px #10244230;font-family:Onest,Arial,sans-serif}.hp-quiz::backdrop{background:#0c1d3d8c;backdrop-filter:blur(4px)}.hp-quiz-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hp-quiz-brand{font-size:12px;letter-spacing:1px;font-weight:800;color:#0064ed}.hp-quiz-close{font-size:30px;border:0;background:none;cursor:pointer;color:#60718b;min-width:44px;min-height:44px}.hp-quiz-progress{height:5px;border-radius:5px;background:#edf2fa;overflow:hidden}.hp-quiz-progress span{height:100%;display:block;background:#0064ed;transition:width .2s}.hp-quiz-step{font-size:12px;color:#64748b;margin:20px 0 12px}.hp-quiz-title{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0 0 22px;outline:none}.hp-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hp-quiz-option{padding:18px 16px;text-align:left;min-height:64px;border:1px solid #dfe7f2;border-radius:11px;background:#f8fafc;cursor:pointer;color:#102442;font:600 14px Onest,Arial,sans-serif}.hp-quiz-option:hover{border-color:#0064ed}.hp-quiz-option.is-selected{background:#edf4ff;border:2px solid #0064ed;padding:17px 15px;color:#005ad8}.hp-quiz-model-label{display:block;font-size:12px;color:#64748b;margin-top:22px}.hp-quiz-model{display:block;width:100%;margin-top:8px;border:1px solid #dfe7f2;border-radius:9px;padding:13px;font:14px Onest,Arial,sans-serif;box-sizing:border-box}.hp-quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.hp-quiz-back,.hp-quiz-next{border:0;border-radius:9px;padding:13px 22px;min-height:46px;font:600 14px Onest,Arial,sans-serif;cursor:pointer}.hp-quiz-back{background:#f1f5fa;color:#536680}.hp-quiz-next{background:#0064ed;color:#fff}.hp-quiz button:disabled{opacity:.45;cursor:default}.hp-quiz-description{color:#64748b;font-size:14px;line-height:1.6}.hp-quiz-summary{font-size:12px;color:#536680;margin:18px 0}.hp-quiz-summary summary{cursor:pointer;color:#0064ed}.hp-quiz-summary dl{background:#f7f9fc;padding:14px;border-radius:9px}.hp-quiz-summary dt{margin-top:10px}.hp-quiz-summary dd{font-weight:600;color:#102442;margin:4px 0 0}.hp-quiz-form .dl-btn{width:100%;background:#0064ed;color:#fff;margin:10px 0 14px}.hp-quiz-form .dl-form-field[hidden]{display:none}.hp-quiz-form .dl-form-input{box-sizing:border-box;width:100%}.hp-quiz-form .dl-form-consent{font-size:12px;line-height:1.5}.hp-quiz-form .dl-form-consent input{flex:none}.hp-quiz :focus-visible{outline:3px solid #8abaff;outline-offset:3px}.hp-quiz h2:focus-visible{outline:none}@media(max-width:600px){.hp-quiz{padding:18px 20px;border-radius:15px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.hp-quiz-title{font-size:23px}.hp-quiz-options{grid-template-columns:1fr;gap:9px}.hp-quiz-option{min-height:52px;padding:14px}.hp-quiz-option.is-selected{padding:13px}.hp-quiz-step{margin-top:14px}.hp-quiz-nav{margin-top:20px}}

/* Brand colours and a quieter modal header. */
.hp-quiz{position:fixed;padding:32px;border-radius:24px;background:linear-gradient(145deg,#eef5ff 0%,#fff 43%);box-shadow:0 28px 100px #071b4140;color:#091a3e}
.hp-quiz-head{justify-content:flex-end;margin:-12px -12px 12px}
.hp-quiz-close{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%;background:#fff;color:#667792;font-size:27px;line-height:1;transition:background .15s}
.hp-quiz-close:hover{background:#e1ebfb;color:#0064ed}
.hp-quiz-progress{height:4px;background:#dae6f7}.hp-quiz-progress span{border-radius:4px;background:linear-gradient(90deg,#0064ed,#5e9dff)}
.hp-quiz-step{font-size:12px;font-weight:600;letter-spacing:.2px;color:#667792;margin:22px 0 12px}
.hp-quiz-title{font-size:29px;line-height:1.18;font-weight:750;letter-spacing:-.8px;color:#091a3e;margin-bottom:24px}
.hp-quiz-option{position:relative;padding:19px 44px 19px 18px;border-radius:14px;background:#fff;border:1px solid #dce5f2;color:#102442;min-height:70px;transition:border-color .15s,background .15s,box-shadow .15s}
.hp-quiz-option:after{content:'';position:absolute;right:17px;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1.5px solid #c9d6e8;border-radius:50%;box-sizing:border-box}
.hp-quiz-option:hover{background:#f4f8ff;border-color:#8eb9f9}
.hp-quiz-option.is-selected{padding:19px 44px 19px 18px;border:1px solid #0064ed;background:#edf4ff;box-shadow:0 0 0 1px #0064ed;color:#005ad8}
.hp-quiz-option.is-selected:after{border:5px solid #0064ed;background:#fff}
.hp-quiz-model-label{margin-top:24px}.hp-quiz-model{border-radius:12px;padding:15px;background:#fff}
.hp-quiz-nav{padding-top:22px;border-top:1px solid #e5edf8;margin-top:26px;gap:14px}
.hp-quiz-back,.hp-quiz-next{border-radius:12px;min-height:48px;padding:14px 24px}.hp-quiz-back{background:#eff3f9}.hp-quiz-next{box-shadow:0 5px 14px #0064ed20}.hp-quiz-next:disabled{background:#b7cff5;color:#fff;opacity:1;box-shadow:none}
@media(max-width:600px){.hp-quiz{padding:24px 20px;border-radius:20px}.hp-quiz-head{margin:-8px -6px 10px}.hp-quiz-title{font-size:25px;letter-spacing:-.6px}.hp-quiz-option,.hp-quiz-option.is-selected{min-height:60px;padding:16px 44px 16px 16px}.hp-quiz-step{margin-top:18px}.hp-quiz-nav{margin-top:22px;padding-top:18px}}

.hp-quiz{border-top:6px solid #0064ed;background:linear-gradient(135deg,#eaf2ff,#fff 65%)}
.hp-quiz-title{font-size:32px;letter-spacing:-1px}.hp-quiz-step{display:inline-block;background:#e2edff;border-radius:30px;padding:7px 12px;color:#005ad8;margin-top:22px}
.hp-quiz-options{gap:14px}.hp-quiz-option,.hp-quiz-option.is-selected{min-height:80px;font-size:15px}.hp-quiz-option.is-selected{background:#0064ed;color:#fff;box-shadow:0 8px 20px #0064ed25}.hp-quiz-option.is-selected:after{background:#0064ed;border-color:white}
@media(max-width:600px){.hp-quiz-title{font-size:27px}.hp-quiz-option,.hp-quiz-option.is-selected{min-height:65px;font-size:14px}}