/* Quote assistant, same look as the template's "Let's talk" card: frosted glass over a photo, thin translucent borders, black pill button */
.qa-stage{position:relative;overflow:hidden;border-radius:10px;background:#000;max-width:1100px;margin:0 auto;padding:56px 4%}
.qa-photo{position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 0%,#2a2a2a 0%,#111 45%,#000 100%)}
.qa{position:relative;width:100%;max-width:680px;margin:0 auto;color:#fff;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;padding:25px;font-family:'Syne',sans-serif;display:flex;flex-direction:column;text-align:left}
.qa *{box-sizing:border-box}
.qa-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding:0 0 14px}
.qa-title{flex:1 1 auto;font-size:14px;opacity:.85}
.qa-progress{font-size:13px;opacity:.6}
.qa-log{height:330px;overflow-y:auto;padding:4px 2px 4px 0;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.qa-log::-webkit-scrollbar{width:4px}.qa-log::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}
.qa-msg{max-width:86%;padding:11px 15px;font-size:15px;line-height:1.4;border-radius:10px;word-wrap:break-word}
.qa-bot{align-self:flex-start;background:#ffffff26;color:#fff;border:1px solid #ffffff3d}
.qa-user{align-self:flex-end;background:#000;color:#fff}
.qa-typing{opacity:.6}
.qa-sum{width:86%}
.qa-sum-line{font-size:13px;line-height:1.5;padding:3px 0;border-bottom:1px solid #ffffff2e}
.qa-sum-line:last-child{border-bottom:0}
.qa-mail{color:#fff;font-weight:600}
.qa-controls{padding:18px 0 4px;display:flex;flex-direction:column;gap:12px;min-height:80px}
.qa-opts{display:flex;flex-wrap:wrap;gap:8px}
.qa-opt{font:inherit;font-size:14px;padding:10px 16px;border-radius:6px;cursor:pointer;border:1px solid #ffffff3d;background:transparent;color:#fff;transition:all .2s}
.qa-opt:hover{border-color:#fff;background:#ffffff1a}
.qa-opt.on{background:#fff;border-color:#fff;color:#000}
.qa-go{font:inherit;font-size:15px;font-weight:500;letter-spacing:-.4px;padding:14px 28px;border:0;border-radius:30px;background:#000;color:#fff;cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .2s;width:100%}
.qa-go:hover:not(:disabled){background:#222}
.qa-go:disabled{opacity:.35;cursor:not-allowed}
.qa-row{display:flex;gap:8px}
.qa-row .qa-go{width:auto;flex:0 0 auto}
.qa-input{width:100%;font:inherit;font-size:15px;min-height:52px;padding:12px 15px;background:transparent;border:1px solid #ffffff3d;border-radius:6px;color:#fff;outline:0;transition:all .2s}
.qa-input::placeholder{color:#ffffff99}
.qa-input:focus{border-color:#fff}
textarea.qa-input{min-height:80px;resize:vertical}
.qa-form{display:flex;flex-direction:column;gap:10px}
.qa-field{display:flex;flex-direction:column;gap:5px}
.qa-flabel{font-size:13px;opacity:.75}
.qa-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4;opacity:.85}
.qa-check input{margin-top:3px}
.qa-error{color:#ffb4a8;font-size:13px;min-height:1em}
.qa-foot{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 0}
.qa-btn{font:inherit;font-size:13px;padding:8px 14px;border-radius:6px;border:1px solid #ffffff3d;background:transparent;color:#fff;cursor:pointer;transition:all .2s}
.qa-btn:hover{border-color:#fff;background:#ffffff1a}
.qa-slotgroup{display:flex;flex-direction:column;gap:8px}
.qa-slotlabel{font-size:13px;opacity:.65}
.qa-link{background:none;border:0;padding:0;color:#fff;opacity:.7;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;align-self:flex-start}
.qa-link:hover{opacity:1}
.qa-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:600px){.qa-stage{padding:28px 12px}.qa{padding:16px}.qa-log{height:300px}.qa-msg{max-width:94%}.qa-row{flex-direction:column}.qa-row .qa-go{width:100%}}