/* Portal-owned questionnaire. Use the same design tokens as the Portal shell. */
.quote-page{
 --quote-bg:var(--bg);--quote-surface:var(--panel-2);--quote-text:var(--text);--quote-muted:var(--muted);
 --quote-accent:var(--blue);--quote-soft:var(--accent-text);--quote-border:var(--line);--quote-line:var(--line-subtle);
 --quote-error:var(--danger-text);--quote-width:880px;
 --quote-address-hover:var(--panel-hover);--quote-hover:var(--panel-hover);--quote-button-hover:var(--panel-hover);
 --quote-choice-hover:var(--hover-fill);--quote-selected:var(--blue-soft);
 --quote-primary:var(--blue);--quote-primary-text:#fff;--quote-primary-hover:var(--blue-bright);
 font-synthesis:none;text-rendering:optimizeLegibility;
}
.quote-page *{box-sizing:border-box}
.quote-page{margin:0;min-width:0;background:var(--quote-bg);color:var(--quote-text);font-family:inherit;font-size:var(--font-ui);line-height:1.6;-webkit-font-smoothing:antialiased}
.quote-page ::selection{background:var(--blue-soft)}
.quote-page a{color:inherit;text-decoration:none}
.quote-page a:hover{color:var(--quote-muted)}
.quote-page :focus-visible:not(input):not(select):not(textarea){outline:2px solid var(--quote-accent);outline-offset:3px}
.quote-card{max-width:var(--quote-width);margin:0 auto;padding:32px 28px 48px}
.quote-header{margin-bottom:24px}
.quote-page h1,.quote-page h2{font-weight:630;text-wrap:balance}
.quote-page h1{font-size:var(--font-page-title);line-height:1.2;letter-spacing:-.035em;margin:8px 0 16px}
.quote-page h2{font-size:var(--font-section-title);line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}
.quote-page p{margin:0 0 16px;color:var(--quote-muted)}
.quote-header .quote-eyebrow{font-size:12px;line-height:20px;margin:0;color:var(--quote-soft)}
.quote-header .quote-step-label{font-size:12px;margin:0 0 14px}
.quote-progress{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:0;margin:0;color:var(--quote-muted);font-size:11px;line-height:1.5}
.quote-progress li{border-top:2px solid var(--quote-border);padding-top:8px}
.quote-progress .quote-complete{border-color:var(--quote-accent)}
.quote-progress [aria-current]{border-color:var(--quote-accent);color:var(--quote-text)}
.quote-step{min-width:0}
.quote-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.quote-field{min-width:0;margin:0 0 18px}
.quote-fields .quote-field{margin:0}
.quote-field label{display:block;font-size:var(--font-ui);font-weight:400;line-height:1.5;margin-bottom:6px}
.quote-field input,.quote-field select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--quote-border);border-radius:8px;font:inherit;color:var(--quote-text);background:var(--field);transition:background .2s,border-color .2s}
.quote-field input:hover,.quote-field select:hover{background:var(--quote-hover)}
.quote-page .quote-field :is(input,select,textarea):is(:focus,:focus-visible){outline:0;border-color:var(--blue-bright);box-shadow:0 0 0 3px var(--blue-soft)}
.quote-page .quote-field :is(input,select,textarea)[aria-invalid=true]:focus{border-color:var(--quote-error);box-shadow:0 0 0 3px var(--red-soft)}
.quote-field input::placeholder{color:var(--quote-muted);opacity:1}
.quote-input-wrap{position:relative}
.quote-input-wrap>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--quote-muted);pointer-events:none}
.quote-input-wrap:has(>span) input{padding-left:32px}
.quote-field small,.quote-hint{display:block;color:var(--quote-muted);margin-top:6px;font-size:12px;line-height:1.5}
.quote-field small:empty{display:none}
.quote-page button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 13px;background:var(--quote-surface);border:1px solid var(--quote-border);border-radius:8px;color:var(--quote-text);font:inherit;font-size:var(--font-ui);font-weight:620;line-height:1.4;cursor:pointer;transition:background .2s,color .2s}
.quote-page button:hover{background:var(--quote-button-hover)}
.quote-page button:disabled{opacity:.46;cursor:not-allowed}
.quote-page .quote-primary{background:var(--quote-primary);color:var(--quote-primary-text);border-color:var(--quote-primary)}
.quote-page .quote-primary:not(:disabled):hover{background:var(--quote-primary-hover);border-color:var(--quote-primary-hover)}
.quote-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--quote-line);padding-top:18px;margin-top:24px}
.quote-actions button[data-action="back"]{border-color:var(--quote-border)}
.quote-actions>span{color:var(--quote-muted);font-size:12px}
.quote-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:18px 0 24px}
.quote-choice{display:flex;align-items:center;gap:12px;min-width:0;min-height:56px;border:1px solid var(--quote-border);padding:12px 16px;border-radius:var(--radius);cursor:pointer;font-size:var(--font-ui);transition:background .2s,border-color .2s}
.quote-choice:hover{background:var(--quote-choice-hover)}
.quote-choice:has(:checked){border-color:var(--quote-accent);background:var(--quote-selected);box-shadow:none}
.quote-choice:has(:focus-visible){outline:2px solid var(--quote-accent);outline-offset:4px}
.quote-choice input,.quote-check input{accent-color:var(--quote-accent);width:16px;height:16px;flex-shrink:0;margin:0}
.quote-page fieldset{border:0;padding:0;margin:24px 0 16px;display:flex;flex-wrap:wrap;gap:12px}
.quote-page legend{font-size:var(--font-ui);font-weight:600;margin-bottom:10px;padding:0}
.quote-page fieldset .quote-choice{min-height:44px;padding:9px 16px;border-radius:10px}
.quote-lenders,.quote-address-matches{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}
.quote-page .quote-lender{border-color:var(--quote-border);background:transparent}
.quote-page .quote-lender[aria-pressed=true]{border-color:var(--quote-accent);background:var(--quote-selected)}
.quote-address-matches button{text-align:left;overflow-wrap:anywhere}
.quote-notice{padding:16px 20px;background:var(--quote-surface);border-radius:var(--radius);margin:18px 0}
.quote-page .quote-field-error{color:var(--quote-error);font-size:12px;margin:8px 0 0}
.quote-field [aria-invalid=true]{border-color:var(--quote-error)}
.quote-status{margin-top:16px;color:var(--quote-muted);font-size:var(--font-ui);overflow-wrap:anywhere}
.quote-status:empty{display:none}
.quote-status[role=alert]{color:var(--quote-error)}
.quote-review{margin:24px 0}
.quote-review>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--quote-line);font-size:var(--font-ui)}
.quote-review dt{color:var(--quote-muted)}
.quote-review dd{margin:0;overflow-wrap:anywhere}
.quote-edit-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.quote-edit-links button{font-size:12px;min-height:40px;padding:8px 16px}
.quote-check{display:flex;align-items:flex-start;gap:12px;margin-top:24px;font-size:var(--font-ui);cursor:pointer}
.quote-check input{margin-top:4px}
.quote-additional{margin-top:24px;border-top:1px solid var(--quote-line)}
.quote-additional summary{cursor:pointer;padding:16px 0;font-size:var(--font-ui)}
.quote-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.quote-required{color:var(--quote-muted)}
.quote-success{padding-top:64px;text-align:center;max-width:700px}
@media(max-width:767px){
 .quote-card{padding:20px 16px 24px}.quote-header{margin-bottom:24px}
 .quote-page h1{font-size:var(--font-page-title)}
 .quote-field input,.quote-field select{font-size:16px}
 .quote-progress{gap:5px;font-size:0}.quote-progress li{padding-top:0;height:2px}
 .quote-fields{grid-template-columns:1fr}.quote-review>div{grid-template-columns:1fr;gap:4px}
 .quote-options{grid-template-columns:1fr;gap:10px}.quote-choice{min-height:48px;padding:12px 14px}
 .quote-actions{gap:12px}.quote-actions>span{max-width:120px}.quote-actions button{padding-inline:18px}
 .quote-page fieldset{flex-direction:column}.quote-page fieldset .quote-choice{align-self:stretch}
 .quote-success{padding-top:40px}
}
@media(prefers-reduced-motion:reduce){.quote-page *{transition:none!important}}
/* Live lender results keep the search input mounted while responses arrive. */
.quote-search-wrap{position:relative}
.quote-search-wrap>svg{position:absolute;left:14px;top:14px;width:20px;height:20px;fill:none;stroke:var(--quote-muted);stroke-width:1.7;pointer-events:none}
.quote-search-wrap input{padding:10px 48px;min-height:48px;border:1px solid var(--quote-border)}
.quote-search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none}
.quote-page .quote-search-wrap button{position:absolute;right:2px;top:2px;min-height:44px;width:44px;padding:0;background:transparent;font-size:24px}
.quote-page .quote-search-wrap button[hidden]{display:none}
.quote-page .quote-lender-status{font-size:12px;margin:12px 0 8px}
.quote-page .quote-lender-status:empty{display:none}
.quote-lenders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 18px;max-height:min(420px,55vh);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding:8px}
.quote-lenders:not(:empty){padding:8px;border:1px solid var(--quote-border);border-radius:var(--radius)}
.quote-page .quote-lender{justify-content:flex-start;gap:12px;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:8px;min-width:0;min-height:64px}
.quote-page .quote-lender:hover{background:var(--quote-surface)}
.quote-lender-initials{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--quote-border);border-radius:10px;color:var(--quote-muted);font-size:12px;text-transform:uppercase}
.quote-lender-copy{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}
.quote-lender-copy small{color:var(--quote-muted);font-size:12px}
.quote-lender-arrow{margin-left:auto;font-size:24px;color:var(--quote-muted)}
@media(max-width:767px){.quote-lenders{grid-template-columns:1fr}}

/* Icon choice cards follow the original quote flow, with compact rectangular controls. */
.quote-options-purpose{grid-template-columns:repeat(3,minmax(0,1fr))}
.quote-options-program{grid-template-columns:repeat(2,minmax(0,1fr))}
.quote-choice-card{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;min-height:112px;padding:18px;background:var(--quote-surface)}
.quote-choice-card>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.quote-choice-heading{display:flex;align-items:center;gap:12px;min-height:24px}
.quote-choice-heading svg{display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--quote-soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.quote-choice-heading strong{font-size:var(--font-ui);font-weight:620;line-height:1.4}
.quote-choice-description{color:var(--quote-muted);font-size:12px;line-height:1.5}
@media(max-width:767px){.quote-options-purpose,.quote-options-program{grid-template-columns:1fr}.quote-choice-card{min-height:92px;padding:16px;gap:8px}}
.quote-options-purpose .quote-choice-card{min-height:0;padding:14px 16px;gap:8px}

/* Lender choice icons: a brief gather effect around the Zillian mark. */
.quote-page .quote-lender-preference{display:block}
.quote-page .quote-lender-mode{position:relative;justify-content:center;gap:12px;min-height:48px}
.quote-lender-mode>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.quote-bank-icon{display:block;width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.quote-lender-mode{color:var(--quote-muted)}
.quote-lender-mode:has(:checked){color:var(--quote-soft)}
.quote-intelligence{position:relative;display:block;width:26px;height:26px;flex:0 0 26px;color:var(--quote-soft)}
.quote-intelligence-mark{position:absolute;inset:2px;background:currentColor;mask:url('/assets/zillian-symbol.png') center/contain no-repeat;-webkit-mask:url('/assets/zillian-symbol.png') center/contain no-repeat}
.quote-intelligence svg{position:absolute;inset:0;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:.1 2;stroke-linecap:round}
.quote-intelligence circle{opacity:0;transform-origin:16px 16px}
.quote-intelligence.is-animating .quote-intelligence-mark{animation:quote-mark-gather 3s ease-in-out}
.quote-intelligence.is-animating circle{animation:quote-orbit-gather 3s ease-in-out}
.quote-intelligence.is-animating circle:nth-child(2){animation-delay:60ms}
.quote-intelligence.is-animating circle:nth-child(3){animation-delay:120ms}
@keyframes quote-mark-gather{0%,100%{opacity:1;transform:scale(1)}12%,52%{opacity:0;transform:scale(.55) rotate(-12deg)}82%{opacity:1;transform:scale(1.06)}94%{transform:scale(1)}}
@keyframes quote-orbit-gather{0%,100%{opacity:0;transform:scale(.6) rotate(0)}16%{opacity:.85;transform:scale(1) rotate(24deg)}55%{opacity:.75;transform:scale(1.08) rotate(50deg)}86%{opacity:0;transform:scale(.35) rotate(100deg)}}

@media(prefers-reduced-motion:reduce){.quote-intelligence-mark,.quote-intelligence circle{animation:none!important}}

/* Address autocomplete stays anchored beneath the field while typing. */
.quote-address-combobox{position:relative}
.quote-address-dropdown{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:5;border:1px solid var(--quote-border);border-radius:var(--radius);background:var(--quote-surface);box-shadow:0 12px 32px #0002;overflow:hidden}
.quote-address-dropdown[hidden]{display:none}
#address-options{max-height:min(520px,55vh);overflow-y:auto;overscroll-behavior:contain;padding:6px 0}
#address-options [role=option]{display:flex;align-items:center;gap:12px;padding:13px 18px;min-height:48px;cursor:pointer;font-size:var(--font-ui);line-height:1.5;overflow-wrap:anywhere;color:var(--quote-text);transition:background-color 100ms ease}
#address-options [role=option]:hover,#address-options [aria-selected=true]{background:var(--quote-address-hover)}
#address-options strong{font-weight:650}
.quote-page .quote-address-attribution{display:block;padding:8px 14px;border-top:1px solid var(--quote-border);font-size:12px;font-weight:400;font-style:normal;letter-spacing:normal;white-space:nowrap;color:var(--quote-muted)}
.quote-page .quote-address-attribution[hidden]{display:none}
.quote-page .quote-address-status{font-size:12px;color:var(--quote-muted)}
.quote-address-status:empty,.quote-address-review:empty{display:none}

/* Keep this control mounted so the selection highlight can slide between choices. */
.quote-lender-segments{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));isolation:isolate;padding:4px;border:1px solid var(--quote-border);border-radius:var(--radius);background:var(--quote-bg)}
.quote-lender-slider{position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);border:1px solid var(--quote-border);border-radius:8px;background:var(--quote-surface);box-shadow:0 1px 3px #0001;transform:translateX(0);transition:transform .3s cubic-bezier(.22,.68,0,1)}
.quote-lender-segments:has([value=specific]:checked) .quote-lender-slider{transform:translateX(100%)}
.quote-page .quote-lender-segments .quote-lender-mode{border:0;border-radius:8px;min-height:44px;padding:8px 12px;line-height:1.4;text-align:center;transition:color .2s;background:transparent;box-shadow:none}
.quote-page .quote-lender-segments .quote-lender-mode:hover{color:var(--quote-text)}
.quote-page .quote-lender-segments .quote-lender-mode:has(:checked){color:var(--quote-soft);background:transparent;box-shadow:none}
.quote-page .quote-lender-segments .quote-lender-mode:has(:focus-visible){outline-offset:-2px}
@media(max-width:480px){.quote-page .quote-lender-segments .quote-lender-mode{gap:7px;padding:8px 6px;font-size:12px}.quote-lender-segments .quote-bank-icon{width:22px;height:22px;flex-basis:22px}.quote-lender-segments .quote-intelligence{width:24px;height:24px;flex-basis:24px}.quote-lender-segments .quote-intelligence svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.quote-lender-slider{transition:none}}

.quote-lender-initials{position:relative;overflow:hidden}
.quote-lender-logo{position:absolute;inset:0;width:100%;height:100%;padding:3px;object-fit:contain;background:#767676;opacity:0}
.quote-lender-logo.is-loaded{opacity:1}

.quote-page .quote-address-combobox input{display:block;padding-right:48px;border:1px solid var(--quote-border)}
.quote-page .quote-clear-address{position:absolute;right:2px;top:2px;width:44px;min-height:40px;padding:0;font-size:24px;background:transparent;color:var(--quote-muted)}
.quote-page .quote-clear-address[hidden]{display:none}

.quote-intake-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;}