.hero-glass-swap{display:grid;height:176px;isolation:isolate;position:relative;--hero-kicker-space:32px}
.storefront .campaign-copy .hero-glass-kicker{position:absolute;top:0;left:0;margin:0;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s ease-out .18s,transform .56s cubic-bezier(.22,1,.36,1) .16s,visibility 0s}
.storefront .campaign-copy.hero-query-active .hero-glass-kicker{opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .16s ease-out,transform .22s ease-out,visibility 0s .22s}
.hero-glass-swap .hero-glass-intro{box-sizing:border-box;padding-top:var(--hero-kicker-space)}
.hero-glass-swap .hero-glass-lookup>.rp-side{box-sizing:border-box;padding-top:var(--hero-kicker-space)}
/* A short departure and a gentle settling entrance, without changing layout. */
.hero-glass-intro,.hero-glass-lookup{grid-area:1/1;min-width:0;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .34s ease-out .18s,transform .56s cubic-bezier(.22,1,.36,1) .16s,visibility 0s}
.hero-glass-lookup{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease-out,transform .22s ease-out,visibility 0s .22s}
.hero-glass-lookup{min-height:0;display:grid}
.hero-glass-lookup>.rp-side,.hero-glass-results{grid-area:1/1;min-width:0}
.hero-glass-lookup>.rp-side{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s ease-out .18s,transform .56s cubic-bezier(.22,1,.36,1) .16s,visibility 0s}
.hero-glass-lookup.show-results>.rp-side{opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;transition:opacity .16s ease-out,transform .22s ease-out,visibility 0s .22s}
.hero-glass-lookup .hero-glass-results{position:relative;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease-out,transform .22s ease-out,visibility 0s .22s,max-width .56s cubic-bezier(.22,1,.36,1)}
.hero-glass-lookup.show-results .hero-glass-results{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .3s ease-out .18s,transform .56s cubic-bezier(.22,1,.36,1) .16s,visibility 0s,max-width .56s cubic-bezier(.22,1,.36,1)}
.hero-glass-results{height:176px;width:100%;display:flex;flex-direction:column;max-width:320px}
.hero-glass-results.has-result{max-width:540px}
.hero-glass-results[hidden],.hero-glass-lookup .rp-side[hidden]{display:none}
.hero-results-heading{flex-shrink:0}
.hero-results-scroll{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;padding-right:42px;scrollbar-width:thin;scrollbar-color:#91b7ff transparent}
.hero-results-scroll:focus-visible{outline:2px solid #91b7ff;outline-offset:-2px}
.hero-glass-results p{font-size:14px;line-height:1.5;margin:8px 0}
.hero-glass-results .rp-caption{font-size:12px;color:var(--muted)}
.hero-glass-results h3{font-size:18px;margin:4px 0 12px}
.hero-glass-results a{font-size:13px;overflow-wrap:anywhere;color:var(--brand)}
[data-theme="dark"] .hero-glass-results a{color:#95c6ff}
.hero-glass-swap.has-model .hero-glass-intro{opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;transition:opacity .16s ease-out,transform .22s ease-out,visibility 0s .22s}
.hero-glass-swap.has-model .hero-glass-lookup{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .34s ease-out .18s,transform .56s cubic-bezier(.22,1,.36,1) .16s,visibility 0s}
.storefront .campaign-copy .hero-glass-lookup h2{font-size:24px;font-weight:600;line-height:1.2;margin:0 0 16px}
.hero-glass-lookup .rp-side{padding:0;border:0;background:none}
#hero-rp-selected-model{display:none}
.hero-glass-lookup button{border:1px solid var(--line);border-radius:8px;min-height:44px;background:var(--accent);color:var(--ink);padding:10px 18px;font-weight:600;cursor:pointer}
.hero-glass-lookup button[hidden]{display:none}
#hero-rp-glass-query{font-size:14px;min-width:220px;background:#205bff;border-color:#205bff;color:#fff}
.hero-glass-lookup dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;width:calc(100% - 32px);max-width:540px;max-height:85dvh;overflow:auto}
.hero-glass-lookup dialog::backdrop{background:#08152a99;backdrop-filter:blur(3px)}
.hero-results-heading{position:absolute;top:0;right:0;z-index:1}
.hero-results-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-results-heading button{font-size:26px;line-height:1;flex-shrink:0;padding:4px 12px;background:transparent;color:var(--ink)}
.hero-glass-results .hero-results-heading button{min-height:32px;padding:0 8px;border:0}
.hero-glass-lookup dialog p{font-size:14px;line-height:1.6}
.hero-glass-lookup dialog .rp-caption{font-size:12px;color:var(--muted)}
.hero-glass-lookup .rp-metric{border-top:1px solid var(--line);padding:16px 0;margin-top:14px}
.hero-glass-lookup .rp-metric>span,.hero-glass-lookup .rp-metric>strong{display:block}
.hero-glass-lookup .rp-metric>strong{font-size:23px;margin:8px 0}
.hero-glass-lookup dialog a{color:var(--brand);font-size:13px;overflow-wrap:anywhere}
#hero-rp-query-progress progress{width:100%;accent-color:var(--brand)}
#hero-rp-model-dialog label{display:block;margin:12px 0 6px;font-size:13px;font-weight:600}
#hero-rp-model-dialog select,#hero-rp-model-dialog input{width:100%;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--soft)}
#hero-rp-model-dialog button{width:100%;margin-top:12px}
[data-theme="dark"] .hero-glass-lookup dialog{background:var(--surface)}
[data-theme="dark"] .hero-glass-lookup dialog a{color:#95c6ff}
@media(max-width:600px){.hero-glass-swap,.hero-glass-results{height:170px}.storefront .campaign-copy .hero-glass-lookup h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hero-glass-intro,.hero-glass-lookup,.hero-glass-swap.has-model .hero-glass-intro,.hero-glass-swap.has-model .hero-glass-lookup,.hero-glass-lookup>.rp-side,.hero-glass-lookup.show-results>.rp-side,.hero-glass-lookup .hero-glass-results,.hero-glass-lookup.show-results .hero-glass-results{transition:none;transform:none}}

@media(max-width:600px){.hero-glass-swap{--hero-kicker-space:26px}}
@media(prefers-reduced-motion:reduce){.storefront .campaign-copy .hero-glass-kicker,.storefront .campaign-copy.hero-query-active .hero-glass-kicker{transition:none;transform:none}}

/* Keep loading compact; the full explanation returns with the response. */
.hero-glass-results:has([aria-busy="true"]) .hero-results-scroll>.rp-caption{display:none}