.cgpt-customer-story {
	--paper-primary: var(--color-primary, #7367f0);
	--paper-primary-dark: var(--color-primary-hover, #5a52d4);
	--paper-purple: var(--color-purple, #7c3aed);
	--paper-accent: var(--color-accent, #a78bfa);
	--paper-pink: var(--color-pink, #EE55FF);
	--paper-pink-dark: var(--color-pink-dark, #c026d3);
	--paper-star: var(--color-star, #fbbf24);
	--paper-green: var(--color-green, #16a34a);
	--paper-bg: var(--color-bg, #faf9f6);
	--paper-bg-neutral: var(--color-bg-neutral, #ede9e0);
	--paper-bg-soft: var(--color-bg-soft, var(--paper-bg-neutral));
	--paper-bg-dark: var(--color-bg-dark, #0a0a1a);
	--paper-text: var(--color-text, #111827);
	--paper-muted: var(--color-text-muted, #4b5563);
	--paper-light: var(--color-text-light, #9ca3af);
	--paper-border: var(--color-border, #b8b2a8);
	--paper-border-soft: var(--color-border-soft, #ede9fe);
	--paper-font: var(--font, "Inter", system-ui, sans-serif);
	--paper-serif: var(--font-serif, "Lora", Georgia, serif);
	--paper-max: var(--max-w, 1200px);
	--paper-intro-width: var(--w-hero, 900px);
	--paper-section-y: var(--section-y, 88px);
	--paper-section-y-sm: var(--section-y-sm, 64px);
	--paper-btn-mobile-width: var(--btn-mobile-width, min(80%, 360px));
	min-width: 320px;
	overflow: hidden;
	background: var(--paper-bg);
	color: var(--paper-text);
	font-family: var(--paper-font);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

.cgpt-customer-story *,
.cgpt-customer-story *::before,
.cgpt-customer-story *::after {
	box-sizing: border-box;
}

.cgpt-customer-story a {
	color: inherit;
	text-decoration: none;
}

.cgpt-customer-story button {
	font-family: var(--paper-font);
}

.cgpt-customer-story p {
	padding-top: 0;
	padding-bottom: 0;
}

.cgpt-customer-story .paper-container {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--paper-max);
	margin: 0 auto;
	padding: 0 24px;
}

.cgpt-customer-story .paper-section {
	position: relative;
	overflow: visible;
	padding: var(--paper-section-y) 0;
	background: var(--paper-bg);
	border-bottom: 1.5px solid var(--paper-border);
}

.cgpt-customer-story :where(.paper-h1, .paper-h2, .paper-h3) {
	color: var(--paper-text);
	font-family: var(--paper-serif) !important;
	letter-spacing: 0;
}

.cgpt-customer-story .paper-h1 {
	margin: 0 0 clamp(18px, 2vw, 24px);
	font-size: clamp(34px, 3.3vw, 44px);
	font-weight: 700;
	line-height: 1.08;
}

.cgpt-customer-story .paper-h2 {
	margin: 0 0 clamp(24px, 3vw, 32px);
	font-size: clamp(30px, 3.5vw, 44px);
	font-weight: 700;
	line-height: 1.08;
}

.cgpt-customer-story .paper-h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.cgpt-customer-story .paper-lead {
	max-width: 680px;
	margin: 0;
	color: var(--paper-muted);
	font-family: var(--paper-font);
	font-size: clamp(16px, 1.5vw, 20px);
	font-weight: 400;
	line-height: 1.65;
}

.cgpt-customer-story .paper-btn-group {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.cgpt-customer-story .paper-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 54px;
	min-height: 54px;
	padding: 0 24px;
	border: 1.5px solid var(--paper-text);
	color: inherit;
	font-family: var(--paper-font);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.cgpt-customer-story .paper-btn:hover,
.cgpt-customer-story .paper-btn:focus-visible {
	transform: translateY(-1px);
}

.cgpt-customer-story .paper-btn:focus-visible,
.cgpt-customer-story .cgpt-customer-story__related-card:focus-visible {
	outline: 2px solid var(--paper-primary);
	outline-offset: 3px;
}

.cgpt-customer-story .paper-btn:active {
	transform: translateY(0);
}

.cgpt-customer-story .paper-btn--primary {
	border-color: var(--paper-text);
	background: var(--paper-primary);
	color: #fff !important;
}

.cgpt-customer-story .paper-btn--primary:hover,
.cgpt-customer-story .paper-btn--primary:focus-visible {
	border-color: var(--paper-text);
	background: var(--paper-primary-dark);
	color: #fff !important;
}

.cgpt-customer-story .paper-btn--ghost {
	border-color: var(--paper-border);
	background: transparent;
	color: var(--paper-text) !important;
}

.cgpt-customer-story .paper-btn--ghost:hover,
.cgpt-customer-story .paper-btn--ghost:focus-visible {
	border-color: var(--paper-text);
	background: var(--paper-bg-neutral);
	color: var(--paper-text) !important;
}

.cgpt-customer-story :where(
	.paper-btn,
	.cgpt-customer-story__logo,
	.cgpt-customer-story__quote-card,
	.cgpt-customer-story__quote-person img,
	.cgpt-customer-story__metric,
	.cgpt-customer-story__meta-card,
	.cgpt-customer-story__meta-card li,
	.cgpt-customer-story__prose [id="rank-math-faq"],
	.cgpt-customer-story__prose table,
	.cgpt-customer-story__related-card,
	.cgpt-customer-story__related-media,
	.cgpt-customer-story__final-content
) {
	border-radius: 0;
	box-shadow: none;
}

.cgpt-customer-story .cgpt-customer-story__hero {
	padding: clamp(48px, 5vw, 76px) 0 clamp(52px, 5vw, 68px);
	border-bottom: 0;
	background-color: var(--paper-bg);
	background-image: var(--paper-customer-hero-bg, url("https://customgpt.ai/wp-content/uploads/2026/04/hero-background-image.webp"));
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.cgpt-customer-story .cgpt-customer-story__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, 440px);
	grid-template-areas:
		"copy quote"
		"metrics metrics"
		"actions actions";
	column-gap: clamp(28px, 5vw, 64px);
	row-gap: clamp(22px, 3vw, 34px);
	align-items: start;
}

.cgpt-customer-story .cgpt-customer-story__hero-copy {
	grid-area: copy;
}

.cgpt-customer-story .cgpt-customer-story__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: min(260px, 100%);
	margin-bottom: 28px;
	padding: 0;
	border: 0;
	background: transparent;
}

.cgpt-customer-story .cgpt-customer-story__logo img {
	display: block;
	width: auto;
	max-width: 210px;
	max-height: 72px;
	object-fit: contain;
}

.cgpt-customer-story .cgpt-customer-story__cta-row {
	margin-top: 0;
}

.cgpt-customer-story .cgpt-customer-story__hero-actions {
	grid-area: actions;
}

.cgpt-customer-story .cgpt-customer-story__friction {
	margin: 14px 0 0;
	color: var(--paper-muted);
	font-size: 12px;
	font-weight: 600;
}

.cgpt-customer-story .cgpt-customer-story__quote-card {
	grid-area: quote;
	align-self: start;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: clamp(24px, 3vw, 34px);
	border: 1.5px solid var(--paper-border);
	background: rgba(250, 249, 246, 0.92);
}

.cgpt-customer-story .cgpt-customer-story__quote-card blockquote {
	margin: 0 0 22px;
	padding: 0;
	border: 0;
}

.cgpt-customer-story .cgpt-customer-story__quote-card blockquote p {
	margin: 0;
	color: var(--paper-text);
	font-family: var(--paper-serif) !important;
	font-size: clamp(16px, 1.25vw, 18px);
	font-style: italic;
	font-weight: 600;
	line-height: 1.55;
	text-align: left;
	overflow-wrap: break-word;
	hyphens: auto;
}

.cgpt-customer-story .cgpt-customer-story__quote-card--long {
	padding: clamp(24px, 3vw, 32px);
}

.cgpt-customer-story .cgpt-customer-story__quote-person {
	display: flex;
	gap: 14px;
	align-items: center;
	margin-top: auto;
	padding-top: 22px;
	border-top: 1px solid var(--paper-border);
}

.cgpt-customer-story .cgpt-customer-story__quote-person img {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	object-fit: cover;
	border: 1px solid var(--paper-border);
	background: var(--paper-bg-neutral);
}

.cgpt-customer-story .cgpt-customer-story__quote-person :is(strong, span) {
	display: block;
	line-height: 1.35;
}

.cgpt-customer-story .cgpt-customer-story__quote-person strong {
	color: var(--paper-text);
	font-size: 15px;
	font-weight: 700;
}

.cgpt-customer-story .cgpt-customer-story__quote-person span {
	margin-top: 2px;
	color: var(--paper-muted);
	font-size: 13px;
}

.cgpt-customer-story .cgpt-customer-story__summary-panel {
	padding: clamp(56px, 7vw, 88px) 0;
	border-bottom: 1.5px solid var(--paper-border);
	background: #ece9e1;
}

.cgpt-customer-story .cgpt-customer-story__summary-header {
	max-width: 920px;
	margin-bottom: clamp(38px, 5vw, 58px);
}

.cgpt-customer-story .cgpt-customer-story__summary-header:last-child {
	margin-bottom: 0;
}

.cgpt-customer-story .cgpt-customer-story__summary-title {
	margin-bottom: clamp(16px, 2vw, 22px);
}

.cgpt-customer-story .cgpt-customer-story__summary-panel .cgpt-customer-story__summary {
	max-width: 920px;
	font-size: clamp(17px, 1.6vw, 21px);
}

.cgpt-customer-story .cgpt-customer-story__metric-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.cgpt-customer-story .cgpt-customer-story__metric-grid--hero {
	grid-area: metrics;
	grid-column: 1 / -1;
	align-self: end;
	justify-self: stretch;
	width: 100%;
	max-width: none;
	margin-top: 0;
}

.cgpt-customer-story .cgpt-customer-story__metric {
	--metric-ink: var(--paper-primary);
	--metric-bg: rgba(115, 103, 240, 0.08);
	position: relative;
	display: grid;
	align-content: start;
	min-height: 124px;
	padding: 20px 22px 22px;
	border: 1.5px solid var(--paper-border);
	background: rgba(250, 249, 246, 0.92);
	overflow: hidden;
	transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.cgpt-customer-story .cgpt-customer-story__metric:hover {
	transform: translateY(-3px);
	border-color: var(--paper-text);
	background: var(--paper-bg);
}

.cgpt-customer-story .cgpt-customer-story__metric--pink {
	--metric-ink: var(--paper-pink);
	--metric-bg: rgba(238, 85, 255, 0.11);
}

.cgpt-customer-story .cgpt-customer-story__metric--purple {
	--metric-ink: var(--paper-purple);
	--metric-bg: rgba(124, 58, 237, 0.1);
}

.cgpt-customer-story .cgpt-customer-story__metric strong {
	display: block;
	color: var(--metric-ink);
	font-family: var(--paper-serif) !important;
	font-size: clamp(32px, 3vw, 40px);
	font-weight: 700;
	line-height: 1;
	overflow-wrap: normal;
}

.cgpt-customer-story .cgpt-customer-story__metric span {
	display: block;
	margin-top: 12px;
	color: var(--paper-text);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}

.cgpt-customer-story .cgpt-customer-story__meta-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(18px, 2.5vw, 28px);
}

.cgpt-customer-story .cgpt-customer-story__meta-card {
	position: relative;
	display: grid;
	align-content: start;
	padding: clamp(26px, 3vw, 32px);
	border: 1.5px solid var(--paper-border);
	background: var(--paper-bg);
	overflow: hidden;
	transition: transform 0.15s ease, border-color 0.15s ease;
}

.cgpt-customer-story .cgpt-customer-story__meta-card::before {
	content: none;
}

.cgpt-customer-story .cgpt-customer-story__meta-card:hover {
	transform: translateY(-3px);
	border-color: var(--paper-text);
}

.cgpt-customer-story .cgpt-customer-story__meta-card .paper-h3 {
	margin: 0 0 20px;
}

.cgpt-customer-story .cgpt-customer-story__meta-card ul {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cgpt-customer-story .cgpt-customer-story__meta-card li {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 8px 10px;
	border: 1.5px solid var(--paper-primary);
	background: rgba(115, 103, 240, 0.04);
	color: var(--paper-primary);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	white-space: nowrap;
}

.cgpt-customer-story .cgpt-customer-story__prose {
	max-width: 820px;
	margin: 0 auto;
	color: var(--paper-text);
	font-size: 18px;
	line-height: 1.78;
}

.cgpt-customer-story .cgpt-customer-story__prose > *:first-child {
	margin-top: 0;
}

.cgpt-customer-story .cgpt-customer-story__prose > *:last-child {
	margin-bottom: 0;
}

.cgpt-customer-story .cgpt-customer-story__prose h2,
.cgpt-customer-story .cgpt-customer-story__prose h3,
.cgpt-customer-story .cgpt-customer-story__prose h4 {
	margin: 50px 0 18px;
	color: var(--paper-text);
	font-family: var(--paper-serif) !important;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: 0;
}

.cgpt-customer-story .cgpt-customer-story__prose h2 {
	font-size: clamp(28px, 3vw, 42px) !important;
}

.cgpt-customer-story .cgpt-customer-story__prose h3 {
	font-size: clamp(22px, 2vw, 28px) !important;
}

.cgpt-customer-story .cgpt-customer-story__prose p {
	margin: 0 0 22px;
}

.cgpt-customer-story .cgpt-customer-story__prose a {
	color: var(--paper-primary);
	font-weight: 700;
	text-decoration: none;
}

.cgpt-customer-story .cgpt-customer-story__prose a:hover {
	color: var(--paper-primary-dark);
	text-decoration: none;
}

.cgpt-customer-story .cgpt-customer-story__prose :is(ul, ol) {
	margin: 0 0 26px;
	padding-left: 1.35em;
}

.cgpt-customer-story .cgpt-customer-story__prose ul {
	list-style: disc;
}

.cgpt-customer-story .cgpt-customer-story__prose ol {
	list-style: decimal;
}

.cgpt-customer-story .cgpt-customer-story__prose li {
	margin: 0 0 10px;
	padding-left: 4px;
}

.cgpt-customer-story .cgpt-customer-story__prose strong {
	color: var(--paper-text);
	font-weight: 800;
}

.cgpt-customer-story .cgpt-customer-story__body-quote {
	display: flex !important;
	flex-direction: column;
	gap: 24px;
	margin: 34px 0 !important;
	padding: clamp(24px, 3vw, 32px) !important;
	border: 1.5px solid var(--paper-border) !important;
	border-radius: 0 !important;
	background: var(--paper-bg-neutral) !important;
	box-shadow: none !important;
	color: var(--paper-text);
}

.cgpt-customer-story .cgpt-customer-story__body-quote blockquote,
.cgpt-customer-story .cgpt-customer-story__body-quote figcaption {
	margin: 0;
	padding: 0;
	border: 0;
}

.cgpt-customer-story .cgpt-customer-story__body-quote-text {
	margin: 0 !important;
	color: var(--paper-text) !important;
	font-family: var(--paper-serif) !important;
	font-size: clamp(18px, 2vw, 22px) !important;
	font-style: italic;
	font-weight: 600;
	line-height: 1.55 !important;
	letter-spacing: 0;
	text-align: left;
	overflow-wrap: break-word;
	hyphens: auto;
}

.cgpt-customer-story .cgpt-customer-story__body-quote-author {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding-top: 22px;
	border-top: 1px solid var(--paper-border);
}

.cgpt-customer-story .cgpt-customer-story__body-quote-avatar {
	flex: 0 0 auto;
	width: 56px !important;
	height: 56px !important;
	overflow: hidden;
	border: 1px solid var(--paper-border);
	border-radius: 0 !important;
	background: var(--paper-bg);
}

.cgpt-customer-story .cgpt-customer-story__body-quote-avatar picture,
.cgpt-customer-story .cgpt-customer-story__body-quote-avatar img,
.cgpt-customer-story img.cgpt-customer-story__body-quote-avatar {
	display: block;
	width: 100% !important;
	height: 100% !important;
	border-radius: 0 !important;
	object-fit: cover !important;
}

.cgpt-customer-story .cgpt-customer-story__body-quote-name,
.cgpt-customer-story .cgpt-customer-story__body-quote-role {
	display: block;
	line-height: 1.35 !important;
}

.cgpt-customer-story .cgpt-customer-story__body-quote-name {
	color: var(--paper-text) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
}

.cgpt-customer-story .cgpt-customer-story__body-quote-role {
	margin-top: 2px;
	color: var(--paper-muted) !important;
	font-size: 13px !important;
	font-weight: 400;
}

.cgpt-customer-story .cgpt-customer-story__prose :where([class*="ak-"]) {
	max-width: 100%;
	border-color: var(--paper-border);
	background: transparent;
	color: inherit;
	box-shadow: none;
}

.cgpt-customer-story .cgpt-customer-story__prose :where(.ak-hero, .ak-challenge-card, .ak-solution-item, .ak-stat-box, .ak-feature-box, .ak-faq-item) {
	margin: 0 0 24px;
	padding: 0;
	border: 0;
}

.cgpt-customer-story .cgpt-customer-story__prose :where(.ak-challenge-grid, .ak-feature-grid) {
	display: block;
	margin: 0;
}

.cgpt-customer-story .cgpt-customer-story__prose .wp-block-table {
	width: 100%;
	margin: 34px 0;
	padding: 0;
	border: 0 !important;
	outline: 0;
	box-shadow: none;
	background: transparent;
	overflow-x: auto;
}

.cgpt-customer-story .cgpt-customer-story__prose table {
	width: 100%;
	min-width: 640px;
	border: 1.5px solid var(--paper-border);
	border-collapse: collapse;
	background: var(--paper-bg);
	font-size: 15px;
	line-height: 1.5;
}

.cgpt-customer-story .cgpt-customer-story__prose th,
.cgpt-customer-story .cgpt-customer-story__prose td {
	padding: 15px 16px;
	border: 1px solid var(--paper-border);
	text-align: left;
	vertical-align: top;
}

.cgpt-customer-story .cgpt-customer-story__prose th {
	background: var(--paper-bg-neutral);
	color: var(--paper-text);
	font-weight: 800;
}

.cgpt-customer-story .cgpt-customer-story__prose figure,
.cgpt-customer-story .cgpt-customer-story__prose .wp-block-image {
	margin: 34px 0;
}

.cgpt-customer-story .cgpt-customer-story__prose img {
	max-width: 100%;
	height: auto;
}

.cgpt-customer-story .cgpt-customer-story__prose .wp-block-spacer {
	height: clamp(18px, 3vw, 34px) !important;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] {
	margin: 36px 0 0;
	max-width: 800px;
	border: 1.5px solid var(--paper-border);
	background: transparent;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-list-item {
	border-bottom: 1px solid var(--paper-border);
	background: transparent;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-list-item:last-child {
	border-bottom: 0;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0;
	padding: 24px 32px;
	border: 0;
	background: transparent;
	color: var(--paper-text);
	font-family: var(--paper-font) !important;
	font-size: 16px !important;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
	cursor: pointer;
	transition: background 0.2s ease;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-question:hover {
	background: var(--paper-bg-neutral);
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-question::after {
	content: none;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .paper-faq__chevron {
	display: inline-flex;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-list-item.is-open .paper-faq__chevron {
	transform: rotate(180deg);
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-answer {
	padding: 0 32px 24px;
	color: var(--paper-muted);
	font-size: 14px;
	line-height: 1.7;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-list-item[data-customer-story-faq-ready="true"] .rank-math-answer {
	display: none;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-list-item.is-open .rank-math-answer {
	display: block;
}

.cgpt-customer-story .cgpt-customer-story__prose [id="rank-math-faq"] .rank-math-answer p {
	margin-bottom: 0;
}

.cgpt-customer-story .cgpt-customer-story__related {
	background: #faf9f6;
}

.cgpt-customer-story .cgpt-customer-story__related-heading {
	text-align: center;
}

.cgpt-customer-story .cgpt-customer-story__related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.cgpt-customer-story .cgpt-customer-story__related-card {
	display: flex;
	min-width: 0;
	min-height: 100%;
	padding: 24px;
	border: 1.5px solid var(--paper-border);
	background: var(--paper-bg);
	color: var(--paper-text);
	flex-direction: column;
	transition: transform 0.15s ease, border-color 0.15s ease;
}

.cgpt-customer-story .cgpt-customer-story__related-card:is(:hover, :focus-visible) {
	transform: translateY(-3px);
	border-color: var(--paper-text);
}

.cgpt-customer-story .cgpt-customer-story__related-media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 122px;
	margin-bottom: 20px;
	border: 0;
	background: transparent;
}

.cgpt-customer-story .cgpt-customer-story__related-media img {
	display: block;
	width: auto;
	max-width: 82%;
	max-height: 82px;
	object-fit: contain;
}

.cgpt-customer-story .cgpt-customer-story__related-title {
	display: block;
	color: var(--paper-text);
	font-family: var(--paper-serif) !important;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.25;
}

.cgpt-customer-story .cgpt-customer-story__related-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: fit-content;
	margin-top: auto;
	padding-top: 22px;
	color: var(--paper-muted);
	font-size: 14px;
	font-weight: 600;
	transition: color 0.2s ease;
}

.cgpt-customer-story .cgpt-customer-story__related-link .cta-arrow {
	display: inline-flex;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.cgpt-customer-story .cgpt-customer-story__related-card:is(:hover, :focus-visible) .cgpt-customer-story__related-link {
	color: var(--paper-primary);
}

.cgpt-customer-story .cgpt-customer-story__related-card:is(:hover, :focus-visible) .cta-arrow {
	transform: translateX(4px);
}

.cgpt-customer-story .cgpt-customer-story__final-cta {
	padding: clamp(64px, 8vw, 104px) 0;
	border-bottom: 0;
	background-color: var(--paper-bg-dark);
	background-image: url("https://customgpt.ai/wp-content/uploads/2026/04/dark-blue-background-paper.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	text-align: left;
}

.cgpt-customer-story .cgpt-customer-story__final-content {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: clamp(28px, 5vw, 64px);
	align-items: center;
	padding: 0;
	border: 0;
	background: transparent;
}

.cgpt-customer-story .cgpt-customer-story__final-content::before {
	content: none;
}

.cgpt-customer-story .cgpt-customer-story__final-content::after {
	content: none;
}

.cgpt-customer-story .cgpt-customer-story__final-title {
	max-width: 760px;
	margin: 0 0 18px;
	color: #fff;
	font-size: clamp(34px, 4vw, 52px);
	line-height: 1.06;
}

.cgpt-customer-story .cgpt-customer-story__final-lead {
	max-width: 620px;
	color: rgba(255, 255, 255, 0.78);
}

.cgpt-customer-story .cgpt-customer-story__final-actions {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: center;
	justify-self: end;
	min-width: 0;
	padding: 0;
	border-left: 0;
}

.cgpt-customer-story .cgpt-customer-story__final-button-group {
	display: grid;
	gap: 12px;
	width: fit-content;
	max-width: 100%;
	margin: 0;
	justify-items: center;
}

.cgpt-customer-story .cgpt-customer-story__final-btn {
	width: auto;
	min-width: 150px;
	white-space: normal;
}

.cgpt-customer-story .cgpt-customer-story__final-cta .paper-btn--ghost {
	border-color: rgba(255, 255, 255, 0.72);
	background: transparent;
	color: #fff !important;
}

.cgpt-customer-story .cgpt-customer-story__final-cta .paper-btn--ghost:hover,
.cgpt-customer-story .cgpt-customer-story__final-cta .paper-btn--ghost:focus-visible {
	border-color: #fff;
	background: rgba(255, 255, 255, 0.1);
	color: #fff !important;
}

.cgpt-customer-story .cgpt-customer-story__final-friction {
	margin: 14px 0 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}

@media (max-width: 980px) {
	.cgpt-customer-story .cgpt-customer-story__hero-grid,
	.cgpt-customer-story .cgpt-customer-story__meta-grid,
	.cgpt-customer-story .cgpt-customer-story__related-grid {
		grid-template-columns: 1fr;
	}

	.cgpt-customer-story .cgpt-customer-story__hero-grid {
		grid-template-areas:
			"copy"
			"quote"
			"metrics"
			"actions";
	}

	.cgpt-customer-story .cgpt-customer-story__hero {
		padding-bottom: 64px;
	}

	.cgpt-customer-story .cgpt-customer-story__meta-card {
		justify-items: center;
		text-align: center;
	}

	.cgpt-customer-story .cgpt-customer-story__meta-card ul {
		justify-content: center;
	}

	.cgpt-customer-story .cgpt-customer-story__meta-card li {
		justify-content: center;
		text-align: center;
		white-space: normal;
	}

	.cgpt-customer-story .cgpt-customer-story__related-card {
		align-items: center;
		text-align: center;
	}

	.cgpt-customer-story .cgpt-customer-story__related-link {
		margin-right: auto;
		margin-left: auto;
	}

	.cgpt-customer-story .cgpt-customer-story__final-content {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}

	.cgpt-customer-story .cgpt-customer-story__final-actions {
		padding: 0;
		border-top: 0;
		justify-self: stretch;
		width: 100%;
	}

	.cgpt-customer-story .cgpt-customer-story__final-title,
	.cgpt-customer-story .cgpt-customer-story__final-lead {
		margin-right: auto;
		margin-left: auto;
	}

	.cgpt-customer-story .cgpt-customer-story__final-button-group {
		width: 100%;
	}

	.cgpt-customer-story .cgpt-customer-story__final-btn {
		width: var(--paper-btn-mobile-width);
		max-width: 100%;
		justify-self: center;
	}

}

@media (max-width: 768px) {
	.cgpt-customer-story .cgpt-customer-story__hero {
		padding-top: 48px;
	}

	.cgpt-customer-story .cgpt-customer-story__hero-copy {
		text-align: center;
	}

	.cgpt-customer-story .cgpt-customer-story__hero-copy .paper-h1 {
		margin-right: auto;
		margin-left: auto;
	}

	.cgpt-customer-story .cgpt-customer-story__logo {
		margin-right: auto;
		margin-left: auto;
	}

	.cgpt-customer-story .cgpt-customer-story__cta-row {
		justify-content: center;
	}

	.cgpt-customer-story .cgpt-customer-story__friction {
		text-align: center;
	}

	.cgpt-customer-story .cgpt-customer-story__prose {
		font-size: 16px;
		line-height: 1.72;
	}

	.cgpt-customer-story .paper-btn {
		width: var(--paper-btn-mobile-width);
		max-width: 100%;
		white-space: normal;
	}

	.cgpt-customer-story .paper-btn-group {
		width: 100%;
	}

	.cgpt-customer-story .cgpt-customer-story__final-cta {
		padding: 48px 0;
	}

	.cgpt-customer-story .cgpt-customer-story__final-content {
		padding: 0;
	}

	.cgpt-customer-story .cgpt-customer-story__final-actions {
		padding-left: 0;
	}

	.cgpt-customer-story .cgpt-customer-story__metric-grid--hero {
		grid-template-columns: 1fr;
	}

	.cgpt-customer-story .cgpt-customer-story__metric {
		justify-items: center;
		text-align: center;
	}

	.cgpt-customer-story .cgpt-customer-story__quote-card,
	.cgpt-customer-story .cgpt-customer-story__metric,
	.cgpt-customer-story .cgpt-customer-story__meta-card,
	.cgpt-customer-story .cgpt-customer-story__related-card {
		padding: 22px;
	}

	.cgpt-customer-story .cgpt-customer-story__related-media {
		height: 104px;
	}
}