.hero {
      padding: 100px 0;
    }
    .hero h1 {
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 1.2;
    }
    .hero p {
      font-size: 1.1rem;
      color: #6c757d;
      margin-top: 20px;
    }
    .hero-img {
      max-width: 100%;
      border-radius: 12px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    }
    .btn-primary {
      background-color: #6366f1;
      border-color: #6366f1;
    }
    .btn-primary:hover {
      background-color: #4f46e5;
      border-color: #4f46e5;
    }

    .calc-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}

.calc-equals {
  grid-row: span 2;
}


    .card-link {
      display: block;
      height: 100%;
      text-decoration: none;
      color: inherit;
    }

    .card-cover {
      background-position: center;
      background-size: cover;
      position: relative;
      transition: transform 0.35s ease, box-shadow 0.35s ease;
      min-height: 250px;
    }

    .card-cover::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.35);
      opacity: 0;
      transition: opacity 0.35s ease;
    }

    .card-link:hover .card-cover {
      transform: translateY(-8px) scale(1.03);
      box-shadow: 0 1.5rem 2.5rem rgba(0, 0, 0, 0.35);
    }

    .card-link:hover .card-cover::before {
      opacity: 1;
    }

    .text-shadow-1 {
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    }

    /* Responsive text scaling */
    @media (max-width: 767px) {
      .display-7 {
        font-size: 1.25rem;
      }
      .card-cover {
        min-height: 200px;
      }
    }

    @media (max-width: 576px) {
      .card-cover {
        min-height: 180px;
      }
    }