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

/* Hero gradient */
.hero-bg { background: linear-gradient(135deg, #20386E 0%, #0f1f3d 60%, #1a2d5a 100%); }

/* Service card hover lift */
.service-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }

/* Portfolio overlay */
.portfolio-card .overlay { opacity: 0; transition: opacity 0.35s ease; }
.portfolio-card:hover .overlay { opacity: 1; }
.portfolio-card { transition: box-shadow 0.3s ease; }
.portfolio-card:hover { box-shadow: 0 25px 50px rgba(0,0,0,0.2); }

/* Carousel */
.carousel-slide { display: none; }
.carousel-slide.active { display: block; }

/* Pricing featured */
.pricing-featured { transform: scale(1.05); }

/* Nav underline */
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: #FF6F61; transition: width 0.3s; }
.nav-link:hover::after { width: 100%; }

/* Tagline transition */
#animated-tagline { transition: opacity 0.4s ease, transform 0.4s ease; }

/* Select option dark bg fix */
.hero-select option { background-color: #20386E; color: white; }