.commercial-form { color: #edf6fb; background: #101c28; border: 1px solid #3a4e60; border-radius: 24px; padding: clamp(18px, 4vw, 38px); max-width: 900px; margin-inline: auto; scroll-margin-top: 120px; overflow-wrap: anywhere; }
.commercial-form * { box-sizing: border-box; min-width: 0; }
.commercial-form h2,.commercial-form h3,.commercial-form h4 { color: #eaf5fb; margin: 0 0 12px; line-height: 1.25; }
.commercial-form h2 { font-size: clamp(24px, 5vw, 36px); }
.commercial-form h3 { font-size: 23px; }
.commercial-form h4 { font-size: 19px; }
.commercial-form p { line-height: 1.55; }
.commercial-form .cq-help { color: #bdcbd5; font-size: 15px; margin: 8px 0 12px; }
.commercial-form a { color: #b5e3ff; text-decoration: underline; }
.cq-progress { display: flex; padding: 0; margin: 24px 0; gap: 8px; list-style: none; }
.cq-progress li { flex: 1; border-bottom: 3px solid #425465; padding: 10px 2px; font-size: 14px; line-height: 1.4; color: #bac8d2; }
.cq-progress [aria-current] { color: #b6e2ff; border-color: #aadaf6; font-weight: 700; }
.cq-step { display: grid; gap: 24px; }
.cq-field > label { display: block; font-weight: 650; margin-bottom: 8px; line-height: 1.45; }
.commercial-form input:not([type=checkbox]),.commercial-form textarea,.commercial-form select { display: block; width: 100%; padding: 13px 12px; font: inherit; font-size: 16px; color: #edf6fb; background: #0c1520; border: 1px solid #637789; border-radius: 10px; min-height: 48px; }
.commercial-form input::placeholder,.commercial-form textarea::placeholder { color: #aebecb; opacity: 1; }
.commercial-form input[type=file] { padding: 12px; }
.commercial-form textarea { resize: vertical; }
.commercial-form [type=checkbox] { width: 23px; height: 23px; min-width: 23px; accent-color: #aadaf6; margin: 2px 0 0; }
.commercial-form input:focus-visible,.commercial-form select:focus-visible,.commercial-form textarea:focus-visible,.commercial-form button:focus-visible,.commercial-form summary:focus-visible,.commercial-form a:focus-visible { outline: 3px solid #b5e3ff; outline-offset: 3px; }
.commercial-form :disabled { opacity: .62; cursor: not-allowed; }
.cq-number { margin-top: 10px; }
.cq-choices,.cq-equipment,.cq-address { border: 1px solid #425465; border-radius: 12px; padding: 16px; margin: 0; }
.commercial-form legend { padding: 0 6px; font-weight: 650; font-size: 17px; line-height: 1.45; }
.cq-choice { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; min-height: 44px; cursor: pointer; line-height: 1.5; font-size: 16px; }
.cq-choice span { flex: 1; }
.cq-machine { border-bottom: 1px solid #3b4d5d; padding: 10px 0; }
.cq-machine:last-child { border: 0; }
.cq-machine.is-selected { padding: 14px; margin-block: 10px; border: 1px solid #86b3cf; border-radius: 12px; background: #142535; }
.cq-machine .cq-field { margin-top: 18px; }
.cq-address { margin-bottom: 16px; }
.cq-address .cq-field { margin-top: 16px; }
.commercial-form .cq-primary,.commercial-form .cq-secondary { border: 1px solid #84b4d0; border-radius: 12px; padding: 13px 19px; font: inherit; font-size: 16px; line-height: 1.45; font-weight: 650; min-height: 48px; cursor: pointer; }
.commercial-form .cq-primary { background: #a9d7f1; color: #102332; }
.commercial-form .cq-secondary { background: transparent; color: #c9e8fb; }
.cq-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.cq-actions .cq-primary { flex: 1; }
.cq-optional,.cq-review-group { padding: 16px; border: 1px solid #435565; border-radius: 12px; }
.commercial-form summary { cursor: pointer; font-weight: 650; padding: 6px 0; min-height: 36px; }
.cq-optional input { margin: 8px 0 12px; }
.cq-field-group > .cq-field,.cq-field-group > fieldset { margin-top: 22px; }
.cq-field-group .cq-number input,.cq-field-group input[type=checkbox] { margin-block: 0; }
.cq-address-results { display: grid; gap: 10px; margin-top: 12px; }
.cq-review { border: 1px solid #678fa8; border-radius: 16px; padding: 18px; background: #0c1824; }
.cq-review-group { margin-top: 12px; padding: 12px; }
.cq-review dl { margin: 12px 0 0; }
.cq-review dt { color: #a9cadf; font-weight: 650; font-size: 14px; margin-top: 12px; }
.cq-review dd { margin: 4px 0 0; line-height: 1.5; white-space: pre-line; }
.cq-notice,.cq-error-summary { padding: 16px; border: 1px solid #bda468; background: #302c20; border-radius: 12px; color: #fff0be; }
.cq-error-summary { border-color: #e6a1a1; background: #34232a; color: #ffd3d3; margin-bottom: 20px; }
.cq-error-summary ul { padding-left: 18px; }
.commercial-form .cq-error-link { border: 0; color: #ffdbdb; font: inherit; text-align: left; text-decoration: underline; background: none; cursor: pointer; min-height: 44px; padding: 6px 0; }
.commercial-form .cq-error { color: #ffd0d0; margin: 8px 0; font-size: 15px; }
.commercial-form [aria-invalid=true] { border-color: #f1a6a6; }
.cq-upload { margin-top: 12px; border: 1px solid #526575; padding: 12px; border-radius: 12px; }
.cq-upload button { margin: 8px 8px 0 0; }
.cq-reference { font-size: 15px; overflow-wrap: anywhere; }
.cq-success-summary dt { color: #a9cadf; font-weight: 650; margin-top: 14px; }
.cq-success-summary dd { margin: 4px 0 0; line-height: 1.5; }
.cq-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.commercial-form [hidden] { display: none !important; }
@media (min-width: 720px) { .cq-choices { display: grid; grid-template-columns: 1fr 1fr; column-gap: 22px; } .cq-choices legend { max-width: 100%; } }
@media (max-width: 400px) { .commercial-form { padding: 16px; border-radius: 16px; } .cq-review,.cq-equipment,.cq-choices { padding: 12px; } .cq-progress li { font-size: 13px; } .cq-actions { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .commercial-form { scroll-behavior: auto; } }