/* ---------- BOTTONI / ETICHETTE ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;font-weight:500;transition:.25s;border:1px solid var(--line);cursor:pointer;background:none;color:inherit}
.btn.primary{background:var(--grad);color:#04060a;border:0;font-weight:700;box-shadow:0 8px 40px -8px rgba(34,228,255,.5)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 50px -6px rgba(123,134,240,.6)}
.btn.ghost:hover{border-color:var(--a);color:var(--a);background:rgba(34,228,255,.05)}
.btn.warm{border-color:rgba(255,122,69,.4);color:var(--warm)}
.btn.warm:hover{background:rgba(255,122,69,.08)}
.tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--a);padding:7px 14px;border:1px solid rgba(34,228,255,.3);border-radius:999px;background:rgba(34,228,255,.06)}
.tag b{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 10px var(--a);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.3}}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--a);display:flex;align-items:center;gap:14px;margin-bottom:16px;text-transform:uppercase}
.eyebrow::after{content:"";height:1px;width:70px;background:linear-gradient(90deg,var(--a),transparent)}
.demo{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;padding:4px 10px;border-radius:6px;border:1px dashed rgba(255,122,69,.5);color:var(--warm);text-transform:uppercase}
