/* ================================================================
   PILLAR PAGE — Tablet overrides (768px+)
   ================================================================ */

/* Hero */
.pillar_hero {
	padding: 100px 0 80px 0;
}
.pillar_hero .wrap {
	margin: 0 40px;
}
.pillar_hero h1 {
	font-size: 2.75rem;
	max-width: 600px;
}
.pillar_hero .hero_sub {
	font-size: 1.1875rem;
	max-width: 520px;
}
.pillar_hero .wrap a {
	height: 50px;
	width: 280px;
	font-size: 1.125rem;
	border-radius: 25px;
	padding: 15px 0 0 0;
}
.pillar_hero .wrap a:after {
	right: -51px;
	width: 50px;
	height: 50px;
}
.pillar_hero .wrap a:before {
	top: 17px;
	right: -34px;
}

/* TOC */
.pillar_toc .wrap {
	margin: 0 40px;
}
.pillar_toc ol {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0 30px;
}
.pillar_toc ol li {
	width: calc(50% - 15px);
}

/* Body */
.pillar_body .wrap {
	margin: 0 40px;
}

/* Content */
.pillar_content {
	padding: 50px 0 70px 0;
}

/* Sections */
.pillar_section h2 {
	font-size: 1.75rem;
}
.pillar_section h3 {
	font-size: 1.25rem;
}
.pillar_section p {
	font-size: 1.0625rem;
}

/* Steps */
.pillar_steps .step h4 {
	font-size: 1.0625rem;
}
.pillar_steps .step p {
	font-size: 1rem;
}

/* Grid */
.pillar_grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
}
.pillar_grid .grid_card {
	-webkit-flex: 1 1 calc(50% - 5px);
	flex: 1 1 calc(50% - 5px);
	margin: 0;
}

/* Stats */
.pillar_stats .stat .stat_number {
	font-size: 2.25rem;
}

/* Callout */
.pillar_callout {
	padding: 24px 28px;
	font-size: 1rem;
}
.pillar_callout p {
	font-size: 1rem;
}

/* VP Callout */
.pillar_vp_callout {
	padding: 34px 30px;
}
.pillar_vp_callout h4 {
	font-size: 1.25rem;
}
.pillar_vp_callout p {
	font-size: 1rem;
}

/* Mid CTA */
.pillar_mid_cta .wrap {
	padding: 44px 36px;
}
.pillar_mid_cta h2 {
	font-size: 1.75rem;
}
.pillar_mid_cta p {
	font-size: 1rem;
	max-width: 500px;
}
.pillar_mid_cta .wrap a {
	height: 50px;
	width: 280px;
	font-size: 1.125rem;
	border-radius: 25px;
	padding: 15px 0 0 0;
	margin: 25px 0 0 0;
}
.pillar_mid_cta .wrap a:after {
	right: -51px;
	width: 50px;
	height: 50px;
}
.pillar_mid_cta .wrap a:before {
	top: 17px;
	right: -34px;
}
