.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}
.card.priority{border-color:rgba(240,180,41,.3)}
.card-code{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.led{width:7px;height:7px;border-radius:50%;background:var(--text-dim)}
.led.on{background:var(--yellow)}
.card-code span{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-dim);letter-spacing:.06em}
.card h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;margin-bottom:10px;text-transform:uppercase}
.card p{font-size:13.5px;color:var(--text-mid);line-height:1.6;margin-bottom:20px}
.card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line);margin-bottom:20px}
.card-price{font-family:'JetBrains Mono',monospace;font-size:13.5px;color:var(--yellow)}
.card-note{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}
.card-specs{display:flex;flex-direction:column;gap:8px}
.card-specs .spec-row{display:flex;justify-content:space-between;font-size:12.5px;border-top:1px solid var(--line);padding-top:8px}
.card-specs .spec-row .k{color:var(--text-mid);font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.03em}
.card-specs .spec-row .v{color:var(--text-hi);font-weight:500}
.card .card-cta{margin-top:20px;display:block;text-align:center}

@media(max-width:860px){
  .cards{grid-template-columns:1fr}
}