:root {
    --bsk-title-important: #000000;
    --bsk-text-primary: #1D2129;
    --bsk-text-secondary: #4E5969;
    --bsk-text-tertiary: #86909C;
    --bsk-text-disabled: #C9CDD4;
    --bsk-border: #DDE1E6;
    --bsk-divider: #E4E6E9;
    --bsk-bg-gray: #F8F8F8;
    --bsk-bg-blue-light: #F0F5FF;
    --bsk-bg-blue-light-rgb: 240, 245, 255;
    --bsk-gradient-brand: linear-gradient(275.16deg, #31CECD 22.73%, #0634E6 130.93%);
    --bsk-gradient-button: linear-gradient(271.93deg, #3CE6E9 6.67%, #0634E6 106.18%);
    --bsk-text: var(--bsk-text-primary);
    --bsk-secondary: var(--bsk-text-tertiary);
    --bsk-emphasis: var(--bsk-text-secondary);
    --bsk-primary: #0634E6;
    --bsk-cyan: #31CECD;
    --bsk-pc-shell: 1200px;
    --bsk-pc-min-viewport: 1260px;
    --bsk-pc-h1-wide-size: 56px;
    --bsk-pc-h1-wide-weight: 800;
    --bsk-pc-h1-wide-line-height: 1.4;
    --bsk-pc-h1-split-size: 50px;
    --bsk-pc-h1-split-weight: 800;
    --bsk-pc-h1-split-line-height: 1.5;
    --bsk-pc-eyebrow-size: 20px;
    --bsk-pc-eyebrow-weight: 500;
    --bsk-pc-eyebrow-line-height: 1.5;
    --bsk-pc-h2-size: 48px;
    --bsk-pc-h2-weight: 700;
    --bsk-pc-h2-line-height: 1.5;
    --bsk-pc-h2-subtitle-size: 28px;
    --bsk-pc-h2-subtitle-weight: 400;
    --bsk-pc-h2-subtitle-line-height: 1.5;
    --bsk-pc-h3-size: 36px;
    --bsk-pc-h3-weight: 800;
    --bsk-pc-h3-line-height: 1.6;
    --bsk-pc-group-h3-size: 24px;
    --bsk-pc-group-h3-weight: 700;
    --bsk-pc-group-h3-line-height: 33px;
    --bsk-pc-group-body-size: 20px;
    --bsk-pc-group-body-weight: 400;
    --bsk-pc-group-body-line-height: 1.5;
    --bsk-pc-group-label-size: 20px;
    --bsk-pc-group-label-weight: 700;
    --bsk-pc-group-label-line-height: 33px;
    --bsk-pc-group-content-size: 18px
}

html,
body {
    min-width: var(--bsk-pc-min-viewport)
}

html { scrollbar-gutter: stable; }

* {
    box-sizing: border-box;
	text-decoration: none;
	font-family: var(--bsk-font-base)
}

body {
    margin: 0;
    color: var(--bsk-text);
    background: #fff
}

input,
select,
textarea {
    border-radius: 16px;
    box-shadow: none;
    font-family: inherit
}

.pure-form input[type=color],
.pure-form input[type=date],
.pure-form input[type=datetime-local],
.pure-form input[type=datetime],
.pure-form input[type=email],
.pure-form input[type=month],
.pure-form input[type=number],
.pure-form input[type=password],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=text],
.pure-form input[type=time],
.pure-form input[type=url],
.pure-form input[type=week],
.pure-form select,
.pure-form textarea {
    border-radius: 16px;
    box-shadow: none
}

:focus {
    outline: none
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: none
}

.pure-form input[type=color]:focus,
.pure-form input[type=date]:focus,
.pure-form input[type=datetime-local]:focus,
.pure-form input[type=datetime]:focus,
.pure-form input[type=email]:focus,
.pure-form input[type=month]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=password]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=tel]:focus,
.pure-form input[type=text]:focus,
.pure-form input[type=time]:focus,
.pure-form input[type=url]:focus,
.pure-form input[type=week]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
    box-shadow: none
}

select {
    appearance: none;
    -webkit-appearance: none;
    color: var(--bsk-text)
}

.pure-g {
	display: flex;
	flex-flow: row wrap;
	letter-spacing: 0
}

[class*="pure-u"] {
	box-sizing: border-box
}

.pure-u-1 {
	width: 100%
}

.bsk-shell {
    width: var(--bsk-pc-shell);
    max-width: none;
    margin: 0 auto
}

.bsk-footer .bsk-shell {
    width: var(--bsk-pc-shell);
    max-width: none
}

.bsk-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid var(--bsk-divider);
    box-shadow: 0 8px 24px rgba(7, 24, 91, .06)
}

.bsk-nav {
    width: min(100%, 1920px);
    max-width: none;
    height: 80px;
    display: grid;
    grid-template-columns: minmax(167px, 1fr) minmax(0, 1200px) minmax(max-content, 1fr);
    align-items: center;
    gap: 0;
    padding: 0 44px
}

.bsk-logo {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	text-decoration: none
}

.bsk-logo img {
	display: block;
	width: 153px;
	height: auto
}

.bsk-header .bsk-logo {
	justify-self: start
}

.bsk-header .bsk-logo:hover img {
	animation: bsk-logo-jumpy .8s infinite
}

@keyframes bsk-logo-jumpy {
	0%,
	100% {
		transform: translateY(0);
		animation-timing-function: cubic-bezier(0, 0, .2, 1)
	}

	50% {
		transform: translateY(-20%);
		animation-timing-function: cubic-bezier(.8, 0, 1, 1)
	}
}

.bsk-nav-links {
    display: flex;
    gap: 7.3%;
    align-items: center;
    justify-self: center;
    justify-content: center;
    width: 100%;
    max-width: 1200px
}

.bsk-menu-item {
	position: relative
}

.bsk-nav-links a,
.bsk-footer a {
    color: inherit;
    text-decoration: none
}

.bsk-menu-item > a,
.bsk-menu-label {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    font-size: 16px;
    font-weight: 800;
    line-height: 32px;
    letter-spacing: 0;
    text-align: right
}

.bsk-menu-item.active>a,
.bsk-menu-item.active>.bsk-menu-label,
.bsk-menu-item>a:hover,
.bsk-menu-item:hover>.bsk-menu-label,
.bsk-sub-menu a:hover,
.bsk-sub-menu a.active {
	color: #1253ff
}

.bsk-menu-item.has-child>.bsk-menu-label:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	margin-left: 8px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.25 6 7.75l3.5-3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.25 6 7.75l3.5-3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
	transform: rotate(0deg);
	transform-origin: 50% 50%;
	transition: transform .2s ease
}

.bsk-menu-item.has-child:hover>.bsk-menu-label:after {
	transform: rotate(180deg)
}

.bsk-sub-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 30;
	width: max-content;
	min-width: 274px;
	margin-top: 14px;
	padding: 24px;
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 18px 42px rgba(22, 46, 80, .12);
	transform: translate(-50%, 8px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease
}

.bsk-sub-menu:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -14px;
	height: 14px
}

.bsk-menu-item:hover .bsk-sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0)
}

.bsk-sub-menu-title {
	margin-bottom: 8px;
	color: var(--bsk-text-tertiary);
	font-size: 14px;
	font-weight: 500;
	line-height: 1
}

.bsk-sub-menu-list {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.bsk-sub-menu a {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px;
	border-radius: 8px;
	color: #333;
	white-space: nowrap;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	text-align: left
}

.bsk-sub-menu a:hover,
.bsk-sub-menu a.active {
	color: #333;
	background: #F8F9FC
}

.bsk-sub-menu-icon {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	object-fit: contain
}

button,
.pure-button,
[role="button"] {
	transition: transform .16s ease, box-shadow .16s ease, background .16s ease, filter .16s ease
}

button:active,
.pure-button:active,
[role="button"]:active {
	transform: translateY(1px) scale(.98);
	filter: brightness(.96)
}

@media(prefers-reduced-motion: reduce) {
	button,
	.pure-button,
	[role="button"],
	.bsk-menu-item.has-child>.bsk-menu-label:after {
		transition: none
	}

	.bsk-header .bsk-logo:hover img {
		animation: none
	}
}

.bsk-nav-cta,
.bsk-button-primary {
    --bsk-button-bg: var(--bsk-gradient-button);
    --bsk-button-hover-bg: linear-gradient(100deg, #0F36D6, #2FC7CA);
    border-radius: 999px;
    background: var(--bsk-button-bg);
    color: #fff;
    font-weight: 800;
    padding: 16px 30px
}

.bsk-nav-cta:hover,
.bsk-nav-cta:focus,
.bsk-button-primary:hover,
.bsk-button-primary:focus {
    background: var(--bsk-button-hover-bg);
    color: #fff;
    box-shadow: 0 14px 30px rgba(6, 52, 230, .22)
}

.bsk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	border: 0;
	text-align: center;
	letter-spacing: 0;
	cursor: pointer
}

.bsk-btn img {
	display: block;
	flex: 0 0 auto
}

.bsk-btn-gradient {
	--bsk-button-bg: var(--bsk-gradient-button);
	--bsk-button-hover-bg: linear-gradient(271.93deg, #3CE6E9 6.67%, #0634E6 106.18%), linear-gradient(0deg, rgba(0, 255, 247, 0.2), rgba(0, 255, 247, 0.2));
	background: var(--bsk-button-bg);
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0, 65, 144, .12), inset 0 0 20px 0 rgba(255, 255, 255, .3)
}

.bsk-btn-gradient img {
	filter: brightness(0) invert(1)
}

.bsk-btn-gradient:hover,
.bsk-btn-gradient:focus {
	background: var(--bsk-button-hover-bg);
	color: #fff;
	box-shadow: 0 14px 30px rgba(6, 52, 230, .22), inset 0 0 20px 0 rgba(255, 255, 255, .3)
}

.bsk-btn-blue {
	--bsk-button-bg: #2757FF;
	--bsk-button-hover-bg: #0634E6;
	background: var(--bsk-button-bg);
	color: #fff;
	box-shadow: 4px 4px 12px 0 rgba(7, 24, 91, .15)
}

.bsk-btn-blue img {
	filter: brightness(0) invert(1)
}

.bsk-btn-blue:hover,
.bsk-btn-blue:focus {
	background: var(--bsk-button-hover-bg);
	color: #fff;
	box-shadow: 0 14px 30px rgba(6, 52, 230, .22)
}

.bsk-btn-transparent {
	border: 1px solid rgba(6, 52, 230, .6);
	background: transparent;
	color: var(--bsk-primary);
	box-shadow: 4px 4px 12px 0 rgba(7, 24, 91, .15)
}

.bsk-btn-transparent img {
	filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(4660%) hue-rotate(231deg) brightness(84%) contrast(119%)
}

.bsk-btn-transparent:hover,
.bsk-btn-transparent:focus {
	background: transparent;
	color: #052DC7;
	box-shadow: 0 14px 30px rgba(6, 52, 230, .22)
}

.bsk-btn-white {
	--bsk-button-bg: #fff;
	--bsk-button-hover-bg: #f7f9fc;
	background: var(--bsk-button-bg);
	color: var(--bsk-text-primary);
	box-shadow: 4px 4px 12px 0 rgba(7, 24, 91, .15)
}

.bsk-btn-white img {
	filter: brightness(0) saturate(100%) invert(10%) sepia(9%) saturate(877%) hue-rotate(182deg) brightness(94%) contrast(89%)
}

.bsk-btn-white:hover,
.bsk-btn-white:focus {
	background: var(--bsk-button-hover-bg);
	color: var(--bsk-primary);
	box-shadow: 0 14px 30px rgba(6, 52, 230, .22)
}
.bsk-btn.bsk-btn-white:hover img,
.bsk-btn.bsk-btn-white:focus img {
	filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(4660%) hue-rotate(231deg) brightness(84%) contrast(119%)
}

.bsk-btn-white-border {
	font-weight: 500;
	border: 1px solid transparent;
	background:
		linear-gradient(#fff, #fff) padding-box,
		var(--bsk-gradient-brand) border-box;
	background-clip: padding-box, border-box;
	box-shadow: 4px 4px 12px 0 rgba(7, 24, 91, .15)
}

.bsk-btn-white.bsk-btn-white-border {
	font-weight: 500
}

.bsk-btn.bsk-btn-white-border img {
	filter: brightness(0) saturate(100%) invert(10%) sepia(9%) saturate(877%) hue-rotate(182deg) brightness(94%) contrast(89%);
	transition: filter .2s ease
}

.bsk-btn-white-border:hover,
.bsk-btn-white-border:focus {
	background:
		linear-gradient(#f7f9fc, #f7f9fc) padding-box,
		var(--bsk-gradient-brand) border-box;
	background-clip: padding-box, border-box;
	color: var(--bsk-primary);
	box-shadow: 0 14px 30px rgba(6, 52, 230, .22)
}

.bsk-btn.bsk-btn-white-border:hover img,
.bsk-btn.bsk-btn-white-border:focus img {
	filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(4660%) hue-rotate(231deg) brightness(84%) contrast(119%)
}

.bsk-btn-lg {
	padding: 28px 100px;
	border-radius: 100px;
	font-family: var(--bsk-font-base);
	font-size: 32px;
	font-weight: 700;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: center
}

.bsk-btn-lg img {
	width: 40px;
	height: 40px
}

.bsk-btn-md {
	gap: 10px;
	padding: 24px 40px;
	border-radius: 100px;
	font-family: var(--bsk-font-base);
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	line-height: 33px;
	letter-spacing: 0;
	text-align: center
}

.bsk-btn-md img {
	width: 36px;
	height: 36px
}

.bsk-btn-sm {
	gap: 10px;
	padding: 20px 30px 20px 24px;
	border-radius: 100px;
	font-family: var(--bsk-font-base);
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	line-height: 33px;
	letter-spacing: 0;
	text-align: center
}

.bsk-btn-sm img {
	width: 36px;
	height: 36px
}

.bsk-nav-cta {
	justify-self: end;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 191px;
	height: 52px;
	padding: 10px 32px;
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
}
.bsk-footer {
    background: #fff;
    color: var(--bsk-text);
    padding: 54px 0 24px
}

.bsk-footer-grid {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    box-sizing: border-box
}

.bsk-footer-brand {
    width: auto;
	max-width: 372px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 372px;
}

.bsk-logo-footer {
	display: inline-flex;
	margin-bottom: 20px
}

.bsk-logo-footer img {
	width: 166px;
	height: 26px
}

.bsk-footer-social {
	display: flex;
	gap: 8px;
}

.bsk-footer-social a {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	transition: transform .16s ease, filter .16s ease
}

.bsk-footer-social img {
	display: block;
	width: 32px;
	height: 32px
}

.bsk-footer-social a:hover {
	filter: brightness(.9);
	transform: translateY(-1px)
}

.bsk-footer-brand p {
    max-width: 404px;
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--bsk-text-primary);
	margin-bottom: 60px;
}

.bsk-footer-links {
    width: auto;
    max-width: calc(100% - 408px);
    min-width: 0;
    flex: 1 1 0;
    display: grid;
    grid-template-columns: 1.2fr 1.1fr 1fr .7fr;
    gap: 20px;
    box-sizing: border-box
}

.bsk-footer-links > div {
    min-width: 0
}

.bsk-footer-link-subgroup {
    margin-top: 56px
}

.bsk-footer-links h2 {
    display: block;
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4
}

.bsk-footer-links a {
    display: block;
    color: var(--bsk-emphasis);
    margin: 20px 0 0;
    font-size: 16px;
	font-weight: 400;
}

.bsk-footer-links a:hover,
.bsk-footer-social a:hover {
	color: #1253ff
}

.bsk-copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    border-top: 1px solid var(--bsk-divider);
    font-family: Inter, var(--bsk-font-base);
    text-align: left;
    color: var(--bsk-text-tertiary);
    margin-top: 40px;
    padding-top: 22px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0
}

.bsk-legal-links {
    display: flex;
    align-items: center;
    gap: 0
}

.bsk-legal-links a {
    display: inline-flex;
    align-items: center;
    color: var(--bsk-text-tertiary);
    font-family: Inter, var(--bsk-font-base);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0
}

.bsk-legal-links a + a::before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    margin: 0 18px;
    background: var(--bsk-divider)
}

.bsk-legal-links a:hover {
    color: var(--bsk-primary)
}
