.hb .pg-card.fcn-demo{gap:0;max-width:660px;margin:0 auto;padding:20px 20px 22px;text-align:left}.hb .fcn-chrome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.hb .fcn-dots{display:inline-flex;gap:6px}.hb .fcn-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#ffffff21}.hb .fcn-dots i:first-child{background:#d4775b8c}.hb .fcn-screen{padding:16px 17px;min-height:142px;border-radius:var(--radius-sm);background:#d4775b0d;border:1px solid rgba(212,119,91,.18);font-family:var(--mono);font-size:12.5px;line-height:1.72;color:var(--ink)}.hb .fcn-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--ember);animation:fcn-blink .7s steps(1,end) infinite}@keyframes fcn-blink{0%,49%{opacity:1}50%,to{opacity:0}}.hb .fcn-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;min-height:30px}.hb .pg-chip.fcn-badge{animation:fcn-pop .4s cubic-bezier(.2,.7,.3,1) both}.hb .pg-chip.fcn-badge .dot{background:var(--ember)}@keyframes fcn-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hb .fcn-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.hb .fcn-foot-id{display:flex;align-items:center;gap:11px;min-width:0}.hb .fcn-plate{position:relative;display:inline-flex;flex:none}.hb .fcn-plate>.pg-card-icon{position:relative;z-index:1}.hb .fcn-plate-ring{position:absolute;inset:0;border-radius:10px;background:#d4775b29;animation:fcn-ring 1.6s ease-in-out infinite}@keyframes fcn-ring{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.35);opacity:0}}.hb .fcn-status{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:500;color:var(--muted)}.hb .fcn-wave{display:flex;align-items:flex-end;gap:3px;height:18px;flex:none}.hb .fcn-wave i{display:block;width:3px;height:18px;border-radius:2px;background:var(--ember);opacity:.7;transform:scaleY(.22);transform-origin:bottom}.hb .fcn-wave.is-live i{animation:fcn-bar var(--fcn-d, .8s) ease-in-out var(--fcn-delay, 0s) infinite}@keyframes fcn-bar{0%,to{transform:scaleY(.22)}50%{transform:scaleY(var(--fcn-s, .7))}}@media(max-width:520px){.hb .pg-card.fcn-demo{padding:16px 16px 18px}}@media(prefers-reduced-motion:reduce){.hb .fcn-wave.is-live i,.hb .fcn-plate-ring,.hb .pg-chip.fcn-badge{animation:none!important}.hb .fcn-caret,.hb .fcn-plate-ring{display:none}}