.intake{max-width:640px}
.intake .wstep{display:none}
.intake .wstep.active{display:block;animation:fade .4s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.intake .wstep.active{animation:none}}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.intake .pbar{display:flex;align-items:center;gap:14px;margin-bottom:36px}
.intake .steps{position:relative;flex:1;height:6px;border-radius:999px;overflow:hidden;background:rgba(239,234,225,.14)}
.intake .steps>i{position:absolute;left:0;top:0;bottom:0;width:14%;background:var(--cin);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.intake .steps::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/var(--steps,7) - 3px),var(--dark) calc(100%/var(--steps,7) - 3px),var(--dark) calc(100%/var(--steps,7)))}
.intake .pcount{font-family:var(--gk);font-size:12px;letter-spacing:.06em;color:var(--od-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.intake .pcount b{color:var(--od)}
.intake .chips{display:flex;flex-wrap:wrap;gap:10px}
.intake .chip{cursor:pointer;border:1px solid var(--line-d);border-radius:999px;padding:10px 16px;font-size:14px;color:var(--od);background:transparent;transition:.2s}
.intake .chip[aria-pressed="true"]{background:var(--cin);border-color:var(--cin);color:#fff}
.intake .nav{display:flex;gap:12px;margin-top:26px;align-items:stretch}
/* override global .nav .btn and .form .btn-cin rules that bleed into the wizard */
.intake .nav .btn{margin-top:0;padding:15px 24px;font-size:14px;white-space:nowrap;width:auto}
.intake .nav .btn[hidden]{display:none}
.intake .nav #intake-next{flex:1;justify-content:center}
.intake .nav #intake-back{flex:none}
/* back button lives on the dark contact section — make it light/visible */
.intake .btn-out{color:var(--od);border-color:rgba(239,234,225,.32)}
.intake .btn-out:hover{color:#fff;border-color:var(--od);transform:translateY(-2px)}
/* back button arrow points/animates left (forward button keeps the global rightward move) */
.intake #intake-back:hover .ar{transform:translateX(-5px)}
.intake .err{color:#E2B4AC;font-size:12.5px;margin-top:6px}
/* error banner + invalid-field highlight */
.intake .intake-error{margin-top:18px;color:#F0C7C0;background:rgba(178,58,43,.14);border:1px solid rgba(178,58,43,.5);border-radius:4px;padding:12px 15px;font-size:13.5px;line-height:1.75}
.intake .intake-error a{color:#fff;text-decoration:underline}
.intake .fld.invalid input,.intake .fld.invalid select,.intake .fld.invalid textarea{border-color:#C0392B;background:rgba(192,57,43,.07)}
.intake .chip-line.invalid{color:#F0C7C0}
.intake .field-msg{color:#E8938A;font-size:12px;margin-top:6px;line-height:1.5}
.intake .note{color:var(--od-2);font-size:13px;margin-top:10px}
.intake .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.intake .sumrow{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line-d);font-size:14px}
@media(min-width:760px){.intake{padding:8px 0}}