/* Process, About, FAQ, Contact, Legal. Uses AutoFlow tokens. */
.phero{padding-block:clamp(3rem,2rem + 5vw,7rem) var(--section-y)}
.phero h1{max-width:18ch}
.phero .lead{margin-top:var(--s5);max-width:42rem}
.phero .actions{margin-top:var(--s6)}

/* Process stages */
.pstage{display:grid;gap:var(--s7)}
@media(min-width:900px){.pstage{grid-template-columns:4fr 8fr;gap:var(--s9)}.pstage__l{position:sticky;top:6rem;align-self:start}}
.pstage .n{font:400 clamp(3.5rem,2.5rem + 4vw,6rem)/.9 var(--font-display);color:var(--spruce);letter-spacing:-.04em;display:block;margin-bottom:var(--s4)}
.pstage h2{margin-bottom:var(--s3)}
.pstage .lead{font-size:var(--fs-base)}
.dl{margin:0;border-top:1px solid var(--ink)}
.dl div{display:grid;gap:var(--s2) var(--s6);padding-block:var(--s5);border-bottom:1px solid var(--line)}
.dl dt{font:600 var(--fs-xs)/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--spruce)}
.dl dd{margin:0;color:var(--ink-2);max-width:36rem}
@media(min-width:640px){.dl div{grid-template-columns:9rem 1fr}}
.tint-alt:nth-of-type(even){background:var(--paper-2)}

/* About */
.big{font:400 var(--fs-h3)/1.25 var(--font-display);letter-spacing:-.015em;color:var(--ink);max-width:34ch;margin:0}
.copy{max-width:38rem}
.copy p{font-size:var(--fs-lg)}

/* Contact */
.cgrid{display:grid;gap:var(--s8)}
@media(min-width:960px){.cgrid{grid-template-columns:5fr 7fr;gap:var(--s9);align-items:start}}
.steps3{list-style:none;margin:var(--s6) 0;padding:0;border-top:1px solid var(--ink)}
.steps3 li{display:grid;grid-template-columns:3rem 1fr;gap:var(--s3);padding-block:var(--s4);border-bottom:1px solid var(--line)}
.steps3 .n{font:400 var(--fs-h4)/1.2 var(--font-display);color:var(--spruce)}
.steps3 p{margin:0}
.hints{margin:var(--s4) 0 0;padding-left:1.1rem;color:var(--ink-2)}
.hints li{margin-bottom:var(--s2)}
.form-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:var(--s5)}
@media(min-width:640px){.form-card{padding:var(--s7)}}
.form-card h2{font-size:var(--fs-h3);margin-bottom:var(--s2)}
.frow{display:grid;gap:0}
@media(min-width:640px){.frow--2{grid-template-columns:1fr 1fr;column-gap:var(--s5)}}
.field .opt{font-weight:400;color:var(--ink-3)}
fieldset.field{border:0;padding:0;margin:0 0 var(--s5);min-width:0}
fieldset.field legend{font:600 var(--fs-sm)/1.3 var(--font-body);padding:0;margin-bottom:var(--s2)}
.checks{display:grid;gap:var(--s2)}
@media(min-width:640px){.checks{grid-template-columns:1fr 1fr}}
.check{display:flex;align-items:flex-start;gap:var(--s3);padding:.85rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--fs-sm);line-height:1.35;transition:border-color var(--t-fast),background var(--t-fast)}
.check:hover{border-color:var(--ink-3)}
.check input{margin:.15rem 0 0;width:1.1rem;height:1.1rem;accent-color:var(--spruce);flex:none}
.check:has(input:checked){border-color:var(--spruce);background:var(--spruce-tint)}
.check:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{font-size:var(--fs-xs);color:var(--ink-3);margin:var(--s4) 0 0}
.fstatus{margin:var(--s4) 0 0;padding:var(--s4) var(--s5);border-left:3px solid var(--spruce);background:var(--spruce-tint);color:var(--spruce-deep);font-size:var(--fs-sm)}
.fstatus[hidden]{display:none}
.fstatus.is-error{border-color:var(--err);background:#F9E5E3;color:#6B1712}
.field.is-error .error{display:block}
.field .error{display:none}

/* Legal */
.draft-note{border:1px solid var(--signal);background:#FBEAE6;color:#5A1D12;padding:var(--s5);margin-bottom:var(--s7);font-size:var(--fs-sm)}
.draft-note strong{display:block;margin-bottom:var(--s2);font-size:var(--fs-base)}
.draft-note ul{margin:var(--s3) 0 0;padding-left:1.1rem}
.legal-doc{max-width:44rem}
.legal-doc h2{font-size:var(--fs-h4);margin:var(--s7) 0 var(--s3);letter-spacing:-.01em}
.legal-doc p,.legal-doc li{color:var(--ink-2);font-size:var(--fs-base)}
.legal-doc ul{padding-left:1.2rem}
.legal-doc li{margin-bottom:var(--s2)}
.meta{color:var(--ink-3);font-size:var(--fs-sm)}