/* The sign-up page (2026-11-10): one decision per screen on the ivory, in the landing look. The steps are
   fieldsets; the script shows one at a time (html.su-js); without it they stack and the server checks the lot. */
.su-main{max-width:1120px;margin:0 auto;padding:128px 24px 88px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.su-form{background:#fff;border:1px solid rgba(11,16,32,.1);border-radius:22px;padding:34px 38px 30px;box-shadow:0 30px 70px -40px rgba(11,16,32,.35)}
.su-step{border:0;padding:0;margin:0;min-width:0}
html.su-js .su-step:not(.on){display:none}
html:not(.su-js) .su-step+.su-step{margin-top:34px;padding-top:30px;border-top:1px solid rgba(11,16,32,.1)}
html:not(.su-js) [data-next],html:not(.su-js) [data-back],html:not(.su-js) .su-count,html:not(.su-js) .su-progress{display:none}
.su-progress{height:6px;border-radius:999px;background:rgba(11,16,32,.08);overflow:hidden;margin:0 0 10px}
.su-progress span{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--lp-gold),var(--lp-gold-deep));transition:width .3s}
.su-count{font:700 11px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:rgba(11,16,32,.5);margin:0 0 22px}
.su-h{font:800 30px/1.1 var(--sans);color:var(--lp-navy);margin:0 0 8px;letter-spacing:-.3px}
.su-sub{color:rgba(11,16,32,.66);margin:0 0 18px;font-size:15px;line-height:1.5}
.su-choice{display:grid;gap:12px}
.lp-form label.su-card{display:flex;gap:14px;align-items:flex-start;margin:0;padding:16px 18px;border:1.5px solid rgba(11,16,32,.14);border-radius:14px;cursor:pointer;background:#fff;color:var(--lp-navy);font:400 15px/1.4 var(--sans);letter-spacing:0;text-transform:none;transition:border-color .15s,box-shadow .15s}
.su-card:hover{border-color:rgba(11,16,32,.3)} .su-card:has(input:checked){border-color:var(--lp-gold-deep);box-shadow:0 0 0 3px rgba(168,120,42,.15)}
.lp-form .su-card input{width:auto;margin:4px 0 0;accent-color:var(--lp-gold-deep);flex:0 0 auto}
.su-card b{display:block;font:700 16px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--lp-navy)} .su-card small{display:block;color:rgba(11,16,32,.62);font:400 13px/1.45 var(--sans);letter-spacing:0;text-transform:none;margin-top:3px}
.su-err{color:#b4232c;font-size:13px;margin-top:8px}
.lp-form label.su-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;color:var(--lp-navy);font:400 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;cursor:pointer}
.lp-form .su-check input{width:auto;margin:3px 0 0;accent-color:var(--lp-gold-deep);flex:0 0 auto} .su-check a{color:var(--lp-gold-deep);font-weight:700;text-decoration:none} .su-check a:hover{text-decoration:underline}
.su-back{background:none;border:0;color:rgba(11,16,32,.62);font:700 14px var(--sans);cursor:pointer;padding:0} .su-back:hover{color:var(--lp-navy)}
.su-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.su-side{padding-top:8px} .su-list{list-style:none;margin:14px 0 22px;padding:0} .su-list li{position:relative;padding:7px 0 7px 26px;color:rgba(11,16,32,.84);font-size:14.5px;line-height:1.45;border-bottom:1px solid rgba(11,16,32,.08)}
.su-list li::before{content:"";position:absolute;left:2px;top:14px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--lp-gold),var(--lp-gold-deep))}
.su-aside{color:rgba(11,16,32,.7);font-size:14px;margin:10px 0}
@media (max-width:900px){.su-main{grid-template-columns:1fr;padding:104px 16px 64px;gap:32px} .su-form{padding:26px 22px 24px;border-radius:18px} .su-h{font-size:26px}}