/* Advertising pages for forgingaheadsystems.com/advertising/.
   Colors, fonts and form styles copied from the live homepage (index.html inline <style>):
   #050505 background, Segoe UI stack, silver company title, gold #ebd373, white content card, .inquiry-form. */
:root { --inky-black: #050505; --text-light: #e0e0e0; }
html, body { margin: 0; padding: 0; }
body {
  background-color: var(--inky-black);
  color: var(--text-light);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  min-height: 100vh;
}
.adv-page {
  box-sizing: border-box;
  display: flex; flex-direction: column; align-items: center;
  gap: 8px; text-align: center; padding: 32px 18px 48px;
}
.company-title {
  display: inline-block;
  text-align: center; font-size: 1.8rem; font-weight: 400; letter-spacing: 5px;
  margin-bottom: 28px; text-transform: uppercase; text-decoration: none;
  background: linear-gradient(to bottom, #ffffff 0%, #a9a9a9 45%, #7a7a7a 50%, #d3d3d3 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.8));
}
.adv-title { font-weight: 300; letter-spacing: 2px; margin: 0 0 18px; }
.adv-back {
  color: #777d84; font-size: 0.72rem; letter-spacing: 2px; text-transform: uppercase;
  text-decoration: none; margin: 0 0 10px;
}
.adv-back:hover, .adv-back:focus-visible { color: #ebd373; }
.content-container {
  box-sizing: border-box;
  width: 80%; max-width: 800px; background: white; color: #333333;
  padding: 40px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  text-align: left; margin: 10px 0;
}
.content-container h2 { color: #17191b; font-size: 1.3rem; font-weight: 600; margin: 0 0 8px; }
.content-container h2 a { color: #8a7220; text-decoration: none; border-bottom: 1px solid rgba(138,114,32,0.4); }
.content-container h2 a:hover, .content-container h2 a:focus-visible { color: #17191b; border-bottom-color: #c1a943; }
.adv-body { color: #4f555b; font-size: 1.05rem; line-height: 1.7; }
.adv-body p { margin: 0 0 14px; }

/* Request form: same look as the homepage .inquiry-form */
.inquiry-form { display: grid; gap: 14px; margin-top: 24px; }
.inquiry-form label {
  display: grid; gap: 6px; color: #555; font-size: 0.78rem; letter-spacing: 1px; text-transform: uppercase;
}
.inquiry-form input, .inquiry-form textarea {
  box-sizing: border-box; width: 100%; padding: 11px 12px; border: 1px solid #c8c9c7; border-radius: 2px;
  background: #fff; color: #25282a; font: inherit; letter-spacing: 0; text-transform: none;
}
.inquiry-form textarea { min-height: 110px; resize: vertical; }
.inquiry-form button {
  justify-self: start; padding: 11px 18px; border: 1px solid #4b4d50; background: #282b2e; color: #fff;
  cursor: pointer; font: inherit;
}
.inquiry-form button:hover { background: #111; }
.inquiry-form button:disabled { opacity: 0.45; cursor: not-allowed; }
.inquiry-status { min-height: 20px; color: #6b5a20; font-size: 0.88rem; margin: 0; }
.inquiry-status.err { color: #8a2a2a; }
.inquiry-status.ok { color: #2f6b2f; }

@media (max-width: 650px) {
  .company-title { font-size: 1.25rem; letter-spacing: 3px; }
  .content-container { width: 92%; padding: 25px; }
}
.content-container > .inquiry-form:first-child { margin-top: 0; }