body {
	font-family: 'Inter', sans-serif;
}

/* Scroll animations */
[data-anim] {
	opacity: 0;
	transition-property: opacity, transform;
	transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

[data-anim="fade-up"]    { transform: translateY(40px); transition-duration: 0.8s; }
[data-anim="fade-in"]    { transition-duration: 1s; }
[data-anim="fade-left"]  { transform: translateX(-60px); transition-duration: 0.9s; }
[data-anim="fade-right"] { transform: translateX(60px); transition-duration: 0.9s; }
[data-anim="zoom-in"]    { transform: scale(0.95); transition-duration: 0.8s; }

[data-anim].is-visible {
	opacity: 1;
	transform: translate(0, 0) scale(1);
}

[data-delay="100"] { transition-delay: 0.1s; }
[data-delay="200"] { transition-delay: 0.2s; }
[data-delay="300"] { transition-delay: 0.3s; }
[data-delay="400"] { transition-delay: 0.4s; }

/* Header scroll state */
#header.scrolled {
	background: rgba(26, 13, 53, 0.97);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.35);
	padding-top: 12px;
	padding-bottom: 12px;
}

/* Hero Swiper pagination bullets */
.heroSwiper .swiper-pagination {
	bottom: 20px !important;
}
.heroSwiper .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
	transition: all 0.3s ease;
}
.heroSwiper .swiper-pagination-bullet-active,
.hero-bullet.swiper-pagination-bullet-active {
	background: var(--brand-primary);
	width: 36px;
	border-radius: 6px;
}

/* Hero dashboard Swiper (right side of index.php hero) */
.heroDashboardSwiper {
	position: relative;
	max-width: 100%;
}
.heroDashboardSwiper .swiper-wrapper {
	max-width: 100%;
}
.heroDashboardSwiper .swiper-slide {
	max-width: 100%;
	width: 100%;
	flex-shrink: 0;
}
.heroDashboardSwiper .swiper-slide img {
	max-width: 100%;
	height: auto;
	display: block;
}
.dashboard-bullet {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: rgba(26, 13, 53, 0.25);
	border: none;
	padding: 0;
	cursor: pointer;
	transition: all 0.3s ease;
}
.dashboard-bullet:hover {
	background: rgba(26, 13, 53, 0.45);
}
.dashboard-bullet-active {
	background: var(--brand-primary);
	width: 24px;
}

/* FAQ Accordion */
.faq-item {
	transition: all 0.3s ease;
}
.faq-item.active .faq-icon {
	transform: rotate(180deg);
}
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}
.faq-item.active .faq-answer {
	max-height: 600px;
}