/* Theme accents aligned with hero */
:root {
	--brand-primary: #800080; /* classic purple to match existing */
	--brand-accent: #4CAF50;  /* original green link color */
	--brand-accent-hover: #8BC34A;
	--muted: #666;            /* match existing paragraph gray */
	--card-bg: #ffffff;
	--section-bg: #fff8ec;    /* closer to existing beige background */
	--radius-md: 14px;
	--radius-lg: 22px;
	--shadow-sm: 0 4px 12px rgba(0,0,0,0.08);
	--shadow-md: 0 10px 24px rgba(0,0,0,0.12);
	--transition: 300ms cubic-bezier(.2,.6,.2,1);
}

/* Section wrappers */
section {
	position: relative;
}

section h1 {
	border-bottom-color: var(--brand-primary);
}

/* About / Founders */
#about {
	background: var(--section-bg);
	padding-top: 100px;
}

#about .team h2,
#about #founders h2 {
	margin-left: 50px;
}

#founders {
	max-width: 1100px;
	margin: 0 auto;
	padding: 24px 24px 8px 24px;
	background: #fff;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-md);
}

.founder-profile {
	background: linear-gradient(90deg, rgba(248, 229, 157, 0.5) 0%, rgba(235, 222, 204, 0.6) 60%, rgba(237, 187, 243, 0.6) 100%);
	border-radius: var(--radius-md);
	border: 1px solid rgba(94,43,151,0.12);
}

.founder-details h3 {
	color: var(--brand-primary);
}

.founder-details p { color: var(--muted); line-height: 1.75; }

/* Overview carousel caption improvements (already centered) */
.carousel-caption.centered-caption {
	background-color: rgba(44, 5, 55, 0.35);
	border: 1px solid rgba(255,255,255,0.28);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-md);
}

.carousel-caption.centered-caption h5 { color: #fff; }
.carousel-caption.centered-caption p { color: #f1f5f9; }

/* Services */
#services { padding-top: 80px; }

.company-services {
	max-width: 1200px;
	margin: 0 auto;
	gap: 24px;
}

.card {
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	border: 1px solid rgba(0,0,0,0.06);
	transition: transform var(--transition), box-shadow var(--transition);
}

.card:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-8px);
}

.card-header {
	border-radius: calc(var(--radius-lg) - 6px);
	border: 1px dashed rgba(128,0,128,0.25);
	color: #2b2b2b;
}

.card-content li { list-style: none; margin: 8px 0; color: #374151; }
.card-content li::before { content: "✔"; color: var(--brand-accent); margin-right: 10px; }

/* Associates */
#associates { padding-top: 80px; }

.company-lists {
	max-width: 1200px;
	margin: 0 auto;
	align-items: flex-start;
}

.company a { color: var(--brand-accent); }
.company a:hover { color: var(--brand-accent-hover); }
.company p { color: #666; }

.logo-band {
	background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.02));
	border-top: 1px solid rgba(0,0,0,0.06);
	border-bottom: 1px solid rgba(0,0,0,0.06);
	padding: 20px 0;
}

.company-logo {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	align-items: center;
	justify-items: center;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.company-logo img {
	width: 100%;
	max-width: 150px;
	filter: grayscale(5%);
	transition: transform var(--transition), filter var(--transition);
}
.company-logo img:hover { transform: translateY(-6px) scale(1.03); filter: grayscale(0); }

@media (max-width: 992px) {
	.company-logo { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 576px) {
	.company-logo { grid-template-columns: repeat(3, 1fr); }
}

/* Gallery */
#gallery { padding-top: 80px; }

.gallery-images img {
	border-radius: var(--radius-lg);
	box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* Contact */
#contact { padding-top: 80px; }

.contact-item {
	background: #ffffff;
	box-shadow: var(--shadow-sm);
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: var(--radius-md);
	padding: 12px 14px;
	margin: 12px 0;
}

.contact-item p, .contact-item a { color: #1f2937; }
.contact-item svg { flex: 0 0 auto; }

/* Footer */
footer {
	background-color: rgba(52, 10, 83, 0.5); /* match original */
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-top: 1px solid rgba(255,255,255,0.35);
}

/* Subtle reveal reuse */
.reveal { will-change: opacity, transform; }