/* CSS Variables for colors */
:root {
  --background: #ffffff;
  --foreground: #171717;
  --dark-gold: #8E793E;
  --light-gold: #AD974F;
  --intellectual-grey: #231F20;
  --light-grey: #EAEAEA;
}

/* Reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--background);
  color: var(--foreground);
}

/* Navbar Container */
.navbar-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
}

.navbar-container.scrolled {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(234, 234, 234, 0.2);
}

.navbar-inner {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
}

@media (min-width: 640px) {
  .navbar-inner {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .navbar-inner {
    padding: 0 2rem; /* lg:px-8 */
  }
}

.navbar-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem; /* h-16 */
  min-height: 4rem;
}

@media (min-width: 1024px) {
  .navbar-content {
    height: 5rem; /* lg:h-20 */
    min-height: 5rem;
  }
}

/* Logo */
.navbar-logo {
  flex-shrink: 0;
}

.logo-link {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 800; /* font-extrabold */
  background: linear-gradient(to right, #000000 0%, #000000 25%, #8E793E 50%, #000000 75%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-decoration: none;
  transition: all 0.3s ease;
}

@media (min-width: 1024px) {
  .logo-link {
    font-size: 1.875rem; /* lg:text-3xl */
  }
}

.logo-link:hover {
  transform: scale(1.05);
}

/* Desktop Navigation */
.desktop-nav {
  display: none;
}

@media (min-width: 768px) {
  .desktop-nav {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    gap: 1rem;
    height: 100%;
  }
}

.nav-items {
  margin-left: 0; /* Remove left margin */
  display: flex;
  align-items: center;
  gap: 1rem; /* Reduced spacing between nav items */
  height: 100%;
}

.nav-item {
  position: relative;
  padding: 0.5rem 1rem; /* px-4 py-2 */
  font-size: 0.875rem; /* text-sm */
  font-weight: 700; /* font-bold */
  transition: all 0.3s ease;
  border-radius: 0.5rem; /* rounded-lg */
  text-decoration: none;
  color: var(--intellectual-grey);
  display: block;
  white-space: nowrap;
}

.nav-item:hover {
  background: rgba(173, 151, 79, 0.1); /* hover:bg-light-gold/10 */
  color: var(--light-gold);
  transform: scale(1.05);
}

.nav-item.active {
  color: var(--light-gold);
  background: rgba(173, 151, 79, 0.15);
  font-weight: 600;
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(173, 151, 79, 0.2);
}

.nav-item.active .nav-underline {
  width: 100%;
  background: var(--light-gold);
  box-shadow: 0 0 8px rgba(173, 151, 79, 0.4);
}

.nav-underline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.125rem; /* h-0.5 */
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  transition: all 0.3s ease;
  border-radius: 9999px; /* rounded-full */
}

.nav-item:hover .nav-underline {
  width: 100%;
}

/* CTA Button */
.cta-container {
  margin-left: 0;
  flex-shrink: 0;
}

.cta-button {
  background: linear-gradient(to bottom, var(--light-gold), var(--dark-gold));
  color: white;
  font-weight: 700; /* font-bold */
  padding: 0.75rem 1.5rem; /* px-6 py-3 */
  border-radius: 0.75rem; /* rounded-xl */
  font-size: 0.875rem; /* text-sm */
  transition: all 0.3s ease;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
  border: 2px solid transparent;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  display: block;
  min-width: 140px;
}

.cta-button:hover {
  background: linear-gradient(to bottom, var(--dark-gold), var(--light-gold));
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* hover:shadow-xl */
  border-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.05);
}

.cta-bg-effect {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  transition: transform 0.7s ease;
}

.cta-button:hover .cta-bg-effect {
  transform: translateX(100%);
}

.cta-content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem; /* space-x-2 */
}

.cta-icon {
  width: 1rem; /* w-4 */
  height: 1rem; /* h-4 */
}

/* Mobile Menu Button */
.mobile-menu-button {
  display: block;
}

@media (min-width: 768px) {
  .mobile-menu-button {
    display: none;
  }
}

.mobile-toggle {
  color: var(--intellectual-grey);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem; /* p-2 */
  border-radius: 0.375rem; /* rounded-md */
  transition: all 0.3s ease;
  outline: none;
}

.mobile-toggle:hover {
  color: var(--light-gold);
}

.mobile-toggle:focus {
  outline: 2px solid var(--light-gold);
  outline-offset: 2px;
}

.hamburger {
  width: 1.5rem; /* w-6 */
  height: 1.5rem; /* h-6 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hamburger-line {
  display: block;
  height: 0.125rem; /* h-0.5 */
  width: 1.5rem; /* w-6 */
  background: currentColor;
  transition: all 0.3s ease;
}

.hamburger-line-1 {
  transform: translateY(-0.25rem); /* -translate-y-1 */
}

.hamburger-line-3 {
  transform: translateY(0.25rem); /* translate-y-1 */
}

/* Mobile menu open state */
.mobile-toggle.open .hamburger-line-1 {
  transform: rotate(45deg) translateY(0.25rem); /* rotate-45 translate-y-1 */
}

.mobile-toggle.open .hamburger-line-2 {
  opacity: 0;
}

.mobile-toggle.open .hamburger-line-3 {
  transform: rotate(-45deg) translateY(-0.25rem); /* -rotate-45 -translate-y-1 */
}

/* Mobile Navigation */
.mobile-nav {
  display: block;
  transition: all 0.3s ease-in-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .mobile-nav {
    display: none;
  }
}

.mobile-nav.open {
  max-height: 24rem; /* max-h-96 */
  opacity: 1;
}

.mobile-nav-content {
  padding: 0.5rem 0.5rem 0.75rem 0.5rem; /* px-2 pt-2 pb-3 */
  background: white;
  border-top: 1px solid rgba(234, 234, 234, 0.2);
  display: flex;
  flex-direction: column;
  gap: 0.25rem; /* space-y-1 */
}

.mobile-nav-item {
  display: block;
  padding: 0.75rem; /* px-3 py-3 */
  font-size: 1rem; /* text-base */
  font-weight: 600; /* font-semibold */
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(234, 234, 234, 0.1);
  text-decoration: none;
  color: var(--intellectual-grey);
}

.mobile-nav-item:hover {
  color: var(--light-gold);
}

.mobile-nav-item.active {
  color: var(--light-gold);
  background: rgba(173, 151, 79, 0.15);
  font-weight: 600;
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(173, 151, 79, 0.2);
  border-left: 3px solid var(--light-gold);
}

/* Mobile CTA */
.mobile-cta-container {
  margin: 1rem 0.75rem 0 0.75rem; /* mx-3 mt-4 */
}

.mobile-cta-button {
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  color: white;
  font-weight: 700; /* font-bold */
  padding: 1rem; /* px-4 py-4 */
  border-radius: 0.75rem; /* rounded-xl */
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
  border: 2px solid transparent;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* space-x-2 */
}

.mobile-cta-button:hover {
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* hover:shadow-xl */
  border-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.02);
}

.mobile-cta-icon {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
}

/* Optimized Animation classes - Removed heavy animations for better performance */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nav-item {
  animation: slideDown 0.3s ease-out;
}

.cta-container {
  animation: slideDown 0.3s ease-out 0.1s both;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Hero Section */
.hero-section {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-top: 4rem; /* pt-16 */
}

@media (min-width: 1024px) {
  .hero-section {
    padding-top: 5rem; /* lg:pt-20 */
  }
}

/* Hero Background */
.hero-background {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.hero-slide.active {
  opacity: 1;
}

.hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(35, 31, 32, 0.7); /* bg-intellectual-grey/70 */
}

/* Hero Content */
.hero-content {
  position: relative;
  z-index: 10;
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
  width: 100%;
}

@media (min-width: 640px) {
  .hero-content {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .hero-content {
    padding: 0 2rem; /* lg:px-8 */
  }
}

.hero-text {
  text-align: center;
}

@media (min-width: 1024px) {
  .hero-text {
    text-align: left; /* lg:text-left */
  }
}

/* Hero Title */
.hero-title {
  font-size: 2.25rem; /* text-4xl */
  font-weight: 800; /* font-extrabold */
  margin-bottom: 1.5rem; /* mb-6 */
  line-height: 1.2; /* leading-snug - Increased from 1.1 for more gap */
  animation: slideInUp 0.4s ease-out;
}

@media (min-width: 640px) {
  .hero-title {
    font-size: 3rem; /* sm:text-5xl */
  }
}

@media (min-width: 1024px) {
  .hero-title {
    font-size: 3.75rem; /* lg:text-6xl */
  }
}

@media (min-width: 1280px) {
  .hero-title {
    font-size: 4.5rem; /* xl:text-7xl */
  }
}

.hero-title-text {
  background: linear-gradient(to right, white, var(--light-gold), white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: block;
}

.hero-title-underline {
  width: 6rem; /* w-24 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  margin: 1rem auto 0 auto; /* mt-4 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

@media (min-width: 1024px) {
  .hero-title-underline {
    margin: 1rem 0 0 0; /* lg:mx-0 */
  }
}

/* Hero Subtitle */
.hero-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: var(--light-grey);
  margin-bottom: 2rem; /* mb-8 */
  max-width: 64rem; /* max-w-4xl */
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6; /* leading-relaxed */
  animation: slideInUp 0.4s ease-out 0.1s both;
}

@media (min-width: 1024px) {
  .hero-subtitle {
    margin-left: 0; /* lg:mx-0 */
    margin-right: 0;
  }
}

/* Hero Buttons */
.hero-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* gap-4 */
  justify-content: center;
  margin-bottom: 4rem; /* mb-16 */
  animation: slideInUp 0.4s ease-out 0.2s both;
}

@media (min-width: 640px) {
  .hero-buttons {
    flex-direction: row; /* sm:flex-row */
    gap: 1.5rem; /* sm:gap-6 */
    margin-bottom: 5rem; /* sm:mb-20 */
  }
}

@media (min-width: 1024px) {
  .hero-buttons {
    justify-content: flex-start; /* lg:justify-start */
  }
}

/* Primary CTA Button */
.hero-cta-primary {
  position: relative;
}

.hero-btn-primary {
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  color: white;
  font-weight: 700; /* font-bold */
  padding: 1.25rem 2rem; /* py-5 px-8 - Increased height */
  border-radius: 1rem; /* rounded-2xl */
  font-size: 1.125rem; /* text-lg */
  transition: all 0.3s ease;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */
  border: 2px solid transparent;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  display: block;
  text-align: center;
  cursor: pointer;
}

.hero-btn-primary:hover {
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  box-shadow: 0 35px 60px -12px rgba(0, 0, 0, 0.4); /* hover:shadow-3xl */
  border-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.05);
}

.hero-btn-bg-effect {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  transition: transform 0.7s ease;
}

.hero-btn-primary:hover .hero-btn-bg-effect {
  transform: translateX(100%);
}

.hero-btn-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* space-x-2 */
}

.hero-btn-icon {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
}

/* Secondary Button */
.hero-btn-secondary {
  background: rgba(255, 255, 255, 0.1); /* bg-white/10 */
  backdrop-filter: blur(4px); /* backdrop-blur-sm */
  border: 2px solid rgba(255, 255, 255, 0.3); /* border-white/30 */
  color: white;
  font-weight: 700; /* font-bold */
  padding: 1.25rem 2rem; /* py-5 px-8 - Increased height */
  border-radius: 1rem; /* rounded-2xl */
  font-size: 1.125rem; /* text-lg */
  transition: all 0.3s ease;
  text-decoration: none;
  display: block;
  text-align: center;
  cursor: pointer;
}

.hero-btn-secondary:hover {
  border-color: var(--light-gold);
  color: var(--light-gold);
  background: rgba(255, 255, 255, 0.2); /* hover:bg-white/20 */
  transform: scale(1.05);
}

/* Hero Indicators */
.hero-indicators {
  position: absolute;
  bottom: 2rem; /* bottom-8 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 0.5rem; /* space-x-2 */
}

.hero-indicator {
  width: 0.75rem; /* w-3 */
  height: 0.75rem; /* h-3 */
  border-radius: 50%; /* rounded-full */
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5); /* bg-white/50 */
}

.hero-indicator:hover {
  background: rgba(255, 255, 255, 0.75); /* hover:bg-white/75 */
}

.hero-indicator.active {
  background: var(--light-gold);
  transform: scale(1.25); /* scale-125 */
}

/* Scroll Indicator */
.hero-scroll-indicator {
  position: absolute;
  bottom: 5rem; /* bottom-20 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: none;
}

@media (min-width: 768px) {
  .hero-scroll-indicator {
    display: block; /* md:block */
  }
}

.scroll-mouse {
  width: 1.5rem; /* w-6 */
  height: 2.5rem; /* h-10 */
  border: 2px solid white;
  border-radius: 1rem; /* rounded-full */
  display: flex;
  justify-content: center;
  position: relative;
}

.scroll-wheel {
  width: 0.25rem; /* w-1 */
  height: 0.75rem; /* h-3 */
  background: white;
  border-radius: 50%; /* rounded-full */
  margin-top: 0.5rem; /* mt-2 */
  /* Removed bounce animation for better performance */
}

/* Optimized Animations - Removed heavy animations for better performance */
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Section Styling */
.section {
  padding: 4rem 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section:nth-child(even) {
  background: #f8f9fa;
}

.container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
  text-align: center;
}

@media (min-width: 640px) {
  .container {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .container {
    padding: 0 2rem; /* lg:px-8 */
  }
}

.section h2 {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--intellectual-grey);
  margin-bottom: 1rem;
}

.section p {
  font-size: 1.125rem;
  color: var(--intellectual-grey);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

/* About Section */
.about-section {
  padding: 4rem 0;
  background: white;
}

.about-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
}

@media (min-width: 640px) {
  .about-container {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .about-container {
    padding: 0 2rem; /* lg:px-8 */
  }
}

/* About Header */
.about-header {
  text-align: center;
  margin-bottom: 4rem; /* mb-16 */
}

.about-title {
  font-size: 2.25rem; /* text-4xl */
  font-weight: 800; /* font-extrabold */
  margin-bottom: 1.5rem; /* mb-6 */
}

@media (min-width: 1024px) {
  .about-title {
    font-size: 3rem; /* lg:text-5xl */
  }
}

.about-title-text {
  background: linear-gradient(to right, #000000 0%, #000000 25%, #8E793E 50%, #000000 75%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: block;
}

.about-title-underline {
  width: 6rem; /* w-24 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  margin: 1rem auto 0 auto; /* mt-4 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

.about-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  max-width: 48rem; /* max-w-3xl */
  margin: 0 auto;
}

/* About Story */
.about-story {
  margin-bottom: 4rem; /* mb-16 */
}

.about-story-grid {
  display: grid;
  gap: 3rem; /* gap-12 */
  align-items: center;
}

@media (min-width: 1024px) {
  .about-story-grid {
    grid-template-columns: 1fr 1fr; /* lg:grid-cols-2 */
  }
}

.about-story-text {
  text-align: center;
}

@media (min-width: 1024px) {
  .about-story-text {
    text-align: left; /* lg:text-left */
  }
}

.about-story-title {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 1.5rem; /* mb-6 */
  transition: color 0.3s ease;
}

.about-story-text:hover .about-story-title {
  color: var(--dark-gold);
}

.about-story-content {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* space-y-4 */
  font-size: 1.125rem; /* text-lg */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  line-height: 1.6; /* leading-relaxed */
  transition: color 0.3s ease;
}

.about-story-text:hover .about-story-content {
  color: var(--intellectual-grey);
}

.about-story-image {
  position: relative;
}

.about-image-container {
  aspect-ratio: 4/3;
  position: relative;
  border-radius: 0.5rem; /* rounded-lg */
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-xl */
  transition: all 0.3s ease;
}

.about-story-image:hover .about-image-container {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4); /* hover:shadow-2xl */
}

.about-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.about-story-image:hover .about-image {
  transform: scale(1.05);
}

/* About Values */
.about-values {
  margin-bottom: 4rem; /* mb-16 */
}

.about-values-header {
  text-align: center;
  margin-bottom: 3rem; /* mb-12 */
}

.about-values-title {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 800; /* font-extrabold */
  color: var(--intellectual-grey);
  margin-bottom: 1.5rem; /* mb-6 */
}

@media (min-width: 1024px) {
  .about-values-title {
    font-size: 2.25rem; /* lg:text-4xl */
  }
}

.about-values-title-text {
  background: linear-gradient(to right, #000000 0%, #000000 25%, #8E793E 50%, #000000 75%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: block;
}

.about-values-title-underline {
  width: 4rem; /* w-16 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  margin: 1rem auto 0 auto; /* mt-4 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

.about-values-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  max-width: 48rem; /* max-w-3xl - Increased width */
  margin: 0 auto;
  text-align: center;
  line-height: 1.6; /* Added line height for better readability */
  word-wrap: break-word; /* Allow long words to break */
  hyphens: auto; /* Enable automatic hyphenation */
  white-space: normal !important; /* Force text wrapping - override any cached styles */
  overflow-wrap: break-word; /* Additional word breaking support */
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .about-values-subtitle {
    font-size: 1.125rem; /* text-lg - Slightly smaller on mobile */
    max-width: 100%; /* Full width on mobile */
    padding: 0 1rem; /* Add padding for better spacing */
    line-height: 1.5; /* Tighter line height on mobile */
  }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
  .about-values-subtitle {
    font-size: 1rem; /* text-base - Even smaller on very small screens */
    padding: 0 0.75rem; /* Reduced padding */
  }
}

.about-values-grid {
  display: grid;
  gap: 2rem; /* gap-8 */
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .about-values-grid {
    grid-template-columns: 1fr 1fr; /* md:grid-cols-2 */
  }
}

@media (min-width: 1024px) {
  .about-values-grid {
    grid-template-columns: repeat(4, 1fr); /* lg:grid-cols-4 */
  }
}

.about-value-card {
  text-align: center;
  background: rgba(255, 255, 255, 0.5); /* bg-white/50 */
  backdrop-filter: blur(4px); /* backdrop-blur-sm */
  border-radius: 1rem; /* rounded-2xl */
  padding: 1.5rem; /* p-6 */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.about-value-card:hover {
  box-shadow: 0 20px 40px rgba(142, 121, 62, 0.2); /* hover:shadow-xl */
  transform: scale(1.05);
}

.about-value-icon {
  width: 4rem; /* w-16 */
  height: 4rem; /* h-16 */
  background: linear-gradient(to bottom right, var(--light-gold), var(--dark-gold));
  border-radius: 50%; /* rounded-full */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem auto; /* mx-auto mb-4 */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
  transition: all 0.3s ease;
}

.about-value-card:hover .about-value-icon {
  transform: scale(1.1);
}

.about-value-icon-svg {
  width: 2rem; /* w-8 */
  height: 2rem; /* h-8 */
  color: white;
  transition: transform 0.3s ease;
}

.about-value-card:hover .about-value-icon-svg {
  transform: rotate(12deg);
}

.about-value-title {
  font-size: 1.25rem; /* text-xl */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 0.75rem; /* mb-3 */
  transition: color 0.3s ease;
}

.about-value-card:hover .about-value-title {
  color: var(--dark-gold);
}

.about-value-description {
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  line-height: 1.6; /* leading-relaxed */
  transition: color 0.3s ease;
}

.about-value-card:hover .about-value-description {
  color: var(--intellectual-grey);
}

/* About Team Section */
.about-team-section {
  background: var(--intellectual-grey);
  padding: 4rem 0; /* py-16 */
}

.about-team-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
}

@media (min-width: 640px) {
  .about-team-container {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .about-team-container {
    padding: 0 2rem; /* lg:px-8 */
  }
}

.about-team-grid {
  display: grid;
  gap: 3rem; /* gap-12 */
  align-items: center;
}

@media (min-width: 1024px) {
  .about-team-grid {
    grid-template-columns: 1fr 1fr; /* lg:grid-cols-2 */
  }
}

.about-team-image {
  order: 2;
}

@media (min-width: 1024px) {
  .about-team-image {
    order: 1; /* lg:order-1 */
  }
}

.about-team-image-container {
  position: relative;
  max-width: 28rem; /* max-w-md */
  margin: 0 auto;
}

.about-team-image-container::before {
  content: '';
  display: block;
  padding-bottom: 100%; /* aspect-square */
}

.about-team-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%; /* rounded-full */
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-xl */
  transition: all 0.3s ease;
}

.about-team-image:hover .about-team-img {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4); /* hover:shadow-2xl */
  transform: scale(1.05);
}

.about-team-text {
  order: 1;
  text-align: center;
}

@media (min-width: 1024px) {
  .about-team-text {
    order: 2; /* lg:order-2 */
    text-align: left; /* lg:text-left */
  }
}

.about-team-title {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 800; /* font-extrabold */
  color: white;
  margin-bottom: 1.5rem; /* mb-6 */
  transition: color 0.3s ease;
}

.about-team-text:hover .about-team-title {
  color: var(--light-gold);
}

.about-team-title-text {
  background: linear-gradient(to right, white, var(--light-gold), white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: block;
}

.about-team-title-underline {
  width: 4rem; /* w-16 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  margin: 1rem 0 0 0 !important; /* mt-4 - Force left aligned on desktop */
  border-radius: 9999px; /* rounded-full */
}

/* Center the underline on mobile devices */
@media (max-width: 1024px) {
  .about-team-title-underline {
    margin: 1rem auto 0 auto; /* mt-4 mx-auto - center on mobile/tablet */
  }
}

/* Ensure underline is properly positioned on all mobile devices */
@media (max-width: 768px) {
  .about-team-title-underline {
    margin: 1rem auto 0 auto !important; /* Force center alignment on mobile */
    width: 3rem; /* w-12 - Slightly smaller on mobile */
  }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
  .about-team-title-underline {
    margin: 0.75rem auto 0 auto !important; /* Reduced margin on very small screens */
    width: 2.5rem; /* w-10 - Even smaller on very small screens */
  }
}

.about-team-content {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* space-y-4 */
  font-size: 1.125rem; /* text-lg */
  color: var(--light-grey);
  line-height: 1.6; /* leading-relaxed */
  transition: color 0.3s ease;
}

.about-team-text:hover .about-team-content {
  color: white;
}

/* About Founders */
.about-founders {
  background: white;
  padding: 3rem 0; /* py-12 */
}

.about-founders-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
}

@media (min-width: 640px) {
  .about-founders-container {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .about-founders-container {
    padding: 0 2rem; /* lg:px-8 */
  }
}

.about-founders-header {
  text-align: center;
  margin-bottom: 3rem; /* mb-12 */
}

.about-founders-title {
  font-size: 2.25rem; /* text-4xl */
  font-weight: 800; /* font-extrabold */
  color: var(--intellectual-grey);
  margin-bottom: 1.5rem; /* mb-6 */
}

@media (min-width: 1024px) {
  .about-founders-title {
    font-size: 3rem; /* lg:text-5xl */
  }
}

.about-founders-title-text {
  background: linear-gradient(to right, #000000 0%, #000000 25%, #8E793E 50%, #000000 75%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: block;
}

.about-founders-title-underline {
  width: 5rem; /* w-20 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  margin: 1rem auto 0 auto; /* mt-4 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

.about-founders-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  max-width: 48rem; /* max-w-3xl - Increased width */
  margin: 0 auto;
  text-align: center;
  line-height: 1.6; /* Added line height for better readability */
  word-wrap: break-word; /* Allow long words to break */
  hyphens: auto; /* Enable automatic hyphenation */
  white-space: normal !important; /* Force text wrapping - override any cached styles */
  overflow-wrap: break-word; /* Additional word breaking support */
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .about-founders-subtitle {
    font-size: 1.125rem; /* text-lg - Slightly smaller on mobile */
    max-width: 100%; /* Full width on mobile */
    padding: 0 1rem; /* Add padding for better spacing */
    line-height: 1.5; /* Tighter line height on mobile */
  }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
  .about-founders-subtitle {
    font-size: 1rem; /* text-base - Even smaller on very small screens */
    padding: 0 0.75rem; /* Reduced padding */
  }
}

.about-founder-card {
  margin-bottom: 2rem; /* mb-8 */
  background: white;
  border-radius: 1rem; /* rounded-2xl */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
  padding: 1.5rem; /* p-6 */
}

@media (min-width: 1024px) {
  .about-founder-card {
    padding: 2rem; /* lg:p-8 */
  }
}

.about-founder-grid {
  display: grid;
  gap: 1.5rem; /* gap-6 */
  align-items: center;
}

@media (min-width: 1024px) {
  .about-founder-grid {
    gap: 2rem; /* lg:gap-8 */
    grid-template-columns: 1fr 1fr; /* lg:grid-cols-2 */
  }
}

.about-founder-image {
  order: 2;
}

@media (min-width: 1024px) {
  .about-founder-image {
    order: 1; /* lg:order-1 */
  }
}

.about-founder-image-container {
  position: relative;
  max-width: 24rem; /* max-w-sm */
  margin: 0 auto;
}

.about-founder-image-container::before {
  content: '';
  display: block;
  padding-bottom: 100%; /* aspect-square */
}

.about-founder-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%; /* rounded-full */
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-xl */
  transition: all 0.3s ease;
}

.about-founder-image:hover .about-founder-img {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4); /* hover:shadow-2xl */
  transform: scale(1.05);
}

.about-founder-text {
  order: 1;
  text-align: center;
}

@media (min-width: 1024px) {
  .about-founder-text {
    order: 2; /* lg:order-2 */
    text-align: left; /* lg:text-left */
  }
}

/* Majdi's card - reverse order (image right, text left) */
.about-founder-card:nth-child(2) .about-founder-image {
  order: 2; /* Image on the right */
}

.about-founder-card:nth-child(2) .about-founder-text {
  order: 1; /* Text on the left */
}

.about-founder-name {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 0.5rem; /* mb-2 */
}

@media (min-width: 1024px) {
  .about-founder-name {
    font-size: 1.875rem; /* lg:text-3xl */
  }
}

.about-founder-role {
  font-size: 1.125rem; /* text-lg */
  color: rgba(35, 31, 32, 0.7); /* text-intellectual-grey/70 */
  margin-bottom: 1.5rem; /* mb-6 */
}

.about-founder-description {
  font-size: 1.125rem; /* text-lg */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  line-height: 1.6; /* leading-relaxed */
}

/* Services Section */
.services-section {
  background: var(--intellectual-grey);
  padding: 4rem 0; /* py-16 */
}

.services-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
}

@media (min-width: 640px) {
  .services-container {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .services-container {
    padding: 0 2rem; /* lg:px-8 */
  }
}

/* Services Header */
.services-header {
  text-align: center;
  margin-bottom: 4rem; /* mb-16 */
}

.services-title {
  font-size: 2.25rem; /* text-4xl */
  font-weight: 800; /* font-extrabold */
  margin-bottom: 1.5rem; /* mb-6 */
}

@media (min-width: 1024px) {
  .services-title {
    font-size: 3rem; /* lg:text-5xl */
  }
}

.services-title-text {
  background: linear-gradient(to right, #ffffff 0%, #ffffff 40%, #8E793E 50%, #ffffff 60%, #ffffff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: block;
}

.services-title-underline {
  width: 5rem; /* w-20 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  margin: 1rem auto 0 auto; /* mt-4 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

.services-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: var(--light-grey);
  max-width: 48rem; /* max-w-3xl */
  margin: 0 auto;
}

/* Services Grid */
.services-grid {
  display: grid;
  gap: 2rem; /* gap-8 */
  grid-template-columns: 1fr;
  margin-bottom: 4rem; /* mb-16 */
}

@media (min-width: 768px) {
  .services-grid {
    grid-template-columns: 1fr 1fr; /* md:grid-cols-2 */
  }
}

@media (min-width: 1024px) {
  .services-grid {
    grid-template-columns: repeat(3, 1fr); /* lg:grid-cols-3 */
  }
}

/* Service Card */
.service-card {
  background: rgba(255, 255, 255, 0.95); /* bg-white/95 */
  backdrop-filter: blur(4px); /* backdrop-blur-sm */
  border-radius: 1.5rem; /* rounded-3xl */
  padding: 2rem; /* p-8 */
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-xl */
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  text-align: center;
}

.service-card:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4); /* hover:shadow-2xl */
  transform: scale(1.05);
}

/* Service Card Highlight */
.service-card-highlight {
  background: linear-gradient(to bottom right, rgba(173, 151, 79, 0.2), rgba(142, 121, 62, 0.2));
  backdrop-filter: blur(4px);
  border: 2px solid rgba(173, 151, 79, 0.3);
  color: white;
}

.service-card-highlight:hover {
  box-shadow: 0 25px 50px rgba(173, 151, 79, 0.3);
  transform: scale(1.05);
  border-color: rgba(173, 151, 79, 0.5);
}

/* Service Icon */
.service-icon {
  width: 5rem; /* w-20 */
  height: 5rem; /* h-20 */
  background: linear-gradient(to bottom right, var(--light-gold), var(--dark-gold));
  border-radius: 50%; /* rounded-full */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem auto; /* mx-auto mb-6 */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
  transition: all 0.3s ease;
}

.service-card:hover .service-icon {
  transform: scale(1.1);
}

.service-icon-highlight {
  background: linear-gradient(to bottom right, var(--light-gold), var(--dark-gold));
  color: white;
}

.service-card-highlight:hover .service-icon-highlight {
  background: linear-gradient(to bottom right, var(--dark-gold), var(--light-gold));
  color: white;
}

.service-icon-svg {
  width: 3rem; /* w-12 */
  height: 3rem; /* h-12 */
  color: white;
  transition: transform 0.3s ease;
}

.service-card-highlight .service-icon-svg {
  color: white;
}

.service-card-highlight:hover .service-icon-svg {
  color: white;
}

.service-card:hover .service-icon-svg {
  transform: rotate(12deg);
}

/* Service Title */
.service-title {
  font-size: 1.25rem; /* text-xl */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 1rem; /* mb-4 */
  transition: color 0.3s ease;
}

.service-card:hover .service-title {
  color: var(--dark-gold);
}

.service-title-highlight {
  color: white;
}

.service-card-highlight:hover .service-title-highlight {
  color: var(--light-gold);
}

/* Service Description */
.service-description {
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  line-height: 1.6; /* leading-relaxed */
  transition: color 0.3s ease;
}

.service-card:hover .service-description {
  color: var(--intellectual-grey);
}

.service-description-highlight {
  color: var(--light-grey);
}

.service-card-highlight:hover .service-description-highlight {
  color: white;
}

/* Services CTA */
.services-cta {
  text-align: center;
}

.services-cta-content {
  background: rgba(255, 255, 255, 0.95); /* bg-white/95 */
  backdrop-filter: blur(4px); /* backdrop-blur-sm */
  border-radius: 1.5rem; /* rounded-3xl */
  padding: 2rem; /* p-8 */
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-xl */
  border: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 64rem; /* max-w-4xl */
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .services-cta-content {
    padding: 3rem; /* lg:p-12 */
  }
}

.services-cta-title {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 800; /* font-extrabold */
  background: linear-gradient(to right, #000000 0%, #000000 25%, #8E793E 50%, #000000 75%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-bottom: 1rem; /* mb-4 */
}

@media (min-width: 1024px) {
  .services-cta-title {
    font-size: 2.25rem; /* lg:text-4xl */
  }
}

.services-cta-description {
  font-size: 1.125rem; /* text-lg */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  line-height: 1.6; /* leading-relaxed */
  max-width: 32rem; /* max-w-2xl */
  margin: 0 auto 2rem auto; /* mx-auto mb-8 */
}

/* Services CTA Button */
.services-cta-button {
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  color: white;
  font-weight: 700; /* font-bold */
  padding: 1.25rem 2.5rem; /* py-5 px-10 */
  border-radius: 1rem; /* rounded-2xl */
  font-size: 1.25rem; /* text-xl */
  transition: all 0.3s ease;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */
  border: 2px solid transparent;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem; /* space-x-3 */
  cursor: pointer;
}

.services-cta-button:hover {
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  box-shadow: 0 35px 60px -12px rgba(0, 0, 0, 0.4); /* hover:shadow-3xl */
  border-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.05);
}

.services-cta-icon {
  width: 1.5rem; /* w-6 */
  height: 1.5rem; /* h-6 */
  transition: transform 0.3s ease;
}

.services-cta-button:hover .services-cta-icon {
  transform: rotate(12deg);
}

.services-cta-arrow {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
  transition: transform 0.3s ease;
}

.services-cta-button:hover .services-cta-arrow {
  transform: translateX(0.25rem);
}

/* Mobile responsive adjustments for services CTA button icons */
@media (max-width: 768px) {
  .services-cta-icon {
    width: 2rem; /* w-8 - Larger on mobile */
    height: 2rem; /* h-8 - Larger on mobile */
  }
  
  .services-cta-arrow {
    width: 1.75rem; /* w-7 - Larger on mobile */
    height: 1.75rem; /* h-7 - Larger on mobile */
  }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
  .services-cta-icon {
    width: 2.25rem; /* w-9 - Even larger on very small screens */
    height: 2.25rem; /* h-9 - Even larger on very small screens */
  }
  
  .services-cta-arrow {
    width: 2rem; /* w-8 - Even larger on very small screens */
    height: 2rem; /* h-8 - Even larger on very small screens */
  }
}

/* Why Choose Crévolta Section */
.why-choose-section {
  background: #f8f9fa; /* Light off-white background */
  padding: 4rem 0; /* py-16 */
}

.why-choose-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
}

@media (min-width: 640px) {
  .why-choose-container {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .why-choose-container {
    padding: 0 2rem; /* lg:px-8 */
  }
}

/* Why Choose Header */
.why-choose-header {
  text-align: center;
  margin-bottom: 4rem; /* mb-16 */
}

.why-choose-title {
  font-size: 2.25rem; /* text-4xl */
  font-weight: 800; /* font-extrabold */
  margin-bottom: 1.5rem; /* mb-6 */
  color: var(--intellectual-grey);
}

@media (min-width: 1024px) {
  .why-choose-title {
    font-size: 3rem; /* lg:text-5xl */
  }
}

.why-choose-title-text {
  background: linear-gradient(to right, #000000 0%, #000000 25%, #8E793E 50%, #000000 75%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: block;
}


.why-choose-title-underline {
  width: 4rem; /* w-16 */
  height: 0.25rem; /* h-1 */
  background: var(--dark-gold);
  margin: 0.5rem auto 0 auto; /* mt-2 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

.why-choose-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  max-width: 48rem; /* max-w-3xl */
  margin: 0 auto;
  line-height: 1.6; /* Added line height for better readability */
  word-wrap: break-word; /* Allow long words to break */
  hyphens: auto; /* Enable automatic hyphenation */
  white-space: normal !important; /* Force text wrapping - override any cached styles */
  overflow-wrap: break-word; /* Additional word breaking support */
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .why-choose-subtitle {
    font-size: 1.125rem; /* text-lg - Slightly smaller on mobile */
    max-width: 100%; /* Full width on mobile */
    padding: 0 1rem; /* Add padding for better spacing */
    line-height: 1.5; /* Tighter line height on mobile */
  }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
  .why-choose-subtitle {
    font-size: 1rem; /* text-base - Even smaller on very small screens */
    padding: 0 0.75rem; /* Reduced padding */
  }
}

/* Why Choose Grid */
.why-choose-grid {
  display: grid;
  gap: 2rem; /* gap-8 */
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .why-choose-grid {
    grid-template-columns: repeat(3, 1fr); /* md:grid-cols-3 */
  }
}

@media (min-width: 1024px) {
  .why-choose-grid {
    grid-template-columns: repeat(3, 1fr); /* lg:grid-cols-3 */
  }
}

/* Special layout for 5 cards: 3 on top row, 2 on bottom row */
@media (min-width: 768px) {
  .why-choose-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .why-choose-card:nth-child(4),
  .why-choose-card:nth-child(5) {
    grid-column: span 1;
  }
  
  .why-choose-card:nth-child(4) {
    justify-self: start;
  }
  
  .why-choose-card:nth-child(5) {
    justify-self: end;
  }
}

@media (min-width: 1024px) {
  .why-choose-card:nth-child(4) {
    justify-self: center;
  }
  
  .why-choose-card:nth-child(5) {
    justify-self: center;
  }
}

/* Why Choose Card */
.why-choose-card {
  background: white;
  border-radius: 1rem; /* rounded-2xl */
  padding: 2rem; /* p-8 */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.why-choose-card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); /* hover:shadow-xl */
  transform: translateY(-0.5rem);
}

/* Why Choose Icon */
.why-choose-icon {
  width: 4rem; /* w-16 */
  height: 4rem; /* h-16 */
  background: var(--dark-gold);
  border-radius: 50%; /* rounded-full */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem auto; /* mx-auto mb-6 */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
  transition: all 0.3s ease;
}

.why-choose-card:hover .why-choose-icon {
  transform: scale(1.1);
  background: var(--light-gold);
}

.why-choose-icon-svg {
  width: 2rem; /* w-8 */
  height: 2rem; /* h-8 */
  color: white;
  transition: transform 0.3s ease;
}

.why-choose-card:hover .why-choose-icon-svg {
  transform: rotate(12deg);
}

/* Why Choose Card Title */
.why-choose-card-title {
  font-size: 1.25rem; /* text-xl */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 1rem; /* mb-4 */
  transition: color 0.3s ease;
}

.why-choose-card:hover .why-choose-card-title {
  color: var(--dark-gold);
}

/* Why Choose Card Description */
.why-choose-card-description {
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  line-height: 1.6; /* leading-relaxed */
  transition: color 0.3s ease;
}

.why-choose-card:hover .why-choose-card-description {
  color: var(--intellectual-grey);
}

/* Testimonials Section */
.testimonials-section {
  background: var(--intellectual-grey);
  padding: 4rem 0; /* py-16 */
}

.testimonials-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1rem; /* px-4 */
}

@media (min-width: 640px) {
  .testimonials-container {
    padding: 0 1.5rem; /* sm:px-6 */
  }
}

@media (min-width: 1024px) {
  .testimonials-container {
    padding: 0 2rem; /* lg:px-8 */
  }
}

/* Testimonials Header */
.testimonials-header {
  text-align: center;
  margin-bottom: 4rem; /* mb-16 */
}

.testimonials-title {
  font-size: 2.25rem; /* text-4xl */
  font-weight: 800; /* font-extrabold */
  margin-bottom: 1.5rem; /* mb-6 */
  color: white;
}

@media (min-width: 1024px) {
  .testimonials-title {
    font-size: 3rem; /* lg:text-5xl */
  }
}

.testimonials-title-text {
  background: linear-gradient(to right, #ffffff 0%, #ffffff 25%, #8E793E 50%, #ffffff 75%, #ffffff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: block;
}

.testimonials-title-highlight {
  color: var(--light-gold);
  position: relative;
}

.testimonials-title-underline {
  width: 6rem; /* w-24 */
  height: 0.25rem; /* h-1 */
  background: var(--light-gold);
  margin: 0.5rem auto 0 auto; /* mt-2 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

.testimonials-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: var(--light-grey);
  max-width: 48rem; /* max-w-3xl */
  margin: 0 auto;
}

/* Testimonials Carousel */
.testimonials-carousel {
  position: relative;
  margin-bottom: 2rem; /* mb-8 - Reduced from mb-12 */
  max-width: 60rem; /* max-w-5xl - Reduced from max-w-6xl */
  margin-left: auto;
  margin-right: auto;
}

/* Navigation Arrows */
.testimonials-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: white;
  border: none;
  border-radius: 50%;
  width: 3rem; /* w-12 */
  height: 3rem; /* h-12 */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.testimonials-nav:hover {
  background: var(--light-gold);
  transform: translateY(-50%) scale(1.1);
}

.testimonials-nav-prev {
  left: -3rem; /* -left-12 - Increased distance */
}

.testimonials-nav-next {
  right: -3rem; /* -right-12 - Increased distance */
}

/* Responsive adjustments for testimonials navigation */
@media (max-width: 768px) {
  .testimonials-nav-prev {
    left: -0.75rem; /* -left-3 - Much closer on tablet */
  }

  .testimonials-nav-next {
    right: -0.75rem; /* -right-3 - Much closer on tablet */
  }
}

@media (max-width: 480px) {
  .testimonials-nav-prev {
    left: -0.5rem; /* -left-2 - Very close on small mobile */
  }

  .testimonials-nav-next {
    right: -0.5rem; /* -right-2 - Very close on small mobile */
  }
}

@media (max-width: 360px) {
  .testimonials-nav-prev {
    left: -0.25rem; /* -left-1 - Almost touching on very small screens */
  }

  .testimonials-nav-next {
    right: -0.25rem; /* -right-1 - Almost touching on very small screens */
  }
}

.testimonials-nav-icon {
  width: 1.5rem; /* w-6 */
  height: 1.5rem; /* h-6 */
  color: var(--intellectual-grey);
  transition: color 0.3s ease;
}

.testimonials-nav:hover .testimonials-nav-icon {
  color: white;
}

/* Carousel Container */
.testimonials-carousel-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem; /* gap-4 */
  position: relative;
  overflow: hidden;
}

/* Testimonial Card */
.testimonial-card {
  background: white;
  border-radius: 1rem; /* rounded-2xl - Increased from rounded-xl */
  padding: 1.25rem; /* p-5 - Increased from p-4 */
  text-align: center;
  transition: all 0.5s ease-in-out; /* Match Next.js duration and easing */
  position: relative;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow-xl - Increased from shadow-lg */
  margin: 0.5rem; /* m-2 - Increased from m-1 */
}

/* Testimonial Card Animations - Matching Next.js framer-motion */
@keyframes testimonialSlideInFromLeft {
  0% {
    opacity: 0;
    transform: scale(0.9) translateX(-100px);
  }
  100% {
    opacity: 0.5;
    transform: scale(0.9) translateX(0);
  }
}

@keyframes testimonialSlideInFromRight {
  0% {
    opacity: 0;
    transform: scale(0.9) translateX(100px);
  }
  100% {
    opacity: 0.5;
    transform: scale(0.9) translateX(0);
  }
}

@keyframes testimonialCenterIn {
  0% {
    opacity: 0;
    transform: scale(0.9) translateX(50px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}

@keyframes testimonialCenterOut {
  0% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
  100% {
    opacity: 0;
    transform: scale(0.9) translateX(-50px);
  }
}

/* Optimized Animation Classes - Reduced animation duration for better performance */
.testimonial-card-prev {
  animation: testimonialSlideInFromLeft 0.3s ease-in-out;
}

.testimonial-card-next {
  animation: testimonialSlideInFromRight 0.3s ease-in-out;
}

.testimonial-card-active {
  animation: testimonialCenterIn 0.3s ease-in-out;
}

.testimonial-card-exit {
  animation: testimonialCenterOut 0.3s ease-in-out;
}

/* Previous Card (Left) */
.testimonial-card-prev {
  width: 18rem; /* w-72 - Increased from w-64 */
  opacity: 0.5;
  transform: scale(0.9);
  display: none; /* Hidden on mobile */
}

@media (min-width: 1024px) {
  .testimonial-card-prev {
    display: block; /* lg:block */
  }
}

/* Center Card (Active) */
.testimonial-card-active {
  width: 22rem; /* w-88 - Increased from w-80 */
  transform: scale(1);
  opacity: 1;
  z-index: 5;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.testimonial-card-active:hover {
  transform: scale(1.05);
}

/* Next Card (Right) */
.testimonial-card-next {
  width: 18rem; /* w-72 - Increased from w-64 */
  opacity: 0.5;
  transform: scale(0.9);
  display: none; /* Hidden on mobile */
}

@media (min-width: 1024px) {
  .testimonial-card-next {
    display: block; /* lg:block */
  }
}

/* Quote Icon */
.testimonial-quote-icon {
  width: 2rem; /* w-8 */
  height: 2rem; /* h-8 */
  background: #d1d5db; /* bg-gray-300 */
  border-radius: 50%;
  margin: 0 auto 1rem auto; /* mx-auto mb-4 */
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-quote-icon-active {
  width: 2.5rem; /* w-10 */
  height: 2.5rem; /* h-10 */
  background: linear-gradient(to bottom right, var(--light-gold), var(--dark-gold));
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.testimonial-quote-svg {
  width: 1rem; /* w-4 */
  height: 1rem; /* h-4 */
  color: #6b7280; /* text-gray-600 */
}

.testimonial-quote-icon-active .testimonial-quote-svg {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
  color: white;
}

.testimonial-card-active .testimonial-quote-svg {
  color: white;
}

/* Testimonial Text */
.testimonial-text {
  font-size: 1rem; /* text-base - Increased from text-sm */
  line-height: 1.6; /* leading-relaxed - Increased from leading-snug */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  margin-bottom: 1.25rem; /* mb-5 - Increased from mb-4 */
  font-style: italic;
}

.testimonial-card-active .testimonial-text {
  color: var(--intellectual-grey);
}

/* Testimonial Author */
.testimonial-author {
  text-align: center;
}

.testimonial-name {
  font-size: 1.125rem; /* text-lg */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 0.25rem; /* mb-1 */
}

.testimonial-role {
  font-size: 0.875rem; /* text-sm */
  color: rgba(35, 31, 32, 0.7); /* text-intellectual-grey/70 */
}

/* Pagination Dots */
.testimonials-pagination {
  display: flex;
  justify-content: center;
  gap: 0.5rem; /* space-x-2 */
  margin-top: 2rem; /* mt-8 */
}

.testimonials-dot {
  width: 0.75rem; /* w-3 */
  height: 0.75rem; /* h-3 */
  border-radius: 50%; /* rounded-full */
  border: none;
  background: rgba(255, 255, 255, 0.3); /* bg-white/30 */
  cursor: pointer;
  transition: all 0.3s ease;
}

.testimonials-dot:hover {
  background: rgba(255, 255, 255, 0.5); /* hover:bg-white/50 */
  transform: scale(1.2);
}

.testimonials-dot.active {
  background: var(--light-gold);
  transform: scale(1.25);
}

/* Testimonials CTA */
.testimonials-cta {
  text-align: center;
}

.testimonials-cta-button {
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  color: white;
  font-weight: 700; /* font-bold */
  padding: 1.25rem 2.5rem; /* py-5 px-10 */
  border-radius: 2rem; /* rounded-3xl - Increased radius */
  font-size: 1.125rem; /* text-lg */
  transition: all 0.3s ease;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */
  border: 2px solid transparent;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.testimonials-cta-button:hover {
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  box-shadow: 0 35px 60px -12px rgba(0, 0, 0, 0.4); /* hover:shadow-3xl */
  border-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.05);
}

/* Contact Section */
.contact-section {
  position: relative;
  padding: 5rem 0; /* py-20 */
  overflow: hidden;
}

/* Contact Background */
.contact-background {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, white, #F9F6ED, #EAE3C8);
}

/* Contact Pattern Overlay */
.contact-pattern-overlay {
  position: absolute;
  inset: 0;
  opacity: 0.03;
  background-image: 
    radial-gradient(circle at 25% 25%, #AD974F 2px, transparent 2px),
    radial-gradient(circle at 75% 75%, #8E793E 1px, transparent 1px);
  background-size: 60px 60px, 40px 40px;
  background-position: 0 0, 30px 30px;
}

/* Contact Glows */
.contact-glow-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 24rem; /* w-96 */
  height: 24rem; /* h-96 */
  background: radial-gradient(circle, rgba(173, 151, 79, 0.1), rgba(173, 151, 79, 0.05), transparent);
  border-radius: 50%;
  filter: blur(3rem);
  animation: contactGlow1 8s ease-in-out infinite;
}

.contact-glow-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20rem; /* w-80 */
  height: 20rem; /* h-80 */
  background: radial-gradient(circle, rgba(142, 121, 62, 0.08), rgba(142, 121, 62, 0.04), transparent);
  border-radius: 50%;
  filter: blur(3rem);
  animation: contactGlow2 6s ease-in-out infinite 2s;
}

/* Optimized glow animations - Simplified for better performance */
@keyframes contactGlow1 {
  0%, 100% { 
    opacity: 0.1;
  }
  50% { 
    opacity: 0.15;
  }
}

@keyframes contactGlow2 {
  0%, 100% { 
    opacity: 0.08;
  }
  50% { 
    opacity: 0.12;
  }
}

/* Contact Geometric Lines */
.contact-geometric-lines {
  position: absolute;
  inset: 0;
  opacity: 0.02;
}

.contact-line-1 {
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--light-gold), transparent);
}

.contact-line-2 {
  position: absolute;
  bottom: 33.333%;
  right: 0;
  width: 1px;
  height: 50%;
  background: linear-gradient(to bottom, transparent, var(--dark-gold), transparent);
}

/* Contact Container */
.contact-container {
  position: relative;
  z-index: 10;
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1.5rem; /* px-6 */
}

@media (min-width: 768px) {
  .contact-container {
    padding: 0 4rem; /* md:px-16 */
  }
}

/* Contact Header */
.contact-header {
  text-align: center;
  margin-bottom: 4rem; /* mb-16 */
}

.contact-title {
  font-size: 2.25rem; /* text-4xl */
  font-weight: 800; /* font-extrabold */
  margin-bottom: 1.5rem; /* mb-6 */
}

@media (min-width: 1024px) {
  .contact-title {
    font-size: 3rem; /* lg:text-5xl */
  }
}

.contact-title-text {
  background: linear-gradient(to right, #000000 0%, #000000 25%, #8E793E 50%, #000000 75%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: block;
}

.contact-title-underline {
  width: 6rem; /* w-24 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  margin: 1rem auto 0 auto; /* mt-4 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

.contact-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: rgba(35, 31, 32, 0.8); /* text-intellectual-grey/80 */
  max-width: 48rem; /* max-w-3xl */
  margin: 0 auto;
}

/* Contact Grid */
.contact-grid {
  display: grid;
  gap: 3rem; /* gap-12 */
  grid-template-columns: 1fr;
  position: relative;
}

@media (min-width: 1024px) {
  .contact-grid {
    grid-template-columns: 1fr 1fr; /* lg:grid-cols-2 */
    gap: 4rem; /* lg:gap-16 */
  }
}

/* Contact Divider */
.contact-divider {
  display: none;
}

@media (min-width: 1024px) {
  .contact-divider {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(173, 151, 79, 0.2), transparent);
    transform: translateX(-50%);
  }
}

/* Contact Info */
.contact-info {
  text-align: center;
}

@media (min-width: 1024px) {
  .contact-info {
    text-align: left; /* lg:text-left */
  }
}

/* Contact Agency Info */
.contact-agency-info {
  margin-bottom: 2rem; /* mb-8 */
}

.contact-agency-branding {
  margin-bottom: 1.5rem; /* mb-6 */
}

.contact-agency-name {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 0.5rem; /* mb-2 */
  letter-spacing: 0.05em; /* tracking-wide */
}

.contact-agency-underline {
  width: 4rem; /* w-16 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  margin: 0 auto 1rem auto; /* mx-auto mb-4 - Add bottom margin for spacing */
  border-radius: 9999px; /* rounded-full */
}

@media (min-width: 1024px) {
  .contact-agency-underline {
    margin: 0 0 1rem 0; /* lg:mx-0 mb-4 - Keep bottom margin on desktop too */
  }
}

.contact-agency-description {
  font-size: 1rem; /* text-base */
  color: var(--foreground);
  line-height: 1.6; /* leading-relaxed */
}

.contact-highlight {
  color: var(--light-gold);
  font-weight: 600; /* font-semibold */
}

/* Contact Details */
.contact-details {
  margin-bottom: 2rem; /* mb-8 */
}

.contact-details-title {
  font-size: 1.25rem; /* text-xl */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 1.5rem; /* mb-6 */
  letter-spacing: 0.05em; /* tracking-wide */
}

.contact-details-list {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* space-y-4 */
}

.contact-detail-item {
  display: flex;
  align-items: center;
  gap: 1rem; /* space-x-4 */
  transition: all 0.3s ease;
  cursor: pointer;
}

.contact-detail-item:hover {
  transform: translateX(0.25rem);
}

.contact-detail-icon {
  width: 2.5rem; /* w-10 */
  height: 2.5rem; /* h-10 */
  background: linear-gradient(to bottom right, var(--dark-gold), var(--light-gold));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.contact-detail-item:hover .contact-detail-icon {
  transform: scale(1.1);
}

.contact-detail-icon-svg {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
  color: white;
}

.contact-detail-text {
  font-size: 1rem; /* text-base */
  color: var(--foreground);
  font-weight: 500; /* font-medium */
  transition: color 0.3s ease;
}

.contact-detail-item:hover .contact-detail-text {
  color: var(--intellectual-grey);
}

.contact-detail-highlight {
  color: var(--light-gold);
  font-weight: 600; /* font-semibold */
}

/* Contact Social */
.contact-social {
  margin-top: 1.5rem; /* mt-6 */
}

.contact-social-title {
  font-size: 1.25rem; /* text-xl */
  font-weight: 700; /* font-bold */
  color: var(--intellectual-grey);
  margin-bottom: 1rem; /* mb-4 */
  letter-spacing: 0.05em; /* tracking-wide */
}

.contact-social-links {
  display: flex;
  gap: 1rem; /* space-x-4 */
  justify-content: center;
}

@media (min-width: 1024px) {
  .contact-social-links {
    justify-content: flex-start; /* lg:justify-start */
  }
}

.contact-social-link {
  width: 3rem; /* w-12 */
  height: 3rem; /* h-12 */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}

.contact-social-link:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform: scale(1.1);
}

.contact-social-instagram {
  background: linear-gradient(to bottom right, #ec4899, #8b5cf6);
}

.contact-social-facebook {
  background: linear-gradient(to bottom right, #2563eb, #1e40af);
}

.contact-social-whatsapp {
  background: linear-gradient(to bottom right, #10b981, #059669);
}

.contact-social-icon {
  width: 1.5rem; /* w-6 */
  height: 1.5rem; /* h-6 */
  color: white;
  transition: transform 0.3s ease;
}

.contact-social-link:hover .contact-social-icon {
  transform: rotate(12deg);
}

/* Contact Form Container */
.contact-form-container {
  position: relative;
}

.contact-form-wrapper {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
  border-radius: 1rem; /* rounded-2xl */
  padding: 2rem; /* p-8 */
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.5s ease;
  cursor: pointer;
}

.contact-form-wrapper:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
}

/* Contact Form Background Enhancement */
.contact-form-bg-1 {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.6), rgba(249, 246, 237, 0.4));
  border-radius: 1rem; /* rounded-2xl */
}

.contact-form-bg-2 {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top right, transparent, rgba(173, 151, 79, 0.05), transparent);
  border-radius: 1rem; /* rounded-2xl */
}

/* Contact Form Content */
.contact-form-content {
  position: relative;
  z-index: 10;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* space-y-6 */
}

.contact-form-row {
  display: grid;
  gap: 1rem; /* gap-4 */
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .contact-form-row {
    grid-template-columns: 1fr 1fr; /* md:grid-cols-2 */
  }
}

.contact-form-field {
  display: flex;
  flex-direction: column;
}

.contact-form-label {
  display: block;
  font-size: 0.75rem; /* text-xs */
  font-weight: 600; /* font-semibold */
  color: var(--intellectual-grey);
  text-transform: uppercase;
  letter-spacing: 0.05em; /* tracking-wide */
  margin-bottom: 0.5rem; /* mb-2 */
}

.contact-form-input,
.contact-form-textarea {
  width: 100%;
  padding: 0.75rem 1rem; /* px-4 py-3 */
  border: 1px solid #d1d5db; /* border-gray-300 */
  border-radius: 0.75rem; /* rounded-xl */
  font-size: 1rem; /* text-base */
  font-weight: 500; /* font-medium */
  color: var(--foreground);
  background: white;
  transition: all 0.3s ease;
  outline: none;
}

.contact-form-input::placeholder,
.contact-form-textarea::placeholder {
  color: #6b7280; /* placeholder-gray-500 */
}

.contact-form-input:focus,
.contact-form-textarea:focus {
  border-color: var(--light-gold);
  box-shadow: 0 0 0 2px rgba(173, 151, 79, 0.2); /* focus:ring-2 focus:ring-light-gold */
}

.contact-form-textarea {
  resize: none;
  min-height: 120px;
}

/* Contact Form Submit Button */
.contact-form-submit {
  width: 100%;
  font-weight: 700; /* font-bold */
  padding: 1rem 2rem; /* py-4 px-8 */
  border-radius: 0.75rem; /* rounded-xl */
  font-size: 1.125rem; /* text-lg */
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(142, 121, 62, 0.3);
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.contact-form-submit:hover:not(:disabled) {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform: scale(1.02);
}

.contact-form-submit:disabled {
  background: #9ca3af; /* bg-gray-400 */
  cursor: not-allowed;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.contact-submit-text {
  display: block;
}

.contact-submit-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* space-x-2 */
}

.contact-spinner {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
  border: 2px solid white;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Contact Notification */
.contact-notification {
  position: fixed;
  top: 1rem; /* top-4 */
  right: 1rem; /* right-4 */
  z-index: 50;
  padding: 1rem; /* p-4 */
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  max-width: 24rem; /* max-w-sm */
  animation: slideInRight 0.3s ease-out;
}

.contact-notification.success {
  background: #10b981; /* bg-green-500 */
  color: white;
}

.contact-notification.error {
  background: #ef4444; /* bg-red-500 */
  color: white;
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.contact-notification-content {
  display: flex;
  align-items: center;
  gap: 0.75rem; /* space-x-3 */
}

.contact-notification-icon {
  flex-shrink: 0;
}

.contact-notification-icon-svg {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
}

.contact-notification-message {
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  margin: 0;
}

/* Footer Section */
.footer {
  background: var(--intellectual-grey);
  color: white;
}

/* Footer Newsletter */
.footer-newsletter {
  background: linear-gradient(to right, rgba(142, 121, 62, 0.1), rgba(173, 151, 79, 0.1));
  padding: 3rem 0; /* py-12 */
}

.footer-newsletter-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1.5rem; /* px-6 */
}

@media (min-width: 768px) {
  .footer-newsletter-container {
    padding: 0 4rem; /* md:px-16 */
  }
}

.footer-newsletter-content {
  text-align: center;
}

.footer-newsletter-title {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700; /* font-bold */
  color: white;
  margin-bottom: 1rem; /* mb-4 */
}

.footer-newsletter-subtitle {
  color: var(--light-grey);
  margin-bottom: 2rem; /* mb-8 */
  max-width: 32rem; /* max-w-2xl */
  margin-left: auto;
  margin-right: auto;
}

.footer-newsletter-form {
  max-width: 28rem; /* max-w-md */
  margin: 0 auto;
}

.footer-newsletter-input-group {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* gap-4 */
}

@media (min-width: 640px) {
  .footer-newsletter-input-group {
    flex-direction: row; /* sm:flex-row */
  }
}

.footer-newsletter-input {
  flex: 1;
  padding: 0.75rem 1rem; /* px-4 py-3 */
  border-radius: 0.75rem; /* rounded-xl */
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: white;
  font-size: 1rem; /* text-base */
  transition: all 0.3s ease;
  outline: none;
}

.footer-newsletter-input::placeholder {
  color: var(--light-grey);
}

.footer-newsletter-input:focus {
  border-color: var(--light-gold);
  box-shadow: 0 0 0 2px rgba(173, 151, 79, 0.2);
  background: rgba(255, 255, 255, 0.15);
}

.footer-newsletter-button {
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  color: white;
  font-weight: 700; /* font-bold */
  padding: 0.75rem 1.5rem; /* px-6 py-3 */
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.05em; /* tracking-wide */
  white-space: nowrap;
}

.footer-newsletter-button:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform: scale(1.05);
}

/* Footer Main */
.footer-main {
  padding: 4rem 0; /* py-16 */
}

.footer-main-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1.5rem; /* px-6 */
}

@media (min-width: 768px) {
  .footer-main-container {
    padding: 0 4rem; /* md:px-16 */
  }
}

.footer-grid {
  display: grid;
  gap: 2rem; /* gap-8 */
  grid-template-columns: 1fr;
  /* No centering on mobile - keep natural left alignment */
}

@media (min-width: 768px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr; /* md:grid-cols-2 */
    /* No centering on tablet - keep natural left alignment */
  }
}

@media (min-width: 1024px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr; /* lg:grid-cols-3 - Equal width columns */
    gap: 3rem; /* lg:gap-12 */
    justify-items: center; /* Only center on desktop */
  }
}

/* Footer About */
.footer-about {
  grid-column: 1;
  text-align: left; /* Keep text left-aligned */
  max-width: 100%; /* Allow full width for centering */
}

@media (min-width: 1024px) {
  .footer-about {
    grid-column: 1; /* lg:col-span-1 - Single column */
    text-align: left; /* Keep text left-aligned on desktop */
  }
}

.footer-about-title {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 700; /* font-bold */
  background: linear-gradient(to right, white, var(--light-gold), white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 1rem; /* mb-4 */
  letter-spacing: 0.05em; /* tracking-wide */
}

.footer-about-description {
  color: var(--light-grey);
  line-height: 1.6; /* leading-relaxed */
  margin-bottom: 1.5rem; /* mb-6 */
  max-width: 100%; /* Remove max-width constraint for single column */
}

.footer-about-underline {
  width: 4rem; /* w-16 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--dark-gold), var(--light-gold));
  border-radius: 9999px; /* rounded-full */
}

/* Footer Links */
.footer-links {
  text-align: left; /* Keep text left-aligned */
}

.footer-links-title {
  font-size: 1.125rem; /* text-lg */
  font-weight: 700; /* font-bold */
  color: white;
  margin-bottom: 1rem; /* mb-4 */
  letter-spacing: 0.05em; /* tracking-wide */
}

.footer-links-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem; /* space-y-3 */
  align-items: flex-start; /* Keep links left-aligned */
}

.footer-links-item {
  list-style: none;
}

.footer-links-link {
  color: var(--light-grey);
  text-decoration: none;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.footer-links-link:hover {
  color: var(--light-gold);
}

.footer-links-indicator {
  width: 0;
  height: 1px;
  background: var(--light-gold);
  margin-right: 0;
  transition: all 0.3s ease;
}

.footer-links-link:hover .footer-links-indicator {
  width: 0.5rem; /* w-2 */
  margin-right: 0.5rem; /* mr-2 */
}

/* Footer Contact */
.footer-contact {
  text-align: left; /* Keep text left-aligned */
}

.footer-contact-title {
  font-size: 1.125rem; /* text-lg */
  font-weight: 700; /* font-bold */
  color: white;
  margin-bottom: 1rem; /* mb-4 */
  letter-spacing: 0.05em; /* tracking-wide */
}

.footer-contact-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem; /* space-y-3 */
  align-items: flex-start; /* Keep contact items left-aligned */
}

.footer-contact-item {
  display: flex;
  align-items: center;
  gap: 0.75rem; /* space-x-3 */
  transition: all 0.3s ease;
  cursor: pointer;
}

.footer-contact-item:hover {
  transform: translateX(0.25rem);
}

.footer-contact-icon {
  width: 2rem; /* w-8 */
  height: 2rem; /* h-8 */
  background: linear-gradient(to bottom right, var(--dark-gold), var(--light-gold));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.footer-contact-item:hover .footer-contact-icon {
  transform: scale(1.1);
}

.footer-contact-icon-svg {
  width: 1rem; /* w-4 */
  height: 1rem; /* h-4 */
  color: white;
}

.footer-contact-text {
  color: var(--light-grey);
  transition: color 0.3s ease;
}

.footer-contact-item:hover .footer-contact-text {
  color: white;
}

/* Footer Social */
.footer-social {
  margin-top: 3rem; /* mt-12 */
  padding-top: 2rem; /* pt-8 */
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-social-content {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* gap-4 */
  align-items: center;
}

@media (min-width: 768px) {
  .footer-social-content {
    flex-direction: row; /* md:flex-row */
    justify-content: space-between;
  }
}

.footer-social-title {
  font-size: 1.125rem; /* text-lg */
  font-weight: 700; /* font-bold */
  color: white;
  letter-spacing: 0.05em; /* tracking-wide */
  margin-bottom: 1rem; /* mb-4 */
}

@media (min-width: 768px) {
  .footer-social-title {
    margin-bottom: 0; /* md:mb-0 */
  }
}

.footer-social-links {
  display: flex;
  gap: 1rem; /* space-x-4 */
}

.footer-social-link {
  width: 3rem; /* w-12 */
  height: 3rem; /* h-12 */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}

.footer-social-link:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform: scale(1.1) rotate(5deg);
}

.footer-social-facebook {
  background: linear-gradient(to bottom right, #2563eb, #1e40af);
}

.footer-social-instagram {
  background: linear-gradient(to bottom right, #ec4899, #8b5cf6);
}

.footer-social-whatsapp {
  background: linear-gradient(to bottom right, #10b981, #059669);
}

.footer-social-icon {
  width: 1.5rem; /* w-6 */
  height: 1.5rem; /* h-6 */
  color: white;
  transition: transform 0.3s ease;
}

.footer-social-link:hover .footer-social-icon {
  transform: rotate(12deg);
}

/* Footer Bottom */
.footer-bottom {
  background: rgba(23, 23, 23, 0.05); /* bg-foreground/5 */
  padding: 1.5rem 0; /* py-6 */
}

.footer-bottom-container {
  max-width: 80rem; /* max-w-7xl */
  margin: 0 auto;
  padding: 0 1.5rem; /* px-6 */
}

@media (min-width: 768px) {
  .footer-bottom-container {
    padding: 0 4rem; /* md:px-16 */
  }
}

.footer-bottom-content {
  text-align: center;
}

.footer-copyright {
  color: var(--light-grey);
  font-size: 0.875rem; /* text-sm */
  margin: 0;
}

/* Footer Animations */
@keyframes footerFadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.footer-newsletter-content {
  animation: footerFadeInUp 0.8s ease-out;
}

.footer-about {
  animation: footerFadeInUp 0.6s ease-out;
}

.footer-links {
  animation: footerFadeInUp 0.6s ease-out 0.1s both;
}

.footer-contact {
  animation: footerFadeInUp 0.6s ease-out 0.2s both;
}

.footer-social {
  animation: footerFadeInUp 0.6s ease-out 0.3s both;
}

.footer-bottom-content {
  animation: footerFadeInUp 0.6s ease-out;
}

/* Footer Newsletter Notifications */
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOutRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

/* Strategy Call Section */
.strategy-call-section {
  position: relative;
  padding: 5rem 0; /* py-20 */
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .strategy-call-section {
    padding-top: 8rem; /* lg:pt-32 - Add more top padding on desktop */
  }
}

/* Strategy Call Background */
.strategy-call-background {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, var(--intellectual-grey), #2C2C2C, var(--intellectual-grey));
}

/* Strategy Call Animations */
.strategy-call-animations {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.strategy-call-shape {
  position: absolute;
  border: 2px solid rgba(173, 151, 79, 0.2);
  border-radius: 0.5rem;
  animation: strategyCallFloat 6s ease-in-out infinite;
}

.strategy-call-shape-1 {
  top: 5rem; /* top-20 */
  left: 2.5rem; /* left-10 */
  width: 4rem; /* w-16 */
  height: 4rem; /* h-16 */
  transform: rotate(45deg);
  animation-delay: 0s;
}

.strategy-call-shape-2 {
  top: 10rem; /* top-40 */
  right: 5rem; /* right-20 */
  width: 3rem; /* w-12 */
  height: 3rem; /* h-12 */
  border-radius: 50%;
  background: linear-gradient(to bottom right, rgba(173, 151, 79, 0.1), rgba(142, 121, 62, 0.1));
  animation-delay: 2s;
}

.strategy-call-shape-3 {
  bottom: 8rem; /* bottom-32 */
  left: 25%; /* left-1/4 */
  width: 2rem; /* w-8 */
  height: 2rem; /* h-8 */
  border-radius: 50%;
  border: 1px solid rgba(142, 121, 62, 0.3);
  animation-delay: 1s;
}

@keyframes strategyCallFloat {
  0%, 100% {
    transform: translateY(0) rotate(0deg) scale(1);
  }
  50% {
    transform: translateY(-20px) rotate(5deg) scale(1.1);
  }
}

/* Strategy Call Glows */
.strategy-call-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(3rem);
  animation: strategyCallGlow 10s ease-in-out infinite;
}

.strategy-call-glow-1 {
  top: 0;
  right: 0;
  width: 24rem; /* w-96 */
  height: 24rem; /* h-96 */
  background: radial-gradient(circle, rgba(173, 151, 79, 0.15), rgba(173, 151, 79, 0.08), transparent);
  animation-delay: 0s;
}

.strategy-call-glow-2 {
  bottom: 0;
  left: 0;
  width: 20rem; /* w-80 */
  height: 20rem; /* h-80 */
  background: radial-gradient(circle, rgba(142, 121, 62, 0.12), rgba(142, 121, 62, 0.06), transparent);
  animation-delay: 3s;
}

@keyframes strategyCallGlow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.2;
  }
}

/* Strategy Call Grid */
.strategy-call-grid {
  position: absolute;
  inset: 0;
  opacity: 0.02;
  background-image: 
    linear-gradient(rgba(173, 151, 79, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(173, 151, 79, 0.1) 1px, transparent 1px);
  background-size: 50px 50px;
}

/* Strategy Call Container */
.strategy-call-container {
  position: relative;
  z-index: 10;
  max-width: 64rem; /* max-w-4xl */
  margin: 0 auto;
  padding: 0 1.5rem; /* px-6 */
  width: 100%;
}

@media (min-width: 768px) {
  .strategy-call-container {
    padding: 0 2rem; /* md:px-8 */
  }
}

/* Strategy Call Header */
.strategy-call-header {
  text-align: center;
  margin-bottom: 3rem; /* mb-12 */
}

.strategy-call-icon {
  width: 5rem; /* w-20 */
  height: 5rem; /* h-20 */
  background: linear-gradient(to bottom right, var(--light-gold), var(--dark-gold));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem auto; /* mx-auto mb-6 */
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  animation: strategyCallIconScale 0.6s ease-out 0.2s both;
}

@keyframes strategyCallIconScale {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.strategy-call-icon-svg {
  width: 2.5rem; /* w-10 */
  height: 2.5rem; /* h-10 */
  color: white;
}

.strategy-call-title {
  font-size: 3rem; /* text-5xl */
  font-weight: 800; /* font-extrabold */
  margin-bottom: 1.5rem; /* mb-6 */
  animation: strategyCallSlideUp 0.8s ease-out 0.3s both;
}

@media (min-width: 1024px) {
  .strategy-call-title {
    font-size: 3.75rem; /* lg:text-6xl */
  }
}

.strategy-call-title-text {
  background: linear-gradient(to right, white, var(--light-gold), white);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: block;
}

.strategy-call-title-underline {
  width: 8rem; /* w-32 */
  height: 0.25rem; /* h-1 */
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  margin: 1.5rem auto 0 auto; /* mt-6 mx-auto */
  border-radius: 9999px; /* rounded-full */
}

.strategy-call-subtitle {
  font-size: 1.25rem; /* text-xl */
  color: var(--light-grey);
  margin-bottom: 2rem; /* mb-8 */
  max-width: 48rem; /* max-w-3xl */
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6; /* leading-relaxed */
  animation: strategyCallSlideUp 0.8s ease-out 0.4s both;
}

@media (min-width: 1024px) {
  .strategy-call-subtitle {
    font-size: 1.5rem; /* lg:text-2xl */
  }
}

@keyframes strategyCallSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Strategy Call Benefits */
.strategy-call-benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem; /* gap-6 */
  margin-bottom: 3rem; /* mb-12 */
  animation: strategyCallSlideUp 0.8s ease-out 0.5s both;
}

.strategy-call-benefit {
  display: flex;
  align-items: center;
  gap: 0.75rem; /* space-x-3 */
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  border-radius: 0.75rem; /* rounded-xl */
  padding: 0.75rem 1.5rem; /* px-6 py-3 */
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  width: 16rem; /* w-64 */
}

.strategy-call-benefit:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.05);
}

.strategy-call-benefit-icon {
  width: 2rem; /* w-8 */
  height: 2rem; /* h-8 */
  background: linear-gradient(to bottom right, var(--light-gold), var(--dark-gold));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.strategy-call-benefit:hover .strategy-call-benefit-icon {
  transform: scale(1.1);
}

.strategy-call-benefit-icon-svg {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
  color: white;
}

.strategy-call-benefit-text {
  color: var(--light-grey);
  font-weight: 500; /* font-medium */
  transition: color 0.3s ease;
}

.strategy-call-benefit:hover .strategy-call-benefit-text {
  color: white;
}

/* Strategy Call Form Container */
.strategy-call-form-container {
  animation: strategyCallSlideUp 0.8s ease-out 0.6s both;
}

.strategy-call-form-wrapper {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(4px);
  border-radius: 1.5rem; /* rounded-3xl */
  padding: 2.25rem; /* p-9 - Slightly reduced padding */
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 40rem; /* max-w-3xl - Slightly reduced width */
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .strategy-call-form-wrapper {
    padding: 3.5rem; /* lg:p-14 - Reduced padding */
    max-width: 44rem; /* lg:max-w-3xl - Reduced width */
  }
}

/* Strategy Call Form */
.strategy-call-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* space-y-6 */
}

.strategy-call-form-row {
  display: grid;
  gap: 1.5rem; /* gap-6 */
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .strategy-call-form-row {
    grid-template-columns: 1fr 1fr; /* md:grid-cols-2 */
  }
}

.strategy-call-form-field {
  display: flex;
  flex-direction: column;
}

.strategy-call-form-label {
  display: block;
  font-size: 0.75rem; /* text-xs */
  font-weight: 600; /* font-semibold */
  color: var(--intellectual-grey);
  text-transform: uppercase;
  letter-spacing: 0.05em; /* tracking-wide */
  margin-bottom: 0.5rem; /* mb-2 */
}

.strategy-call-form-input,
.strategy-call-form-textarea {
  width: 100%;
  padding: 1rem 1.25rem; /* px-5 py-4 - Increased padding for taller fields */
  border: 1px solid #d1d5db; /* border-gray-300 */
  border-radius: 0.75rem; /* rounded-xl */
  font-size: 1rem; /* text-base */
  font-weight: 500; /* font-medium */
  color: var(--foreground);
  background: white;
  transition: all 0.3s ease;
  outline: none;
}

.strategy-call-form-input::placeholder,
.strategy-call-form-textarea::placeholder {
  color: #6b7280; /* placeholder-gray-500 */
}

.strategy-call-form-input:focus,
.strategy-call-form-textarea:focus {
  border-color: var(--light-gold);
  box-shadow: 0 0 0 2px rgba(173, 151, 79, 0.2); /* focus:ring-2 focus:ring-light-gold */
}

.strategy-call-form-input:hover,
.strategy-call-form-textarea:hover {
  border-color: rgba(173, 151, 79, 0.5);
}

.strategy-call-form-textarea {
  resize: none;
  min-height: 100px;
}

/* Strategy Call Form Submit Button */
.strategy-call-form-submit {
  width: 100%;
  font-weight: 700; /* font-bold */
  padding: 1rem 2rem; /* py-4 px-8 */
  border-radius: 0.75rem; /* rounded-xl */
  font-size: 1.125rem; /* text-lg */
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(142, 121, 62, 0.3);
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, var(--light-gold), var(--dark-gold));
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.05em; /* tracking-wide */
}

.strategy-call-form-submit:hover:not(:disabled) {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform: scale(1.02);
}

.strategy-call-form-submit:disabled {
  background: #9ca3af; /* bg-gray-400 */
  cursor: not-allowed;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.strategy-call-submit-text {
  display: block;
}

.strategy-call-submit-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* space-x-2 */
}

.strategy-call-spinner {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
  border: 2px solid white;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Strategy Call Trust */
.strategy-call-trust {
  text-align: center;
  margin-top: 2rem; /* mt-8 */
  animation: strategyCallSlideUp 0.8s ease-out 0.8s both;
}

.strategy-call-trust-text {
  color: var(--light-grey);
  font-size: 0.875rem; /* text-sm */
  margin: 0;
}

/* Strategy Call Notification */
.strategy-call-notification {
  position: fixed;
  top: 1rem; /* top-4 */
  right: 1rem; /* right-4 */
  z-index: 50;
  padding: 1rem; /* p-4 */
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  max-width: 24rem; /* max-w-sm */
  animation: slideInRight 0.3s ease-out;
}

.strategy-call-notification.success {
  background: #10b981; /* bg-green-500 */
  color: white;
}

.strategy-call-notification.error {
  background: #ef4444; /* bg-red-500 */
  color: white;
}

.strategy-call-notification-content {
  display: flex;
  align-items: center;
  gap: 0.75rem; /* space-x-3 */
}

.strategy-call-notification-icon {
  flex-shrink: 0;
}

.strategy-call-notification-icon-svg {
  width: 1.25rem; /* w-5 */
  height: 1.25rem; /* h-5 */
}

.strategy-call-notification-message {
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  margin: 0;
}