/* ============================================================
   Enquiry form — used by partials/enquiry-form.html.
   Include this stylesheet on any page that embeds the form.
   ============================================================ */

.enquire{position:relative;background:linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%);padding:108px 0;overflow:hidden}
.enquire::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(31,111,194,.08),transparent 42%),radial-gradient(circle at 88% 12%,rgba(200,161,74,.18),transparent 28%);pointer-events:none}
.enquire .wrap{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);gap:64px;align-items:center}
.enquire .lede{max-width:460px}
.enquire .lede h2{font-size:clamp(2rem,3.6vw,2.85rem);margin-bottom:16px}
.enquire .lede p{color:var(--muted);max-width:42ch;margin-bottom:28px;font-size:1.02rem}
.enquire .lede .meta{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(10,35,66,.12);padding-top:24px;margin-top:24px}
.enquire .lede .meta a{display:flex;align-items:center;gap:12px;font-family:'Archivo';font-weight:700;font-size:14.5px;color:var(--ink);transition:color .2s,transform .2s}
.enquire .lede .meta a:hover{color:var(--blue);transform:translateX(4px)}
.enquire .lede .meta .ic{width:34px;height:34px;display:grid;place-items:center;background:#fff;color:var(--navy);border:1px solid rgba(10,35,66,.1);border-radius:10px;font-size:14px;box-shadow:0 14px 26px -22px rgba(10,35,66,.55)}

.form-card{position:relative;background:rgba(255,255,255,.94);border:1px solid rgba(228,233,239,.95);border-radius:8px;padding:12px;box-shadow:0 30px 80px -48px rgba(10,35,66,.62);backdrop-filter:blur(14px)}
.form-card::before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,0));pointer-events:none}
.form-card > *{position:relative}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-family:'Archivo';font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.field label .req{color:#c8443c}
.field input,.field select,.field textarea{font-family:'Inter',sans-serif;font-size:15px;color:var(--ink);background:#f9fbfd;border:1px solid #dbe3ec;border-radius:10px;padding:14px 15px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;width:100%}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--navy) 50%),linear-gradient(135deg,var(--navy) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:42px}
.field input::placeholder,.field textarea::placeholder{color:#98a5b3}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#c8d3df;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(31,111,194,.13),0 14px 28px -24px rgba(10,35,66,.75)}
.field textarea{resize:vertical;min-height:116px;font-family:'Inter',sans-serif}
.field .hint{font-size:12px;color:var(--muted)}
.form-actions{display:flex;align-items:center;gap:16px;margin:6px 24px 24px;flex-wrap:wrap}
.form-actions .btn{min-height:48px;border:0}
.form-actions .btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.form-status{font-size:13.5px;color:var(--muted);font-weight:600}
.form-status.ok{color:#1f7a3a}
.form-status.err{color:#c8443c}
.consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--muted);margin:0 24px 18px;padding:14px 16px;background:#f6f8fb;border:1px solid rgba(228,233,239,.95);border-radius:12px}
.consent input{flex:0 0 auto;margin-top:3px;accent-color:var(--blue)}
.consent span{line-height:1.5}

@media(max-width:980px){
  .enquire .wrap{grid-template-columns:1fr;gap:36px}
  .enquire .lede{max-width:680px}
}
@media(max-width:640px){
  .enquire{padding:72px 0}
  .enquire .wrap{gap:28px}
  .enquire .lede .meta a{font-size:13.5px;word-break:break-word}
  .form-card{padding:8px;border-radius:8px}
  .form-grid{grid-template-columns:1fr}
  .form-grid{padding:18px}
  .consent{margin:0 18px 16px;padding:13px 14px}
  .form-actions{margin:4px 18px 18px}
  .form-actions .btn{width:100%}
  .form-status{width:100%;text-align:center}
}