/* =========================================================
   CRISSY IN CHARGE
   RESET AUDIT
   ========================================================= */


.cic-audit-page {
	background: #FAF7F4;
}



/* =========================================================
   HERO
   ========================================================= */

.cic-audit-hero {
	position: relative;

	overflow: hidden;

	padding:
		clamp(75px, 9vw, 125px)
		0;

	background: #D82E92;

	text-align: center;
}


.cic-audit-hero::before {
	content: "";

	position: absolute;

	top: -150px;
	right: -110px;

	width: 340px;
	height: 340px;

	border-radius: 50%;

	background:
		rgba(255, 220, 0, 0.12);
}


.cic-audit-hero-inner {
	position: relative;

	z-index: 2;

	max-width: 850px;

	margin-inline: auto;
}


.cic-audit-eyebrow {
	display: block;

	margin-bottom: 17px;

	font-size: 11px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.18em;

	color: #FFDC00;
}


.cic-audit-title {
	margin: 0;

	font-size:
		clamp(58px, 7vw, 100px);

	font-weight: 900;

	line-height: 0.95;

	letter-spacing: -0.06em;

	color: #ffffff;
}


.cic-audit-intro {
	max-width: 600px;

	margin:
		28px
		auto
		35px;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size:
		clamp(19px, 2vw, 26px);

	font-style: italic;

	line-height: 1.5;

	color:
		rgba(255,255,255,0.92);
}



/* =========================================================
   THREE STEPS
   ========================================================= */

.cic-audit-steps {
	display: inline-flex;

	overflow: hidden;

	border:
		1px solid
		rgba(255,255,255,0.34);

	border-radius: 100px;
}


.cic-audit-step {
	padding:
		12px
		22px;

	border-right:
		1px solid
		rgba(255,255,255,0.28);

	font-size: 10px;
	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.07em;

	color: #ffffff;
}


.cic-audit-step:last-child {
	border-right: 0;
}


.cic-audit-step span {
	margin-right: 6px;

	color: #FFDC00;
}



/* =========================================================
   PROGRESS
   ========================================================= */

.cic-audit-progress {
	position: sticky;

	top: 0;

	z-index: 30;

	padding:
		14px
		0;

	background: #000000;
}


.cic-audit-progress-inner {
	display: grid;

	grid-template-columns:
		auto
		1fr
		auto;

	align-items: center;

	gap: 17px;
}


.cic-audit-progress-label {
	font-size: 10px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	color: #FFDC00;
}


.cic-audit-progress-track {
	height: 5px;

	overflow: hidden;

	border-radius: 100px;

	background:
		rgba(255,255,255,0.14);
}


.cic-audit-progress-fill {
	width: 50%;

	height: 100%;

	background: #D82E92;

	transition:
		width 0.35s ease;
}


.cic-audit-progress-score {
	font-size: 11px;

	font-weight: 800;

	color: #ffffff;
}



/* =========================================================
   AUDIT BODY
   ========================================================= */

.cic-audit-main {
	padding:
		clamp(65px, 8vw, 105px)
		0;
}


.cic-audit-container {
	width:
		min(
			calc(100% - 40px),
			760px
		);

	margin-inline: auto;
}



/* =========================================================
   SECTION HEADING
   ========================================================= */

.cic-audit-section-heading {
	display: flex;

	align-items: center;

	gap: 15px;

	margin-bottom: 30px;
}


.cic-audit-section-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 42px;
	height: 42px;

	flex-shrink: 0;

	border-radius: 50%;

	background: #D82E92;

	color: #ffffff;
}


.cic-audit-section-title {
	display: block;

	margin-bottom: 2px;

	font-size: 12px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.11em;

	color: #000000;
}


.cic-audit-section-heading p {
	margin: 0;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size: 14px;

	font-style: italic;

	color: #777777;
}



/* =========================================================
   EMAIL GATE
   ========================================================= */

.cic-audit-gate {
	margin-top: 50px;

	padding:
		clamp(32px, 5vw, 48px);

	background: #000000;

	border-radius: 26px;

	text-align: center;
}


.cic-audit-gate-eyebrow {
	display: block;

	margin-bottom: 13px;

	font-size: 10px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.12em;

	color: #FFDC00;
}


.cic-audit-gate h2 {
	max-width: 560px;

	margin:
		0
		auto
		15px;

	font-size:
		clamp(29px, 4vw, 42px);

	line-height: 1.05;

	color: #ffffff;
}


.cic-audit-gate > p {
	max-width: 520px;

	margin:
		0
		auto
		28px;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size: 16px;

	font-style: italic;

	color:
		rgba(255,255,255,0.74);
}


.cic-audit-form {
	display: grid;

	grid-template-columns:
		1fr
		1.4fr
		auto;

	gap: 10px;
}


.cic-audit-input {
	width: 100%;

	padding:
		15px
		16px;

	border:
		1px solid
		rgba(255,255,255,0.18);

	border-radius: 8px;

	outline: none;

	background:
		rgba(255,255,255,0.07);

	font: inherit;

	color: #ffffff;
}


.cic-audit-input:focus {
	border-color: #D82E92;
}


.cic-audit-submit {
	padding:
		15px
		22px;

	border: 0;

	border-radius: 8px;

	background: #D82E92;

	font-size: 11px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.05em;

	color: #ffffff;

	cursor: pointer;
}


.cic-audit-error {
	display: none;

	margin-top: 12px !important;

	font-family: inherit !important;

	font-size: 12px !important;

	font-style: normal !important;

	color: #ff85c7 !important;
}


.cic-audit-privacy {
	margin:
		12px
		0
		0 !important;

	font-family: inherit !important;

	font-size: 10px !important;

	font-style: normal !important;

	color:
		rgba(255,255,255,0.40) !important;
}



/* =========================================================
   RESULTS
   ========================================================= */

.cic-audit-results {
	display: none;

	margin-top: 50px;
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

	.cic-audit-hero {
		padding:
			65px
			0
			55px;
	}


	.cic-audit-title {
		font-size:
			clamp(52px, 15vw, 72px);
	}


	.cic-audit-steps {
		display: grid;

		width: min(100%, 310px);

		border-radius: 18px;
	}


	.cic-audit-step {
		border-right: 0;

		border-bottom:
			1px solid
			rgba(255,255,255,0.24);
	}


	.cic-audit-step:last-child {
		border-bottom: 0;
	}


	.cic-audit-progress-inner {
		gap: 10px;
	}


	.cic-audit-progress-label {
		font-size: 8px;
	}


	.cic-audit-form {
		grid-template-columns: 1fr;
	}


	.cic-audit-submit {
		width: 100%;
	}

}
/* =========================================================
   INTERACTIVE AUDIT CARDS
   ========================================================= */

.cic-audit-card {
	margin-bottom: 15px;

	padding: 24px;

	background: #ffffff;

	border:
		1px solid
		#EDE8E3;

	border-radius: 18px;

	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease;
}


.cic-audit-card.is-scored {
	border-color:
		rgba(216,46,146,0.50);

	box-shadow:
		0 10px 30px
		rgba(216,46,146,0.07);
}


.cic-audit-card-top {
	display: flex;

	align-items: flex-start;
	justify-content: space-between;

	gap: 20px;

	margin-bottom: 20px;
}


.cic-audit-card-label {
	margin-bottom: 3px;

	font-size: 15px;
	font-weight: 800;

	color: #000000;
}


.cic-audit-card-prompt {
	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size: 14px;

	font-style: italic;

	line-height: 1.5;

	color: #777777;
}



/* SCORE */

.cic-audit-score-badge {
	display: flex;

	align-items: center;
	justify-content: center;

	flex-direction: column;

	width: 58px;
	height: 58px;

	flex-shrink: 0;

	border:
		2px solid
		#EDE8E3;

	border-radius: 14px;

	background: #F6EDE6;

	transition:
		0.25s ease;
}


.cic-audit-score-badge.is-high {
	border-color: #D82E92;

	background: #D82E92;
}


.cic-audit-score-number {
	font-size: 21px;
	font-weight: 900;

	line-height: 1;

	color: #000000;
}


.cic-audit-score-denom {
	margin-top: 2px;

	font-size: 9px;
	font-weight: 700;

	color: #8A8A8A;
}


.cic-audit-score-badge.is-high
.cic-audit-score-number,
.cic-audit-score-badge.is-high
.cic-audit-score-denom {
	color: #ffffff;
}



/* =========================================================
   SLIDER
   ========================================================= */

.cic-audit-slider-labels {
	display: flex;

	justify-content: space-between;

	margin-bottom: 7px;

	font-size: 9px;
	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.07em;

	color: #999999;
}


.cic-audit-slider {
	appearance: none;
	-webkit-appearance: none;

	width: 100%;
	height: 6px;

	border-radius: 100px;

	outline: none;

	cursor: pointer;
}


.cic-audit-slider::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;

	width: 24px;
	height: 24px;

	border:
		3px solid
		#ffffff;

	border-radius: 50%;

	background: #D82E92;

	box-shadow:
		0 3px 10px
		rgba(216,46,146,0.35);

	cursor: pointer;
}


.cic-audit-slider::-moz-range-thumb {
	width: 20px;
	height: 20px;

	border:
		3px solid
		#ffffff;

	border-radius: 50%;

	background: #D82E92;

	cursor: pointer;
}


.cic-audit-slider-ticks {
	display: flex;

	justify-content: space-between;

	margin-top: 6px;
}


.cic-audit-slider-ticks span {
	width: 17px;

	text-align: center;

	font-size: 9px;

	color: #999999;
}



/* =========================================================
   RESULTS HERO
   ========================================================= */

.cic-audit-results-hero {
	position: relative;

	margin-bottom: 30px;

	padding:
		clamp(42px, 6vw, 65px)
		30px;

	overflow: hidden;

	border-radius: 28px;

	background: #D82E92;

	text-align: center;

	color: #ffffff;
}


.cic-audit-results-eyebrow {
	display: block;

	margin-bottom: 15px;

	font-size: 10px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.13em;

	color: #FFDC00;
}


.cic-audit-results-score {
	font-size:
		clamp(70px, 12vw, 110px);

	font-weight: 900;

	line-height: 0.9;

	color: #ffffff;
}


.cic-audit-results-denom {
	margin-top: 8px;

	font-size: 14px;

	color:
		rgba(255,255,255,0.62);
}


.cic-audit-results-label {
	display: inline-block;

	margin:
		18px
		0;

	padding:
		8px
		17px;

	border-radius: 100px;

	background:
		rgba(0,0,0,0.23);

	font-size: 11px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.07em;
}


.cic-audit-results-hero p {
	max-width: 540px;

	margin:
		0
		auto;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size: 17px;

	font-style: italic;

	line-height: 1.65;

	color:
		rgba(255,255,255,0.92);
}



/* =========================================================
   ENERGY LEAKS
   ========================================================= */

.cic-audit-leaks {
	margin-bottom: 45px;

	padding: 30px;

	border:
		1px solid
		#EDE8E3;

	border-radius: 22px;

	background: #ffffff;
}


.cic-audit-leaks-title {
	display: block;

	margin-bottom: 20px;

	font-size: 11px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.12em;

	color: #D82E92;
}


.cic-audit-leak-item {
	display: flex;

	gap: 15px;

	padding:
		17px
		0;

	border-bottom:
		1px solid
		#EDE8E3;
}


.cic-audit-leak-item:last-child {
	border-bottom: 0;
}


.cic-audit-leak-rank {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 30px;
	height: 30px;

	flex-shrink: 0;

	border-radius: 50%;

	background: #D82E92;

	font-size: 12px;
	font-weight: 900;

	color: #ffffff;
}


.cic-audit-leak-content {
	flex: 1;
}


.cic-audit-leak-heading {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 15px;

	margin-bottom: 7px;
}


.cic-audit-leak-heading strong {
	font-size: 14px;

	color: #000000;
}


.cic-audit-leak-heading span {
	font-size: 13px;
	font-weight: 900;

	color: #D82E92;
}


.cic-audit-leak-track {
	height: 5px;

	overflow: hidden;

	border-radius: 100px;

	background: #EDE8E3;
}


.cic-audit-leak-fill {
	height: 100%;

	border-radius: 100px;

	background: #D82E92;
}


.cic-audit-leak-content p {
	margin:
		9px
		0
		0;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size: 13px;

	font-style: italic;

	line-height: 1.55;

	color: #666666;
}



/* =========================================================
   NEXT MOVES
   ========================================================= */

.cic-audit-moves {
	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 14px;

	margin-bottom: 45px;
}


.cic-audit-move-card {
	padding: 22px;

	border-top:
		5px solid
		#FFDC00;

	border-radius: 16px;

	background: #F6EDE6;

	text-align: center;
}


.cic-audit-move-icon {
	margin-bottom: 10px;

	font-size: 25px;
}


.cic-audit-move-card h3 {
	margin:
		0
		0
		8px;

	font-size: 14px;

	line-height: 1.3;

	color: #000000;
}


.cic-audit-move-card p {
	margin: 0;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size: 13px;

	font-style: italic;

	line-height: 1.5;

	color: #666666;
}



/* =========================================================
   $97 BRIDGE OFFER
   ========================================================= */

.cic-audit-offer {
	padding:
		clamp(40px, 6vw, 60px);

	border-radius: 28px;

	background: #000000;

	text-align: center;

	color: #ffffff;
}


.cic-audit-offer-eyebrow {
	display: block;

	margin-bottom: 15px;

	font-size: 10px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.12em;

	color: #FFDC00;
}


.cic-audit-offer h2 {
	max-width: 620px;

	margin:
		0
		auto
		20px;

	font-size:
		clamp(31px, 4.5vw, 48px);

	line-height: 1.05;

	color: #ffffff;
}


.cic-audit-offer h2 span {
	display: block;

	margin-top: 8px;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-style: italic;

	font-weight: 600;

	color: #D82E92;
}


.cic-audit-offer > p {
	max-width: 540px;

	margin:
		0
		auto
		28px;

	font-size: 16px;

	line-height: 1.7;

	color:
		rgba(255,255,255,0.70);
}


.cic-audit-offer-button {
	display: inline-flex;

	align-items: center;
	justify-content: space-between;

	gap: 25px;

	padding:
		17px
		26px;

	border-radius: 100px;

	background: #D82E92;

	font-size: 12px;
	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.04em;

	color: #ffffff;
}


.cic-audit-offer-details {
	margin-top: 15px;

	font-size: 10px;
	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.07em;

	color:
		rgba(255,255,255,0.42);
}



/* =========================================================
   MOBILE INTERACTIVE ELEMENTS
   ========================================================= */

@media (max-width: 650px) {

	.cic-audit-card {
		padding: 20px;
	}


	.cic-audit-card-prompt {
		font-size: 13px;
	}


	.cic-audit-score-badge {
		width: 52px;
		height: 52px;
	}


	.cic-audit-moves {
		grid-template-columns: 1fr;
	}


	.cic-audit-leaks {
		padding: 24px 20px;
	}


	.cic-audit-offer {
		padding:
			40px
			24px;
	}


	.cic-audit-offer-button {
		width: 100%;
	}

}