/* ============================================================
   RFQ / Contact — Technical Inquiry page (ti-)
   Container width matches homepage (.lem2-container = 90%).
   Prefix ti- to avoid clashing with global CSS.
   ============================================================ */

.ti-page { --ti-blue:#0a64e0; --ti-blue-dark:#004ca9; --ti-navy:#1f2937; --ti-muted:#64738a; --ti-line:#dbe5ef;
  color:#1f2937; background:#fbfcfe; line-height:1.55;
  font-family:Inter,"Segoe UI",Arial,sans-serif; overflow-x:hidden; }
.ti-page a { text-decoration:none; }
.ti-page h1, .ti-page h2, .ti-page h3 { color:#1f2937; margin:0; }

/* ---------- Breadcrumb strip ---------- */
.ti-crumbbar { background:#fff; border-bottom:1px solid #eceff3; padding:11px 0; }
.ti-crumb { font-size:12.5px; color:#6b7280; display:flex; align-items:center; flex-wrap:wrap; }
.ti-crumb a { color:#6b7280; text-decoration:none; }
.ti-crumb a:hover { color:#0055a4; text-decoration:none; }
.ti-crumb .fa-house { font-size:11px; color:#4b5563; margin-right:8px; }
.ti-crumb .fa-angle-right { margin:0 9px; font-size:10px; color:#9ca3af; }
.ti-crumb-current { color:#1f2937; font-weight:700; }

/* ---------- Hero (same treatment as /contact/index.html) ---------- */
.ti-hero {
  background:linear-gradient(100deg,#123a60 0%,#1a4a78 55%,#2a5c8b 100%);
  color:#fff; padding:36px 0;
}
.ti-hero-inner { position:relative; }
.ti-hero h1 { color:#fff; font-size:32px; line-height:1.15; letter-spacing:-.6px; margin:0 0 8px; }
.ti-hero p { margin:0; font-size:15px; color:#d8e6f5; }

/* ---------- Feature row ---------- */
.ti-features { padding:34px 0 10px; }
.ti-feat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.ti-feat {
  background:#fff; border:1px solid var(--ti-line); border-radius:10px;
  padding:20px 18px; text-align:left; transition:.15s;
}
.ti-feat:hover { border-color:#a7c4ec; box-shadow:0 4px 16px rgba(10,100,224,.08); }
.ti-feat-icon {
  width:44px; height:44px; border-radius:50%; background:#e9f2fd; color:var(--ti-blue);
  display:grid; place-items:center; font-size:18px; margin-bottom:12px;
}
.ti-feat h3 { font-size:15px; font-weight:700; margin-bottom:4px; color:#1f2937; }
.ti-feat p { font-size:12.5px; color:var(--ti-muted); margin:0; line-height:1.5; }

/* ---------- Main form section ---------- */
.ti-main { padding:28px 0 34px; }
.ti-form-card {
  background:#fff; border:1px solid var(--ti-line); border-radius:10px;
  padding:30px 32px;
}
.ti-form-head { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.ti-form-head .ti-icon {
  width:44px; height:44px; border-radius:50%; background:#e9f2fd; color:var(--ti-blue);
  display:grid; place-items:center; font-size:17px; flex:0 0 44px;
}
.ti-form-head h2 { font-size:22px; margin-bottom:2px; }
.ti-form-head p { margin:0; font-size:13px; color:var(--ti-muted); }

.ti-fields { display:grid; grid-template-columns:1fr 1fr 1fr; gap:0 18px; }
.ti-field { margin-bottom:18px; }
.ti-field label { display:block; font-size:13px; font-weight:700; margin-bottom:7px; color:#1c3350; line-height:1.4; }
.ti-field .ti-req { color:#d93c51; display:inline; }
.ti-field .ti-opt { color:#6e8198; font-weight:500; font-size:13px; display:inline; }
.ti-field input, .ti-field select, .ti-field textarea {
  display:block; width:100%; box-sizing:border-box;
  border:1px solid #cbd8e8; border-radius:6px; background:#fbfcfe;
  padding:11px 13px; font-size:14px; color:#18324e; font-family:inherit; outline:none;
}
.ti-field input:focus, .ti-field select:focus, .ti-field textarea:focus {
  border-color:#2774d6; box-shadow:0 0 0 3px #2774d61f; background:#fff;
}
.ti-field textarea { min-height:140px; resize:vertical; line-height:1.5; }
.ti-field-colspan { grid-column:1 / -1; }
.ti-count { text-align:right; font-size:12px; color:#6e8198; margin-top:4px; }

.ti-attach {
  display:flex; align-items:center; gap:10px;
  border:1px dashed #cbd8e8; border-radius:6px; padding:12px 14px;
  margin-bottom:20px; background:#f8fbff;
}
.ti-attach .ti-icon {
  width:36px; height:36px; border-radius:50%; background:#e9f2fd; color:var(--ti-blue);
  display:grid; place-items:center; font-size:14px; flex:0 0 36px;
}
.ti-attach-label { font-size:13px; color:#31455f; }
.ti-attach-label strong { color:#1c3350; }
.ti-attach-label span { color:#6e8198; font-size:12px; }

.ti-submit {
  display:flex; justify-content:flex-start;
}
.ti-page .ti-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  border:1px solid var(--ti-blue); background:var(--ti-blue); color:#fff;
  border-radius:7px; padding:13px 28px; font-family:inherit; font-size:14px; font-weight:700;
  cursor:pointer; transition:.15s;
}
.ti-page .ti-btn:hover { background:var(--ti-blue-dark); border-color:var(--ti-blue-dark); color:#fff; }

/* ---------- Bottom info cards ---------- */
.ti-bottom { padding:0 0 46px; }
.ti-bot-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.ti-bot {
  background:#fff; border:1px solid var(--ti-line); border-radius:10px;
  padding:22px 24px; display:flex; align-items:flex-start; gap:14px;
}
.ti-bot .ti-icon {
  width:44px; height:44px; border-radius:50%; background:#e9f2fd; color:var(--ti-blue);
  display:grid; place-items:center; font-size:17px; flex:0 0 44px;
}
.ti-bot h3 { font-size:17px; margin-bottom:4px; }
.ti-bot p { margin:0; font-size:13px; color:var(--ti-muted); }
.ti-bot a { color:var(--ti-blue); font-weight:600; }
.ti-bot a:hover { text-decoration:underline; }

/* ---------- Responsive ---------- */
@media (max-width:1000px) {
  .ti-feat-grid { grid-template-columns:repeat(2,1fr); }
  .ti-bot-grid { grid-template-columns:1fr; }
  .ti-fields { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px) {
  .ti-hero { padding:28px 0; }
  .ti-hero h1 { font-size:26px; }
  .ti-hero p { font-size:14px; }
  .ti-fields { grid-template-columns:1fr; gap:0; }
  .ti-feat-grid { grid-template-columns:1fr; }
  .ti-form-card { padding:22px 20px; }
  .ti-submit { justify-content:stretch; }
  .ti-page .ti-btn { width:100%; }
}