body{background:radial-gradient(1100px 620px at 12% -12%, #24242f 0%, transparent 62%), radial-gradient(900px 520px at 95% 8%, #1d2530 0%, transparent 58%), var(--bg);min-height:100%}.page{max-width:760px;margin:0 auto;padding:clamp(2.5rem,8vh,6rem) 1.5rem 4rem}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;font-size:.78rem}.masthead h1{font-size:clamp(2.3rem,6vw,3.2rem);line-height:1.05}.lede{max-width:54ch;color:var(--ink-dim);margin:1rem 0 0;font-size:1.02rem}.demo-list{gap:1.1rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.demo-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff09, transparent 60%), var(--surface);transition:border-color .16s,transform .16s;overflow:hidden}.demo-card:not(.demo-card--soon):hover{border-color:#4a5468;transform:translateY(-2px)}.demo-card__link{color:inherit;padding:1.5rem 1.6rem;text-decoration:none;display:block}.demo-card h2{margin:.75rem 0 .5rem;font-size:1.45rem}.demo-card p{color:var(--ink-dim);max-width:58ch;margin:0}.demo-card__badge{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--line);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;display:inline-block}.demo-card__badge--live{color:var(--live);background:#7fd1a814;border-color:#7fd1a866}.demo-card__cta{color:var(--accent);margin-top:1rem;font-size:.9rem;display:inline-block}.demo-card--soon{opacity:.58}.demo-card--soon .demo-card__cta{color:var(--ink-faint)}.colophon{border-top:1px solid var(--line);color:var(--ink-faint);margin-top:3rem;padding-top:1.5rem;font-size:.86rem}.colophon p{margin:.35rem 0}