/* ═══ CONTACT PAGE ═══ */

/* ═══ HERO ═══ */
.hero{background:var(--slate-50);border-bottom:1px solid var(--slate-200);padding:64px 24px 56px;text-align:center;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:rgba(45,212,168,0.08);border:1px solid rgba(45,212,168,0.15);font-size:11px;font-weight:700;color:var(--teal-600);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:16px;}
.hero h1{font-family:'Instrument Serif',serif;font-size:44px;line-height:1.15;color:var(--navy-950);margin-bottom:12px;}
.hero p{font-size:16px;color:var(--slate-500);max-width:520px;margin:0 auto;line-height:1.6;}

/* ═══ CONTACT INFO BAR ═══ */
.info-bar{background:var(--white);border-bottom:1px solid var(--slate-200);padding:28px 24px;}
.info-bar-inner{max-width:900px;margin:0 auto;display:flex;justify-content:center;gap:48px;flex-wrap:wrap;}
.info-item{display:flex;align-items:center;gap:10px;}
.info-icon{width:36px;height:36px;border-radius:8px;background:var(--slate-50);border:1px solid var(--slate-200);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.info-icon svg{width:16px;height:16px;color:var(--teal-500);}
.info-text{font-size:13px;color:var(--slate-600);line-height:1.3;}
.info-text strong{display:block;font-size:14px;font-weight:600;color:var(--navy-950);}

/* ═══ MAIN CONTENT ═══ */
.main{max-width:1100px;margin:0 auto;padding:56px 24px 80px;}

/* ═══ FORM + SIDEBAR LAYOUT ═══ */
.contact-layout{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;}

/* ═══ FORM ═══ */
.form-card{background:var(--white);border:1px solid var(--slate-200);border-radius:16px;padding:36px;box-shadow:0 1px 3px rgba(0,0,0,0.04),0 6px 16px rgba(0,0,0,0.02);}
.form-card h2{font-family:'Instrument Serif',serif;font-size:26px;color:var(--navy-950);margin-bottom:4px;}
.form-card .form-subtitle{font-size:14px;color:var(--slate-500);margin-bottom:28px;}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.form-group{display:flex;flex-direction:column;gap:5px;}
.form-group.full{grid-column:1/-1;}
.form-label{font-size:13px;font-weight:600;color:var(--navy-950);}
.form-label .optional{font-weight:400;color:var(--slate-400);font-size:12px;}

.form-input,
.form-select,
.form-textarea{
  width:100%;padding:10px 14px;border:1px solid var(--slate-200);border-radius:8px;
  font-family:'DM Sans',sans-serif;font-size:14px;color:var(--navy-950);
  background:var(--white);transition:border-color 0.15s,box-shadow 0.15s;outline:none;
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus{border-color:var(--teal-400);box-shadow:0 0 0 3px rgba(45,212,168,0.1);}
.form-input::placeholder,
.form-textarea::placeholder{color:var(--slate-400);}
.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2364748B' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.form-textarea{resize:vertical;min-height:120px;line-height:1.5;}

/* Category pills */
.category-selector{margin-bottom:24px;}
.category-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
.category-pill{
  padding:8px 16px;border-radius:20px;border:1px solid var(--slate-200);
  font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;
  color:var(--slate-600);background:var(--white);cursor:pointer;
  transition:all 0.15s;
}
.category-pill:hover{border-color:var(--teal-400);color:var(--navy-950);}
.category-pill.active{background:var(--teal-400);border-color:var(--teal-400);color:var(--navy-950);font-weight:600;}
.category-pill input{display:none;}

.category-hint{margin-top:8px;font-size:12px;color:var(--slate-400);min-height:16px;transition:opacity 0.2s;}

.form-submit{
  width:100%;padding:12px 24px;margin-top:8px;
  background:var(--teal-400);color:var(--navy-950);
  font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;
  border:none;border-radius:8px;cursor:pointer;
  transition:background 0.15s,transform 0.1s;
}
.form-submit:hover{background:var(--teal-500);}
.form-submit:active{transform:scale(0.99);}
.form-submit:disabled{opacity:0.6;cursor:not-allowed;}

.form-note{font-size:12px;color:var(--slate-400);text-align:center;margin-top:12px;line-height:1.5;}

/* Error state */
.form-error{display:none;text-align:center;padding:12px;margin-bottom:16px;background:rgba(248,113,113,0.08);border:1px solid rgba(248,113,113,0.2);border-radius:8px;color:#DC2626;font-size:13px;}
.form-error.visible{display:block;}

/* Success state */
.form-success{display:none;text-align:center;padding:48px 24px;}
.form-success svg{width:48px;height:48px;color:var(--teal-500);margin-bottom:16px;}
.form-success h3{font-family:'Instrument Serif',serif;font-size:24px;color:var(--navy-950);margin-bottom:8px;}
.form-success p{font-size:14px;color:var(--slate-500);line-height:1.6;}

/* ═══ SIDEBAR CARDS ═══ */
.sidebar{display:flex;flex-direction:column;gap:20px;}

.side-card{background:var(--white);border:1px solid var(--slate-200);border-radius:12px;padding:24px;transition:box-shadow 0.2s;}
.side-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.06);}
.side-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.side-card-icon svg{width:20px;height:20px;}
.side-card h3{font-family:'Instrument Serif',serif;font-size:18px;color:var(--navy-950);margin-bottom:6px;}
.side-card p{font-size:13px;color:var(--slate-500);line-height:1.6;margin-bottom:14px;}
.side-card-link{font-size:13px;font-weight:600;color:var(--teal-600);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:gap 0.15s;}
.side-card-link:hover{gap:8px;}
.side-card-link svg{width:14px;height:14px;}

.card-who-we-are .side-card-icon{background:rgba(45,212,168,0.08);border:1px solid rgba(45,212,168,0.15);}
.card-who-we-are .side-card-icon svg{color:var(--teal-500);}

.card-who-we-help .side-card-icon{background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.15);}
.card-who-we-help .side-card-icon svg{color:var(--indigo-500);}

.card-products .side-card-icon{background:rgba(11,18,33,0.06);border:1px solid rgba(11,18,33,0.08);}
.card-products .side-card-icon svg{color:var(--navy-800);}

/* ═══ RESPONSIVE ═══ */
@media(max-width:900px){
  .contact-layout{grid-template-columns:1fr;gap:32px;}
  .sidebar{order:-1;}
  .sidebar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
}
@media(max-width:640px){
  .hero h1{font-size:32px;}
  .info-bar-inner{flex-direction:column;gap:16px;align-items:flex-start;}
  .form-row{grid-template-columns:1fr;}
  .sidebar{grid-template-columns:1fr;}
  .form-card{padding:24px;}
}