/* Connectivity start */
.section.section-connectivity .scroll-container {
	margin-top: 96px;
}

@media (max-width: 1068px) {
	.section.section-connectivity .scroll-container {
		margin-top: 72px;
	}
}

@media (max-width: 734px) {
	.section.section-connectivity .scroll-container {
		margin-top: 48px;
	}
}
/* Connectivity end */

/* START - Connectivity section */
.section.section-connectivity .scroll-container {
	margin-top: 96px;
}

@media (max-width: 1068px) {
	.section.section-connectivity .scroll-container {
		margin-top: 72px;
	}
}

@media (max-width: 734px) {
	.section.section-connectivity .scroll-container {
		margin-top: 48px;
	}
}
/* END - Connecitivity Section */

.typography-media-hero-headline-elevated:lang(th), .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value:lang(th) {
	line-height: 1.2;
}

.page-overview .inline-compare .stat-value:lang(th), .section-product-story .ps-stat strong:lang(th) {
	line-height: 1.25;
}

@media (max-width: 1068px) {
	.upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value:lang(th) {
		font-size: 30px;
	}
}

@media (max-width: 734px) {
	.upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value:lang(th) {
		font-size: 25px;
	}
}

@media (max-width: 480px) {
	body .ric-nested-grid.ric-bento-gap {
		gap: 8px;
	}
}

.page-overview .inline-compare .stat-value {
	margin-block: 6px;
}

/* Ribbon */

.ribbon {
	--ribbon-link-inline-color: inherit;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.4285914286;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
	--ribbon-link-color: rgb(0, 102, 204);
	--ribbon-focus-color: #0071e3;
	--ribbon-text-color: rgb(29, 29, 31);
	--ribbon-background-color: rgb(245, 245, 247);
	--ribbon-content-padding-top: 16px;
	--ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
	--ribbon-content-width: 83.33333%;
	--ribbon-content-minimum-width: 320px;
	width: var(--ribbon-width);
	padding-top: var(--ribbon-padding-top);
	padding-bottom: var(--ribbon-padding-bottom);
	opacity: 1;
	position: relative;
	pointer-events: inherit;
}

html:not(.text-zoom) .ribbon {
	margin-top: calc(var(--localnav-total-height) * -1);
}

.media-hero-wrapper {
	--ribbon-height: 51px;
}

.media-hero-wrapper {
	padding-top: var(--ribbon-height);
}

section.section-media-hero {
	height: max(
		var(--section-height-min),
		var(--section-height) - var(--r-globalnav-height, 0px)
	);
	top: 0;
}