/* RecensLabs — contact page */

.contact-section{padding:44px 0 88px;}
.contact-grid{display:grid; grid-template-columns:1.5fr 1fr; gap:40px; align-items:start;}

/* FORM */
.contact-form{background:var(--white); border:1px solid var(--paper-dim); border-radius:20px; padding:36px; box-shadow:0 24px 60px -40px rgba(21,19,31,0.4);}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
.field{display:flex; flex-direction:column; gap:7px;}
.field.full{margin-bottom:20px;}
.contact-form label{font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:0.03em; color:var(--slate);}
.contact-form label .opt{text-transform:none; color:var(--slate-light);}
.contact-form input, .contact-form select, .contact-form textarea{
  font-family:var(--font-body); font-size:14.5px; padding:12px 14px; border:1px solid var(--paper-dim);
  border-radius:10px; background:var(--paper); outline:none; color:var(--ink); width:100%; transition:border-color 0.15s ease, background 0.15s ease;
}
.contact-form textarea{resize:vertical; line-height:1.5;}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{border-color:var(--indigo); background:var(--white);}
.submit-btn{width:100%; margin-top:4px;}
.form-note{font-size:12px; color:var(--slate-light); text-align:center; margin-top:14px;}
.form-success{background:rgba(62,217,160,0.14); border:1px solid rgba(62,217,160,0.5); color:#1f9d72; border-radius:10px; padding:14px 16px; font-size:14px; line-height:1.5; margin-bottom:22px;}
.field-error{font-family:var(--font-mono); font-size:11.5px; color:#c0392b;}

/* Project-type checkboxes — pick one or more */
.checkbox-row{display:flex; flex-wrap:wrap; gap:10px;}
.checkbox-pill{position:relative; display:inline-flex;}
.checkbox-pill input{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none;}
.checkbox-pill span{display:inline-flex; align-items:center; gap:8px; font-size:14px; padding:10px 18px; border:1px solid var(--paper-dim); border-radius:100px; background:var(--paper); color:var(--ink); cursor:pointer; transition:border-color 0.15s ease, background 0.15s ease, color 0.15s ease;}
.checkbox-pill span::before{content:""; width:15px; height:15px; border:1.5px solid var(--slate-light); border-radius:5px; flex:none; transition:border-color 0.15s ease, background 0.15s ease;}
.checkbox-pill:hover span{border-color:var(--indigo-soft);}
.checkbox-pill input:checked + span{background:var(--indigo); border-color:var(--indigo); color:var(--white);}
.checkbox-pill input:checked + span::before{background:var(--white); border-color:var(--white);}
.checkbox-pill input:focus-visible + span{outline:2px solid var(--indigo); outline-offset:2px;}

/* SIDEBAR */
.contact-side{display:flex; flex-direction:column; gap:16px;}
.side-card{background:var(--white); border:1px solid var(--paper-dim); border-radius:16px; padding:26px 24px;}
.side-card h3{font-family:var(--font-display); font-size:16px; font-weight:600; margin-bottom:10px;}
.side-card > p{font-size:13.5px; color:var(--slate); line-height:1.55; margin-bottom:18px;}
.side-email{display:inline-block; font-family:var(--font-mono); font-size:15px; font-weight:700; color:var(--indigo); margin-bottom:8px;}
.side-meta{font-family:var(--font-mono); font-size:11.5px; color:var(--slate-light); line-height:1.5;}
.next-steps{list-style:none; display:flex; flex-direction:column; gap:14px;}
.next-steps li{display:flex; gap:12px; font-size:13.5px; color:var(--slate); line-height:1.45;}
.next-steps li span{flex:none; width:24px; height:24px; border-radius:50%; background:var(--indigo); color:var(--white); font-family:var(--font-mono); font-size:12px; font-weight:700; display:inline-flex; align-items:center; justify-content:center;}

@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;}
  .field-row{grid-template-columns:1fr;}
}