/* Enterprise art direction. Shared interaction primitives remain in site-studio.css. */
:root {
	--ink: #25272c;
	--muted: #60636c;
	--green: #176960;
	--green-dark: #233534;
	--line: #dedfe2;
	--soft: #f5f6f7;
	--mint: #eef3f2;
	--coral: #a44835;
	--space: 112px;
	--header: 82px;
	--radius: 5px;
	--accent: #5b4ad1;
	background: #fcfcfc;
}
h1,
h2,
h3 {
	font-weight: 450;
	letter-spacing: 0;
}
h1 {
	font-size: 64px;
	line-height: 1.1;
}
h2 {
	font-size: 44px;
	line-height: 1.15;
}
p {
	line-height: 1.75;
}
em {
	color: var(--green);
}
.wrap {
	max-width: 1240px;
	width: calc(100% - 120px);
}
.eyebrow {
	font-size: 12px;
	color: var(--muted);
	font-weight: 600;
}
.eyebrow::before {
	content: '';
	width: 20px;
	height: 1px;
	display: inline-block;
	background: var(--accent);
	vertical-align: middle;
	margin-right: 10px;
}
.button {
	background: var(--ink);
	font-weight: 550;
	padding: 15px 23px;
	border-color: var(--ink);
}
.button:hover {
	background: var(--green-dark);
	border-color: var(--green-dark);
}
.button-outline {
	color: var(--ink);
	background: transparent;
	border-color: #a3a6ad;
}
.button-outline:hover {
	background: #fff;
	color: var(--green);
	border-color: var(--green);
}
.hero .button-outline {
	background: #f7f8f8;
}
.text-link {
	font-weight: 550;
}
.site-header {
	background: #fcfcfcf5;
}
.nav {
	gap: 34px;
}
.brand {
	font-weight: 600;
	font-size: 24px;
}
.desktop-nav {
	margin-inline: auto;
}
.nav-cta {
	font-size: 13px;
	min-height: 44px;
	padding: 11px 18px;
}
.dropdown-panel {
	border-radius: 6px;
	box-shadow: 0 16px 40px #25272c12;
}
.dropdown-panel small {
	max-width: 230px;
}
.hero {
	background: #f7f8f8;
}
.hero-grid {
	min-height: 568px;
	padding-block: 62px 74px;
}
.hero-copy {
	max-width: 630px;
}
.hero h1 {
	font-size: 63px;
	line-height: 1.1;
	font-weight: 450;
	margin-bottom: 24px;
	max-width: 620px;
	text-wrap: initial;
}
.hero h1 em {
	color: var(--ink);
}
.hero-lede {
	max-width: 445px;
	font-size: 17px;
	line-height: 1.75;
	margin-bottom: 28px;
}
.hero-copy .eyebrow {
	font-size: 12px;
	margin-bottom: 27px;
}
.hero-art img {
	object-position: center;
	object-fit: contain;
	animation: none;
}
.hero-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-block: 20px;
	position: relative;
	color: #494d54;
	font-size: 12px;
}
.hero-foot a {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-height: 40px;
	color: var(--ink);
	font-weight: 550;
}
.portfolio-rail {
	border-bottom: 1px solid var(--line);
	background: #fff;
}
.portfolio-rail > .wrap {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.portfolio-rail a {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 29px 18px;
	min-width: 0;
	border-right: 1px solid var(--line);
}
.portfolio-rail a:first-child {
	padding-left: 0;
}
.portfolio-rail a:last-child {
	border-right: 0;
	padding-right: 0;
}
.portfolio-rail a:hover strong {
	color: var(--green);
}
.portfolio-rail img {
	width: 35px;
	height: 35px;
	object-fit: contain;
}
.portfolio-rail .saloma-logo {
	width: 68px;
	height: 28px;
}
.portfolio-rail strong,
.portfolio-rail small {
	display: block;
}
.portfolio-rail strong {
	font-size: 16px;
	font-weight: 550;
}
.portfolio-rail small {
	font-size: 11px;
	line-height: 1.6;
	color: var(--muted);
	margin-top: 4px;
}
.portfolio-rail .icon {
	width: 16px;
	margin-left: auto;
}
.rail-number {
	display: none;
}
.section-head {
	grid-template-columns: 1fr 1fr;
	gap: 110px;
	align-items: end;
	margin-bottom: 50px;
}
.section-head h2 {
	max-width: 560px;
}
.section-head > p {
	font-size: 17px;
	max-width: 450px;
}
.section-head > div > p:not(.eyebrow) {
	max-width: 470px;
}
.product-tabs {
	border-top: 0;
	margin-bottom: 46px;
}
.product-tab {
	border-right: 0;
	min-height: 100px;
	padding: 19px 20px;
}
.product-tab:not(:first-child) {
	padding-left: 24px;
}
.product-tab strong {
	font-weight: 500;
	font-size: 24px;
}
.product-tab[aria-selected='true'] {
	box-shadow: inset 0 -2px var(--green);
	background: #f0f4f3;
}
.product-tab:first-child {
	padding-left: 18px;
}
.product-tab > span {
	font-size: 12px;
}
.product-tab > .icon {
	width: 18px;
}
.product-explorer .showcase-panel {
	min-height: 510px;
}
.showcase-panel {
	grid-template-columns: 0.86fr 1.14fr;
	gap: 80px;
}
.showcase-copy h2,
.showcase-copy h3 {
	font-size: 38px;
	font-weight: 450;
	line-height: 1.2;
}
.showcase-copy > p {
	font-size: 16px;
}
.showcase-copy > .eyebrow {
	font-size: 12px;
	margin-bottom: 18px;
}
.business-tags {
	border: 0;
	padding-block: 23px;
	gap: 8px 18px;
	font-size: 12px;
}
.business-tags li {
	padding: 0;
}
.business-tags li:before {
	background: var(--accent);
}
.showcase-platform {
	grid-template-columns: 0.75fr 1.25fr;
	gap: 54px;
}
.section-tail {
	margin-top: 44px;
	padding-top: 24px;
	font-size: 13px;
}
.platform-preview {
	min-width: 0;
	width: 100%;
}
.platform-toolbar {
	display: flex;
	align-items: center;
	gap: 18px;
	border-bottom: 1px solid var(--line);
	padding: 0 0 14px;
	margin-bottom: 15px;
}
.platform-toolbar > span {
	font-size: 12px;
	font-weight: 550;
	color: var(--muted);
	margin-right: auto;
}
.platform-views {
	display: flex;
	align-items: stretch;
	gap: 4px;
}
.platform-views button {
	background: transparent;
	border-bottom: 2px solid transparent;
	padding: 10px 8px;
	min-height: 44px;
	font-size: 12px;
	color: var(--muted);
}
.platform-views button[aria-pressed='true'] {
	border-color: var(--green);
	color: var(--ink);
}
.platform-views button:hover {
	background: var(--soft);
}
.screenshot-zoom {
	width: 40px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.screenshot-zoom:hover {
	color: var(--green);
}
.platform-image {
	display: block;
	aspect-ratio: 1.44;
	background: #f8f8fa;
	overflow: hidden;
	border: 1px solid #dedee4;
	border-radius: 5px;
	box-shadow: 0 16px 40px -30px #20233180;
	cursor: zoom-in;
}
.platform-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.platform-preview figcaption {
	display: grid;
	gap: 6px;
	margin-top: 16px;
	font-size: 12px;
	color: var(--muted);
	line-height: 1.65;
}
.platform-preview figcaption > span:first-child {
	color: var(--ink);
	font-weight: 500;
}
.screenshot-dialog {
	width: min(1440px, 96%);
	max-width: none;
	max-height: 96dvh;
	border: 1px solid var(--line);
	border-radius: 6px;
	padding: 15px;
	background: #fff;
	color: var(--ink);
}
.screenshot-dialog::backdrop {
	background: #141b24c9;
}
.screenshot-dialog-head {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	padding-bottom: 12px;
}
.screenshot-dialog-head h2 {
	font-size: 18px;
	font-weight: 550;
}
.screenshot-dialog-head button {
	background: var(--soft);
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 4px;
}
.screenshot-dialog img {
	width: 100%;
}
.screenshot-viewport {
	overflow: auto;
	max-height: calc(90dvh - 140px);
}
.screenshot-dialog p {
	font-size: 12px;
	margin-top: 12px;
}
.accountability-section {
	background: #233534;
	color: #fff;
}
.accountability-section .eyebrow {
	color: #c4cecc;
}
.accountability-section .eyebrow:before {
	background: #b9aeef;
}
.accountability-section h2 {
	font-size: 40px;
	max-width: 650px;
}
.accountability-section em {
	color: #a6d6c9;
}
.accountability-section p {
	color: #d4dddd;
}
.accountability-section .text-link {
	margin-top: 20px;
	color: #d0e9e1;
}
.accountability-section .principles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 34px;
}
.accountability-section .principles article {
	border: 0;
	border-top: 1px solid #607572;
	grid-template-columns: 24px 1fr;
	gap: 12px;
	padding-block: 26px;
}
.accountability-section .principles article > span {
	color: #bdd0cb;
}
.accountability-section .principles h3 {
	font-size: 21px;
}
.accountability-section .principles p {
	font-size: 15px;
}
.accountability-note {
	border-top: 1px solid #607572;
	padding-top: 23px;
	margin-top: 16px;
	font-size: 12px;
}
.accountability-note a {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	min-height: 36px;
	text-decoration: underline;
	text-underline-offset: 4px;
	margin-left: 5px;
}
.accountability-note .icon {
	width: 15px;
}
.services-section {
	background: #f5f6f7;
}
.service-row {
	grid-template-columns: 35px 1fr 1fr;
	padding-block: 32px;
	gap: 30px;
	border-color: var(--line);
}
.service-row:last-child {
	border-color: var(--line);
}
.service-row h3 {
	font-size: 25px;
}
.service-row .item-number {
	color: var(--accent);
}
.service-output {
	padding-left: 50px;
}
.service-output strong {
	font-weight: 550;
	font-size: 15px;
}
.business-fit-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
}
.business-fit-list article {
	border-top: 1px solid var(--line);
	padding-top: 24px;
}
.business-fit-list article > span {
	font-size: 12px;
	color: var(--accent);
}
.business-fit-list h3 {
	font-size: 22px;
	margin: 20px 0 14px;
}
.business-fit-list p {
	font-size: 15px;
}
.contact-band {
	background: #eef2f1;
	color: var(--ink);
	padding-block: 88px;
}
.contact-band-grid {
	grid-template-columns: 1fr;
	text-align: center;
	justify-items: center;
	gap: 25px;
}
.contact-band .eyebrow {
	color: var(--muted);
	font-size: 12px;
}
.contact-band h2 {
	font-size: 45px;
	max-width: 670px;
}
.contact-band p {
	color: var(--muted);
	max-width: 560px;
	font-size: 16px;
}
.contact-band .button {
	background: var(--ink);
	color: white;
}
.contact-band .button:hover {
	background: var(--green-dark);
}
.contact-band .actions {
	justify-content: center;
	margin-top: 26px;
}
.contact-band .text-link:hover {
	color: var(--green);
}
.index-hero {
	background: #f5f6f7;
	padding-block: 78px 70px;
	border-bottom: 1px solid var(--line);
}
.index-hero h1 {
	font-size: 62px;
	max-width: 890px;
	font-weight: 450;
}
.index-hero .lede {
	font-size: 18px;
	max-width: 620px;
}
.comparison-section {
	padding-block: 46px 64px;
}
.compare-heading,
.compare-row {
	grid-template-columns: 0.8fr 1.2fr 1fr;
	gap: 40px;
}
.compare-row {
	padding-block: 27px;
}
.portfolio-product:nth-of-type(2n + 1) {
	background: #f5f6f7;
}
.business-result {
	border-color: #867bd0;
}
.breadcrumbs {
	font-size: 12px;
	padding-block: 24px;
}
.detail-hero {
	padding-block: 30px 40px;
}
.detail-hero-grid {
	grid-template-columns: 1fr 1fr;
	gap: 95px;
}
.product-brandline {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}
.product-brandline img {
	width: 42px;
	height: 42px;
	object-fit: contain;
}
.product-brandline .saloma-logo {
	width: 98px;
	height: 35px;
}
.product-brandline .eyebrow {
	margin: 0;
}
.product-brandline .eyebrow:before {
	display: none;
}
.detail-hero h1 {
	font-size: 62px;
	margin-bottom: 20px;
	font-weight: 450;
}
.product-promise {
	color: var(--green);
	font-size: 27px;
	line-height: 1.35;
	margin-bottom: 22px;
	max-width: 530px;
}
.detail-hero .lede {
	font-size: 16px;
	max-width: 560px;
}
.product-ikb .detail-hero-grid {
	grid-template-columns: 1.25fr 0.75fr;
}
.infrastructure-intro {
	padding-left: 32px;
	border-left: 1px solid var(--line);
}
.infrastructure-intro > span {
	font-size: 12px;
	color: var(--muted);
}
.infrastructure-intro ul {
	list-style: none;
	margin: 20px 0;
}
.infrastructure-intro li {
	font-size: 22px;
	padding-block: 13px;
	border-top: 1px solid var(--line);
}
.infrastructure-intro li:last-child {
	border-bottom: 1px solid var(--line);
}
.fact-grid {
	margin-top: 50px;
	gap: 40px;
	padding-top: 26px;
}
.fact-grid dt {
	font-weight: 450;
	font-size: 30px;
}
.page-nav {
	background: #fcfcfc;
}
.page-nav a {
	padding-block: 18px;
}
.platform-stage {
	background: #f5f6f7;
}
.platform-stage .platform-preview {
	max-width: 1060px;
	margin-inline: auto;
}
.platform-stage .platform-toolbar > span {
	font-size: 15px;
}
.platform-stage .platform-views button {
	font-size: 14px;
	padding-inline: 17px;
}
.platform-stage .platform-preview figcaption {
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
.infrastructure-layers {
	list-style: none;
}
.infrastructure-layers li {
	display: flex;
	gap: 22px;
	align-items: center;
	border-top: 1px solid var(--line);
	padding-block: 25px;
}
.infrastructure-layers li:last-child {
	border-bottom: 1px solid var(--line);
}
.infrastructure-layers li > span {
	font-size: 12px;
	color: var(--accent);
	align-self: flex-start;
	margin-top: 4px;
}
.infrastructure-layers h3 {
	font-size: 22px;
	margin-bottom: 8px;
}
.infrastructure-layers p {
	font-size: 15px;
}
.infrastructure-layers .icon {
	margin-left: auto;
	color: var(--green);
}
.infrastructure-section .text-link {
	margin-top: 22px;
}
.content-split {
	grid-template-columns: 0.85fr 1.15fr;
	gap: 100px;
}
.content-split .section-heading h2 {
	font-size: 38px;
}
.content-section .section-heading .eyebrow {
	color: var(--muted);
}
.section-features,
.section-work {
	background: #f5f6f7;
}
.capability {
	border-color: var(--line);
}
.capability:last-child {
	border-color: var(--line);
}
.capability summary {
	min-height: 84px;
}
.capability h3 {
	font-size: 21px;
}
.capability > div {
	font-size: 16px;
	padding-bottom: 28px;
}
.section-process {
	background: #eef3f2;
}
.process-steps li {
	padding-top: 24px;
}
.process-steps h3 {
	font-size: 21px;
	font-weight: 500;
}
.section-assurance {
	background: #fcfcfc;
}
.service-hero {
	padding-bottom: 68px;
}
.service-hero h1 {
	font-size: 53px;
}
.service-promise {
	color: var(--green);
	font-size: 25px;
}
.service-diagram {
	padding-top: 0;
}
.service-diagram li {
	padding-block: 29px;
}
.service-diagram li strong {
	font-weight: 500;
}
.service-diagram .diagram-index {
	color: var(--accent);
}
.company-hero {
	padding-block: 70px 80px;
	background: #f7f8f8;
}
.company-hero h1 {
	font-size: 28px;
	margin-bottom: 25px;
}
.company-hero-copy {
	max-width: 640px;
}
.company-statement {
	font-size: 58px;
	line-height: 1.13;
	color: var(--ink);
	font-weight: 450;
	margin-bottom: 26px;
}
.company-hero .lede {
	max-width: 470px;
	font-size: 17px;
}
.company-hero .button {
	margin-top: 25px;
}
.company-art {
	object-position: center 35%;
}
.humans-section {
	background: #eef3f2;
}
.human-word {
	font-size: 80px;
	font-weight: 450;
}
.company-points article {
	padding-block: 23px;
}
.contact-page {
	background: #fcfcfc;
}
.contact-intro h1 {
	font-size: 68px;
	font-weight: 450;
}
.brief {
	background: transparent;
	border: 0;
	border-left: 1px solid var(--line);
	padding-left: 50px;
}
.brief > h2 {
	font-size: 29px;
	font-weight: 450;
}
.brief input,
.brief select,
.brief textarea {
	background: #fff;
	border-color: #bfc2c7;
	border-radius: 4px;
}
.conversation-note {
	border-color: var(--line);
}
.footer {
	background: #f2f3f4;
	padding-top: 62px;
}
.footer-brand p {
	font-size: 15px;
}
.footer-main {
	grid-template-columns: 1.5fr 1fr 1.2fr 1.1fr;
	gap: 40px;
}
.footer-links a {
	min-height: 38px;
}
.footer h2 {
	font-weight: 600;
	color: var(--ink);
}
.footer-policies a:hover,
.footer-links a:hover {
	color: var(--green);
	text-decoration: underline;
	text-underline-offset: 4px;
}
.policy-switcher {
	background: #f5f6f7;
}
.policy-hero {
	background: #fcfcfc;
}
.product-scene {
	border-color: var(--line);
}
.translation-scene .wave i {
	background: var(--green);
}
.translation-scene .wave i:nth-child(3n) {
	background: #8474b9;
}
.voice-scene .wave i {
	background: #74629c;
}
.voice-scene .wave i:nth-child(3n) {
	background: #388f85;
}
.wave {
	height: 92px;
}
.spoken-source p {
	font-size: 32px;
	font-weight: 450;
}
.language-outputs strong {
	font-weight: 500;
}
.scene-heading > span:first-child {
	font-size: 13px;
}
.scene-heading .icon {
	color: var(--green);
}
.call-journey li > span {
	color: var(--green);
}
.example-control select {
	background: transparent;
	border-color: #aeb7b8;
}
@media (min-width: 1101px) {
	.content-split > .section-heading {
		align-self: start;
		position: sticky;
		top: 115px;
	}
}
@media (max-width: 1100px) {
	.wrap {
		width: calc(100% - 72px);
	}
	.hero h1 {
		font-size: 55px;
	}
	.hero-copy {
		max-width: 560px;
	}
	.hero-grid {
		min-height: 530px;
	}
	.hero-art img {
		opacity: 1;
		object-position: 55% center;
	}
	.section-head {
		gap: 55px;
	}
	.showcase-panel,
	.showcase-platform,
	.detail-hero-grid {
		gap: 40px;
	}
	.showcase-copy h2,
	.showcase-copy h3 {
		font-size: 32px;
	}
	.portfolio-rail a {
		gap: 9px;
		padding-inline: 12px;
	}
	.portfolio-rail .icon {
		display: none;
	}
	.portfolio-rail img {
		width: 29px;
		height: 29px;
	}
	.portfolio-rail .saloma-logo {
		width: 55px;
	}
	.platform-toolbar {
		gap: 7px;
	}
	.platform-toolbar > span {
		display: none;
	}
	.platform-views {
		margin-right: auto;
	}
	.platform-stage .platform-toolbar > span {
		display: block;
	}
	.accountability-section h2 {
		font-size: 34px;
	}
	.accountability-section .principles {
		gap: 24px;
	}
	.accountability-section .principles article {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.service-output {
		padding-left: 20px;
	}
	.content-split {
		gap: 55px;
	}
	.content-split .section-heading h2 {
		font-size: 33px;
	}
	.infrastructure-intro {
		padding-left: 25px;
	}
	.infrastructure-intro li {
		font-size: 18px;
	}
	.detail-hero h1 {
		font-size: 54px;
	}
	.product-promise {
		font-size: 24px;
	}
	.company-statement {
		font-size: 49px;
	}
	.company-hero-copy {
		max-width: 540px;
	}
	.brief {
		padding-left: 30px;
	}
	.footer-main {
		grid-template-columns: 1.2fr 1fr;
	}
}
@media (max-width: 800px) {
	:root {
		--space: 80px;
	}
	h2 {
		font-size: 36px;
	}
	.wrap {
		width: calc(100% - 48px);
	}
	.hero-copy {
		max-width: 510px;
	}
	.hero h1 {
		font-size: 51px;
	}
	.hero-grid {
		min-height: 530px;
		padding-block: 48px 75px;
	}
	.hero-art img {
		object-position: 67% center;
		opacity: 0.45;
	}
	.hero-foot {
		font-size: 11px;
	}
	.portfolio-rail > .wrap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.portfolio-rail a {
		padding-block: 22px;
		padding-inline: 16px;
	}
	.portfolio-rail a:nth-child(odd) {
		padding-left: 0;
	}
	.portfolio-rail a:nth-child(even) {
		padding-right: 0;
		border-right: 0;
	}
	.portfolio-rail a:nth-child(-n + 2) {
		border-bottom: 1px solid var(--line);
	}
	.portfolio-rail small {
		font-size: 12px;
	}
	.showcase-panel,
	.showcase-platform {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.showcase-copy {
		max-width: 620px;
	}
	.product-explorer .showcase-panel {
		min-height: 0;
	}
	.platform-toolbar > span {
		display: block;
	}
	.platform-views {
		margin-right: 0;
	}
	.section-head {
		gap: 36px;
	}
	.section-head > p {
		font-size: 16px;
	}
	.accountability-section .section-head {
		grid-template-columns: 1fr;
		gap: 26px;
	}
	.accountability-section .section-head h2 {
		max-width: 620px;
	}
	.business-fit-list {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.business-fit-list article {
		display: grid;
		grid-template-columns: 24px 1fr 1.1fr;
		gap: 20px;
		padding-block: 26px;
	}
	.business-fit-list h3 {
		font-size: 20px;
		margin: 0;
	}
	.service-row {
		gap: 20px;
		grid-template-columns: 25px 1fr 1fr;
	}
	.service-output {
		padding-left: 0;
	}
	.index-hero h1 {
		font-size: 49px;
	}
	.index-hero {
		padding-block: 60px;
	}
	.detail-hero-grid,
	.product-ikb .detail-hero-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.infrastructure-intro {
		padding-left: 0;
		border: 0;
	}
	.infrastructure-intro ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 28px;
	}
	.infrastructure-intro li {
		font-size: 18px;
	}
	.infrastructure-intro li:last-child {
		border-bottom: 0;
	}
	.product-scene {
		max-width: 660px;
		width: 100%;
	}
	.platform-stage .platform-toolbar > span {
		font-size: 12px;
	}
	.content-split {
		grid-template-columns: 1fr;
		gap: 35px;
	}
	.content-split .section-heading h2 {
		max-width: 630px;
		font-size: 35px;
	}
	.company-statement {
		font-size: 49px;
	}
	.company-art {
		opacity: 0.45;
		object-position: 60% center;
	}
	.company-hero {
		padding-bottom: 70px;
	}
	.contact-grid {
		grid-template-columns: 1fr;
	}
	.brief {
		padding: 35px 0 0;
		border-left: 0;
		border-top: 1px solid var(--line);
	}
	.contact-band h2 {
		font-size: 38px;
	}
}
@media (max-width: 600px) {
	.screenshot-dialog img {
		min-width: 1000px;
		max-width: none;
	}
	:root {
		--space: 64px;
		--header: 72px;
	}
	.wrap {
		width: calc(100% - 40px);
	}
	.brand {
		font-size: 21px;
	}
	.nav {
		gap: 10px;
	}
	.nav-cta {
		padding: 10px 12px;
		font-size: 11px;
		min-height: 42px;
	}
	.button {
		min-height: 48px;
		padding: 13px 17px;
		font-size: 13px;
		gap: 16px;
	}
	.hero-grid {
		min-height: 565px;
		padding: 43px 0 116px;
	}
	.hero-copy {
		max-width: none;
	}
	.hero h1 {
		font-size: 43px;
		line-height: 1.12;
		margin-bottom: 23px;
	}
	.hero-copy .eyebrow {
		font-size: 11px;
		margin-bottom: 23px;
		max-width: none;
	}
	.hero-lede {
		font-size: 16px;
		max-width: 360px;
		line-height: 1.7;
		margin-bottom: 24px;
	}
	.hero-art img {
		object-position: 68% bottom;
		opacity: 0.5;
	}
	.hero-art:after {
		background: linear-gradient(180deg, #f7f8f8 0%, #f7f8f8 58%, #f7f8f800 100%);
	}
	.hero .actions {
		gap: 12px;
		flex-direction: row;
		align-items: center;
	}
	.hero-foot {
		padding-block: 10px;
		font-size: 11px;
		gap: 14px;
	}
	.hero-foot > span {
		max-width: 180px;
	}
	.hero-foot a {
		max-width: 120px;
		gap: 7px;
	}
	.hero-foot .icon {
		width: 16px;
	}
	.portfolio-rail a {
		padding: 18px 10px;
		gap: 9px;
	}
	.portfolio-rail img {
		width: 27px;
		height: 27px;
	}
	.portfolio-rail .saloma-logo {
		width: 55px;
	}
	.portfolio-rail strong {
		font-size: 14px;
	}
	.portfolio-rail small {
		font-size: 10px;
		line-height: 1.5;
	}
	.section-head {
		grid-template-columns: 1fr;
		gap: 23px;
		margin-bottom: 32px;
	}
	h2 {
		font-size: 33px;
	}
	.section-head h2 br {
		display: initial;
	}
	.section-head .eyebrow {
		margin-bottom: 20px;
	}
	.eyebrow {
		font-size: 11px;
	}
	.product-tabs {
		margin-bottom: 29px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.product-tab,
	.product-tab:first-child,
	.product-tab:not(:first-child) {
		min-height: 86px;
		padding: 16px 12px;
		display: grid;
		grid-template-columns: 1fr auto;
		border-bottom: 1px solid var(--line);
		gap: 4px;
	}
	.product-tab strong {
		font-size: 19px;
		min-height: 0;
	}
	.product-tab > span {
		font-size: 11px;
	}
	.product-tab > .icon {
		display: block;
		width: 16px;
	}
	.showcase-copy h2,
	.showcase-copy h3 {
		font-size: 31px;
	}
	.showcase-copy .eyebrow {
		font-size: 11px;
	}
	.business-tags {
		padding-block: 19px;
		font-size: 11px;
	}
	.platform-toolbar {
		gap: 4px;
		margin-bottom: 12px;
	}
	.platform-toolbar > span {
		font-size: 11px;
	}
	.platform-views button,
	.platform-stage .platform-views button {
		font-size: 11px;
		padding-inline: 7px;
	}
	.screenshot-zoom {
		width: 32px;
	}
	.screenshot-zoom .icon {
		width: 17px;
	}
	.platform-preview figcaption {
		font-size: 11px;
	}
	.platform-stage .platform-preview figcaption {
		grid-template-columns: 1fr;
		gap: 6px;
	}
	.platform-stage .platform-toolbar > span {
		font-size: 11px;
	}
	.section-tail {
		margin-top: 30px;
		font-size: 12px;
	}
	.accountability-section h2 {
		font-size: 31px;
	}
	.accountability-section .principles {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.accountability-section .principles article {
		grid-template-columns: 24px 1fr;
		gap: 13px;
		padding-block: 24px;
	}
	.accountability-note {
		font-size: 11px;
	}
	.accountability-note a {
		margin-left: 0;
	}
	.service-row {
		grid-template-columns: 24px 1fr;
		gap: 12px;
		padding-block: 27px;
	}
	.service-row h3 {
		font-size: 23px;
	}
	.service-output {
		grid-column: 2;
	}
	.service-row p,
	.service-output p {
		font-size: 15px;
	}
	.business-fit-list article {
		grid-template-columns: 24px 1fr;
		gap: 12px;
		padding-block: 24px;
	}
	.business-fit-list p {
		grid-column: 2;
	}
	.contact-band {
		padding-block: 58px;
	}
	.contact-band h2 {
		font-size: 33px;
	}
	.contact-band p {
		font-size: 15px;
	}
	.contact-band .eyebrow {
		font-size: 11px;
	}
	.contact-band .actions {
		gap: 15px 24px;
	}
	.index-hero {
		padding-block: 47px;
	}
	.index-hero h1 {
		font-size: 40px;
	}
	.index-hero .lede {
		font-size: 16px;
	}
	.comparison-section {
		padding-block: 30px 38px;
	}
	.compare-row {
		grid-template-columns: 1fr;
		gap: 12px;
		font-size: 15px;
	}
	.compare-heading {
		display: none;
	}
	.compare-fit {
		font-size: 12px;
	}
	.breadcrumbs {
		padding-block: 17px;
		font-size: 11px;
	}
	.detail-hero {
		padding-block: 20px 34px;
	}
	.detail-hero h1 {
		font-size: 49px;
		margin-bottom: 18px;
	}
	.product-brandline {
		gap: 12px;
		margin-bottom: 19px;
	}
	.product-brandline img {
		width: 35px;
		height: 35px;
	}
	.product-brandline .eyebrow {
		font-size: 12px;
	}
	.product-promise {
		font-size: 24px;
	}
	.detail-hero .lede {
		font-size: 16px;
	}
	.infrastructure-intro li {
		font-size: 16px;
	}
	.fact-grid {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 32px;
		padding-top: 6px;
	}
	.fact-grid > div {
		padding: 20px 0;
		border-right: 0;
	}
	.fact-grid dt {
		font-size: 25px;
	}
	.fact-grid dd {
		font-size: 12px;
	}
	.content-split .section-heading h2 {
		font-size: 32px;
	}
	.capability h3 {
		font-size: 20px;
	}
	.capability summary {
		min-height: 76px;
	}
	.capability > div {
		font-size: 15px;
	}
	.infrastructure-layers li {
		gap: 15px;
		padding-block: 23px;
	}
	.infrastructure-layers h3 {
		font-size: 20px;
	}
	.infrastructure-layers p {
		font-size: 14px;
	}
	.service-hero h1 {
		font-size: 41px;
	}
	.service-promise {
		font-size: 23px;
	}
	.company-hero {
		padding-block: 46px 65px;
	}
	.company-hero:after {
		display: none;
	}
	.company-hero h1 {
		font-size: 25px;
		margin-bottom: 21px;
	}
	.company-statement {
		font-size: 41px;
	}
	.company-hero .lede {
		font-size: 16px;
	}
	.company-art {
		opacity: 0.14;
	}
	.human-word {
		font-size: 65px;
	}
	.contact-intro h1 {
		font-size: 52px;
	}
	.brief {
		padding-top: 30px;
	}
	.brief > h2 {
		font-size: 26px;
	}
	.footer {
		padding-top: 43px;
	}
	.footer-main {
		grid-template-columns: 1fr 1fr;
		gap: 30px 22px;
	}
	.footer-links a {
		min-height: 44px;
	}
	.footer-inline-links a {
		min-height: 44px;
	}
	.spoken-source p {
		font-size: 27px;
	}
}
@media (max-width: 370px) {
	.wrap {
		width: calc(100% - 36px);
	}
	.brand {
		font-size: 19px;
	}
	.nav {
		gap: 6px;
	}
	.nav-cta {
		padding-inline: 8px;
		font-size: 10px;
	}
	.hero h1 {
		font-size: 37px;
	}
	.hero-grid {
		min-height: 592px;
		padding-top: 37px;
	}
	.hero .actions {
		flex-direction: column;
		align-items: flex-start;
	}
	.hero-foot > span {
		max-width: 160px;
	}
	.portfolio-rail .saloma-logo {
		width: 43px;
	}
	.portfolio-rail strong {
		font-size: 13px;
	}
	.portfolio-rail small {
		font-size: 10px;
	}
	.platform-toolbar > span,
	.platform-stage .platform-toolbar > span {
		display: none;
	}
	.platform-views {
		margin-right: auto;
	}
	.index-hero h1 {
		font-size: 36px;
	}
	.company-statement {
		font-size: 35px;
	}
	.service-hero h1 {
		font-size: 36px;
	}
}
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
	}
}
@media print {
	.screenshot-dialog {
		display: none;
	}
	.content-split > .section-heading {
		position: static;
	}
}
.buyer-links {
	display: grid;
	justify-items: start;
	gap: 18px;
	margin-top: 32px;
}
.buyer-links a {
	max-width: 100%;
	white-space: normal;
}
.award-recognition { padding-block: 42px; border-bottom: 1px solid #dce1df; background: #fff; }
.award-recognition > .wrap { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.award-recognition .award-kicker { color: #72551b; font-size: 13px; font-weight: 600; margin: 0 0 12px; }
.award-recognition h2 { font-size: 28px; line-height: 1.25; max-width: 26ch; margin: 0; letter-spacing: 0; }
.award-detail { padding-left: 24px; border-left: 2px solid #b38b3f; }
.award-detail > strong { display: block; color: #72551b; font-size: 18px; }
.award-detail p { font-size: 15px; line-height: 1.6; max-width: 48ch; margin: 8px 0 14px; }
.award-detail .text-link { font-size: 14px; }
@media (max-width: 600px) {
	.award-recognition { padding-block: 30px; }
	.award-recognition > .wrap { grid-template-columns: 1fr; gap: 24px; }
	.award-recognition h2 { font-size: 24px; }
	.award-detail { padding-left: 18px; }
}

/* Keep the four-product composition clear of the tablet reading area. */
@media (min-width: 601px) and (max-width: 1100px) {
	.hero-grid { min-height: 700px; padding-block: 42px 265px; align-items: flex-start; }
	.hero-art { top: auto; bottom: 52px; height: 265px; }
	.hero-art img { object-fit: contain; object-position: right center; opacity: 1; }
	.hero-art:after { display: none; }
}
/* Keep the four-product composition clear of the mobile reading area. */
@media (max-width: 600px) {
	.hero-grid { min-height: 670px; padding-block: 32px 238px; align-items: flex-start; }
	.hero-art { top: auto; bottom: 42px; height: 235px; }
	.hero-art img { width: 165%; max-width: none; margin-left: -65%; object-fit: cover; object-position: right center; opacity: 1; }
	.hero-art:after { display: none; }
	.hero-foot { min-height: 42px; }
}