.wm-inquiry { --contact-accent: var(--wm-yellow); --contact-accent-soft: var(--wm-yellow-soft); background: var(--wm-navy-surface); color: #f7f7f7; padding: 145px 0 0; }
.wm-inquiry [hidden] { display: none !important; }
.wm-inquiry__shell { width: var(--content-width); margin: auto; }
.wm-inquiry__eyebrow { display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 650; letter-spacing: .12em; }
.wm-inquiry__eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--contact-accent); }
.wm-inquiry__hero h1 { margin: 22px 0 32px; font-size: clamp(72px, 10.5vw, 146px); line-height: .98; letter-spacing: -.075em; font-weight: 500; }
.wm-inquiry__dot { color: var(--contact-accent); }
.wm-inquiry__intro { flex: 0 1 360px; margin-left: auto; padding-bottom: 7px; }
.wm-inquiry__intro h2 { font-size: clamp(22px, 2.4vw, 30px); word-break: keep-all; font-weight: 550; line-height: 1.45; letter-spacing: -.045em; margin: 0; }
.wm-inquiry__layout { width: min(820px, 100%); margin: 0 auto; padding: 56px 0 88px; }
.wm-inquiry__card { position: relative; color: #20201f; background: #fff; border: 1px solid #e6e6e0; border-top: 5px solid var(--contact-accent); border-radius: 24px; padding: 42px 48px; scroll-margin-top: 100px; box-shadow: 0 24px 80px #0003; }
.wm-inquiry__progress-head { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; color: #6f6f68; }
.wm-inquiry__progress-head > span:first-child { color: var(--wm-navy); letter-spacing: .08em; font-weight: 700; }
.wm-inquiry__progress { height: 3px; margin: 17px 0 35px; background: #efedeF; border-radius: 3px; overflow: hidden; }
.wm-inquiry__progress > span { display: block; width: 20%; height: 100%; background: var(--contact-accent); transition: width .2s ease; }
.wm-inquiry__step { margin-bottom: 38px; min-width: 0; }
.wm-inquiry.is-enhanced .wm-inquiry__step { margin-bottom: 0; }
.wm-inquiry__step > h2 { font-size: clamp(23px, 2.5vw, 30px); letter-spacing: -.045em; line-height: 1.4; margin: 0 0 9px; font-weight: 650; scroll-margin-top: 100px; }
.wm-inquiry__description { margin: 0 0 33px; color: #7b7b75; font-size: 13px; line-height: 1.7; word-break: keep-all; }
.wm-inquiry__field { display: flex; flex-direction: column; gap: 11px; margin: 0 0 25px; min-width: 0; }
.wm-inquiry__field label, .wm-inquiry__choices legend { font-size: 14px; font-weight: 600; }
.wm-inquiry__field label > span, .wm-inquiry__choices legend > span { color: var(--wm-navy); }
.wm-inquiry__field small { color: #8b8b83; font-size: 11px; font-weight: 400; margin-left: 5px; }
.wm-inquiry__field input, .wm-inquiry__field textarea { width: 100%; border: 1px solid #e5e5df; border-radius: 8px; background: #fafaf8; padding: 15px 16px; font: inherit; font-size: 14px; line-height: 1.7; color: #20201f; }
.wm-inquiry__field textarea { resize: vertical; min-height: 120px; }
.wm-inquiry__field ::placeholder { color: #909089; }
.wm-inquiry :is(input, textarea, button, a):focus-visible { outline: 2px solid var(--wm-navy); outline-offset: 4px; }
.wm-inquiry__field :is(input, textarea):focus { border-color: var(--wm-navy); background: white; }
.wm-inquiry__choices { border: 0; margin: 0 0 28px; padding: 0; min-width: 0; }
.wm-inquiry__choices legend { padding: 0; margin-bottom: 13px; }
.wm-inquiry__options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.wm-inquiry__options label { position: relative; cursor: pointer; }
.wm-inquiry__options input { position: absolute; top: 50%; left: 15px; width: 16px; height: 16px; transform: translateY(-50%); margin: 0; accent-color: var(--wm-navy); }
.wm-inquiry__options label > span { display: flex; align-items: center; min-height: 49px; border: 1px solid #e3e3de; border-radius: 8px; padding: 12px 12px 12px 41px; font-size: 13px; line-height: 1.5; }
.wm-inquiry__options input:checked + span { background: var(--contact-accent-soft); border-color: var(--wm-navy); color: var(--wm-navy); }
.wm-inquiry__options label:hover > span { border-color: var(--wm-navy); }
.wm-inquiry__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.wm-inquiry__actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 25px; margin-top: 32px; border-top: 1px solid #ebebe6; }
.wm-inquiry__actions button { border: 0; cursor: pointer; font-size: 13px; border-radius: 999px; padding: 15px 26px; }
.wm-inquiry__back { background: #f4f4f0; }
.wm-inquiry__back:disabled { opacity: .4; cursor: default; }
.wm-inquiry__required { color: #8b8b83; font-size: 11px; }
.wm-inquiry__actions .wm-inquiry__next { background: var(--contact-accent); color: #151515; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 35px; margin-left: auto; }
.wm-inquiry__actions .wm-inquiry__next:hover { background: var(--wm-yellow-hover); }
.wm-inquiry__next:disabled { opacity: .6; cursor: wait; }
.wm-inquiry__privacy { background: #f7f7f4; padding: 20px; border-radius: 8px; font-size: 12px; color: #6b6b64; }
.wm-inquiry__privacy p { margin-bottom: 0; line-height: 1.9; }
.wm-inquiry__consent { display: flex; gap: 10px; align-items: start; margin-top: 20px; font-size: 13px; cursor: pointer; }
.wm-inquiry__consent input { width: 17px; height: 17px; accent-color: var(--wm-navy); flex-shrink: 0; }
.wm-inquiry__review { margin: 0 0 25px; }
.wm-inquiry__review > div { display: grid; grid-template-columns: 100px 1fr; gap: 16px; border-bottom: 1px solid #ecece7; padding: 13px 0; font-size: 13px; }
.wm-inquiry__review dt { color: #85857d; }
.wm-inquiry__review dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.wm-inquiry__notice { border-radius: 10px; padding: 24px; background: var(--contact-accent-soft); line-height: 1.8; }
.wm-inquiry__notice p { margin-bottom: 0; }
.wm-inquiry__notice--error { background: #fff1ed; color: #943d29; font-size: 14px; }
/* The same black / yellow language as WebMate's company page. */
.wm-inquiry__headline { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-bottom: 32px; border-bottom: 1px solid #303236; }
.wm-inquiry__hero h1 { position: relative; z-index: 1; }
.wm-inquiry__intro h2 > span { color: var(--contact-accent); }
.wm-inquiry__eyebrow { color: #b7bbc1; }
@media (max-width: 900px) {
  .wm-inquiry__layout { padding-top: 40px; }
  .wm-inquiry__headline { flex-wrap: wrap; gap: 0; }
  .wm-inquiry__intro { flex-basis: 100%; margin-left: 0; padding-bottom: 0; }
}
@media (max-width: 600px) {
  .wm-inquiry { padding-top: 115px; }
  .wm-inquiry__hero h1 { font-size: clamp(58px, 15vw, 88px); margin-top: 26px; }
  .wm-inquiry__intro { padding-bottom: 0; }
  .wm-inquiry__layout { padding: 28px 0 45px; }
  .wm-inquiry__card { padding: 25px 20px; border-radius: 14px; }
  .wm-inquiry__fields { grid-template-columns: 1fr; gap: 0; }
  .wm-inquiry__options { gap: 8px; }
  .wm-inquiry__options label > span { font-size: 12px; padding-left: 32px; padding-right: 7px; }
  .wm-inquiry__options input { left: 10px; width: 14px; height: 14px; }
  .wm-inquiry__field input, .wm-inquiry__field textarea { font-size: 16px; }
  .wm-inquiry__required { display: none; }
  .wm-inquiry__actions button { padding: 13px 17px; }
  .wm-inquiry__review > div { grid-template-columns: 75px 1fr; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { .wm-inquiry__progress > span { transition: none; } }