*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

html,
body{
	width:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:#050505;
	color:#ffffff;
}

body{
	display:flex;
	flex-direction:column;
}

.site-header{
	padding:28px 40px;
	display:flex;
	justify-content:flex-end;
}

.lang-switch{
	display:flex;
	gap:10px;
}

.lang-switch a{
	text-decoration:none;
	color:rgba(255,255,255,.65);
	border:1px solid rgba(255,255,255,.14);
	padding:8px 12px;
	border-radius:30px;
	font-size:12px;
	letter-spacing:.12em;
}

.lang-switch a:hover,
.lang-switch a.active{
	color:#ffffff;
	border-color:rgba(255,255,255,.40);
}

.hero{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:30px;
	text-align:center;
}

.hero-inner{
	width:100%;
	max-width:1200px;
}

.hero-logo{
	width:100%;
	max-width:480px;
	height:auto;
	display:block;
	margin:0 auto 30px auto;
}

.tagline{
	font-size:24px;
	font-weight:400;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:rgba(255,255,255,.90);
	margin-bottom:18px;
}

.status{
	font-size:13px;
	letter-spacing:.10em;
	text-transform:uppercase;
	color:rgba(255,255,255,.45);
}

.site-footer{
	text-align:center;
	padding:24px;
	font-size:12px;
	color:rgba(255,255,255,.30);
}

@media(max-width:768px){

	.site-header{
		padding:22px;
		justify-content:center;
	}

	.hero{
		padding:20px;
	}

	.tagline{
		font-size:16px;
	}

	.status{
		font-size:11px;
	}
}