body {
  margin: 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  background: #000;
}
#bgCanvas { position: fixed; top:0; left:0; width:100%; height:100%; z-index:-1; }

/* Logo */
.logo {display: flex;}
.logo span { font-weight:normal; }

/* Sections */
section { text-align:center; padding:80px 20px; }

/* Hero */
.hero h1 { font-size:36px; margin-bottom:10px; }
.hero p { max-width:700px; margin:0 auto 20px; }
.hero-buttons { margin-top:20px; }
.btn { padding:12px 24px; border-radius:8px; text-decoration:none; font-weight:bold; margin:5px; display:inline-block; }
.btn.primary { background:#ff007f; color:white; }
.btn.secondary { border:2px solid white; color:white; }
.more-btn { margin-top:40px; display:inline-block; }

/* Features */
.features { display:flex; justify-content:space-around; background:rgba(255,255,255,0.05); flex-wrap:wrap; }
.feature { max-width:250px; margin:20px; }
.feature .icon { font-size:36px; display:block; }

/* Influencers */
.influencers .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:10px; margin-top:30px; }
.card { background:rgba(255,255,255,0.08); border-radius:12px; padding:15px; display: flex; flex-direction: column; align-items: center;}
.card img { width:100px; height:100px; border-radius:50%; object-fit:cover; margin-bottom:10px; }
.card h4 { margin:5px 0; }
.card p { margin:5px 0 auto; padding-bottom: 15px; }
.social { display:flex; align-items:center; gap:8px; justify-content:flex-start; margin:3px 0; width: 70px;}
.social img { width:18px; height:18px; margin: 0;}

/* Cases */
.cases { background:rgba(255,255,255,0.05); }
.case-card { background:rgba(0,0,0,0.6); border-radius:12px; padding:20px; margin:20px auto; max-width:800px; text-align:left; cursor:pointer; }
.case-card .tag { background:#ff007f; padding:3px 8px; border-radius:8px; font-size:12px; }
.case-content { display:none; margin-top:10px; }
.case-card img { max-width:100%; border-radius:8px; object-fit: contain; float: left;}
.case-content a {color: #ff007f;}
.case-content ul li {
	margin: 6px 0;
}

/* Partner */
.partner img { max-width:200px; margin-top:20px; }

/* Footer */
footer { background:#111; padding:20px; text-align:center; font-size:14px; }



/* more styles */
.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position:fixed;
	top:20px;
	left:20px;
	right: 20px;
	font-size:22px;
	font-weight:bold;
	color:white;
	z-index:100;
}

.language-switcher {
	position: relative;
}

.language-switcher ul {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.language-switcher ul li {
	display: flex;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #fff;
}

.language-switcher ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 16px;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

.language-switcher ul li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-row {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 5px;
	margin: 8px 0;
}

.image-row img {
	margin: 0;
	object-fit: cover;
}

@media all and (min-width: 992px) {
	.influencers .grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 -5px;
		gap: 0;
	}
	.influencers .grid .card {
		width: calc(20% - 10px);
		margin: 5px;
		flex: 1 1 auto;
		box-sizing: border-box;
	}
}