@font-face {
			font-family: "Indie Flower";
			font-style: normal;
			font-weight: 400;
			font-display: fallback;
			src: url('https://contenthub.speakermatch.com/wp-content/themes/blockscape-child/assets/fonts/indie-flower_normal_400.ttf') format('truetype');
		}

		:root {
			--smBlue: #00205c;
			--smBlueAlt: #43c5fa;
			--smGold: #ffcc01;
			--smOrange: #ff8202;
			--smText: #14213d;
			--smTextLight: #4d5b7c;
			--smWhite: #ffffff;
			--smOffWhite: #f7f8fc;
			--smBorder: #d9e0f0;
			--smSuccess: #e8f6ec;
			--smGreen: #227347;
			--smRed: #d33434;
			--smShadow: 0 18px 45px rgba(8, 24, 80, 0.14);
		}

		* {
			box-sizing: border-box;
		}

		html {
			scroll-behavior: smooth;
		}

		body {
			margin: 0;
			font-family: Arial, Helvetica, sans-serif;
			color: var(--smText);
			background: var(--smWhite);
			line-height: 1.55;
		}

		a {
			color: inherit;
			text-decoration: none;
		}

		img {
			max-width: 100%;
			display: block;
		}

		.container {
			width: min(1160px, calc(100% - 40px));
			margin: 0 auto;
		}

		.section {
			padding: 76px 0;
		}

		.topBar {
			background: var(--smBlue);
			color: var(--smWhite);
			padding: 14px 0;
			position: sticky;
			top: 0;
			z-index: 20;
			box-shadow: 0 8px 24px rgba(10, 23, 77, 0.18);
		}

		.topBarInner {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
		}

		.logoText {
			display: inline-flex;
			align-items: center;
		}

		.logoText img {
			height: 65px;
			width: auto;
			display: block;
		}

		.topNav {
			display: flex;
			gap: 20px;
			align-items: center;
			font-size: 15px;
			height: 80px;
		}

		.topNav a {
			opacity: 0.92;
		}

		.primaryBtn,
		.secondaryBtn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 54px;
			padding: 0 28px;
			border-radius: 999px;
			font-size: 20px;
			font-weight: 800;
			text-align: center;
			transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
		}

		.primaryBtn {
			background: var(--smGold);
			color: var(--smBlue);
			box-shadow: var(--smShadow);
		}

		.primaryBtn:hover, .secondaryBtn:hover {
		    transform: translateY(-3px) scale(1.01);
		    filter: contrast(1.1);
		    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
		    filter: brightness(1.1);
		}
		
		/* Add a "press" effect for when the user clicks */
		.primaryBtn:active, .secondaryBtn:active {
		    transform: translateY(-1px);
		    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		}

		.secondaryBtn {
			background: var(--smWhite);
			color: var(--smBlue);
			border: 2px solid rgba(255,255,255,0.75);
		}

		.hero {
			background: linear-gradient(135deg, var(--smBlue), #00368c 58%, #0057a8);
			color: var(--smWhite);
			padding: 64px 0 78px;
		}

		.heroGrid {
			display: grid;
			grid-template-columns: 1.15fr 0.9fr;
			gap: 34px;
			align-items: start;
		}

		.heroKicker {
			font-size: clamp(12px, 1.05vw, 15px);
			font-weight: 800;
			letter-spacing: 0.025em;
			text-transform: uppercase;
			color: #dbe4ff;
			margin-bottom: 12px;
			white-space: nowrap;
		}

		.hero h1 {
			font-size: clamp(42px, 5.6vw, 72px);
			line-height: 0.98;
			margin: 0 0 20px;
			letter-spacing: -2px;
		}

		.hero h1 .accent {
			color: var(--smGold);
		}

		.heroLead {
			font-size: clamp(21px, 1.85vw, 28px);
			line-height: 1.18;
			font-weight: 800;
			max-width: 760px;
			margin: 0 0 24px;
		}

		.heroCopy {
			font-size: 19px;
			max-width: 840px;
			margin: 0 0 18px;
			color: #e8edff;
		}

		.heroCallout {
			background: rgba(255,255,255,0.12);
			border: 1px solid rgba(255,255,255,0.18);
			border-left: 6px solid var(--smGold);
			border-radius: 16px;
			padding: 18px 20px;
			font-size: 20px;
			font-weight: 800;
			margin: 26px 0 28px;
		}

		.heroBullets {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 12px 16px;
			margin: 24px 0 32px;
			padding: 0;
			list-style: none;
		}

		.heroOpportunityLink {
			margin-top: 24px;
			margin-bottom: 8px;
		}

		.heroOpportunityLink a {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			font-size: 18px;
			font-weight: 800;
			color: #ffffff;
			text-decoration: underline;
			text-decoration-thickness: 2px;
			text-underline-offset: 4px;
			transition: opacity 0.2s ease;
		}

		.heroOpportunityLink a:hover {
			opacity: 0.82;
		}

		.heroBullets li {
			background: rgba(255,255,255,0.12);
			border: 1px solid rgba(255,255,255,0.16);
			padding: 14px 16px;
			border-radius: 14px;
			font-weight: 800;
		}

		.heroBadgeBullets li {
			border: 2px solid rgba(255,255,255,0.82);
			box-shadow: 0 8px 18px rgba(0,0,0,0.10);
		}

		.heroBadgeOrange {
			background: #ff8202 !important;
		}

		.heroBadgeGreen {
			background: #6baf24 !important;
		}

		.heroBadgeBlue {
			background: #0076be !important;
		}

		.heroBadgePurple {
			background: #790c69 !important;
		}

		.heroCtaRow {
			display: flex;
			gap: 14px;
			flex-wrap: wrap;
			align-items: center;
			margin-bottom: 18px;
		}

		.heroNote {
			font-size: 15px;
			color: #dbe4ff;
			margin-top: 20px;
		}

		.offerCard {
			background: rgba(255,255,255,0.96);
			color: var(--smText);
			border-radius: 26px;
			padding: 28px;
			box-shadow: var(--smShadow);
		}

		.offerBadge {
			display: inline-block;
			background: var(--smOrange);
			color: var(--smWhite);
			padding: 8px 14px;
			border-radius: 0;
			font-size: 13px;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 0.03em;
			margin-bottom: 18px;
		}

		.offerCard h2 {
			font-size: 34px;
			line-height: 1.08;
			margin: 0 0 14px;
		}

		.offerCard p {
			margin: 0 0 18px;
			font-size: 18px;
			color: var(--smTextLight);
		}

		.offerList {
			list-style: none;
			padding: 0;
			margin: 0 0 24px;
			display: grid;
			gap: 12px;
		}

		.offerList li {
			padding-left: 34px;
			position: relative;
			font-weight: 700;
		}

		.offerList li::before {
			content: '✓';
			position: absolute;
			left: 0;
			top: 0;
			width: 24px;
			height: 24px;
			border-radius: 50%;
			background: var(--smSuccess);
			color: var(--smGreen);
			font-size: 16px;
			font-weight: 900;
			line-height: 24px;
			text-align: center;
		}

		.discountBox {
			background: #f4f7ff;
			border: 2px dashed #9fb3f6;
			border-radius: 16px;
			padding: 18px;
			margin-top: 18px;
		}

		.discountBox strong {
			display: block;
			font-size: 15px;
			text-transform: uppercase;
			letter-spacing: 0.04em;
			margin-bottom: 8px;
			color: var(--smBlueAlt);
		}

		.sectionHeader {
			max-width: 880px;
			margin-bottom: 38px;
		}

		.sectionHeader.centered {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			max-width: 820px;
		}

		.sectionHeader .kicker {
			font-size: 15px;
			font-weight: 800;
			text-transform: uppercase;
			color: var(--smOrange);
			letter-spacing: 0.04em;
			margin-bottom: 8px;
		}

		.sectionHeader h2 {
			font-size: clamp(30px, 2.9vw, 42px);
			line-height: 1.08;
			margin: 0 0 14px;
			letter-spacing: -1px;
		}

		.sectionHeader p {
			font-size: clamp(18px, 1.55vw, 20px);
			color: var(--smTextLight);
			margin: 0;
		}

		.truthSection {
			background: var(--smWhite);
		}

		.truthGrid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 22px;
			align-items: stretch;
		}

		.truthCard,
		.analogyCard,
		.shortListCard,
		.benefitCard,
		.workflowCard,
		.quoteCard,
		.faqItem {
			background: var(--smWhite);
			border: 1px solid var(--smBorder);
			border-radius: 22px;
			padding: 28px;
			box-shadow: 0 10px 28px rgba(12, 30, 95, 0.06);
		}

		.truthCard h3,
		.analogyCard h3,
		.shortListCard h3,
		.benefitCard h3,
		.workflowCard h3,
		.faqItem h3 {
			font-size: clamp(23px, 2.05vw, 28px);
			line-height: 1.12;
			margin: 0 0 14px;
		}

		.truthCard p,
		.analogyCard p,
		.shortListCard p,
		.benefitCard p,
		.workflowCard p,
		.faqItem p {
			margin: 0 0 14px;
			color: var(--smTextLight);
			font-size: 18px;
		}

		.truthCard p:last-child,
		.analogyCard p:last-child,
		.shortListCard p:last-child,
		.benefitCard p:last-child,
		.workflowCard p:last-child,
		.faqItem p:last-child {
			margin-bottom: 0;
		}

		.pullQuote {
			background: linear-gradient(180deg, #fef3d9, #fffaf0);
			border-left: 6px solid var(--smOrange);
			padding: 18px 20px;
			border-radius: 0 14px 14px 0;
			font-weight: 800;
			margin-top: 18px;
			font-size: 18px;
		}

		.analogySection {
			background: var(--smOffWhite);
		}

		.analogyGrid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 22px;
		}

		.analogyIcon {
			width: 54px;
			height: 54px;
			border-radius: 18px;
			background: rgba(0, 32, 92, 0.08);
			color: var(--smBlue);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-size: 30px;
			font-weight: 900;
			margin-bottom: 18px;
		}

		.shortListSection {
			background: var(--smWhite);
		}

		.shortListGrid {
			display: grid;
			grid-template-columns: 0.85fr 1.15fr;
			gap: 24px;
			align-items: start;
		}

		.shortListCard.featured {
			background: linear-gradient(135deg, var(--smBlue), #00368c);
			color: var(--smWhite);
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			padding: 42px;
			position: sticky;
			top: 128px;
			align-self: start;
		}

		.shortListCard.featured p {
			color: #dbe4ff;
		}

		.shortListCard.featured h2 {
			max-width: 520px;
			margin-top: 0;
		}

		.shortListCard:not(.featured) {
			padding: 38px 42px;
		}

		.shortListCard:not(.featured) p {
			margin-bottom: 22px;
		}

		.shortListCard:not(.featured) .pullQuote {
			margin-top: 26px;
			margin-bottom: 28px;
		}

		.shortListCard .quoteMark {
			font-size: 66px;
			line-height: 0.8;
			color: var(--smGold);
			font-weight: 900;
			margin-bottom: 8px;
		}

		.featureList {
			list-style: none;
			padding: 0;
			margin: 18px 0 34px;
			display: grid;
			gap: 18px;
		}

		.featureList li {
			padding-left: 36px;
			position: relative;
			font-size: 18px;
			line-height: 1.45;
			color: var(--smTextLight);
		}

		.featureList li::before {
			content: '→';
			position: absolute;
			left: 0;
			top: -1px;
			font-weight: 900;
			color: var(--smOrange);
			font-size: 22px;
		}

		.signalStack {
			display: grid;
			gap: 10px;
			margin: 18px 0 30px;
			font-size: 19px;
			font-weight: 800;
			line-height: 1.35;
			color: var(--smBlue);
		}

		.signalStack div {
			padding-left: 20px;
			border-left: 4px solid rgba(255, 130, 2, 0.6);
		}

		.benefitsSection {
			background: var(--smOffWhite);
		}

		.benefitGrid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 24px;
		}

		.benefitNumber {
			font-size: 15px;
			font-weight: 900;
			text-transform: uppercase;
			color: var(--smOrange);
			margin-bottom: 10px;
			letter-spacing: 0.05em;
		}

		.workflow {
			background: var(--smWhite);
		}

		.workflowGrid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 20px;
		}

		.workflowCard .step {
			width: 46px;
			height: 46px;
			border-radius: 50%;
			background: var(--smBlue);
			color: var(--smWhite);
			font-size: 18px;
			font-weight: 900;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 16px;
		}

		.workflowCard h3 {
			font-size: 24px;
		}

		.proofSection {
			background: var(--smOffWhite);
		}

		.proofGrid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 22px;
		}

		.quoteCard p {
			font-size: 19px;
			margin: 0 0 18px;
			color: var(--smText);
		}

		.quoteCard.featuredQuote {
			grid-column: 1 / -1;
			background: linear-gradient(135deg, #fffaf0, #ffffff);
			border: 2px solid rgba(255, 130, 2, 0.36);
		}

		.testimonialFeature {
			padding: clamp(30px, 4vw, 48px) !important;
		}

		.testimonialTopLine {
			display: grid;
			grid-template-columns: 90px 1fr;
			gap: 22px;
			align-items: start;
			margin-bottom: 28px;
		}

		.testimonialQuoteMark {
			font-size: clamp(84px, 8vw, 132px);
			line-height: 0.75;
			font-weight: 900;
			color: rgba(255, 130, 2, 0.32);
			font-family: Arial, Helvetica, sans-serif;
		}

		.testimonialText {
			max-width: 980px;
			font-size: clamp(19px, 2vw, 22px);
			line-height: 1.55;
			color: var(--smText);
			margin: 0 0 30px !important;
		}

		.testimonialText span {
			display: block;
			margin-bottom: 24px;
		}

		.testimonialText span:last-child {
			margin-bottom: 0;
		}

		.testimonialAttribution {
			display: flex;
			align-items: center;
			gap: 24px;
			border-top: 1px solid rgba(0, 32, 92, 0.16);
			padding-top: 24px;
			margin-top: 34px;
		}

		.testimonialPhoto {
			width: 118px;
			height: 118px;
			border-radius: 50%;
			object-fit: cover;
			box-shadow: 0 8px 22px rgba(0, 32, 92, 0.18);
			flex: 0 0 auto;
		}

		.testimonialName {
			font-size: clamp(26px, 3vw, 34px);
			line-height: 1.05;
			font-weight: 900;
			color: var(--smBlue);
			margin-bottom: 8px;
		}

		.testimonialRole {
			font-size: clamp(18px, 2vw, 22px);
			line-height: 1.35;
			color: var(--smTextLight);
		}

		.bigQuoteLine {
			font-size: clamp(30px, 3.4vw, 42px);
			line-height: 1.08;
			font-weight: 900;
			color: var(--smBlue);
			margin: 0 0 18px;
			letter-spacing: -1px;
		}

		.quoteCard .person {
			font-weight: 800;
			color: var(--smBlue);
		}

		.quoteCard .role {
			font-size: 15px;
			color: var(--smTextLight);
		}

		.pricing {
			background: linear-gradient(180deg, #f7f8fc 0%, #eef2fb 100%);
		}

		.pricingToggleWrap {
			display: flex;
			justify-content: center;
			margin: 0 0 32px;
		}

		.pricingToggle {
			display: inline-flex;
			align-items: center;
			gap: 12px;
			background: rgba(0, 32, 92, 0.06);
			padding: 10px 16px;
			border-radius: 999px;
			font-weight: 800;
			color: var(--smBlue);
		}

		.pricingToggle button {
			background: transparent;
			border: 0;
			padding: 0;
			font: inherit;
			color: inherit;
			cursor: pointer;
			opacity: 0.55;
		}

		.pricingToggle button.active {
			opacity: 1;
		}

		.toggleTrack {
			width: 50px;
			height: 28px;
			border-radius: 999px;
			background: var(--smBlue);
			position: relative;
			cursor: pointer;
			flex: 0 0 auto;
		}

		.toggleThumb {
			position: absolute;
			top: 3px;
			left: 3px;
			width: 22px;
			height: 22px;
			border-radius: 50%;
			background: var(--smWhite);
			transition: transform 0.2s ease;
		}

		body.annualActive .toggleThumb {
			transform: translateX(22px);
		}

		.pricingGrid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 24px;
			align-items: stretch;
		}

		.planCard {
			position: relative;
			background: var(--smWhite);
			border: 1px solid var(--smBorder);
			border-radius: 24px;
			padding: 28px;
			box-shadow: 0 10px 30px rgba(12, 30, 95, 0.08);
			display: flex;
			flex-direction: column;
		}

		.planCard.recommended {
			border: 2px solid var(--smOrange);
			transform: translateY(-6px);
		}

		.planBadge {
			position: absolute;
			top: -14px;
			left: 28px;
			background: var(--smOrange);
			color: var(--smWhite);
			font-size: 13px;
			font-weight: 900;
			padding: 8px 12px;
			border-radius: 999px;
			text-transform: uppercase;
			letter-spacing: 0.04em;
		}

		.planCard h3 {
			font-size: 30px;
			margin: 0 0 8px;
		}

		.planSubhead {
			font-size: 17px;
			color: var(--smTextLight);
			margin-bottom: 18px;
		}

		.planPriceArea {
			margin-bottom: 18px;
		}

		.planPriceDisplay {
			position: relative;
			min-height: 98px;
			margin-bottom: 14px;
		}

		.planPriceDisplay.annualDisplay {
			min-height: 128px;
		}

		.planWasLarge {
			font-size: 88px;
			line-height: 0.9;
			font-weight: 900;
			color: rgba(0, 32, 92, 0.72);
			position: relative;
			display: inline-block;
			letter-spacing: -2px;
			margin-top: 18px;
		}

		.planWasLarge::after {
			content: '';
			position: absolute;
			left: -2px;
			top: 52%;
			width: calc(100% + 10px);
			height: 6px;
			background: var(--smRed);
			transform: rotate(-12deg);
			transform-origin: center;
			border-radius: 999px;
		}

		.planNowHand {
			position: absolute;
			left: 34%;
			top: -8px;
			font-family: "Indie Flower", cursive;
			font-size: 52px;
			line-height: 1;
			color: var(--smRed);
			transform: rotate(-5deg);
			white-space: nowrap;
			text-shadow: 0 1px 0 rgba(255,255,255,0.45);
		}

		.planBilling {
			font-size: 18px;
			font-weight: 800;
			color: var(--smTextLight);
			margin-bottom: 20px;
		}

		.planSavings {
			font-size: 16px;
			font-weight: 800;
			color: var(--smGreen);
			margin-bottom: 10px;
		}

		.planAnnualMeta {
			font-size: 22px;
			font-weight: 900;
			color: var(--smBlue);
			margin-bottom: 10px;
		}

		.planAnnualSubMeta {
			font-size: 17px;
			color: var(--smTextLight);
			margin-bottom: 18px;
		}

		.planValueNote {
			background: #fff3cd;
			border-radius: 16px;
			padding: 14px 16px;
			font-size: 17px;
			font-weight: 800;
			color: var(--smText);
			margin-bottom: 18px;
		}

		.planValueNote small {
			display: block;
			margin-top: 4px;
			font-size: 14px;
			font-weight: 700;
			color: var(--smTextLight);
		}

		.planCard ul {
			list-style: none;
			padding: 0;
			margin: 0 0 24px;
			display: grid;
			gap: 12px;
			flex: 1;
		}

		.planCard li {
			padding-left: 28px;
			position: relative;
		}

		.planCard li::before {
			content: '✓';
			position: absolute;
			left: 0;
			top: 0;
			font-weight: 900;
			color: var(--smGreen);
		}

		.planCard .primaryBtn {
			width: 100%;
			font-size: 18px;
		}

		.discountReminder {
			margin-top: 36px;
			background: var(--smBlue);
			color: var(--smWhite);
			border-radius: 22px;
			padding: 28px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 24px;
		}

		.discountReminder h3 {
			font-size: 30px;
			margin: 0 0 8px;
		}

		.discountReminder p {
			margin: 0;
			font-size: 18px;
			color: #dbe4ff;
		}

		.discountCode {
			display: inline-block;
			background: var(--smGold);
			color: var(--smBlue);
			padding: 10px 16px;
			border-radius: 10px;
			font-size: 24px;
			font-weight: 900;
			letter-spacing: 0.05em;
			white-space: nowrap;
		}

		.faqGrid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 18px;
		}

		.finalCta {
			background: linear-gradient(135deg, var(--smBlue), var(--smBlueAlt));
			color: var(--smWhite);
			text-align: center;
		}

		.finalCta h2 {
			font-size: clamp(34px, 4vw, 58px);
			margin: 0 0 16px;
			line-height: 1.02;
		}

		.finalCta p {
			font-size: 22px;
			max-width: 880px;
			margin: 0 auto 26px;
			color: #dbe4ff;
		}

		.finalCta .heroNote {
			margin-top: 80px;
			display: inline-block;
			background: rgba(255,255,255,0.14);
			border: 1px solid rgba(255,255,255,0.2);
			border-radius: 999px;
			padding: 12px 18px;
			color: #ffffff;
			font-weight: 700;
		}

		.footer {
			padding: 28px 0 40px;
			font-size: 14px;
			color: var(--smBlue);
			text-align: center;
		}

		.footer a {
			color: var(--smBlue);
			text-decoration: underline;
		}

		[data-cycle="annual"] {
			display: none;
		}

		body.annualActive [data-cycle="annual"] {
			display: block;
		}

		body.annualActive [data-cycle="fourweek"] {
			display: none;
		}

		:root {
			--thankYouBannerHeight: 108px;
		}
		
		.thankYouBanner {
			background: linear-gradient(90deg, #00431a, #6baf24);
			color: #fff;
			padding-top: 24px;
			padding-bottom: 12px;
			text-align: center;
			font-size: 16px;
			font-weight: 500;
			box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		
			position: sticky;
			top: 0;
			z-index: 30;
			margin: 0;
			opacity: 1;
			transform: translateY(0);
			transition:
				max-height 0.35s ease,
				opacity 0.25s ease,
				transform 0.35s ease,
				padding-top 0.35s ease,
				padding-bottom 0.35s ease;
		}
		
		body.hasThankYouBanner .topBar {
			top: var(--thankYouBannerHeight);
			transition: top 0.35s ease;
		}
		
		.thankYouBanner.isClosing {
			max-height: 0;
			opacity: 0;
			transform: translateY(-100%);
			padding-top: 0;
			padding-bottom: 0;
		}
		
		.thankYouInner {
			max-width: 1100px;
			margin: 0 auto;
			padding: 0 20px;
		}
		
		.thankYouClose {
			position: absolute;
			top: 8px;
			right: 12px;
			width: 36px;
			height: 36px;
			border: 0;
			background: transparent;
			color: #ffffff;
			font-size: 28px;
			line-height: 1;
			cursor: pointer;
			opacity: 0.85;
			transition: opacity 0.2s ease, transform 0.2s ease;
		}
		
		.thankYouClose:hover {
			opacity: 1;
			transform: scale(1.08);
		}
		
		.thankYouClose:focus {
			outline: 2px solid rgba(255,255,255,0.8);
			outline-offset: 2px;
			border-radius: 4px;
		}	

		@media (max-width: 1024px) {
			.truthCard h3,
			.analogyCard h3,
			.shortListCard h3,
			.benefitCard h3,
			.workflowCard h3,
			.faqItem h3 {
				font-size: clamp(24px, 4vw, 30px);
			}

			.shortListCard.featured {
				position: static;
				top: auto;
			}
			.heroGrid,
			.truthGrid,
			.analogyGrid,
			.shortListGrid,
			.benefitGrid,
			.workflowGrid,
			.proofGrid,
			.pricingGrid,
			.faqGrid {
				grid-template-columns: 1fr;
			}

			.quoteCard.featuredQuote {
				grid-column: auto;
			}

			.planCard.recommended {
				transform: none;
			}

			.discountReminder {
				flex-direction: column;
				align-items: flex-start;
			}
		}

		@media (max-width: 760px) {
			.sectionHeader h2 {
				font-size: clamp(30px, 9vw, 38px);
				line-height: 1.08;
			}

			.sectionHeader.centered {
				max-width: 100%;
			}

			.testimonialTopLine {
				grid-template-columns: 1fr;
				gap: 4px;
			}

			.testimonialQuoteMark {
				font-size: 76px;
			}

			.testimonialAttribution {
				align-items: flex-start;
				gap: 16px;
			}

			.testimonialPhoto {
				width: 82px;
				height: 82px;
			}

			.heroKicker {
				white-space: normal;
			}
			.heroCtaRow {
				flex-direction: column;
				align-items: stretch;
			}

			.container {
				width: min(100% - 28px, 1160px);
			}

			.topBarInner,
			.heroCtaRow {
				flex-direction: column;
				align-items: stretch;
			}

			.topNav {
				justify-content: center;
				flex-wrap: wrap;
				height: auto;
				gap: 12px;
			}

			.logoText img {
				height: 34px;
			}

			.heroBullets {
				grid-template-columns: 1fr;
			}

			.offerCard,
			.truthCard,
			.analogyCard,
			.shortListCard,
			.benefitCard,
			.workflowCard,
			.quoteCard,
			.planCard,
			.faqItem {
				padding: 22px;
			}

			.primaryBtn,
			.secondaryBtn {
				width: 100%;
				font-size: 18px;
			}

			.section {
				padding: 56px 0;
			}

			.planWasLarge {
				font-size: 64px;
			}

			.planNowHand {
				font-size: 42px;
				left: 32%;
				top: -6px;
			}
		}