.hb .pg-card.fd-demo{gap:0;max-width:640px;margin:0 auto;padding:20px 20px 22px;text-align:left}.hb .fd-chrome{display:flex;align-items:center;gap:6px;margin-bottom:16px}.hb .fd-chrome i{display:block;width:8px;height:8px;border-radius:50%;background:#ffffff21}.hb .fd-chrome i:first-child{background:#d4775b80}.hb .fd-app{margin-left:auto;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:500;color:var(--muted)}.hb .fd-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:12px;min-height:30px}.hb .fd-sep{color:var(--muted);opacity:.45;font-family:var(--mono);font-size:11px}.hb .fd-note{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;font-weight:500;color:var(--ember-deep)}.hb .pg-chip.fd-chip{text-transform:none;letter-spacing:.02em;font-size:11px;color:var(--ink-2)}.hb .pg-chip.pg-chip-accent.fd-chip{color:var(--ember-deep)}.hb .fd-chip svg{width:12px;height:12px;flex:none}.hb .pg-chip .dot.fd-dot-live{position:relative}.hb .pg-chip .dot.fd-dot-live:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:fd-ping 1.5s ease-out infinite}@keyframes fd-ping{0%{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}.hb .fd-pop{animation:fd-pop .4s cubic-bezier(.2,.7,.3,1) both}@keyframes fd-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hb .fd-screen{min-height:132px;padding:16px 17px;border-radius:var(--radius-sm);background:#d4775b0d;border:1px solid rgba(212,119,91,.18)}.hb .pg-card.fd-demo .fd-screen p{font-size:.9rem;line-height:1.62;font-weight:350;color:var(--ink)}.hb .fd-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--ember);animation:fd-blink 1.1s steps(1,end) infinite}@keyframes fd-blink{0%,49%{opacity:1}50%,to{opacity:0}}.hb .fd-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.hb .fd-mic{display:flex;align-items:center;gap:11px;min-width:0}.hb .fd-plate{position:relative;display:inline-flex;flex:none}.hb .fd-plate .pg-card-icon{position:relative;z-index:1;width:34px;height:34px}.hb .fd-ring{position:absolute;inset:0;border-radius:10px;background:#d4775b29;animation:fd-ring 1.6s ease-in-out infinite}@keyframes fd-ring{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.35);opacity:0}}.hb .fd-state{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;font-weight:500;color:var(--ink-2)}.hb .fd-wave{display:flex;align-items:flex-end;gap:3px;height:18px;flex:none}.hb .fd-wave i{display:block;width:3px;height:18px;border-radius:2px;background:var(--ember);opacity:.7;transform:scaleY(.17);transform-origin:bottom;transition:transform .3s cubic-bezier(.2,.7,.3,1)}.hb .fd-wave-live i{animation:fd-bar var(--fd-d, .8s) ease-in-out var(--fd-delay, 0s) infinite}@keyframes fd-bar{0%,to{transform:scaleY(.17)}50%{transform:scaleY(var(--fd-s, .6))}}@media(max-width:520px){.hb .pg-card.fd-demo{padding:16px 16px 18px}.hb .fd-screen{min-height:148px}}@media(prefers-reduced-motion:reduce){.hb .fd-wave-live i,.hb .fd-caret,.hb .fd-ring,.hb .pg-chip .dot.fd-dot-live:after,.hb .fd-pop{animation:none!important}.hb .fd-caret,.hb .fd-ring,.hb .pg-chip .dot.fd-dot-live:after{display:none}.hb .fd-wave i{transition:none!important}}