/* Critical CSS for faster LCP */
/* Inline font-face declarations for critical fonts */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/raleway/raleway-v34-latin-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/raleway/raleway-v34-latin-800.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/inter/inter-v18-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/inter/inter-v18-latin-500.woff2') format('woff2');
}

.heading-xl {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  text-rendering: optimizeSpeed;
}
@media (min-width: 768px) {
  .heading-xl {
    font-size: 3rem;
  }
}
@media (min-width: 1024px) {
  .heading-xl {
    font-size: 3.75rem;
  }
}

/* Critical CSS for paragraph text (LCP element) */
p.text-lg {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 2rem;
  text-rendering: optimizeSpeed;
}
@media (min-width: 768px) {
  p.text-lg {
    font-size: 1.25rem;
  }
}
.text-gray-100 {
  color: rgba(243, 244, 246, 1);
}
.opacity-90 {
  opacity: 0.9;
}

/* Critical CSS for buttons (LCP element) */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.2s;
}
.btn-primary {
  background-color: #2563eb;
  color: white;
}
.bg-white\/10 {
  background-color: rgba(255, 255, 255, 0.1);
}
.text-white {
  color: white;
}
.border-white\/30 {
  border-color: rgba(255, 255, 255, 0.3);
}

/* Critical CSS for logo (LCP element) */
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-heading {
  font-family: 'Raleway', sans-serif;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.text-primary-600 {
  color: #4F46E5;
}
.text-primary-200 {
  color: #C7D2FE;
}
.text-gray-800 {
  color: #1F2937;
}
/* .text-white already defined above */