* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }

.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.solution-card {
  background: white;
  padding: 3rem 2.5rem;
  transition: all 0.4s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.solution-card:hover {
  background: #000;
  color: white;
}
.solution-card:hover .card-num { color: #FF6600; }
.solution-card:hover .card-arrow { transform: translateX(8px); color: #FF6600; }
.solution-card .card-arrow { transition: all 0.3s ease; }

.differential-item {
  background: black;
  padding: 2rem;
  transition: background 0.3s ease;
}
.differential-item:hover {
  background: #1a1a1a;
}

input:focus, textarea:focus, select:focus {
  outline: none;
}

::selection {
  background: #FF6600;
  color: white;
}

.testimonial-card {
  border: 1px solid #e5e5e5;
  padding: 2.5rem;
  transition: all 0.3s ease;
}
.testimonial-card:hover {
  border-color: #FF6600;
  box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}