/* Shared visual language from FinancialSpring intake Stylesheet.html. */
:root{--paper:#f7f2e9;--surface:#fffdf9;--surface-soft:#f1eadf;--pine:#2f5145;--pine-dark:#243d35;--sage:#9fb4a7;--sage-soft:#e9efea;--clay:#c9785a;--clay-soft:#f4e8e1;--sand:#ded3c6;--ink:#293a34;--muted:#5f7068;--field-label:#5f7068;--gold:var(--pine);--blue:var(--pine);--line:var(--sand)}
body{color:var(--ink);background:var(--paper)}
h1,h2,h3{color:var(--pine-dark)}h1 em{color:var(--pine)}
.site-header{border-color:var(--sand)}.brand{color:var(--pine)}
.mark{width:40px;height:40px;border:0;border-radius:13px;background:var(--sage-soft);color:var(--pine)}.mark svg{width:32px;height:32px}
.header-link{color:var(--pine);border-color:var(--clay)}
.eyebrow{color:var(--pine)}.promise{color:var(--field-label)}
.primary,.hero .primary{background:var(--pine);color:white;border-radius:12px;box-shadow:0 8px 20px rgba(47,81,69,.12)}.primary:hover{background:var(--pine-dark)}
.personal{background:var(--sage-soft)}
.number{color:var(--pine);border-right:3px solid var(--clay);padding-right:9px}
.process li:before{color:var(--pine)}.expand{color:var(--pine)}
.lead-section{background:var(--surface-soft);border-color:var(--sand)}
.lead-layout form{background:var(--surface);border-color:var(--sand);border-radius:20px;box-shadow:0 20px 55px rgba(47,81,69,.08)}
.field input{background:#fffdfa;border-color:var(--sand);border-radius:12px;color:var(--ink)}
.field label{color:var(--field-label)}
.field input:focus{border-color:var(--sage);background:white;box-shadow:0 0 0 4px rgba(159,180,167,.18)}
.field input:focus+label,.field input:not(:placeholder-shown)+label{color:var(--pine)}
.form-status{background:var(--sage-soft);color:var(--pine-dark)}
.preview-note{color:var(--field-label)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--pine)}
.hero:after{background:linear-gradient(var(--clay),transparent)}
@media(max-width:760px){.mark{width:34px;height:34px;border-radius:11px}.mark svg{width:28px;height:28px}.number{border:0;padding-right:0;color:var(--pine)}.benefit{border-color:var(--sand)}}

/* Carry the questionnaire palette through the full desktop journey. */
@media(min-width:761px){
  .site-header{background:rgba(247,242,233,.92);border-color:rgba(159,180,167,.55)}
  .header-link{border-color:var(--sage)}
  .benefit{border-color:var(--sage)}
  .number{display:inline-flex;width:max-content;align-items:center;min-height:30px;padding:3px 10px;border:0;border-radius:999px;background:var(--sage-soft);color:var(--pine-dark);font-weight:700}
  .personal{background:linear-gradient(105deg,var(--sage-soft),#dfe9e2)}
  .process li{padding:18px 60px 18px 20px;border:1px solid var(--sand);border-radius:16px;background:var(--surface);box-shadow:0 10px 28px rgba(47,81,69,.05)}
  .process li:before{right:18px;top:19px}
  .principles details{padding:0 24px;border:1px solid var(--sand);border-radius:16px;background:var(--surface);box-shadow:0 10px 28px rgba(47,81,69,.04)}
  .lead-section{background:linear-gradient(110deg,var(--surface-soft),var(--sage-soft));border-color:var(--sage)}
  footer{background:var(--sage-soft);border-top:1px solid var(--sand)}
}
