/* V11.17: QR transfer appears only after the user reviews the quote; desktop-first with a native mobile fallback. */
.first-screen-quote .quote-result{max-width:520px;margin:22px auto 0;min-width:0}
.first-screen-quote .quote-result h3{font-size:clamp(20px,2vw,25px)}
.first-screen-quote .quote-result pre{max-height:200px;overflow:auto;font-size:13px;line-height:1.55}
.qr-handoff{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:center;padding:15px;margin:0 0 18px;border:1px solid rgba(172,194,219,.21);background:#101c28;border-radius:4px;min-width:0}
.qr-handoff-image{width:170px;height:170px;display:flex;align-items:center;justify-content:center;background:#fff;color:#192739;font-size:12px;text-align:center;border-radius:3px;padding:6px;box-sizing:border-box}
.qr-handoff-image svg{display:block;width:100%;height:100%;image-rendering:pixelated}
.qr-handoff-copy h4{font:600 17px/1.35 'Archivo',system-ui,sans-serif;color:#fff;margin:0 0 7px;letter-spacing:.005em}
.qr-handoff-copy p{font:400 13px/1.65 'DM Sans',system-ui,sans-serif;color:#bdcbd7;margin:0}
.qr-handoff-copy .qr-privacy{font-size:11px;margin-top:12px;color:#92acc1}
.qr-handoff-copy .qr-length-note,.qr-handoff-copy .qr-error{margin-top:9px;color:#e8c692;font-size:11.5px}
.quote-result-disclaimer{color:#95aab9;font-size:11px;margin:10px 0 0;text-align:center}
@media (min-width:768px){.first-screen-quote .quote-result #sms-open{display:none}}
@media(max-width:767px){.first-screen-quote .quote-result .qr-handoff{display:none}.first-screen-quote .quote-result pre{max-height:260px}.first-screen-quote .quote-result .result-actions{display:grid;grid-template-columns:minmax(0,1fr)} }
@media(min-width:768px) and (max-width:1120px){.qr-handoff{grid-template-columns:138px minmax(0,1fr);gap:12px;padding:12px}.qr-handoff-image{width:138px;height:138px}.qr-handoff-copy h4{font-size:15px}.qr-handoff-copy p{font-size:12px}}
@media(min-width:768px) and (max-width:880px){.qr-handoff{grid-template-columns:1fr}.qr-handoff-image{width:180px;height:180px;margin:auto}.qr-handoff-copy{text-align:center}}
/* Standalone handoff on the customer's phone */
.quote-phone-page{margin:0;min-height:100vh;background:#0c141d;color:#f7f9fc;font-family:'DM Sans',Arial,sans-serif;display:flex;flex-direction:column}
.quote-phone-page *{box-sizing:border-box}
.quote-phone-header{padding:18px 24px;border-bottom:1px solid #22303d;text-align:center}
.quote-phone-header img{display:inline-block;max-width:180px;width:100%;height:auto;object-fit:contain}
.quote-phone-main{width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px 44px}
.quote-phone-card{width:min(100%,500px);background:#111e2a;border:1px solid #2b3e50;border-radius:6px;padding:clamp(24px,5vw,38px);box-shadow:0 16px 55px rgba(0,0,0,.14)}
.quote-phone-mark{font:650 11px 'Archivo',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#89b3f8;margin-bottom:13px}
.quote-phone-card h1{font:600 clamp(28px,7vw,40px)/1.15 'Archivo',Arial,sans-serif;margin:0 0 13px;letter-spacing:-.018em}
.quote-phone-subhead{color:#b7c7d5;font-size:15px;line-height:1.6;margin:0 0 20px}
.quote-phone-message{white-space:pre-wrap;overflow-wrap:anywhere;background:#192a39;border:1px solid #3d5165;padding:18px;border-radius:3px;color:#eaf0f6;font:400 14px/1.7 'DM Sans',Arial,sans-serif;margin:0 0 20px}
.quote-phone-actions{display:grid;gap:11px}
.quote-phone-primary,.quote-phone-secondary{width:100%;min-height:48px;border-radius:3px;display:flex;align-items:center;justify-content:center;font:650 13px 'Archivo',Arial,sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer}
.quote-phone-primary{background:#0757e8;color:#fff;border:1px solid #1c6afb}
.quote-phone-secondary{background:#253648;color:#fff;border:1px solid #53687d}
.quote-phone-primary:focus-visible,.quote-phone-secondary:focus-visible{outline:3px solid #a7caff;outline-offset:2px}
.quote-phone-note{color:#9eb2c4;font-size:12px;line-height:1.6;margin:16px 0}
.quote-phone-return{display:inline-block;color:#c3d8fa;text-underline-offset:4px;font-size:12px}
.quote-phone-footer{text-align:center;padding:18px;color:#8ea4b5;font-size:11px;border-top:1px solid #22303d}
