nav a {
  margin-right: 1rem;
  color: var(--secondary);
  text-decoration: none;
}
nav a:hover {
  color: var(--primary);
}
/* =========================
   CTA gombok – blur + glow
   ========================= */
.btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .82rem 1.15rem;
  border-radius: 14px;
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1;
  min-height: 48px;
  text-decoration: none !important;
  cursor: pointer;
  user-select: none;
  transition: transform .15s ease, box-shadow .25s ease, filter .2s ease, background-color .2s ease;
}
.btn__icon{
  width: 18px; height: 18px; flex: 0 0 18px;
  opacity: .95;
}

/* 1) Fő (teli) gomb – Allianz kék gradiens + belső fénygyűrű */
.btn--primary{
  color: #001015;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 10px 26px rgba(0,0,0,.35),
    0 0 0 2px rgba(0,94,184,.18);
}
.btn--primary::after{
  content:"";
  position:absolute; inset:0; border-radius: inherit;
  box-shadow:
    inset 0 0 0 1.5px rgba(255,255,255,.28),
    inset 0 12px 24px rgba(255,255,255,.12);
  pointer-events:none;
}
.btn--primary:hover,
.btn--primary:focus-visible{
  transform: translateY(-1px);
  filter: saturate(1.06);
  box-shadow:
    0 16px 40px rgba(0,0,0,.45),
    0 0 0 3px rgba(0,94,184,.22);
}

/* 2) Glass gomb – frosted blur, halvány háttér, kék ring */
.btn--glass{
  color: var(--text);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  box-shadow:
    0 10px 26px rgba(0,0,0,.35),
    0 0 0 2px rgba(102,174,238,.16);
}
.btn--glass::before{
  content:"";
  position:absolute; inset:-8px; border-radius: inherit;
  background:
    radial-gradient(220px 120px at 0% -10%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(220px 120px at 110% 120%, rgba(102,174,238,.18), transparent 60%);
  filter: blur(12px);
  opacity: .55;
  pointer-events:none;
  z-index:-1;
}
.btn--glass:hover,
.btn--glass:focus-visible{
  transform: translateY(-1px);
  box-shadow:
    0 16px 40px rgba(0,0,0,.45),
    0 0 0 3px rgba(102,174,238,.25);
}

/* Fókusz – akadálymentes, egységes körvonal */
.btn:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.18),
    0 0 0 6px rgba(0,94,184,.28);
}

/* Hero CTA sor – egységes elrendezés, jól törik mobilon */
.hero__ctas{
  display: flex; gap: .9rem; align-items: center;
  justify-content: center; flex-wrap: wrap;
}
@media (max-width: 700px){
  .hero__ctas{ justify-content: flex-start; }
  .btn{ width: 100%; justify-content: center; }
}
/* KPI rács: mindig szépen törjön, 3 oszlopon túl is */
.kpis{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .9rem;
  margin-top: 1.2rem;
  align-items: stretch;
}
.kpi{ height: 100%; }