.quote-request-layout{display:grid;grid-template-columns:minmax(245px,.82fr) minmax(0,1.2fr);gap:clamp(14px,2vw,28px);align-items:start}
.quote-request-preview{margin:0;border-radius:22px;overflow:hidden;background:#163549;color:#fff;border:1px solid #254b62}
.quote-request-preview>div{background:radial-gradient(ellipse at top,#335a70,transparent),repeating-linear-gradient(0deg,#ffffff0e 0 1px,transparent 1px 27px),repeating-linear-gradient(90deg,#ffffff0e 0 1px,transparent 1px 27px);padding:clamp(12px,4vw,38px) 12px 8px;text-align:center}
.quote-request-preview svg{width:min(100%,380px);height:auto;display:block;margin:auto;filter:drop-shadow(0 9px 13px #0a22366b)}
.quote-request-preview figcaption{display:grid;gap:5px;padding:14px 20px 17px}
.quote-request-preview figcaption span{color:#b6d2e1;font-size:.85rem}
.quote-request-form{display:grid;gap:16px;padding:clamp(14px,2vw,26px);border:1px solid #d4e2eb;border-radius:22px;background:#fff}
.quote-request-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px}
.quote-request-field{display:grid;gap:5px;min-width:0;color:#234358;font-size:.86rem}
.quote-request-field select{width:100%;min-height:40px;padding:8px;color:#15384b;background:#f2f7fa;border:1px solid #c7dae6;border-radius:9px;font:inherit}
.quote-request-form .pill-button{justify-self:end}
@media(max-width:760px){
 .quote-request-layout{grid-template-columns:minmax(0,1fr)}
 .quote-request-preview>div{padding:4px 12px 0}
 .quote-request-preview svg{width:min(100%,220px)}
 .quote-request-preview figcaption{padding:7px 14px 11px}
 .quote-request-form{gap:12px}
}
@media(max-width:370px){.quote-request-fields{gap:10px 8px}.quote-request-field select{padding:7px 4px}}