/* Custom tweaks on top of Tailwind for small visual polish */

::selection {
  background-color: rgba(56, 189, 248, 0.3);
}

html,
body {
  scroll-behavior: smooth;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Subtle professional grid background used on hero */
.bg-grid-slate {
  position: relative;
}

.bg-grid-slate::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background-image:
    linear-gradient(to right, rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

.bg-grid-slate::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(99, 102, 241, 0.22), transparent 55%),
              radial-gradient(circle at bottom right, rgba(56, 189, 248, 0.18), transparent 55%);
  pointer-events: none;
}

/* Soft hero glow wrapper (used via utility classes on the hero section) */
.hero-glow {
  position: relative;
}

.hero-glow::before {
  content: "";
  position: absolute;
  inset: -140px -80px auto;
  background: radial-gradient(circle at top, rgba(99, 102, 241, 0.45), transparent 60%);
  opacity: 0.9;
  pointer-events: none;
}