.qb-feature-directory-page{--directory-gold:var(--qb-accent,#dfc284)}.qb-feature-directory-intro{max-width:850px;margin:0 0 2.5rem}.qb-feature-directory-eyebrow{color:var(--qb-accent);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.qb-feature-directory-intro h1{margin:.8rem 0 1.25rem;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.12}.qb-feature-directory-intro>p:not(.qb-feature-directory-eyebrow),.qb-feature-directory-footnote{color:var(--qb-muted);line-height:1.7}.qb-feature-directory-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.qb-feature-directory-actions a{align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.qb-feature-directory-page a.qb-feature-directory-gold{background:var(--qb-accent);color:var(--qb-on-accent);border-radius:.6rem;padding:.75rem 1.2rem;font-weight:650;text-decoration:none}.qb-feature-directory-tools{border:1px solid var(--qb-line);background:var(--qb-surface);border-radius:1rem;padding:1.25rem}.qb-feature-directory-search{gap:.5rem;max-width:550px;font-size:.85rem;font-weight:600;display:grid}.qb-feature-directory-search-input{border:1px solid var(--qb-line);background:var(--qb-bg);border-radius:.6rem;align-items:center;gap:.6rem;padding:0 .75rem;display:flex}.qb-feature-directory-search-input input{width:100%;min-width:0;min-height:48px;color:var(--qb-ink);font:inherit;background:0 0;border:0;font-weight:400}.qb-feature-directory-search-input input::placeholder{color:var(--qb-muted);opacity:1}.qb-feature-directory-search-input button{border-radius:.5rem;place-items:center;min-width:44px;min-height:44px;display:grid}.qb-feature-directory-filters{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.qb-feature-directory-filters button,.qb-feature-directory-empty button{border:1px solid var(--qb-line);background:var(--qb-bg);min-height:44px;color:var(--qb-ink);cursor:pointer;border-radius:.6rem;padding:.6rem .9rem;font-size:.85rem}.qb-feature-directory-filters button[aria-pressed=true]{border-color:var(--qb-accent);box-shadow:inset 0 -2px var(--qb-accent);background:var(--qb-raised);color:var(--qb-accent);font-weight:700}.qb-feature-directory-count{color:var(--qb-muted);margin:1rem 0;font-size:.8rem;display:block}.qb-feature-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.qb-feature-directory-card{border:1px solid var(--qb-line);background:var(--qb-surface);border-radius:1rem;min-width:0;overflow:hidden}.qb-feature-directory-preview{background:var(--qb-raised);width:100%;color:var(--qb-ink);cursor:pointer;text-align:left;flex-direction:column;align-items:center;padding:1rem 1rem 0;display:flex;position:relative}.qb-feature-directory-frame{justify-content:center;align-items:center;width:100%;height:215px;display:flex}.qb-feature-directory-frame img{object-fit:contain;border:1px solid var(--qb-line);border-radius:.4rem;width:auto;max-width:100%;height:auto;max-height:100%}.qb-feature-directory-phone{background:#142127;border:4px solid #42535b;border-radius:1rem;width:100px;overflow:hidden}.qb-feature-directory-phone img{object-fit:contain;border:0;border-radius:.6rem;width:100%;height:100%}.qb-feature-directory-preview-label{align-items:center;gap:.4rem;width:100%;min-height:44px;font-size:.75rem;font-weight:650;display:flex}.qb-feature-directory-preview-label>span{margin-left:auto}.qb-feature-directory-copy{padding:1.2rem 1.25rem 1.5rem}.qb-feature-directory-copy h2{margin:.4rem 0 .75rem;font-size:1.18rem;font-weight:650;line-height:1.4}.qb-feature-directory-copy>p:last-child{color:var(--qb-muted);font-size:.875rem;line-height:1.7}.qb-feature-directory-unavailable{background:var(--qb-raised);height:275px;color:var(--qb-muted);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;font-size:.85rem;display:flex}.qb-feature-directory-unavailable>span{border:1px solid var(--qb-line);color:var(--qb-ink);border-radius:2rem;padding:.4rem .8rem;font-weight:600}.qb-feature-directory-empty{border:1px solid var(--qb-line);text-align:center;border-radius:1rem;padding:3rem 1.5rem}.qb-feature-directory-empty p{margin:.75rem 0 1rem}.qb-feature-directory-adoption{background:var(--qb-raised);border:1px solid var(--qb-line);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin:3rem 0 1rem;padding:1.5rem;display:flex}.qb-feature-directory-adoption>div{flex:430px}.qb-feature-directory-adoption h2{margin-bottom:.6rem;font-size:1.2rem;font-weight:600}.qb-feature-directory-adoption p{font-size:.9rem;line-height:1.7}.qb-feature-directory-footnote{font-size:.8rem}.qb-feature-directory-dialog>p{margin-bottom:1rem}.qb-feature-directory-dialog ul{margin:1.25rem 0;padding-left:1.2rem;line-height:1.7;list-style:outside}.qb-feature-directory-dialog :is(button,select),.qb-feature-directory-page :is(button,a){transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}.qb-feature-directory-preview:focus-visible{outline-offset:-4px}.qb-feature-directory-browser :is(button,input):disabled{cursor:wait}@media (hover:hover) and (pointer:fine){.qb-feature-directory-preview:not(:disabled):hover{background:color-mix(in srgb, var(--qb-raised), var(--qb-accent) 12%);box-shadow:inset 0 0 0 2px var(--qb-accent)}.qb-feature-directory-filters button:not(:disabled):hover,.qb-feature-directory-search-input button:not(:disabled):hover,.qb-feature-directory-empty button:not(:disabled):hover{background:var(--qb-raised);border-color:var(--qb-accent)}.qb-feature-directory-page a.qb-feature-directory-gold:hover{box-shadow:inset 0 0 0 100px #fff2,0 3px 12px #0002}}@media (max-width:1100px){.qb-feature-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.qb-feature-directory-page{padding:1.25rem 1rem}.qb-feature-directory-grid{grid-template-columns:1fr}.qb-feature-directory-tools{padding:.85rem}.qb-feature-directory-filters button{flex-grow:1}.qb-feature-directory-adoption{gap:1rem}.qb-feature-directory-adoption a{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.qb-feature-directory-dialog :is(button,select),.qb-feature-directory-page :is(button,a){transition:none}}