/* Enquiry form (Part D). Builds on the site form kit in site.css (.field .input .textarea .choices .choice .err-msg). */
.eq{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3.4vw,40px);max-width:860px;scroll-margin-top:96px}
.band .eq,.final .eq{background:var(--bg3)}
.eq-intro{color:var(--muted);margin-bottom:24px;max-width:56ch}
.eq-form{display:grid;gap:26px}
.eq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.eq .field label .req{margin-left:8px;font:500 12px/1 var(--body);color:var(--muted)}
.eq .field .hint{margin-top:-2px}
.eq .err-msg{font-size:13.5px;color:var(--danger);margin-top:2px}
.eq-form[hidden],.eq .err-msg[hidden],.eq-alert[hidden],.eq-done[hidden]{display:none}
.eq .input[aria-invalid=true],.eq .textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(240,138,124,.14)}
.eq-pills{min-width:0}
.eq-pills .hint{width:100%;font-size:13.5px;color:var(--muted);margin:-4px 0 12px;clear:both}
.eq-pills legend{margin-bottom:12px}
.eq-pills .err-msg{width:100%}
/* honeypot: off-screen, not display:none (some bots skip display:none fields) */
.eq-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.eq-alert{border:1px solid rgba(240,138,124,.5);background:rgba(240,138,124,.08);color:#f6b9af;border-radius:12px;padding:12px 16px;font-size:15px}
.eq-about{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.eq-about .pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 6px 0 14px;border-radius:999px;border:1px solid rgba(242,193,94,.5);color:var(--cream);font-weight:500}
.eq-x{font:500 12px/1 var(--body);color:var(--muted);background:none;border:0;border-left:1px solid var(--line);padding:0 10px;height:22px;cursor:pointer;border-radius:0 999px 999px 0}
.eq-x:hover{color:var(--cream)}
/* optional fields tucked away */
.eq-more{border:1px solid var(--line);border-radius:16px;background:rgba(7,8,12,.28)}
.eq-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font:600 15px/1.2 var(--body);border-radius:16px}
.eq-more summary::-webkit-details-marker{display:none}
.eq-more summary small{font-weight:400;color:var(--muted);font-size:13px}
.eq-more summary::after{content:"";width:12px;height:12px;border-right:2px solid var(--gold1);border-bottom:2px solid var(--gold1);transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ease)}
.eq-more[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.eq-more summary:focus-visible{outline:2px solid var(--gold1);outline-offset:3px}
.eq-more-body{display:grid;gap:26px;padding:4px 20px 22px}
.eq-actions{display:flex;align-items:center;gap:18px 24px;flex-wrap:wrap}
.eq-note{font-size:13.5px;color:var(--muted);max-width:40ch}
.eq-actions .btn[aria-busy=true]{opacity:.7;cursor:progress}
.eq-actions .btn[disabled]{pointer-events:none}
/* success */
.eq-done{display:grid;gap:10px;justify-items:start;padding:8px 0}
.eq-done:focus{outline:none}
.eq-done h3{font:800 clamp(26px,3vw,38px)/1.05 var(--display);letter-spacing:-.01em}
.eq-done p{color:var(--muted);max-width:48ch}
.eq-tick{width:56px;height:56px;fill:none;stroke:var(--gold1);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.eq-tick circle{stroke-opacity:.35}
.eq-tick path{stroke-dasharray:40;stroke-dashoffset:40;animation:eq-draw .6s .1s var(--ease) forwards}
@keyframes eq-draw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.eq-tick path{animation:none;stroke-dashoffset:0}.eq-more summary::after{transition:none}}
@media (max-width:640px){
  .eq{border-radius:18px;padding:20px 16px}
  .eq-grid{grid-template-columns:1fr}
  .eq-actions .btn{width:100%}
  .eq-more summary{padding:14px 16px}.eq-more-body{padding:2px 16px 18px}
}
