.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.step { position: relative; padding-top: 28px; }
.step .n { position: absolute; top: -14px; left: 18px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
  font: 700 14px "JetBrains Mono", monospace; color: #07090f; background: linear-gradient(135deg, var(--cyan), var(--violet)); }
.step h3 { margin: 0 0 8px; font-size: 17px; }
.step p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--muted); }
.step p b { color: var(--text); }
.buy-grid .tok.hl { border-color: var(--cyan); box-shadow: 0 0 22px rgba(45, 226, 230, .2); }
.buy-grid .tok .acts button.main { background: linear-gradient(135deg, var(--cyan), #7cc4ff 50%, var(--violet)); color: #07090f; border: 0; font-weight: 700; }
.mono.addr { overflow-wrap: anywhere; }
@media (max-width: 900px) { .steps { grid-template-columns: 1fr; } }
.qrshare { display: inline-flex; align-items: center; gap: 16px; margin-top: 20px; padding: 14px 18px; flex-wrap: wrap; }
.qrshare .qrimg, .tok .qrimg { width: 132px; height: 132px; padding: 8px; border-radius: 12px; background: #fff; flex: none; }
.qrshare .qrimg svg, .tok .qrimg svg { display: block; width: 100%; height: 100%; }
.qrshare .qrtxt { font-size: 13px; color: var(--muted); max-width: 320px; }
.qrshare .qrtxt b { display: block; color: var(--text); font-size: 15px; margin-bottom: 4px; }
.qrshare .qrtxt .mono { overflow-wrap: anywhere; color: var(--cyan); font-size: 12px; }
.tok .qrbox2 { margin-top: 10px; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 11px; color: var(--muted); text-align: center; }
.tok .qrbox2 .mono { overflow-wrap: anywhere; font-size: 11px; }