/* Aarcturus Technologies — Custom styles (supplement to Tailwind bundle) */

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

:root {
  --green: #1A3626;
  --lime: #CCFF00;
  --bg: #F4F6F5;
}

/* ── Base ── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background: #fff; color: #1A3626; }
.font-serif { font-family: 'Playfair Display', serif; }
.bg-background { background: #F4F6F5; }

/* ── Fade-up animation ── */
[data-fade-up] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
[data-fade-up].fade-up-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Marquee ── */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.marquee-wrapper {
  overflow: hidden;
  display: flex;
  width: 100%;
}
.marquee-inner {
  display: flex;
  width: max-content;
  animation: marquee 28s linear infinite;
}
.marquee-inner:hover { animation-play-state: paused; }

/* ── Accordion ── */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.accordion-icon {
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

/* ── Counter ── */
[data-counter] { display: inline; }

/* ── Mobile menu ── */
#mobile-menu {
  transition: all 0.3s ease;
}

/* ── Hero product grid cards ── */
.product-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* ── Ecosystem cards ── */
.eco-card {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.eco-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 32px 64px rgba(0,0,0,0.1);
}

/* ── Animate star rating ── */
.star-fill { fill: #CCFF00; stroke: #CCFF00; }