/* TLIT – egyedi kiegészítések Tailwind mellé */
html { scroll-behavior: smooth; }
.gradient-bg { background: linear-gradient(135deg, rgba(0,0,0,0.85), rgba(0,0,0,0.6)); }
.backdrop-blur { backdrop-filter: blur(6px); }
.shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,0.08); }

/* Ikonok méretezése a felső logó-sávban */
.logo-strip img {
  object-fit: contain;
  max-height: 2.5rem; /* ~40px */
}

/* Apple-inspired additions */
.hero-glow {
  position: absolute;
  inset: -40vh 0 0;
  background: radial-gradient(circle at top, rgba(255,255,255,0.25), transparent 55%),
              linear-gradient(160deg, rgba(30,64,175,0.6), rgba(14,116,144,0.2));
  filter: blur(40px);
  opacity: 0.9;
  pointer-events: none;
  z-index: 0;
}

.pill {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.35rem 1.25rem;
  font-size: 0.75rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.75);
}

.pill--soft {
  background: rgba(15,23,42,0.06);
  color: #0f172a;
}

.apple-card {
  border-radius: 1.5rem;
  padding: 2.5rem;
  background: linear-gradient(145deg, rgba(15,23,42,0.03), rgba(15,23,42,0.08));
  border: 1px solid rgba(15,23,42,0.05);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.apple-card--icon {
  align-items: center;
  text-align: center;
}

.apple-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: rgba(15,23,42,0.06);
  padding: 1rem;
}

.apple-card__icon img {
  height: 48px;
  width: auto;
}

.apple-card h2,
.apple-card h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0f172a;
}

.apple-card p {
  color: #475569;
  font-size: 0.95rem;
}

.apple-split {
  display: grid;
  gap: 3rem;
  align-items: center;
}

@media (min-width: 768px) {
  .apple-split {
    grid-template-columns: minmax(0, 1fr) 380px;
  }
  .apple-split--reverse {
    grid-template-columns: 380px minmax(0, 1fr);
  }
  .apple-split--reverse .apple-split__copy {
    order: 2;
  }
  .apple-split--reverse .apple-split__visual {
    order: 1;
  }
}

.apple-split__copy h2 {
  margin-top: 1rem;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 600;
  color: #0f172a;
}

.apple-split__copy p {
  margin-top: 1.25rem;
  color: #475569;
  line-height: 1.7;
}

.apple-list {
  margin-top: 1.5rem;
  display: grid;
  gap: 0.75rem;
  color: #0f172a;
  font-size: 0.95rem;
}

.apple-split__visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  border-radius: 2rem;
  background: radial-gradient(circle at center, rgba(15,23,42,0.08), transparent 55%);
}

.apple-split__visual img {
  max-width: 220px;
  height: auto;
}

.apple-split__visual--icon img {
  max-width: 140px;
}

.apple-split__visual--map {
  padding: 1rem 2.5rem;
}

.apple-split__visual--map img {
  max-width: 320px;
}

.apple-case {
  border-radius: 1.75rem;
  border: 1px solid rgba(15,23,42,0.08);
  background: linear-gradient(160deg, rgba(15,23,42,0.02), rgba(15,23,42,0.08));
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.apple-case__tag {
  font-size: 0.75rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #64748b;
}

.apple-case h3 {
  font-size: 1.4rem;
  font-weight: 600;
  color: #0f172a;
}

.apple-case p {
  font-size: 0.95rem;
  color: #475569;
  line-height: 1.7;
}

.bg-brand-blue {
  background-color: rgb(0, 120, 251);
}