:root { --accent:#dc2626; }
    html,body{scroll-behavior:smooth}
    
    /* ===============================
   ENB HERO CTA BUTTONS
================================== */

.enb-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;

  padding: .75rem 1.5rem;
  border-radius: 999px;

  font-weight: 600;
  font-size: .95rem;

  background: #ffffff;
  color: #111827;

  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 4px 12px rgba(0,0,0,.05);

  transition: all .25s cubic-bezier(.2,.8,.2,1);
  position: relative;
  overflow: hidden;
}

/* Hover animasyon */
.enb-cta:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,.15);
  border-color: var(--accent);
}

/* Active basma efekti */
.enb-cta:active {
  transform: translateY(-1px) scale(.98);
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
}

/* Primary buton */
.enb-cta-primary {
  background: var(--accent);
  color: #fff;
  border: none;
  box-shadow: 0 8px 20px rgba(220,38,38,.35);
}

.enb-cta-primary:hover {
  box-shadow: 0 15px 35px rgba(220,38,38,.45);
}

/* Hafif nefes animasyonu (isteğe bağlı) */
@keyframes enbPulse {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}

.enb-cta-primary {
  animation: enbPulse 2.5s ease-in-out infinite;
}

/* ===============================
   ENB PERFORMANCE CARDS (CONVERSION)
================================== */

.enb-card{
  position: relative;
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 6px 18px rgba(15,23,42,.06);
  transition: transform .25s cubic-bezier(.2,.8,.2,1),
              box-shadow .25s cubic-bezier(.2,.8,.2,1),
              border-color .25s cubic-bezier(.2,.8,.2,1);
}

.enb-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15,23,42,.12);
  border-color: rgba(220,38,38,.35);
}

.enb-card-featured{
  border:2px solid var(--accent);
  box-shadow: 0 14px 35px rgba(220,38,38,.12);
}

.enb-card-featured:hover{
  box-shadow: 0 22px 55px rgba(220,38,38,.18);
}

.enb-badge{
  position:absolute;
  top:-12px;
  right:16px;
  background: var(--accent);
  color:#fff;
  font-weight:800;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  box-shadow: 0 10px 22px rgba(220,38,38,.25);
}