/* ---------- Buttons ---------- */
.btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:var(--sp-2);
  padding:.9rem 1.7rem;
  border-radius:var(--r-pill);
  font-family:var(--font-display);
  font-size:.95rem;
  font-weight:600;
  letter-spacing:.01em;
  white-space:nowrap;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease);
  isolation:isolate;
}
.btn svg{ width:18px; height:18px; transition:transform .35s var(--ease); }

.btn-primary{
  background:var(--grad-brand);
  color:var(--white);
  box-shadow:var(--shadow-glow);
}
.btn-primary:hover{ transform:translateY(-3px); box-shadow:0 26px 60px -16px rgba(47,121,240,.6); }
.btn-primary:hover svg{ transform:translateX(3px); }

.btn-amber{
  background:var(--grad-amber);
  color:#ffffff;
  box-shadow:var(--shadow-amber-glow);
}
.btn-amber:hover{ transform:translateY(-3px); box-shadow:0 26px 55px -14px rgba(232,153,46,.6); }
.btn-amber:hover svg{ transform:translateX(3px); }

.btn-ghost{
  background:rgba(16,26,64,.03);
  border:1px solid rgba(16,26,64,.14);
  color:var(--ink-100);
  backdrop-filter:blur(6px);
}
.btn-ghost:hover{ border-color:var(--blue-400); background:rgba(47,121,240,.06); color:var(--white); transform:translateY(-3px); }

.btn-sm{ padding:.6rem 1.2rem; font-size:.82rem; }
.btn-block{ width:100%; justify-content:center; }

/* ---------- Badges / eyebrows ---------- */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  font-family:var(--font-display);
  font-size:var(--fs-eyebrow);
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cyan-300);
  margin-bottom:var(--sp-4);
}
.eyebrow::before{
  content:'';
  width:22px; height:2px;
  background:var(--grad-brand);
  border-radius:2px;
}

.badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.3rem .75rem;
  border-radius:var(--r-pill);
  font-size:.75rem;
  font-weight:600;
  background:rgba(79,163,255,.12);
  border:1px solid rgba(79,163,255,.3);
  color:var(--cyan-200);
}
.badge-amber{
  background:rgba(242,184,75,.13);
  border-color:rgba(242,184,75,.35);
  color:var(--amber-300);
}