#demo .dm-head{display:grid;gap:24px;margin-bottom:clamp(32px,4vw,56px)}
#demo .dm-head .lede{max-width:56ch}
#demo .dm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){#demo .dm-grid{grid-template-columns:1fr}}
#demo .dm-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line-d);background:linear-gradient(180deg,#121829,#0e1322);color:#fff;text-decoration:none;transition:border-color .2s,transform .2s}
#demo .dm-card:hover,#demo .dm-card:focus-visible{border-color:var(--orange);transform:translateY(-2px)}
#demo .dm-k{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-hi)}
#demo .dm-card strong{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(20px,1.6vw,24px);font-weight:700}
#demo .dm-d{opacity:.75;line-height:1.5;flex:1}
#demo .dm-go{font-family:var(--mono);font-size:13px;color:var(--orange-hi)}
#demo .dm-note{margin-top:24px;font-family:var(--mono);font-size:12px;opacity:.6}
.coming{display:inline-block;vertical-align:middle;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--orange);color:var(--orange);border-radius:2px;line-height:1.4}