/* Shared styles for the client intake forms (brand-intake.html, app-intake.html).
   One long form in sections: each section is its own card so it reads as steps. */
.bi{max-width:860px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:22px}
.bi-for{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 16px;border:1px solid var(--line2);border-radius:30px;font-size:.9rem;color:var(--muted)}
.bi-for[hidden]{display:none}
.bi-for b{color:var(--yellow);font-weight:700}
.bi-sec{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:18px;min-width:0}
.bi-sec legend{font-family:var(--ff-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);padding:0}
.bi-sec h2{font-family:var(--ff-display);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;text-wrap:balance}
.bi-sec .why{color:var(--muted);font-size:.9rem;margin-top:-10px;max-width:62ch}
.bi-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bi-row>*{min-width:0}
.fld{display:flex;flex-direction:column;gap:7px;min-width:0}
.fld label,.fld .lbl{font-size:.9rem;font-weight:600}
.fld .hint{font-size:.78rem;color:var(--muted);font-weight:400}
.fld input[type=text],.fld input[type=email],.fld input[type=tel],.fld input[type=url],.fld input[type=date],.fld select,.fld textarea{
  width:100%;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;font:inherit;font-size:.95rem}
.fld textarea{resize:vertical;min-height:96px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--yellow);outline-offset:1px;border-color:transparent}
.req{color:var(--pink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-block;padding:9px 14px;border:1px solid var(--line2);border-radius:30px;font-size:.86rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.chip input:checked+span{background:var(--yellow);border-color:var(--yellow);color:#0b0b16;font-weight:600}
.chip input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}
.scale{display:grid;grid-template-columns:minmax(0,9rem) 1fr minmax(0,9rem);align-items:center;gap:12px;font-size:.85rem}
.scale span:first-child{text-align:right;color:var(--muted)} .scale span:last-child{color:var(--muted)}
.scale input{width:100%;accent-color:var(--yellow)}
.fld input[type=file]{font-size:.85rem;color:var(--muted)}
.bi-submit{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.bi-submit p{color:var(--muted);font-size:.85rem;flex:1 1 260px}
.bi-submit .btn{border:none;cursor:pointer;font-family:inherit}
@media(max-width:640px){.bi-row{grid-template-columns:1fr}.scale{grid-template-columns:1fr 1fr}.scale input{grid-column:1/-1;order:3}.scale span:first-child{text-align:left}.scale span:last-child{text-align:right}.bi-sec{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.chip span{transition:none}}
[hidden]{display:none!important}