/* The Build Call booked on the site (assets/js/build-call.js, JT Sep 26 2026): the intake, then JT's calendar inline.
   Tokens from core.css / pages.css; the look of the site's other forms (the Live Demo sign up card). */
/* scroll-margin: the page scrolls the form into view under the site's fixed header, so leave room for it */
.bcx{width:100%;scroll-margin-top:110px}
.bcx-intro{margin:0 0 18px;font-size:1rem;line-height:1.6;color:rgba(255,255,255,0.86)}
.bcx-form{display:flex;flex-direction:column;gap:16px}
.bcx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.bcx-field{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;min-width:0}
.bcx-wide{grid-column:1 / -1}
.bcx-lab{font:600 13px/1.35 var(--font);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.62)}
.bcx-lab em{font-style:normal;text-transform:none;letter-spacing:0;color:rgba(255,255,255,0.44)}
/* the text fields are the label's own children; the interest checkboxes sit deeper and keep their own size */
.bcx-field > input,.bcx-field > select,.bcx-field > textarea{width:100%;padding:13px 15px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#FFFFFF;font:500 16px/1.4 var(--font)}
.bcx-field > textarea{resize:vertical;min-height:84px}
.bcx-field > select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#E2C878 50%),linear-gradient(135deg,#E2C878 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.bcx-field > select option{background:#131217;color:#FFFFFF}
.bcx-field > input:focus,.bcx-field > select:focus,.bcx-field > textarea:focus{outline:2px solid rgba(226,200,120,.6);outline-offset:1px}
.bcx-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bcx-check{display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer;font:500 15.5px/1.35 var(--font);color:#FFFFFF}
.bcx-check input{margin:0;width:18px;height:18px;accent-color:#E2C878;flex:none}
.bcx-check:has(input:checked){border-color:rgba(226,200,120,.6);background:rgba(226,200,120,.07)}
.bcx-tick{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:rgba(255,255,255,0.68)}
.bcx-tick input{margin-top:4px;accent-color:#E2C878;flex:none}
.bcx-tick a{color:var(--accent,#E2C878)}
.bcx-actions .btn{width:100%}
.bcx-err{margin:0;font-size:15px;line-height:1.5;color:#ff8a80}
.bcx-err a{color:var(--accent,#E2C878)}
.bcx-loading{margin:0;font-size:15px;color:rgba(255,255,255,0.52)}
.bcx-cal .bcx-loading{padding:18px 20px}
.bcx-done{margin:0 0 14px;font-size:1.05rem;line-height:1.55;color:#FFFFFF}
.bcx-cal{min-height:560px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#101014}
[hidden]{display:none !important}
/* the application's answer below JT's rule (Sep 27 2026): the doors that fit now, instead of the calendar */
.bcx-door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bcx-door{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#FFFFFF;text-decoration:none;transition:border-color .2s,background .2s}
.bcx-door b{font:700 16px/1.3 var(--font);color:var(--accent,#E2C878)}
.bcx-door span{font-size:15px;line-height:1.45;color:rgba(255,255,255,0.72)}
.bcx-door:hover,.bcx-door:focus-visible{border-color:rgba(226,200,120,.6);background:rgba(226,200,120,.07)}
@media (max-width: 760px){ .bcx-door-grid{grid-template-columns:minmax(0,1fr)} }
@media (max-width: 760px){ .bcx-grid,.bcx-checks{grid-template-columns:minmax(0,1fr)} .bcx-cal{min-height:640px} }