/* Founding Pro application page. Uses the landing page's brand layer;
   only form-specific rules live here. No landing-page rule is modified. */
.bd-apply-page{background:var(--ivory)}
.bd-apply{padding:150px 0 96px}
.bd-apply-head{max-width:640px}
.bd-apply-head h1{font-family:var(--serif);font-weight:500;
  font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.012em;margin:0}
.bd-apply-head .bd-lead{margin-top:18px;font-size:16px;max-width:52ch}

.bd-apply-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;
  margin-top:48px;max-width:820px}
.bd-field{display:flex;flex-direction:column}
.bd-field--wide{grid-column:1 / -1}
.bd-field label{font-family:var(--sans);font-size:12.5px;font-weight:600;
  letter-spacing:.02em;color:var(--ink);margin-bottom:8px}
.bd-optional{font-weight:400;color:var(--subtle);letter-spacing:0}
.bd-field input,.bd-field select{
  height:50px;border-radius:10px;border:1px solid var(--line);background:#fff;
  padding:0 14px;font-family:var(--sans);font-size:14.5px;color:var(--ink);
  transition:border-color .18s ease}
.bd-field select{appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23737373' stroke-width='1.6' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.bd-field input:focus,.bd-field select:focus{outline:none;border-color:var(--oxblood)}
.bd-field input.is-invalid,.bd-field select.is-invalid{border-color:#B3261E}
.bd-err{min-height:0;margin:0;font-size:12.5px;line-height:1.5;color:#B3261E}
.bd-err:not(:empty){margin-top:7px}

.bd-apply-actions{grid-column:1 / -1;margin-top:8px}
.bd-form-error{margin:0 0 14px;font-size:13.5px;color:#B3261E}
.bd-apply-form.is-busy{opacity:.65;pointer-events:none}

.bd-apply-done{margin-top:48px;max-width:560px}
.bd-apply-done h2{font-family:var(--serif);font-weight:500;font-size:30px;margin:0}
.bd-apply-done p{margin-top:12px;font-size:16px;line-height:1.62}
.bd-apply-done .bd-btn{margin-top:26px}

@media (max-width:640px){
  .bd-apply{padding:118px 0 64px}
  .bd-apply-form{grid-template-columns:1fr;gap:18px;margin-top:34px}
  .bd-apply-actions .bd-btn{width:100%}
}
.bd-hint{margin:7px 0 0;font-size:12.5px;line-height:1.5;color:var(--subtle)}

/* ---- legal prose (privacy.html) ----
   Reuses the existing type scale, tokens and measure. Nothing new visually:
   body copy matches .bd-apply-head .bd-lead at 16px, headings use the same
   serif as the page h1, and links use the existing oxblood. */
.bd-legal{margin-top:44px;max-width:70ch}
.bd-legal h2{font-family:var(--serif);font-weight:500;font-size:24px;
  line-height:1.25;margin:44px 0 0}
.bd-legal h3{font-family:var(--sans);font-weight:600;font-size:15px;
  letter-spacing:.02em;margin:28px 0 0;color:var(--ink)}
.bd-legal p{font-size:16px;line-height:1.68;color:var(--muted);margin:14px 0 0}
.bd-legal ul{margin:14px 0 0;padding:0;list-style:none}
.bd-legal li{font-size:16px;line-height:1.62;color:var(--muted);
  padding-left:18px;position:relative;margin-top:8px}
.bd-legal li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;
  border-radius:50%;background:var(--oxblood)}
.bd-legal a{color:var(--oxblood);text-decoration:underline;text-underline-offset:2px}
.bd-legal strong{color:var(--ink);font-weight:600}
@media (max-width:640px){
  .bd-legal{margin-top:34px}
  .bd-legal h2{font-size:21px;margin-top:36px}
}