.pb12-best,
.pb12-best *{
	box-sizing:border-box;
}

.pb12-best{
	background:#fff;
	color:#26364e;
}

.pb12-best-container{
	width:min(1120px,calc(100% - 40px));
	margin-inline:auto;
}


/* HERO */

.pb12-best-hero{
	padding:40px 0 84px;
	background:linear-gradient(135deg,#f8faff,#f2f6ff 58%,#edf5ff);
}

.pb12-best-breadcrumb{
	margin-bottom:52px;
	color:#929daf;
	font-size:9px;
	font-weight:700;
}

.pb12-best-breadcrumb a{
	color:#738198 !important;
}

.pb12-best-breadcrumb span{
	margin:0 7px;
}

.pb12-best-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(350px,.7fr);
	align-items:center;
	gap:90px;
}

.pb12-best-label{
	display:flex;
	align-items:center;
	gap:9px;
	margin-bottom:17px;
	color:#687997;
	font-size:9px;
	font-weight:850;
	letter-spacing:.17em;
}

.pb12-best-label > span{
	width:7px;
	height:7px;
	border-radius:50%;
	background:linear-gradient(135deg,#3156d9,#4aa8c7);
}

.pb12-best h1{
	margin:0;
	color:#16233a;
	font-size:clamp(49px,5.8vw,76px);
	font-weight:850;
	line-height:.95;
	letter-spacing:-.06em;
}

.pb12-best h1 span{
	display:block;
	color:#3156d9;
}

.pb12-best-hero__lead{
	margin:24px 0 0;
	color:#35445a;
	font-size:19px;
	font-weight:560;
	line-height:1.58;
}

.pb12-best-hero__text{
	max-width:620px;
	margin:13px 0 0;
	color:#718094;
	font-size:14px;
	line-height:1.75;
}

.pb12-best-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	margin-top:27px;
	padding:0 20px;
	border-radius:12px;
	background:linear-gradient(135deg,#3156d9,#2444b4);
	color:#fff !important;
	font-size:12px;
	font-weight:800;
	box-shadow:0 13px 30px rgba(49,86,217,.18);
}


/* SUMMARY */

.pb12-best-summary{
	padding:27px 25px;
	border:1px solid rgba(49,86,217,.12);
	border-radius:26px;
	background:rgba(255,255,255,.8);
	box-shadow:0 25px 65px rgba(25,43,81,.075);
}

.pb12-best-summary > small{
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.15em;
}

.pb12-best-summary > strong{
	display:block;
	margin-top:8px;
	color:#26374f;
	font-size:23px;
}

.pb12-best-summary__grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	margin-top:24px;
	padding:20px 0;
	border-top:1px solid #e1e6ef;
	border-bottom:1px solid #e1e6ef;
}

.pb12-best-summary__grid > div + div{
	border-left:1px solid #e1e6ef;
	padding-left:15px;
}

.pb12-best-summary__grid span{
	display:block;
	color:#16233a;
	font-size:23px;
	font-weight:820;
}

.pb12-best-summary__grid small{
	color:#8996aa;
	font-size:6px;
	font-weight:850;
	letter-spacing:.1em;
}

.pb12-best-summary > p{
	margin:17px 0 0;
	color:#788497;
	font-size:11px;
	line-height:1.6;
}


/* GENERAL */

.pb12-best-section{
	padding:90px 0;
}

.pb12-best-soft{
	background:#f7f9fd;
}

.pb12-best-section-head{
	max-width:720px;
	margin-bottom:35px;
}

.pb12-best-number{
	margin-bottom:15px;
	color:#3156d9;
	font-size:9px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-best h2{
	margin:0;
	color:#16233a;
	font-size:clamp(36px,4vw,53px);
	line-height:1.04;
	letter-spacing:-.045em;
}

.pb12-best h2 span{
	display:block;
	color:#3156d9;
}

.pb12-best-section-head > p{
	margin:15px 0 0;
	color:#778396;
	font-size:14px;
	line-height:1.7;
}


/* CRITERIA */

.pb12-best-criteria,
.pb12-best-profiles{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
}

.pb12-best-criteria article,
.pb12-best-profiles > div{
	padding:23px 20px;
	border:1px solid #e1e6ef;
	border-radius:19px;
	background:#fff;
}

.pb12-best-criteria article > span{
	display:block;
	margin-bottom:31px;
	color:#95a5d2;
	font-size:8px;
	font-weight:850;
}

.pb12-best-criteria h3,
.pb12-best-profiles h3{
	margin:0 0 8px;
	color:#293951;
	font-size:16px;
}

.pb12-best-criteria p,
.pb12-best-profiles p{
	margin:0;
	color:#7b8798;
	font-size:11px;
	line-height:1.6;
}

.pb12-best-profiles > div > span{
	display:block;
	margin-bottom:22px;
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.13em;
}


/* PRODUCTS */

.pb12-best-products{
	padding:90px 0 96px;
	background:#fff;
}

.pb12-best-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:17px;
}

.pb12-best-card{
	overflow:hidden;
	border:1px solid #e1e6ef;
	border-radius:21px;
	background:#fff;
	box-shadow:0 12px 35px rgba(25,43,81,.045);
}

.pb12-best-card__image{
	display:block;
	aspect-ratio:1/1;
	overflow:hidden;
	background:#f4f7fd;
}

.pb12-best-card__image img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.pb12-best-card__body{
	padding:16px 15px 17px;
}

.pb12-best-card__body > small{
	color:#929cac;
	font-size:6.5px;
	font-weight:850;
	letter-spacing:.11em;
}

.pb12-best-card h3{
	margin:8px 0 0;
	font-size:16px;
}

.pb12-best-card h3 a{
	color:#26364e;
	text-decoration:none;
}

.pb12-best-card__body > p{
	min-height:18px;
	margin:6px 0 0;
	color:#7c8798;
	font-size:10px;
}

.pb12-best-card__footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin-top:15px;
	padding-top:13px;
	border-top:1px solid #e6eaf0;
}

.pb12-best-card__footer strong{
	color:#16233a;
	font-size:14px;
}

.pb12-best-card__footer a{
	color:#3156d9 !important;
	font-size:9px;
	font-weight:800;
}


/* COPY */

.pb12-best-two{
	display:grid;
	grid-template-columns:.82fr 1.18fr;
	gap:100px;
}

.pb12-best-copy__lead{
	margin-top:2px !important;
	color:#35445a !important;
	font-size:17px !important;
	font-weight:550;
}

.pb12-best-copy p{
	margin:15px 0 0;
	color:#748094;
	font-size:14px;
	line-height:1.75;
}


/* STANDARD */

.pb12-best-standard{
	padding:76px 0;
	background:#16233a;
}

.pb12-best-standard__head{
	display:flex;
	align-items:end;
	justify-content:space-between;
	gap:50px;
	margin-bottom:34px;
}

.pb12-best-standard .pb12-best-label{
	color:#9eacc0;
}

.pb12-best-standard h2{
	color:#fff;
}

.pb12-best-standard h2 span{
	color:#7193ff;
}

.pb12-best-standard__head > p{
	max-width:430px;
	margin:0;
	color:#a2aec0;
	font-size:13px;
	line-height:1.7;
}

.pb12-best-zero{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	border:1px solid rgba(255,255,255,.1);
	border-radius:21px;
	background:rgba(255,255,255,.035);
}

.pb12-best-zero > div{
	padding:25px 27px;
}

.pb12-best-zero > div + div{
	border-left:1px solid rgba(255,255,255,.09);
}

.pb12-best-zero strong{
	display:block;
	color:#fff;
	font-size:38px;
	line-height:1;
}

.pb12-best-zero sup{
	color:#7193ff;
	font-size:11px;
}

.pb12-best-zero span{
	display:block;
	margin-top:7px;
	color:#8493aa;
	font-size:7px;
	font-weight:850;
	letter-spacing:.14em;
}


/* LINKS */

.pb12-best-links{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:13px;
}

.pb12-best-links a{
	position:relative;
	display:block;
	padding:22px 45px 22px 20px;
	border:1px solid #e0e5ef;
	border-radius:17px;
	background:#fff;
	color:#26364e !important;
	text-decoration:none;
}

.pb12-best-links small{
	display:block;
	margin-bottom:5px;
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.13em;
}

.pb12-best-links strong{
	font-size:13px;
}

.pb12-best-links a > span{
	position:absolute;
	right:18px;
	top:27px;
	color:#3156d9;
}


/* FAQ */

.pb12-best-faq{
	padding:88px 0 98px;
	background:#fff;
}

.pb12-best-faq__list{
	max-width:850px;
}

.pb12-best-faq details{
	border-bottom:1px solid #dfe4ed;
}

.pb12-best-faq summary{
	position:relative;
	padding:20px 40px 20px 0;
	cursor:pointer;
	list-style:none;
	color:#293951;
	font-size:14px;
	font-weight:760;
}

.pb12-best-faq summary::-webkit-details-marker{
	display:none;
}

.pb12-best-faq summary::after{
	content:"+";
	position:absolute;
	right:4px;
	top:17px;
	color:#3156d9;
	font-size:22px;
}

.pb12-best-faq details[open] summary::after{
	content:"−";
}

.pb12-best-faq details p{
	max-width:720px;
	margin:0 0 21px;
	color:#778396;
	font-size:12px;
	line-height:1.7;
}

.pb12-best-disclaimer{
	padding:21px 0;
	border-top:1px solid #e4e8ef;
	background:#fafbfe;
}

.pb12-best-disclaimer p{
	max-width:860px;
	margin:0;
	color:#8a95a5;
	font-size:9px;
	line-height:1.65;
}


/* MOBILE */

@media(max-width:767px){

	.pb12-best-container{
		width:min(100% - 30px,1120px);
	}

	.pb12-best-hero{
		padding:27px 0 55px;
	}

	.pb12-best-breadcrumb{
		margin-bottom:35px;
	}

	.pb12-best-hero__grid{
		display:block;
	}

	.pb12-best h1{
		font-size:clamp(44px,12.4vw,57px);
	}

	.pb12-best-hero__lead{
		font-size:16px;
	}

	.pb12-best-hero__text{
		font-size:13px;
	}

	.pb12-best-btn{
		width:100%;
	}

	.pb12-best-summary{
		margin-top:35px;
		padding:21px;
	}

	.pb12-best-section,
	.pb12-best-products{
		padding:61px 0;
	}

	.pb12-best-criteria,
	.pb12-best-profiles,
	.pb12-best-grid{
		display:flex;
		overflow-x:auto;
		gap:10px;
		margin-right:-15px;
		padding-right:15px;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.pb12-best-criteria::-webkit-scrollbar,
	.pb12-best-profiles::-webkit-scrollbar,
	.pb12-best-grid::-webkit-scrollbar{
		display:none;
	}

	.pb12-best-criteria article,
	.pb12-best-profiles > div{
		flex:0 0 78%;
		min-height:175px;
		scroll-snap-align:start;
	}

	.pb12-best-card{
		flex:0 0 78%;
		scroll-snap-align:start;
	}

	.pb12-best-two{
		display:block;
	}

	.pb12-best-copy{
		margin-top:27px;
	}

	.pb12-best-copy__lead{
		font-size:15px !important;
	}

	.pb12-best-standard{
		padding:58px 0;
	}

	.pb12-best-standard__head{
		display:block;
	}

	.pb12-best-standard__head > p{
		margin-top:17px;
	}

	.pb12-best-zero > div{
		padding:19px 10px;
	}

	.pb12-best-zero strong{
		font-size:29px;
	}

	.pb12-best-links{
		display:block;
	}

	.pb12-best-links a + a{
		margin-top:9px;
	}

	.pb12-best-faq{
		padding:61px 0 70px;
	}

}