/* Google stack strip + services + experience strip. */

.ms-gstack {
	padding: 36px var(--ms-pad-x);
	background: var(--ms-bg);
	border-bottom: 1px solid var(--ms-line);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 40px;
}

.ms-gstack-intro { max-width: 340px; }

.ms-gstack-title {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.4px;
	line-height: 1.2;
	color: var(--ms-ink);
	margin: 8px 0 0;
}

.ms-gstack-icons {
	display: flex;
	gap: 40px;
	align-items: center;
	flex-wrap: wrap;
}

.ms-gstack-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.ms-gstack-item-label {
	font-size: 12px;
	color: var(--ms-ink);
	font-weight: 600;
	letter-spacing: 0.3px;
}

/* Services */

.ms-services {
	padding: 72px var(--ms-pad-x) 40px;
	background: var(--ms-surface);
	border-bottom: 1px solid var(--ms-line);
}

.ms-services-title {
	font-size: 56px;
	line-height: 1.02;
	letter-spacing: -2px;
	font-weight: 800;
	max-width: 900px;
	margin: 16px 0 32px;
}

.ms-services-title .ms-accent { color: var(--ms-accent); }

.ms-services-sub {
	font-size: 18px;
	line-height: 1.55;
	color: var(--ms-ink);
	max-width: 860px;
	margin: 0 0 40px;
	font-weight: 500;
}

.ms-service-row {
	padding: 32px 0;
	border-top: 1px solid var(--ms-line);
	display: grid;
	grid-template-columns: 180px 1fr 40px;
	align-items: center;
	gap: 32px;
	color: inherit;
	text-decoration: none;
	transition: background 0.18s ease;
}

a.ms-service-row:hover,
a.ms-service-row:focus-visible {
	background: rgba(176, 84, 42, 0.04);
	outline: none;
}

a.ms-service-row:focus-visible {
	box-shadow: inset 0 0 0 2px var(--ms-accent);
}

.ms-service-row:last-child { border-bottom: 1px solid var(--ms-line); }

.ms-service-tag {
	font-size: 12px;
	letter-spacing: 1.5px;
	font-family: var(--ms-font-mono);
	color: var(--ms-muted);
}

.ms-service-name {
	font-size: 30px;
	line-height: 1.1;
	letter-spacing: -0.5px;
	margin-bottom: 6px;
	font-weight: 700;
}

.ms-service-desc {
	font-size: 15px;
	color: var(--ms-ink);
	opacity: 0.75;
	max-width: 620px;
}

.ms-service-arrow { text-align: right; }

/* Experience strip */

.ms-experience {
	padding: 48px var(--ms-pad-x);
	background: var(--ms-bg);
	border-bottom: 1px solid var(--ms-line);
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 56px;
	align-items: center;
}

.ms-experience-num {
	display: flex;
	align-items: center;
	gap: 18px;
}

.ms-experience-big {
	font-size: 72px;
	font-weight: 900;
	letter-spacing: -2px;
	color: var(--ms-accent);
	line-height: 1;
}

.ms-experience-big sup {
	font-size: 40px;
	top: 0;
	vertical-align: baseline;
}

.ms-experience-label {
	font-size: 14px;
	line-height: 1.3;
	color: var(--ms-ink);
	font-weight: 600;
	max-width: 160px;
}

.ms-experience-copy {
	font-size: 18px;
	line-height: 1.55;
	color: var(--ms-ink);
	max-width: 860px;
	font-weight: 500;
}