:root {
	--siemens-teal: #00a7b3;
	--siemens-teal-dark: #0f6f77;
	--siemens-navy: #0c223f;
	--siemens-navy-deep: #07182f;
	--siemens-text: #13253f;
	--siemens-muted: #5f6f80;
	--siemens-border: #dbe4ec;
	--siemens-soft: #f3f7fa;
	--siemens-white: #ffffff;
	--siemens-footer: #071a2f;
	--container: 1180px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: "Manrope", sans-serif;
	color: var(--siemens-text);
	background: var(--siemens-white);
	overflow-x: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
	display: block;
	height: auto;
}

.container {
	width: min(var(--container), calc(100% - 48px));
	margin: 0 auto;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(255, 255, 255, 0.97);
	border-bottom: 1px solid rgba(12, 34, 63, 0.08);
}

.admin-bar .site-header {
	top: 32px;
}

.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: 84px;
}

.header-panel {
	display: flex;
	align-items: center;
	gap: 24px;
	flex: 1;
	justify-content: flex-end;
}

.brand-mark {
	display: inline-flex;
	align-items: center;
}

.brand-lockup {
	display: inline-flex;
	align-items: center;
	gap: 18px;
}

.brand-name {
	display: inline-flex;
	flex-direction: column;
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0;
	color: var(--siemens-teal-dark);
}

.brand-name em {
	font-style: normal;
	font-weight: 700;
	color: #8c5fc8;
	margin-top: 2px;
}

.brand-divider {
	width: 1px;
	height: 46px;
	background: rgba(19, 37, 63, 0.18);
}

.brand-tagline {
	max-width: 118px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--siemens-text);
}

.primary-navigation .menu {
	display: flex;
	align-items: center;
	gap: 36px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-menu-toggle {
	display: none;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid rgba(12, 34, 63, 0.12);
	border-radius: 2px;
	background: var(--siemens-white);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
}

.header-menu-toggle span {
	display: block;
	width: 20px;
	height: 2px;
	background: var(--siemens-text);
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.header-menu-toggle .screen-reader-text {
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.header-menu-toggle.is-open span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.header-menu-toggle.is-open span:nth-child(2) {
	opacity: 0;
}

.header-menu-toggle.is-open span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

.primary-navigation .menu a,
.header-lang {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0;
}

.primary-navigation .menu li:first-child a {
	color: var(--siemens-teal);
	position: relative;
}

.primary-navigation .menu li:first-child a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -17px;
	height: 3px;
	background: var(--siemens-teal);
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.header-lang {
	border: 0;
	padding: 0;
	color: var(--siemens-text);
}

.si-hero {
	min-height: 720px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
}

.si-hero__content {
	padding: 120px 0 118px;
}

.si-hero__content h1 {
	max-width: 540px;
	margin: 0 0 24px;
	font-size: clamp(56px, 7vw, 96px);
	line-height: 0.96;
	font-weight: 800;
	color: var(--siemens-white);
}

.si-hero__content p {
	max-width: 500px;
	margin: 0 0 38px;
	font-size: 18px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.9);
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 0 28px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.button-primary {
	background: var(--siemens-teal);
	color: var(--siemens-white);
}

.button-primary::after {
	content: "\2192";
	margin-left: 14px;
	font-size: 16px;
}

.si-section {
	padding: 74px 0;
}

.si-about__grid,
.si-services__grid,
.si-projects__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 34px;
	align-items: start;
}

.si-section-heading {
	max-width: 760px;
}

.si-kicker {
	display: inline-block;
	margin-bottom: 14px;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--siemens-teal);
}

.si-kicker-block h2 {
	margin: 0;
	font-size: clamp(32px, 3.4vw, 54px);
	line-height: 1.06;
	font-weight: 800;
	color: var(--siemens-text);
}

.si-section-heading h2 {
	margin: 0;
	font-size: clamp(32px, 3.4vw, 54px);
	line-height: 1.06;
	font-weight: 800;
	color: var(--siemens-text);
}

.si-about__copy p,
.si-service-card p,
.si-project-card p,
.si-contact__copy p,
.footer-brand p,
.footer-links-col li,
.footer-contact-list li {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: var(--siemens-muted);
}

.si-about__row {
	display: grid;
	grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
	gap: 40px;
	align-items: start;
}

.si-stats,
.si-impact-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.si-stat,
.si-impact-stat {
	text-align: center;
}

.si-stat strong,
.si-impact-stat strong {
	display: block;
	margin-bottom: 6px;
	font-size: 22px;
	font-weight: 800;
	color: var(--siemens-text);
}

.si-stat span,
.si-impact-stat span {
	display: block;
	font-size: 14px;
	line-height: 1.6;
	color: var(--siemens-muted);
}

.si-stat__icon,
.si-service-card__icon {
	width: 52px;
	height: 52px;
	margin: 0 auto 18px;
	border: 2px solid rgba(0, 167, 179, 0.8);
	border-radius: 50%;
	position: relative;
}

.si-service-card__icon {
	margin: 0 0 22px;
	border-radius: 0;
	border-color: transparent;
}

.si-stat__icon::before,
.si-service-card__icon::before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 2px solid var(--siemens-teal);
	border-radius: 50%;
}

.si-stat__icon--global::before {
	border-radius: 50%;
	box-shadow: inset 0 0 0 999px transparent;
}

.si-stat__icon--gear::before,
.si-service-card__icon--engineering::before {
	border-radius: 8px;
	transform: rotate(45deg);
}

.si-stat__icon--bolt::before {
	border-radius: 0;
	clip-path: polygon(44% 0, 100% 0, 62% 46%, 84% 46%, 24% 100%, 44% 58%, 18% 58%);
	background: var(--siemens-teal);
	border: 0;
}

.si-stat__icon--chart::before {
	border-radius: 0;
	border: 0;
	background:
		linear-gradient(to top, var(--siemens-teal) 0 100%) left 8px bottom 8px / 5px 14px no-repeat,
		linear-gradient(to top, var(--siemens-teal) 0 100%) center bottom 8px / 5px 22px no-repeat,
		linear-gradient(to top, var(--siemens-teal) 0 100%) right 8px bottom 8px / 5px 30px no-repeat;
}

.si-stat__icon--leaf::before {
	border-radius: 70% 0 70% 0;
	transform: rotate(-45deg);
}

.si-services {
	background: var(--siemens-soft);
}

.si-services__row,
.si-projects__row {
	width: 100%;
}

.si-service-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.si-service-card {
	padding: 0 24px;
	border-left: 1px solid var(--siemens-border);
}

.si-service-card:first-child {
	border-left: 0;
}

.si-service-card h3,
.si-project-card h3,
.footer-links-col h3,
.footer-contact-card h3 {
	margin: 0 0 12px;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 800;
	color: var(--siemens-text);
}

.si-service-card__icon--generation::before,
.si-service-card__icon--grid::before,
.si-service-card__icon--engineering::before,
.si-service-card__icon--maintenance::before {
	content: "";
	position: absolute;
	inset: 6px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	border: 0;
}

.si-service-card__icon--generation::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M14 48V26h10v22M24 48V14h16v34M40 48V34h10v14M10 52h44' fill='none' stroke='%2300a7b3' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.si-service-card__icon--grid::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 10l-8 14h16l-8-14Zm-4 14-6 28m16-28 6 28M18 36h28M14 52h36' fill='none' stroke='%2300a7b3' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.si-service-card__icon--engineering::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 12l5 3 6-1 2 6 5 4-2 6 2 6-5 4-2 6-6-1-5 3-5-3-6 1-2-6-5-4 2-6-2-6 5-4 2-6 6 1 5-3Zm0 14a6 6 0 1 0 0 12a6 6 0 0 0 0-12Z' fill='none' stroke='%2300a7b3' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.si-service-card__icon--maintenance::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='m20 44 24-24m-4-6 10 10m-30 0a8 8 0 1 1 10 10L18 46a4 4 0 0 1-6-6l8-8Z' fill='none' stroke='%2300a7b3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.si-project-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}

.si-project-card img {
	width: 100%;
	aspect-ratio: 1.18 / 0.66;
	object-fit: cover;
	margin-bottom: 18px;
}

.si-project-card__meta {
	margin-bottom: 6px;
	font-weight: 700;
	color: var(--siemens-text);
}

.si-project-card a {
	display: inline-flex;
	align-items: center;
	margin-top: 18px;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--siemens-teal);
}

.si-project-card a::after {
	content: "\2192";
	margin-left: 10px;
}

.si-contact-section {
	padding: 74px 0;
	background-position: center;
	background-size: cover;
	color: var(--siemens-white);
}

.si-contact-section__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 34px;
	align-items: start;
}

.si-section-heading--light h2,
.site-footer,
.footer-brand .brand-name,
.footer-brand .brand-name em,
.footer-links-col h3,
.footer-contact-card h3,
.footer-links-col li,
.footer-brand p,
.footer-contact-list li,
.footer-bottom,
.footer-bottom-links a {
	color: var(--siemens-white);
}

.si-contact__row {
	display: grid;
	grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
	gap: 40px;
	align-items: start;
}

.si-contact__copy {
	max-width: 360px;
}

.si-contact__copy p {
	color: rgba(255, 255, 255, 0.82);
}

.si-contact__details {
	list-style: none;
	padding: 0;
	margin: 24px 0 0;
	display: grid;
	gap: 12px;
}

.si-contact__details li {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--siemens-white);
}

.si-contact-form {
	padding: 32px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(6px);
}

.si-contact-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 20px;
	margin-bottom: 24px;
}

.si-contact-form__grid label {
	display: grid;
	gap: 10px;
}

.si-contact-form__full {
	grid-column: 1 / -1;
}

.si-contact-form span {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--siemens-white);
}

.si-contact-form input,
.si-contact-form textarea {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.96);
	font: inherit;
	color: var(--siemens-text);
}

.si-contact-form textarea {
	resize: vertical;
	min-height: 130px;
}

.si-contact-form input:focus,
.si-contact-form textarea:focus {
	outline: 2px solid rgba(0, 167, 179, 0.4);
	outline-offset: 1px;
}

.site-footer {
	background: var(--siemens-footer);
	padding: 64px 0 28px;
}

.footer-top--columns {
	display: grid;
	grid-template-columns: 1.15fr 0.8fr 0.8fr 1fr;
	gap: 34px;
}

.brand-lockup--footer .brand-name {
	font-size: 17px;
}

.brand-mark--footer {
	margin-bottom: 18px;
}

.footer-lead {
	margin-bottom: 14px !important;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.92) !important;
}

.footer-socials {
	display: flex;
	gap: 12px;
	margin-top: 24px;
}

.footer-socials a {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.footer-links-col ul,
.footer-contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.footer-contact-card .button {
	margin-top: 28px;
}

.footer-divider {
	margin: 34px auto 22px;
	height: 1px;
	background: rgba(255, 255, 255, 0.12);
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	font-size: 13px;
}

.footer-bottom-links {
	display: flex;
	gap: 28px;
}

.fallback-section {
	padding: 64px 0;
}

.content-card {
	background: var(--siemens-white);
	padding: 42px;
	box-shadow: 0 18px 36px rgba(7, 24, 47, 0.08);
}

@media (max-width: 1150px) {
	.footer-top--columns,
	.si-about__grid,
	.si-services__grid,
	.si-projects__grid,
	.si-contact-section__grid,
	.si-about__row,
	.si-contact__row {
		grid-template-columns: 1fr;
	}

	.primary-navigation .menu {
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.si-service-list,
	.si-project-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.si-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.container {
		width: min(var(--container), calc(100% - 32px));
	}

	.header-inner {
		min-height: 72px;
		padding: 12px 0;
	}

	.brand-lockup {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.brand-divider {
		display: none;
	}

	.header-menu-toggle {
		display: inline-flex;
		margin-left: auto;
	}

	.header-panel {
		position: absolute;
		top: calc(100% + 1px);
		left: 0;
		right: 0;
		display: none;
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		padding: 20px 16px 22px;
		background: var(--siemens-white);
		border-bottom: 1px solid rgba(12, 34, 63, 0.08);
		box-shadow: 0 16px 28px rgba(7, 24, 47, 0.12);
	}

	.header-panel.is-open {
		display: flex;
	}

	.primary-navigation,
	.header-actions {
		width: 100%;
	}

	.primary-navigation .menu {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}

	.primary-navigation .menu li:first-child a::after {
		display: none;
	}

	.header-actions {
		justify-content: flex-start;
	}

	.si-hero {
		min-height: 560px;
	}

	.si-hero__content {
		padding: 72px 0 68px;
	}

	.si-hero__content h1 {
		font-size: 46px;
	}

	.si-service-list,
	.si-project-cards,
	.si-stats,
	.si-contact-form__grid {
		grid-template-columns: 1fr;
	}

	.si-service-card {
		border-left: 0;
		padding-inline: 0;
	}

	.si-contact-form {
		padding: 24px 20px;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media screen and (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}