.about-page {
	display:flex;
	flex-direction:column;
	min-width:1200px;
	min-height:100%;
	color:#27344a;
	background:#fff
}
.about-page .header {
	background:rgba(255,255,255,.97);
	-webkit-box-shadow:0 1px 14px rgba(37,109,230,.07);
	box-shadow:0 1px 14px rgba(37,109,230,.07)
}
.about-page .header-nav>li:nth-child(3) {
	margin-right:48px
}
.skip-link {
	position:fixed;
	top:10px;
	left:10px;
	z-index:1000;
	padding:8px 12px;
	border-radius:6px;
	color:#fff;
	background:#256de6;
	-webkit-transform:translateY(-160%);
	transform:translateY(-160%)
}
.skip-link:focus {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.about-main {
	flex:1 0 auto;
	width:1180px;
	margin:0 auto;
	padding:148px 0 90px
}
.about-hero {
	display:grid;
	min-height:390px;
	grid-template-columns:1.08fr .92fr;
	align-items:center;
	overflow:hidden;
	border:1px solid #edf3fc;
	border-radius:28px;
	background:linear-gradient(135deg,#fff 0,#f8fbff 56%,#eef7ff 100%);
	-webkit-box-shadow:0 18px 55px rgba(37,109,230,.1);
	box-shadow:0 18px 55px rgba(37,109,230,.1)
}
.about-hero-copy {
	padding:54px 28px 54px 64px
}
.about-eyebrow,
.about-section-heading>p {
	color:#256de6;
	font-size:13px;
	font-weight:600;
	letter-spacing:2px
}
.about-hero h1 {
	margin-top:10px;
	color:#17243a;
	font-size:46px;
	font-weight:600;
	line-height:1.3
}
.about-hero-copy>p:not(.about-eyebrow) {
	max-width:590px;
	margin-top:16px;
	color:#65748b;
	font-size:16px;
	line-height:1.9
}
.about-hero-copy .about-lead {
	color:#44536a;
	font-size:18px
}
.about-download {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:128px;
	height:44px;
	margin-top:28px;
	border-radius:9px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	background:linear-gradient(135deg,#256de6,#5eb8f2);
	-webkit-box-shadow:0 8px 20px rgba(37,109,230,.22);
	box-shadow:0 8px 20px rgba(37,109,230,.22);
	-webkit-transition:transform .2s ease,box-shadow .2s ease;
	transition:transform .2s ease,box-shadow .2s ease
}
.about-download:hover,
.about-download:focus-visible {
	color:#fff;
	-webkit-transform:translateY(-2px);
	transform:translateY(-2px);
	-webkit-box-shadow:0 11px 25px rgba(37,109,230,.28);
	box-shadow:0 11px 25px rgba(37,109,230,.28)
}
.about-hero-visual {
	position:relative;
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
	background:linear-gradient(145deg,rgba(37,109,230,.08),rgba(94,184,242,.28))
}
.about-hero-visual::before,
.about-hero-visual::after {
	position:absolute;
	content:"";
	border-radius:50%;
	background:rgba(255,255,255,.42)
}
.about-hero-visual::before {
	top:-80px;
	right:-40px;
	width:280px;
	height:280px
}
.about-hero-visual::after {
	bottom:-110px;
	left:-40px;
	width:250px;
	height:250px
}
.about-logo-halo {
	position:relative;
	z-index:2;
	display:flex;
	width:250px;
	height:250px;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:rgba(255,255,255,.84);
	-webkit-box-shadow:0 20px 55px rgba(37,109,230,.18);
	box-shadow:0 20px 55px rgba(37,109,230,.18)
}
.about-logo-halo img {
	width:180px;
	height:180px;
	border-radius:24%
}
.about-values {
	padding:82px 0 76px
}
.about-section-heading {
	text-align:center
}
.about-section-heading h2,
.about-direction h2 {
	margin-top:10px;
	color:#17243a;
	font-size:32px;
	font-weight:600;
	line-height:1.4
}
.value-list {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
	margin-top:38px
}
.value-card {
	position:relative;
	min-height:190px;
	padding:32px 30px;
	overflow:hidden;
	border:1px solid #eaf1fb;
	border-radius:18px;
	background:#fff;
	-webkit-box-shadow:0 12px 34px rgba(37,109,230,.08);
	box-shadow:0 12px 34px rgba(37,109,230,.08)
}
.value-number {
	position:absolute;
	top:16px;
	right:21px;
	color:rgba(37,109,230,.09);
	font-size:52px;
	font-weight:700;
	line-height:1
}
.value-card h3 {
	position:relative;
	color:#24344e;
	font-size:21px;
	font-weight:600
}
.value-card p {
	position:relative;
	margin-top:15px;
	color:#6b7890;
	font-size:15px;
	line-height:1.85
}
.about-direction {
	display:grid;
	grid-template-columns:360px 1fr;
	gap:70px;
	align-items:center;
	padding:38px 50px;
	border-radius:20px;
	background:#f3f8ff
}
.about-direction>p {
	color:#65748b;
	font-size:16px;
	line-height:1.9
}
.about-footer {
	display:flex;
	flex:0 0 56px;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-height:56px;
	padding:0 24px;
	color:#000;
	background:#65bbef
}
.about-footer a,
.about-footer span {
	color:#000;
	font-size:14px
}
.about-footer a:hover {
	text-decoration:underline
}
.about-footer img {
	width:20px;
	height:20px;
	margin:0 2px;
	vertical-align:middle
}
.js .about-hero,
.js .about-values,
.js .about-direction {
	opacity:0;
	-webkit-transform:translateY(12px);
	transform:translateY(12px)
}
.js .about-ready .about-hero,
.js .about-ready .about-values,
.js .about-ready .about-direction {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:opacity .45s ease,transform .45s ease;
	transition:opacity .45s ease,transform .45s ease
}
.js .about-ready .about-values {
	transition-delay:.08s
}
.js .about-ready .about-direction {
	transition-delay:.14s
}