body.evaluation-open { overflow: hidden; }
body.evaluation-open .contact-dock { visibility: hidden; }
.lead-form [hidden], .evaluation-dialog [hidden] { display: none !important; }
.lead-form:not(.is-guided) .evaluation-contact-fields,
.lead-form:not(.is-guided) .evaluation-equipment-fields,
.lead-form:not(.is-guided) .evaluation-priority-fields { display: contents; }
.lead-form:not(.is-guided) .evaluation-requirement { display: none; }

.evaluation-dialog {
  width: min(920px, calc(100% - 40px));
  height: min(680px, calc(100dvh - 40px));
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: #eef5f8;
  background: #081925;
  border: 1px solid rgba(137, 193, 222, .28);
  border-radius: 8px;
  box-shadow: 0 34px 110px rgba(0, 0, 0, .5);
}
.evaluation-dialog::backdrop { background: rgba(2, 8, 13, .78); backdrop-filter: blur(7px); }
.evaluation-dialog[open] { animation: evaluationEnter .32s var(--ease) both; }
.evaluation-dialog-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); height: 100%; }
.evaluation-visual { position: relative; min-width: 0; overflow: hidden; color: #fff; background: #061522; }
.evaluation-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.evaluation-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6, 21, 34, .03) 15%, rgba(6, 21, 34, .23) 42%, #061522 84%); pointer-events: none; }
.evaluation-visual-copy { position: absolute; inset: auto 24px 27px; z-index: 1; }
.evaluation-visual-copy > span { color: #b0d8eb; font-size: 10px; font-weight: 700; }
.evaluation-visual-copy > strong { display: block; margin: 13px 0 10px; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 34px; line-height: 1; }
.evaluation-visual-copy > p { margin: 0; color: #c1ced8; font-size: 11px; line-height: 1.65; }
.evaluation-visual-copy > a { display: grid; gap: 5px; margin-top: 25px; padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, .15); }
.evaluation-visual-copy small { color: #a4b4c1; font-size: 9px; }
.evaluation-visual-copy b { font-size: 13px; }

.evaluation-dialog-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: #0a1d2a; }
.evaluation-dialog-header { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; padding: 15px 25px; background: #071722; border-bottom: 1px solid rgba(255, 255, 255, .11); }
.evaluation-dialog-header > span { margin-right: auto; color: #62c1e8; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.evaluation-dialog-header .language-switch { flex: 0 0 auto; grid-template-columns: repeat(2, 32px); padding: 3px; background: #0b2637; border-color: rgba(255, 255, 255, .16); }
.evaluation-dialog-header .language-switch button { width: 32px; min-width: 32px; height: 30px; padding: 0; color: #b9c8d1; font-size: 10px; }
.evaluation-dialog-header .language-switch button:hover:not([aria-pressed="true"]) { color: #fff; background: #123448; }
.evaluation-close { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; padding: 0 0 2px; color: #ff8da0; background: rgba(194, 31, 61, .14); border: 1px solid rgba(255, 117, 141, .48); border-radius: 4px; box-shadow: 0 5px 16px rgba(0, 0, 0, .2); font-size: 25px; font-weight: 600; line-height: 1; cursor: pointer; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.evaluation-close:hover { color: #fff; background: var(--red); border-color: var(--red); transform: translateY(-1px); }
.evaluation-close:active { transform: translateY(0); }

.evaluation-dialog-body { flex: 1; min-height: 0; padding: 25px 30px 22px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-color: #47687c #0a1d2a; }
.evaluation-progress { display: flex; justify-content: space-between; gap: 16px; color: #8fa6b5; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.evaluation-progress > span:first-child { color: #62c1e8; }
.evaluation-dialog progress { display: block; width: 100%; height: 4px; margin: 12px 0 24px; overflow: hidden; appearance: none; border: 0; border-radius: 2px; background: rgba(255, 255, 255, .12); }
.evaluation-dialog progress::-webkit-progress-bar { background: rgba(255, 255, 255, .12); }
.evaluation-dialog progress::-webkit-progress-value { background: #62c1e8; transition: width .25s ease; }
.evaluation-dialog progress::-moz-progress-bar { background: #62c1e8; }
.evaluation-dialog h2 { max-width: 610px; margin: 0; color: #f7fafc; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 46px; line-height: .98; letter-spacing: 0; }
.evaluation-dialog h2:focus { outline: none; }
.evaluation-dialog h2 + p { margin: 15px 0 24px; color: #aebfca; font-size: 12px; line-height: 1.7; }
.evaluation-step-error { margin: 0 0 16px; color: #ff8da0; font-size: 11px; font-weight: 700; line-height: 1.5; }

.evaluation-dialog .lead-form { margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; opacity: 1; transform: none; transition: none; }
.evaluation-dialog .form-top, .evaluation-dialog .form-privacy { display: none; }
.evaluation-dialog .form-grid { display: block; }
.evaluation-contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.evaluation-equipment-fields, .evaluation-priority-fields { display: grid; gap: 18px; }
.evaluation-dialog .field-wide { grid-column: auto; }
.evaluation-dialog .field label { color: #c6d5de; }
.evaluation-dialog .field input, .evaluation-dialog .field select, .evaluation-dialog .field textarea { color: #f5f9fb; background-color: #081722; border-color: rgba(255, 255, 255, .2); font-size: 15px; color-scheme: dark; }
.evaluation-dialog .field select option { color: #f5f9fb; background: #0d2737; }
.evaluation-dialog .field input::placeholder, .evaluation-dialog .field textarea::placeholder { color: #8298a7; }
.evaluation-dialog .field input:focus, .evaluation-dialog .field select:focus, .evaluation-dialog .field textarea:focus { border-color: #62c1e8; box-shadow: 0 0 0 3px rgba(98, 193, 232, .14); }
.evaluation-dialog .field.has-error input, .evaluation-dialog .field.has-error select { border-color: #ff7890; box-shadow: 0 0 0 3px rgba(255, 120, 144, .12); }
.evaluation-dialog .form-status { margin: 15px 0 0; }

.evaluation-requirement { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; border: 0; }
.evaluation-requirement label { position: relative; display: flex; align-items: start; gap: 10px; min-height: 96px; padding: 15px 13px; background: #0e2738; border: 1px solid rgba(255, 255, 255, .16); border-radius: 4px; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.evaluation-requirement label:last-child { grid-column: 1 / -1; min-height: 73px; }
.evaluation-requirement input { flex: 0 0 auto; width: 15px; height: 15px; margin: 3px 0 0; accent-color: #62c1e8; }
.evaluation-requirement label > span { display: grid; gap: 5px; min-width: 0; }
.evaluation-requirement strong { color: #f3f7fa; font-size: 12px; line-height: 1.45; }
.evaluation-requirement small { color: #9eb0bc; font-size: 10px; line-height: 1.55; }
.evaluation-requirement label:has(input:checked) { border-color: #62c1e8; background: #153e57; box-shadow: inset 3px 0 0 var(--wine), 0 0 0 1px rgba(98, 193, 232, .2); }
.evaluation-requirement label:hover { background: #123044; border-color: rgba(98, 193, 232, .72); transform: translateY(-1px); }

.evaluation-dialog-footer { flex: 0 0 auto; padding: 17px 30px 15px; background: #071722; border-top: 1px solid rgba(255, 255, 255, .11); }
.evaluation-navigation { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.evaluation-navigation > .submit-button, .evaluation-navigation > .evaluation-next, .evaluation-dialog-footer > .submit-button { width: auto; min-width: 180px; min-height: 48px; margin: 0 0 0 auto; }
.evaluation-back { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 78px; min-height: 46px; padding: 10px 6px; color: #b7c7d0; background: transparent; border: 0; font-size: 11px; font-weight: 700; cursor: pointer; }
.evaluation-back:hover { color: #fff; }
.evaluation-back:disabled { visibility: hidden; }
.evaluation-inline-link { display: block; width: fit-content; margin: 13px auto 0; color: #9fb1be; font-size: 10px; text-decoration: underline; text-underline-offset: 3px; }
.evaluation-inline-link:hover { color: #fff; }
.evaluation-dialog [disabled] { cursor: wait; opacity: .65; }
.evaluation-receipt-mark { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 16px; color: #13774a; background: #e8f6ee; border-radius: 50%; font-size: 24px; }
.evaluation-receipt > strong { font-family: "Barlow Condensed", sans-serif; font-size: 30px; }
.evaluation-receipt > p { color: #aebfca; font-size: 12px; line-height: 1.7; }
.evaluation-receipt dl { margin: 25px 0; }
.evaluation-receipt dl > div { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, .12); font-size: 11px; }
.evaluation-receipt dt, .evaluation-receipt > small { color: #9fb1be; }
.evaluation-receipt dd { margin: 0; font-weight: 700; text-align: right; }
.evaluation-receipt > small { font-size: 10px; }
.evaluation-receipt > small > b { color: #62c1e8; }

@keyframes evaluationEnter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 700px) {
  .evaluation-dialog { width: min(540px, calc(100% - 24px)); height: min(680px, calc(100dvh - 24px)); }
  .evaluation-dialog-layout { grid-template-columns: minmax(0, 1fr); }
  .evaluation-visual { display: none; }
  .evaluation-dialog-body { padding: 22px 22px 20px; }
  .evaluation-dialog-footer { padding: 15px 22px; }
}
@media (max-width: 430px) {
  .evaluation-dialog-header { padding: 12px 16px; gap: 9px; }
  .evaluation-dialog-header > span { font-size: 9px; }
  .evaluation-dialog-body { padding: 19px 17px 20px; }
  .evaluation-dialog h2 { font-size: 38px; line-height: .98; }
  .evaluation-dialog h2 + p { margin-bottom: 20px; font-size: 11px; }
  .evaluation-progress { gap: 10px; font-size: 9px; }
  .evaluation-dialog progress { margin-bottom: 20px; }
  .evaluation-requirement { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .evaluation-requirement label, .evaluation-requirement label:last-child { min-height: 62px; padding: 8px 11px; }
  .evaluation-requirement strong { font-size: 13px; }
  .evaluation-requirement small { font-size: 10px; line-height: 1.4; }
  .evaluation-contact-fields { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .evaluation-dialog-footer { padding: 13px 17px; }
  .evaluation-navigation { gap: 10px; }
  .evaluation-navigation > .submit-button, .evaluation-navigation > .evaluation-next { flex: 1; min-width: 0; }
  .evaluation-back { min-width: 62px; }
}
@media (max-width: 350px) {
  .evaluation-dialog h2 { font-size: 35px; }
}
@media (prefers-reduced-motion: reduce) {
  .evaluation-dialog[open] { animation: none; }
  .evaluation-dialog * { transition: none; }
}