/* Reference lock: existing Switchboards type/colour/control system; one-column form.
   Refero Planpoint: restrained action colour. ElevenLabs sales flow: back + explicit success.
   No competing illustration or sales column while someone answers. */
@font-face{font-family:Inter;src:local('Inter');font-display:swap}
:root{--help-ink:#18181b;--help-paper:#faf9f6;--help-blue:#3044da;--help-muted:#62636b}
body.help-page{margin:0;background:var(--help-paper);color:var(--help-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.help-page *{box-sizing:border-box}
.help-page .sb-skip{position:absolute;left:-10000px;top:8px;z-index:100;padding:12px;background:#fff;color:var(--help-blue)}
.help-page .sb-skip:focus{left:12px}
.help-main{max-width:672px;margin:56px auto 88px;padding:0 24px}
.help-kicker{font-size:13px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--help-blue)}
.help-main h1{font-size:46px;line-height:1.08;letter-spacing:-.045em;font-weight:800;margin:16px 0;text-wrap:balance}
.help-intro{font-size:18px;line-height:1.55;color:var(--help-muted);max-width:540px}
.help-form{margin-top:32px;padding:28px;background:#fff;border:1px solid #d5d6df;border-radius:16px}
.help-form fieldset{padding:0;border:0;margin:0;min-width:0}
.help-form legend,.help-form h2{font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-.025em;margin:0 0 20px;padding:0}
.help-progress{font-size:13px;color:var(--help-muted);margin:0 0 12px}
.help-choices{display:grid;gap:12px}
.help-choice{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #bcbecb;border-radius:12px;cursor:pointer;min-height:62px}
.help-choice:has(input:checked){border-color:var(--help-blue);box-shadow:0 0 0 1px var(--help-blue);background:#f4f5ff}
.help-choice strong{display:block;font-size:17px;font-weight:750}
.help-choice small{display:block;font-size:14px;color:var(--help-muted);line-height:1.4;margin-top:4px}
.help-choice input{accent-color:var(--help-blue);width:18px;height:18px;flex-shrink:0}
.help-field{display:block;font-size:15px;font-weight:650;margin:0 0 20px}
.help-field input,.help-field textarea,.help-field select{display:block;width:100%;margin-top:8px;padding:13px 14px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;color:var(--help-ink);background:#fff;border:1px solid #a6a8b5;border-radius:10px;min-height:48px}
.help-field textarea{resize:vertical;min-height:130px}
.help-field small{font-weight:400}
.help-note{font-size:13px;line-height:1.5;color:var(--help-muted)}
.help-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
.help-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:0;border-radius:12px;background:var(--help-blue);color:#fff;font:750 16px/1.4 Inter,ui-sans-serif,sans-serif;text-decoration:none;cursor:pointer}
.help-back{border:0;background:transparent;text-decoration:underline;font:600 15px/1.5 inherit;font-family:inherit;cursor:pointer;color:var(--help-ink);padding:12px 0}
.help-primary:disabled{opacity:.65;cursor:wait}
.help-main :focus-visible{outline:3px solid var(--help-blue);outline-offset:4px}
.help-main a:not(.help-primary){color:var(--help-blue)}
.help-error{color:#a61e20;font-size:15px;line-height:1.5}
.help-solo{border-left:3px solid var(--help-blue);padding:0 0 0 16px;font-size:15px;line-height:1.5;margin:20px 0}
.help-success h2{font-size:30px}
.help-success p{line-height:1.6}
.help-proof{display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.5;color:var(--help-muted);margin-top:24px}
.help-proof img{border-radius:50%;width:44px;height:44px;flex-shrink:0}
.help-main [hidden]{display:none!important}
.help-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.help-footer{border-top:1px solid #dedee5;padding:24px;text-align:center;font-size:13px;color:var(--help-muted)}
.help-footer a{color:inherit;margin:0 10px}
@media(max-width:600px){.help-main{margin-top:32px;padding:0 20px}.help-main h1{font-size:36px}.help-form{padding:22px 18px}.help-form legend{font-size:22px}.help-nav .help-primary{margin-left:auto}}
