@charset "UTF-8";

@import "/specs/comps.css";

@import "/specs/chipfeatures.css";

@import "/specs/cta.css";

@import "/specs/chapters.css";

@import "/specs/team.css";

@import "/specs/prodfeatures.css";

@import "/specs/home.css";

@import "/specs/menu.css";

@import "/specs/news.css";

@font-face {
	font-family: Manrope;
	src: url(/media/fonts/Manrope-VariableFont_wght.ttf)
}

@font-face {
	font-family: Inter;
	src: url(/media/fonts/Inter-Italic-VariableFont_opsz,wght.ttf)
}

body {
	color: #6C757D;
	font-family: Manrope
}

.header_nav>div.header_logo {
	float: left;
	margin-left: 0
}

.header_logo span {
	background: url(/media/images/logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	height: 40px;
	width: 200px
}

.header_nav:hover .header_logo span {
	background: url(/media/images/logo-green.png);
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	height: 40px;
	width: 200px
}

.header_link_box {
	float: left
}

.header_link_text {
	color: #0F1215;
	float: left
}

.header_link_text a {
	color: #0F1215;
	text-decoration: none
}

.header_link_text:hover {
	cursor: pointer;
	text-decoration: underline;
	text-decoration-color: rgba(0, 102, 0, 0.6);
	text-decoration-thickness: 1px
}

.header_link_box.selected .header_link_text {
	text-decoration: underline
}

.header_langs.box {
	opacity: .2
}

.header_lang_box .menu_drop.box {
	min-width: unset
}

.header_lang_box.box {
	color: #0F1215
}

.a_top {
	background: white
}

.a_foot {
	margin-top: 96px
}

.brand.box {
	color: black;
	font-family: Inter;
	font-size: 24px;
	font-weight: 600;
	width: 50%
}

.img_preload {
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 1px
}

.menu_label.box {
	margin-bottom: 24px
}

.a_foot .menu_link {
	margin-top: 16px
}

.swing_tag.box>* {
	opacity: .5
}

.swing_tag_link.anchor {
	margin-right: 24px
}

.page_header.box {
	color: #212529
}

.a_top a, .a_foot a {
	color: #0F1215;
	text-decoration: none
}

.header_nav>div, .swing_tag_designer {
	float: right
}

.header_langs.box:hover, .swing_tag.box>:hover {
	opacity: 1
}

.header_lang_text, .header_chevron_box, .header_lang_chevron {
	cursor: pointer;
	float: right
}

.service.box, .menu.box {
	width: 25%
}

@media ( min-width : 320px) {
	.a_top, .a_foot {
		padding: 16px
	}
	.a_main {
		padding: 0 16px
	}
	.header_logo img {
		height: 19px
	}
	.header_links {
		display: none
	}
	.header_langs {
		display: none;
		width: 75px
	}
	.header_burger {
		width: 40px
	}
}

.bottom_nav .main_links>div {
	float: left
}

.bottom_nav>div {
	border-top: 1px solid gray;
	clear: both;
	float: left;
	margin-bottom: 24px;
	padding: 24px 0;
	width: 100%
}

.a_foot {
	margin-top: 96px
}

.brand.box {
	color: black;
	font-family: Inter;
	font-size: 24px;
	font-weight: 600;
	width: 50%
}

.a_foot a {
	color: #0F1215;
	text-decoration: none
}

.menu_label.box {
	margin-bottom: 24px
}

.a_foot .menu_link {
	margin-top: 16px
}

.swing_tag.box>* {
	opacity: .5
}

.swing_tag.box>:hover {
	opacity: 1
}

.swing_tag_link.anchor {
	margin-right: 24px
}

.swing_tag_designer {
	float: right
}

.page_header.box {
	color: #212529
}

.a_foot:hover .brand.box {
	color: rgba(0, 102, 0, 1)
}

.bottom_link.anchor:hover {
	text-decoration: underline;
	text-decoration-color: rgba(0, 102, 0, 0.6)
}

.docs_box embed {
	height: 800px;
	width: 50%
}

.menu.box, .service.box {
	width: 25%
}

@media ( min-width : 320px) {
	.a_top, .a_foot {
		padding: 16px
	}
	.a_main {
		padding: 0 16px
	}
	.header_logo img {
		height: 19px
	}
	.header_links {
		display: none
	}
	.header_langs {
		display: none;
		width: 75px
	}
	.header_burger {
		width: 40px
	}
}

@media ( max-width :735px) {
	.a_top {
		background: whitesmoke;
		padding-bottom: 0;
		position: sticky;
		top: 0;
		z-index: 1000
	}
	.swing_tag_designer {
		clear: both;
		display: block;
		margin-top: 16px;
		width: 100%
	}
	.brand.box {
		width: 100%
	}
	.page_header.box {
		font-size: 56px;
		margin-bottom: 64px;
		padding-top: 72px;
		width: 100%
	}
	.sliders.box {
		-webkit-overflow-scrolling: touch;
		display: flex;
		flex-wrap: nowrap;
		float: left;
		gap: 24px;
		overflow-x: auto;
		scroll-snap-type: x mandatory; 
		max-width:100%;
	}
	.slide_option {
		flex: 0 0 85vw;
		margin: 0;
		scroll-snap-align: start
	}
	.slide_option img {
		-webkit-user-drag: none;
		pointer-events: none;
		user-drag: none;
		user-select: none
	}
	.menu.box, .service.box, .a_foot .service .box {
		width: 50%
	}
}

@media ( min-width : 736px) {
	.a_top, .a_foot {
		padding: 16px
	}
	.a_main {
		padding: 0 16px
	}
	.header_logo img {
		height: 19px
	}
	.header_links {
		display: none
	}
	.header_langs {
		display: none;
		width: 75px
	}
	.header_burger {
		width: 40px
	}
	.page_header.box {
		font-size: 56px;
		margin-bottom: 64px;
		padding-top: 72px;
		width: 100%
	}
}

@media ( min-width : 1024px) {
	.a_top, .a_foot {
		padding: 32px 64px 24px
	}
	.a_main {
		padding: 0 64px
	}
	.header_logo img {
		height: 24px
	}
	.header_links {
		display: none
	}
	.header_langs {
		display: none;
		width: 75px
	}
	.header_burger {
		width: 40px
	}
	.page_header.box {
		font-size: 56px;
		margin-bottom: 64px;
		padding-top: 96px;
		width: 80%
	}
}

@media ( min-width : 1440px) {
	.a_top, .a_foot {
		padding: 32px 140px 24px
	}
	.a_main {
		padding: 0 140px
	}
	.header_logo {
		width: 568px
	}
	.header_logo img {
		height: 24px
	}
	.header_links {
		display: block;
		font-size: 16px;
		width: 469px
	}
	.header_langs {
		display: block;
		width: 75px
	}
	.header_burger {
		display: none
	}
	.header_link_box:first {
		margin-left: 0
	}
	.page_header.box {
		font-size: 72px;
		margin-bottom: 64px;
		padding-top: 120px;
		width: 646px
	}
	.ref_image {
		height: 190px;
		padding: 21px 0
	}
	.header_nav>div, .header_link_box {
		margin-left: 24px
	}
}