/* Ultra-Clean Light Theme CSS with Plus Jakarta Sans for RakWeb Digital / Acilav */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --_typography---font-family--heading-font: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif !important;
  --_typography---font-family--body-font: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif !important;
  --light-bg: #f8fafc;
  --light-bg-alt: #f1f5f9;
  --light-card: #ffffff;
  --light-card-hover: #ffffff;
  --light-text-main: #0f172a;
  --light-text-muted: #64748b;
  --light-border: #e2e8f0;
}

/* Base Body Styles */
body {
  background-color: #f8fafc !important;
  color: #0f172a !important;
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif !important;
  overflow-x: hidden;
  line-height: 1.6;
}

/* Override all Headings and Title Text to use Plus Jakarta Sans */
h1, h2, h3, h4, h5, h6, 
.heading-1, .heading-2, .heading-3, 
.about-heading, .hero-display-text-1, .hero-display-text-2,
.nav-link, button, input {
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

/* Webflow visibility fix */
html.w-mod-js :is(.insight-card-contents, [data-insight-slide-stagger="true"], .nav-link-text.is-default, .nav-link-text.is-absolute, .heading-3d-back, .hero-display-text-1, .hero-display-text-2, .hero-image, .value-card) {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Light Theme Cards */
.light-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.light-card:hover {
  border-color: #cbd5e1;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}

/* Marquee Scroll */
@keyframes marqueeScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
  padding: 16px 0;
}

.marquee-track {
  display: inline-flex;
  gap: 40px;
  animation: marqueeScroll 25s linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused;
}