body {
  font-family: 'Segoe UI', Tahoma, sans-serif;
}
.hero {
  position: relative;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}
.navbar-brand {
  font-size: 1.5rem;
  letter-spacing: 1px;
}
.card:hover {
  transform: scale(1.03);
  transition: 0.3s ease;
}

.highlight-card {
  transition: transform 0.3s, box-shadow 0.3s;
}
.highlight-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

..cta-section {
  background-color: #1a1a1a; /* Dark background behind everything */
}

.cta-text {
  background-color: #ffc107;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
  flex: 1 1 auto;
}

.phone-card {
  transition: transform 0.3s, box-shadow 0.3s;
}

.phone-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}





<style>
.hover-scale:hover {
  transform: translateY(-10px) scale(1.05);
}