/* ===============================
   PREMIUM UI – LUXURY UPGRADE
   =============================== */

/* Base */
body {
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.1px;
}

/* Headings */
h1, h2, h3, h4 {
  font-family: 'Playfair Display', serif;
  letter-spacing: 0.3px;
}

h1 {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  line-height: 1.2;
}

h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  margin-bottom: 16px;
}

h3 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

/* Section spacing */
.container {
  padding-top: 90px;
  padding-bottom: 90px;
}

section + section {
  margin-top: 40px;
}

/* Navigation (luxury spacing) */
header nav a {
  font-weight: 500;
  opacity: 0.85;
}

header nav a:hover {
  opacity: 1;
}

/* Buttons */
.btn-primary {
  border-radius: 999px;
  padding: 14px 34px;
  font-size: 14px;
  letter-spacing: 0.6px;
  transition: all 0.25s ease;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* RFQ Cards – premium card feel */
.rfq-card {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}

.rfq-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

/* Testimonials */
.testimonial {
  border-radius: 16px;
  font-style: italic;
  line-height: 1.7;
}

.testimonial strong {
  display: block;
  margin-top: 14px;
  font-style: normal;
  font-weight: 600;
}

/* Stats */
.stats h3 {
  letter-spacing: 1px;
}

/* CTA */
.cta h2 {
  margin-bottom: 14px;
}

.cta p {
  opacity: 0.85;
  margin-bottom: 30px;
}

/* Footer */
footer {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

/* Mobile refinement */
@media (max-width: 768px) {
  .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .btn-primary {
    padding: 12px 26px;
  }
}