.quote-content { padding: 50px 0 65px; }
.quote-intro { max-width: 760px; margin: 0 auto 28px; text-align: center; }
.quote-intro h2 { margin: 0 0 12px; }
.quote-request, .quote-result { max-width: 860px; margin: 0 auto; padding: 28px; background: #f8f9fb; border: 1px solid #e1e4e8; }
.quote-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.quote-request label { display: block; margin-bottom: 20px; font-weight: 700; }
.quote-request input, .quote-request select, .quote-request textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 7px; padding: 11px 12px; border: 1px solid #b8bdc5; border-radius: 3px; background: white; color: #222; font: inherit; }
.quote-request textarea { resize: vertical; }
.quote-request button, #quote-copy { padding: 12px 20px; border: 0; background: #e6901c; color: white; font-weight: 700; cursor: pointer; }
.quote-request button:hover, #quote-copy:hover { background: #c9780e; }
.quote-note { margin-top: 15px; color: #555; }
.quote-result { margin-top: 24px; }
.quote-result pre { white-space: pre-wrap; word-break: break-word; background: white; padding: 15px; border: 1px solid #ddd; }
@media (max-width: 650px) { .quote-grid { grid-template-columns: 1fr; gap: 0; } .quote-request, .quote-result { padding: 18px; } }