.demos-band__blurb{color:var(--text-secondary,#9aa4b8);max-width:60ch;margin:-.6rem 0 2rem;font-size:1.4rem;line-height:1.6}.demos-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=56.25em){.demos-grid{grid-template-columns:1fr 1fr}}@media (width<=37.5em){.demos-grid{grid-template-columns:1fr;gap:1.6rem}}.demo-card{background:var(--card-bg,#ffffff08);border:1px solid var(--card-border,#ffffff1a);border-radius:16px;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.demo-card:hover{border-color:#02aab0;transform:translateY(-4px);box-shadow:0 18px 44px -18px #02aab080}.demo-card:hover .demo-card__img{transform:scale(1.05)}.demo-card__art{aspect-ratio:16/10;background:radial-gradient(140% 120% at 80% 0,#00cdac24,#0000 60%),linear-gradient(160deg,#27234199,#0f0f1a99);place-items:center;display:grid;position:relative;overflow:hidden}.demo-card__fallback{filter:drop-shadow(0 4px 10px #0006);z-index:0;font-size:3.2rem;line-height:1;position:absolute}.demo-card__img{z-index:1;object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block;position:relative}.demo-card__img--missing{display:none}.demo-card__badge{z-index:2;letter-spacing:.08em;text-transform:uppercase;color:#04121a;background:linear-gradient(120deg,#02aab0,#00cdac);border-radius:6px;padding:.3rem .7rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;font-weight:700;position:absolute;top:.8rem;left:.8rem}.demo-card__badge.is-dev{color:#1c1400;background:linear-gradient(120deg,#f6c453,#f59e0b)}.demo-card__badge.is-demo{background:linear-gradient(120deg,#00cdac,#02aab0)}.demo-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1.6rem 1.6rem;display:flex}.demo-card__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-card__title{color:var(--text-primary,#fff);margin:0;font-size:1.8rem;font-weight:700;line-height:1.2}.demo-card__tag{letter-spacing:.04em;color:#00cdac;white-space:nowrap;border:1px solid #00cdac59;border-radius:99px;flex-shrink:0;padding:.25rem .8rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem}.demo-card__stack{letter-spacing:.02em;color:var(--text-secondary,#9aa4b8);margin:.2rem 0 0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem}.demo-card__desc{color:var(--text-secondary,#9aa4b8);margin:.4rem 0 0;font-size:1.35rem;line-height:1.55}.demo-cred{flex-direction:column;gap:.6rem;margin-top:1.2rem;display:flex}.demo-cred__label{letter-spacing:.12em;text-transform:uppercase;color:#02aab0;margin:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem}.demo-cred__row{text-align:left;cursor:pointer;width:100%;font:inherit;border:1px solid var(--card-border,#ffffff1f);background:#02aab00f;border-radius:10px;align-items:center;gap:.9rem;padding:.7rem .9rem;transition:border-color .25s,background .25s;display:flex}.demo-cred__row:hover{background:#02aab01f;border-color:#02aab0}.demo-cred__row.is-copied{background:#00cdac29;border-color:#00cdac}.demo-cred__k{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary,#9aa4b8);flex-shrink:0;width:6.4rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem}.demo-cred__v{color:var(--text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;overflow:hidden}.demo-cred__copy{letter-spacing:.06em;text-transform:uppercase;color:#00cdac;flex-shrink:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;font-weight:700}.demo-cred__hint{color:var(--text-secondary,#9aa4b8);margin:.2rem 0 0;font-size:1.2rem;line-height:1.5}.demo-note{border:1px dashed var(--card-border,#ffffff24);color:var(--text-secondary,#9aa4b8);border-radius:10px;align-items:flex-start;gap:.7rem;margin:1.2rem 0 0;padding:.8rem 1rem;font-size:1.25rem;line-height:1.5;display:flex}.demo-note svg{color:#02aab0;flex-shrink:0;margin-top:.2rem}.demo-note.is-persona{background:#00cdac0f;border-style:solid;border-color:#00cdac4d}.demo-card__actions{border-top:1px solid var(--card-border,#ffffff14);flex-wrap:wrap;gap:1rem;margin-top:1.6rem;padding-top:1.4rem;display:flex}.demo-btn{letter-spacing:.04em;border-radius:10px;align-items:center;gap:.6rem;padding:.8rem 1.3rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;font-weight:700;text-decoration:none;transition:transform .25s,gap .25s,filter .25s,border-color .25s,color .25s;display:inline-flex}.demo-btn--primary{color:#04121a;background:linear-gradient(120deg,#02aab0,#00cdac)}.demo-btn--primary:hover{filter:brightness(1.08);color:#04121a;gap:.9rem;text-decoration:none;transform:translateY(-2px)}.demo-btn--ghost{color:#02aab0;border:1px solid #02aab066}.demo-btn--ghost:hover{color:#00cdac;border-color:#00cdac;gap:.9rem;text-decoration:none}.demos-foot{border-top:1px solid var(--card-border,#ffffff14);color:var(--text-secondary,#9aa4b8);text-align:center;margin-top:4rem;padding-top:2.4rem;font-size:1.5rem;line-height:1.7}.demos-foot a{color:#02aab0;font-weight:600;text-decoration:none}.demos-foot a:hover{color:#00cdac;text-decoration:underline}@media (prefers-reduced-motion:reduce){.demo-card,.demo-card__img,.demo-btn{transition:none}.demo-card:hover,.demo-card:hover .demo-card__img{transform:none}}