.cy-post {
	background: var(--cy-surface-raised);
	color: var(--cy-text-primary);
	scroll-behavior: smooth;
}

body.single-post .container.grid-container {
	max-width: 100%;
}

body.single-post #primary.content-area {
	width: 100%;
}

.cy-post-hero {
	background: var(--cy-surface-page);
	border-bottom: 1px solid var(--cy-border-subtle);
	overflow: hidden;
	padding: 80px 0;
	position: relative;
}

.cy-post-hero .ph-split {
	align-items: center;
	display: flex;
	gap: 48px;
	position: relative;
}

.cy-post-hero .ph-head {
	flex: 1 1 0;
	justify-content: space-between;
	min-height: 317px;
	min-width: 0;
}

.cy-post-hero .ph-head, .cy-post-hero .ph-titles {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cy-post-hero .entry-title {
	color: var(--cy-text-primary);
	font: var(--cy-display-sm);
	font-size: var(--cy-type-display-sm-size);
	line-height: var(--cy-type-display-sm-line);
	margin: 0;
}

.cy-post-hero .ph-meta {
	color: var(--cy-text-muted);
	font-size: var(--cy-type-body-md-size);
	line-height: var(--cy-type-body-md-line);
	margin: 0;
}

.cy-post-hero .ph-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.cy-post-hero .ph-cover {
	background: var(--cy-surface-band);
	border-radius: var(--cy-radius-md);
	flex: none;
	height: 317px;
	overflow: hidden;
	position: relative;
	width: 564px;
}

.cy-post-hero .ph-cover img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.cy-post-hero .ph-cover:after {
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px var(--cy-border-subtle);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.cy-post-hero .ph-cover--live {
	background: #04457d;
}

.cy-post-hero .cy-live-cover {
	cursor: pointer;
	inset: 0;
	isolation: isolate;
	position: absolute;
}

.cy-post-hero .cy-live-cover .bh-field {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.cy-post-hero .cy-live-cover .bh-field.gl {
	opacity: 0;
	transition: opacity 1.6s .2s;
}

.cy-post-hero .cy-live-cover .cl-grain {
	background-image: var(--cy-grain-img);
	background-size: 800px 534px;
	inset: 0;
	mix-blend-mode: color-burn;
	opacity: .2;
	pointer-events: none;
	position: absolute;
}

.cy-post-hero .cy-live-cover .lg {
	background: none;
	display: block;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.cy-post-hero .cy-live-cover .mt {
	color: #fff;
	font: 500 13px/16px var(--cy-font-body);
	left: 0;
	letter-spacing: 2.4px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	transform: translateY(6px);
	transition: opacity .8s, transform .8s;
	z-index: 2;
}

.cy-post-hero .cy-live-cover.done .bh-field.gl {
	opacity: 1;
}

.cy-post-hero .cy-live-cover.done .mt {
	opacity: 1;
	transform: none;
}

.cy-post-hero .cy-live-cover:focus-visible {
	outline: 2px solid var(--cy-text-primary);
	outline-offset: 2px;
}

.cy-post-split {
	align-items: flex-start;
	display: flex;
	gap: 126px;
	padding: 80px 0 120px;
}

.cy-post-main {
	flex: 1 1 0;
	max-width: 690px;
	min-width: 0;
}

.cy-post-aside {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 40px;
	order: 2;
	position: sticky;
	top: var(--aside-top, 104px);
	width: 384px;
}

.cy-audio {
	align-items: center;
	background: var(--cy-surface-page);
	border: 1px solid var(--cy-border-subtle);
	border-radius: var(--cy-radius-md);
	display: flex;
	gap: 16px;
	padding: 16px;
}

.cy-audio .au-play {
	background: none;
	border: 0;
	color: #8b8580;
	cursor: pointer;
	flex: none;
	height: 44px;
	line-height: 0;
	padding: 0;
	width: 44px;
}

.cy-audio .au-play svg {
	display: block;
	filter: drop-shadow(0 0 .5px rgba(0, 0, 0, .03));
	overflow: visible;
}

.cy-audio .au-play .au-disc {
	fill: var(--cy-surface-raised);
	stroke: var(--cy-border-subtle);
}

.cy-audio .au-play:focus, .cy-audio .au-play:hover {
	background: none;
	color: var(--cy-text-primary);
}

.cy-audio .au-meta {
	display: flex;
	flex: auto;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.cy-audio .au-line {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	white-space: nowrap;
}

.cy-audio .au-label {
	color: var(--cy-text-primary);
	font-size: var(--cy-type-label-md-size);
	font-weight: 500;
	line-height: var(--cy-type-label-md-line);
}

.cy-audio .au-time {
	color: var(--cy-text-muted);
	font: var(--cy-mono-xs);
}

.cy-audio .au-track {
	-webkit-appearance: none;
	appearance: none;
	background: linear-gradient(to right, #b4b0ab var(--au-p, 0), var(--cy-border-subtle) var(--au-p, 0));
	border-radius: 999px;
	height: 4px;
	margin: 3px 0;
	outline: none;
	width: 100%;
}

.cy-audio .au-track::-webkit-slider-thumb {
	appearance: none;
	background: #b4b0ab;
	border: 0;
	border-radius: 50%;
	height: 10px;
	width: 10px;
}

.cy-audio .au-track::-moz-range-thumb {
	background: #b4b0ab;
	border: 0;
	border-radius: 50%;
	height: 10px;
	width: 10px;
}

.cy-toc .cy-eyebrow {
	margin-bottom: 16px;
}

.cy-toc .toc-body {
	display: flex;
	gap: 23px;
}

.cy-toc .toc-rail {
	align-self: stretch;
	background: var(--cy-border-subtle);
	border-radius: 999px;
	flex: none;
	overflow: hidden;
	width: 3px;
}

.cy-toc .toc-fill {
	background: var(--cy-text-primary);
	border-radius: 999px;
	display: block;
	height: 0;
	transition: height .12s linear;
	width: 100%;
}

.cy-toc .toc-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	list-style: none;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.cy-toc .toc-list a {
	color: var(--cy-text-secondary);
	font-size: var(--cy-type-body-md-size);
	line-height: var(--cy-type-body-md-line);
	text-decoration: none;
	transition: color .15s;
}

.cy-toc .toc-list a.is-current, .cy-toc .toc-list a:hover, .cy-usecases .uc-heading {
	color: var(--cy-text-primary);
}

.cy-usecases .uc-heading {
	font-size: var(--cy-type-body-md-size);
	font-weight: 500;
	line-height: var(--cy-type-body-md-line);
	margin: 0 0 20px;
}

.cy-usecases .uc-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cy-usecases .uc-row, .cy-usecases .uc-row:active, .cy-usecases .uc-row:focus, .cy-usecases .uc-row:hover {
	align-items: center;
	color: var(--cy-text-primary);
	display: flex;
	gap: 16px;
	justify-content: space-between;
	text-decoration: none;
}

.cy-usecases .uc-name {
	align-items: center;
	display: flex;
	font-size: var(--cy-type-body-md-size);
	gap: 12px;
	line-height: var(--cy-type-body-md-line);
	min-width: 0;
}

.cy-usecases .uc-ic {
	flex: none;
}

.cy-usecases .uc-ic, .cy-usecases .uc-ic svg {
	display: block;
	height: 24px;
	width: 24px;
}

.cy-usecases .uc-arrow {
	color: var(--cy-text-muted);
	flex: none;
	transition: color .15s, transform .15s;
}

.cy-usecases .uc-row:focus-visible .uc-arrow, .cy-usecases .uc-row:hover .uc-arrow {
	color: var(--cy-text-primary);
	transform: translateX(2px);
}

.cy-related {
	padding-top: 56px;
}

.cy-related .cy-eyebrow {
	margin-bottom: 16px;
}

.cy-related .rc-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cy-related .rc-card, .cy-related .rc-card:active, .cy-related .rc-card:focus, .cy-related .rc-card:hover {
	background: var(--cy-surface-band);
	border: 1px solid var(--cy-border-subtle);
	border-radius: 6px;
	color: #1a1918;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px;
	text-decoration: none;
	transition: border-color .15s;
}

.cy-related .rc-card:focus-visible, .cy-related .rc-card:hover {
	border-color: var(--cy-border-strong);
}

.cy-related .rc-author, .cy-related .rc-meta {
	color: var(--cy-text-secondary);
	font-size: 13px;
	line-height: 1.4;
}

.cy-related .rc-title {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.cy-related .rc-author {
	align-items: center;
	display: flex;
	gap: 8px;
	padding-top: 6px;
}

.cy-related .rc-author .cy-avatar {
	height: 24px;
	width: 24px;
}

.cy-post-body {
	color: var(--cy-text-secondary);
	font-size: var(--cy-type-body-lg-size);
	line-height: var(--cy-type-body-lg-line);
}

.cy-post-body section[id] {
	scroll-margin-top: 104px;
}

.cy-post-body > :first-child, .cy-post-body > section > :first-child {
	margin-top: 0;
}

.cy-post-body ol, .cy-post-body p, .cy-post-body ul {
	margin: 0 0 24px;
}

.cy-post-body h2, .cy-post-body h3, .cy-post-body h4 {
	color: var(--cy-text-primary);
	font-weight: 500;
}

.cy-post-body h2 {
	font-size: var(--cy-type-heading-lg-size);
	line-height: var(--cy-type-heading-lg-line);
	margin: 48px 0 24px;
}

.cy-post-body h3 {
	font-size: var(--cy-type-heading-md-size);
	line-height: var(--cy-type-heading-md-line);
	margin: 40px 0 24px;
}

.cy-post-body h4 {
	font-size: var(--cy-type-heading-sm-size);
	line-height: var(--cy-type-heading-sm-line);
	margin: 32px 0 12px;
}

.cy-post-body a {
	color: var(--cy-text-primary);
	text-decoration: underline;
	text-decoration-color: var(--cy-border-strong);
	text-underline-offset: 3px;
}

.cy-post-body a:hover {
	text-decoration-color: currentColor;
}

.cy-post-body strong {
	color: var(--cy-text-primary);
	font-weight: 500;
}

.cy-post-body ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	list-style: none;
	padding: 0;
}

.cy-post-body ul > li {
	padding-left: 17px;
	position: relative;
}

.cy-post-body ul > li:before {
	background: var(--cy-text-muted);
	border-radius: 50%;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 5px;
}

.cy-post-body ol {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-left: 24px;
}

.cy-post-body ol > li::marker {
	color: var(--cy-text-muted);
}

.cy-post-body li > ol, .cy-post-body li > ul {
	margin: 12px 0 0;
}

.cy-post-body blockquote {
	border-left: 3px solid var(--cy-border-strong);
	color: var(--cy-text-primary);
	font: var(--cy-display-sm);
	font-size: 28px;
	line-height: 36px;
	margin: 40px 0;
	padding: 0 0 0 24px;
}

.cy-post-body blockquote p {
	margin: 0;
}

.cy-post-body blockquote:has(cite) {
	border-left: 2px solid var(--cy-border-strong);
	font-size: 24px;
	line-height: 34px;
	margin: 32px 0;
	padding-left: 24px;
	position: relative;
}

.cy-post-body blockquote:has(cite):after {
	background: var(--cy-text-primary);
	content: "";
	height: var(--qp, 0%);
	left: -2px;
	position: absolute;
	top: 0;
	transition: height .25s;
	width: 2px;
}

.cy-post-body blockquote:has(cite) p {
	margin: 0 0 14px;
}

.cy-post-body blockquote:has(cite) p .w {
	color: #c7c3c0;
	transition: color .25s;
}

.cy-post-body blockquote:has(cite) p .w.on {
	color: var(--cy-text-primary);
}

.cy-post-body blockquote:has(cite) cite {
	align-items: center;
	color: var(--cy-text-secondary);
	display: flex;
	font: var(--cy-body-md);
	font-style: normal;
	gap: 12px;
}

.cy-post-body blockquote:has(cite) cite b, .cy-post-body blockquote:has(cite) cite strong {
	color: var(--cy-text-primary);
	font-weight: 500;
}

.cy-post-body blockquote:has(cite) p:has( > cite:only-child) {
	margin: 0;
}

.cy-post-body blockquote:has(cite) .qav {
	border-radius: 50%;
	flex: none;
	height: 56px;
	margin: 0;
	object-fit: cover;
	width: 56px;
}

.cy-post-body .cy-anim {
	margin: 32px 0;
}

.cy-post-body .cy-anim .cy-anim-stage {
	position: relative;
}

.cy-post-body .cy-anim .card {
	background: none;
	border: 0;
	padding: 0;
}

.cy-post-body .cy-anim canvas {
	aspect-ratio: 16/9;
	background: var(--cy-surface-card);
	border: 1px solid var(--cy-border-subtle);
	border-radius: var(--cy-radius-md);
	display: block;
	width: 100%;
}

.cy-post-body .cy-anim .row {
	display: none !important;
}

.cy-post-body .cy-anim .cy-anim-cap {
	color: var(--cy-text-muted);
	font: var(--cy-body-sm);
	font-size: 13px;
	line-height: 18px;
	margin: 8px 0 0;
}

.cy-post-body .cy-anim .cy-anim-cap b, .cy-post-body .cy-anim .cy-anim-cap strong {
	color: var(--cy-text-secondary);
	font-weight: 500;
}

.cy-post-body .cy-ship {
	display: grid;
	gap: 20px 32px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 24px 0 40px;
	padding: 0;
}

.cy-post-body .cy-ship > li {
	align-items: center;
	display: flex;
	font-size: 16px;
	gap: 14px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}

.cy-post-body .cy-ship > li::marker, .cy-post-body .cy-ship > li:before {
	content: none;
	display: none;
}

.cy-post-body .cy-ship .ship-ic {
	background: var(--cy-surface-page);
	border-radius: 9px;
	box-shadow: inset 0 0 0 1px var(--cy-border-subtle);
	display: block;
	flex: none;
	height: 40px;
	width: 40px;
}

.cy-post-body .cy-ship .ship-ic canvas {
	background: none;
	border: 0;
	border-radius: 0;
	display: block;
	height: 40px;
	width: 40px;
}

.cy-post-body .cy-ship .ship-name {
	color: var(--cy-text-primary);
}

.cy-post-body .cy-ship a.ship-name {
	color: #2e78a4;
	text-decoration: none;
}

.cy-post-body .cy-ship a.ship-name:active, .cy-post-body .cy-ship a.ship-name:focus, .cy-post-body .cy-ship a.ship-name:hover {
	color: #2e78a4;
	text-decoration: underline;
}

.cy-post-body figure, .cy-post-body iframe, .cy-post-body img, .cy-post-body video {
	border-radius: var(--cy-radius-md);
	height: auto;
	max-width: 100%;
}

.cy-post-body figure {
	margin: 32px 0;
}

.cy-post-body iframe {
	aspect-ratio: 16/9;
	width: 100%;
}

.cy-post-body code, .cy-post-body pre {
	background: var(--cy-surface-band);
	border-radius: 6px;
	font-family: var(--cy-font-mono);
	font-size: 14px;
}

.cy-post-body code {
	padding: 2px 6px;
}

.cy-post-body pre {
	margin: 0 0 24px;
	overflow-x: auto;
	padding: 16px 20px;
}

.cy-post-body pre code {
	background: none;
	padding: 0;
}

.cy-post-body hr {
	border: 0;
	border-top: 1px solid var(--cy-border-subtle);
	margin: 40px 0;
}

.cy-post-body table:not(.listicle-table-wrap table) {
	background: var(--cy-surface-raised);
	border: 1px solid var(--cy-border-subtle);
	border-collapse: separate;
	border-radius: var(--cy-radius-sm);
	border-spacing: 0;
	font-size: var(--cy-type-body-sm-size);
	line-height: var(--cy-type-body-sm-line);
	margin: 0 0 24px;
	overflow: hidden;
	width: 100%;
}

.cy-post-body table:not(.listicle-table-wrap table) td, .cy-post-body table:not(.listicle-table-wrap table) th {
	border: 0;
	padding: 16px;
	text-align: left;
	vertical-align: top;
}

.cy-post-body table:not(.listicle-table-wrap table) thead tr, .cy-post-body table:not(.listicle-table-wrap table):not(:has(thead)) tr:first-child:not(:has( > td)) {
	background: linear-gradient(90deg, #001f61, #04457d 15%, #2e78a4 30%, #7fafc5 50%, #bac6c2 60%, #f3c89e 80%, #ffa74e 90%, #ff7d05);
}

.cy-post-body table:not(.listicle-table-wrap table) thead th, .cy-post-body table:not(.listicle-table-wrap table):not(:has(thead)) tr:first-child:not(:has( > td)) th {
	background: none;
	color: var(--cy-text-on-dark);
	font-size: var(--cy-type-label-md-size);
	font-weight: 500;
	line-height: var(--cy-type-label-md-line);
}

.cy-post-body table:not(.listicle-table-wrap table) tbody tr + tr > *, .cy-post-body table:not(.listicle-table-wrap table) tbody tr:first-child td, .cy-post-body table:not(.listicle-table-wrap table) thead + tbody tr:first-child > * {
	border-top: 1px solid var(--cy-border-subtle);
}

.cy-post-body table:not(.listicle-table-wrap table) td {
	color: var(--cy-text-secondary);
}

.cy-post-body .ad-url-desk, .cy-post-body .ad-url-mid, .cy-post-body .ad-url-mob {
	display: none;
	float: none;
	height: auto;
	margin: 24px 0;
	padding: 0;
	width: 100%;
}

.cy-post-body .ad-url-desk img, .cy-post-body .ad-url-mid img, .cy-post-body .ad-url-mob img {
	border-radius: var(--cy-radius-md);
	display: block;
	height: auto;
	width: 100%;
}

.cy-post-body .ad-url-desk {
	display: block;
}

.cy-post-body .ad-url-desk.side_img, .cy-post-body .ad-url-mid {
	float: right;
	margin: 4px 0 16px 24px;
}

.cy-post-body .ad-url-desk.side_img {
	width: 45%;
}

.cy-post-body .ad-url-mid {
	width: 40%;
}

.cy-post-body a#post-demo-btn {
	align-items: center;
	align-self: center;
	background: var(--cy-action-primary);
	border-radius: 999px;
	color: var(--cy-action-on-primary);
	display: flex;
	font-family: var(--cy-font-body);
	font-size: 16px;
	font-weight: 500;
	height: 48px;
	justify-content: center;
	justify-self: center;
	line-height: 19px;
	margin: 8px auto 24px;
	padding: 0 24px;
	text-decoration: none;
	width: fit-content;
}

.cy-post-body a#post-demo-btn:hover {
	color: var(--cy-action-on-primary);
	opacity: .88;
	text-decoration: none;
}

.cy-post-body a#post-demo-btn:before {
	animation: none;
	display: none;
}

.cy-post-body, .cy-post-body > section {
	display: flow-root;
}

@media (max-width: 1080px) {
	.cy-post-body .ad-url-desk {
		display: none;
	}
	
	.cy-post-body .ad-url-mid {
		display: block;
	}
}

@media (max-width: 720px) {
	.cy-post-body .ad-url-mid {
		display: none;
	}
	
	.cy-post-body .ad-url-mob {
		display: block;
	}
}

.cy-inline-cta, .cy-post-body .cy-inline-cta, .cy-post-body .cy-inline-cta:focus, .cy-post-body .cy-inline-cta:hover {
	text-decoration: none;
}

.cy-inline-cta {
	align-items: center;
	background: var(--cy-gradient-open-horizontal);
	border-radius: var(--cy-radius-md);
	display: flex;
	height: 120px;
	isolation: isolate;
	margin: 24px 0;
	overflow: hidden;
	padding: 32px 40px;
	position: relative;
}

.cy-inline-cta .ic-glyphs {
	height: 100%;
	inset: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.cy-inline-cta .ic-content {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

.cy-inline-cta .ic-title {
	color: var(--cy-text-on-dark);
	font: var(--cy-display-sm);
	font-size: var(--cy-type-display-sm-size);
	line-height: var(--cy-type-display-sm-line);
}

.cy-inline-cta .ic-btn {
	flex: none;
}

.cy-faq {
	background: var(--cy-surface-band);
	overflow: hidden;
	padding: 120px 0;
	position: relative;
}

.cy-faq .faq-glyphs {
	height: 100%;
	inset: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.cy-faq .faq-split {
	align-items: flex-start;
	display: flex;
	gap: 24px;
	position: relative;
}

.cy-faq .faq-head {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 12px;
	width: 384px;
}

.cy-faq .faq-head h2 {
	color: var(--cy-text-primary);
	font: var(--cy-display-sm);
	font-size: var(--cy-type-display-sm-size);
	line-height: var(--cy-type-display-sm-line);
	margin: 0;
}

.cy-faq .faq-list {
	flex: 1 1 0;
	min-width: 0;
}

.cy-faq .faq-row {
	border-bottom: 1px solid var(--cy-border-subtle);
}

.cy-faq .faq-row summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 24px;
	list-style: none;
	padding: 24px 0;
}

.cy-faq .faq-row summary::-webkit-details-marker {
	display: none;
}

.cy-faq .faq-row summary h3 {
	color: var(--cy-text-primary);
	flex: 1 1 0;
	font: var(--cy-body-lg);
	margin: 0;
	min-width: 0;
}

.cy-faq .faq-row summary .cy-chevron {
	color: var(--cy-text-secondary);
	flex: none;
	transition: transform .32s cubic-bezier(.4, 0, .2, 1);
}

.cy-faq .faq-row[open] summary .cy-chevron {
	transform: rotate(180deg);
}

.cy-faq .faq-row.is-closing summary .cy-chevron {
	transform: none;
}

.cy-faq .faq-answer {
	color: var(--cy-text-secondary);
	font-size: var(--cy-type-body-md-size);
	line-height: var(--cy-type-body-md-line);
	overflow: hidden;
	padding: 0 34px 0 0;
	transition: height .42s cubic-bezier(.4, 0, .2, 1), opacity .36s;
}

.cy-faq .faq-answer:after {
	content: "";
	display: block;
	height: 24px;
}

.cy-faq .faq-answer p {
	margin: 0 0 12px;
}

.cy-faq .faq-answer p:last-child {
	margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
	.cy-faq .faq-answer, .cy-faq .faq-row summary .cy-chevron {
		transition: none;
	}
}

.cy-faq .faq-more {
	display: none;
}

@media (max-width: 1080px) {
	.cy-faq {
		padding: 80px 0;
	}
	
	.cy-faq .faq-split {
		flex-direction: column;
	}
	
	.cy-faq .faq-head, .cy-faq .faq-list {
		flex: none;
		width: 100%;
	}
}

@media (max-width: 720px) {
	.cy-faq {
		padding: 64px 0;
	}
	
	.cy-faq .faq-row summary {
		padding: 20px 0;
	}
	
	.cy-faq .faq-answer {
		padding-right: 0;
	}
	
	.cy-faq .faq-row--folded {
		display: none;
	}
	
	.cy-faq .faq-row--folded[open], .cy-faq.is-expanded .faq-row--folded {
		display: block;
	}
	
	.cy-faq .faq-more {
		align-items: center;
		border: 1px solid var(--cy-border-subtle);
		border-radius: var(--cy-radius-pill);
		box-shadow: var(--cy-shadow-secondary-rest);
		cursor: pointer;
		display: flex;
		font-size: 14px;
		font-weight: 500;
		height: 40px;
		justify-content: center;
		line-height: 17px;
		margin-top: 24px;
		padding: 0 16px;
		transform: scale(1);
		transition: background-color .18s, box-shadow .2s, transform .18s;
		width: 100%;
	}
	
	.cy-faq .faq-more, .cy-faq .faq-more:active, .cy-faq .faq-more:focus, .cy-faq .faq-more:hover {
		background: var(--cy-surface-raised);
		color: var(--cy-action-primary);
	}
	
	.cy-faq .faq-more:hover {
		box-shadow: var(--cy-shadow-secondary-hover);
	}
	
	.cy-faq .faq-more:active {
		box-shadow: var(--cy-shadow-secondary-press);
		transform: scale(.96);
		transition-duration: 90ms;
	}
}

@media (max-width: 720px) and (prefers-reduced-motion: reduce) {
	.cy-faq .faq-more {
		transition: none;
	}
	
	.cy-faq .faq-more:active {
		transform: none;
	}
}

.cy-resources.cy-post-more {
	background: var(--cy-surface-raised);
	padding: 80px 0 120px;
}

@media (prefers-reduced-motion: reduce) {
	.cy-post {
		scroll-behavior: auto;
	}
	
	.cy-live-cover .bh-field.gl, .cy-live-cover .mt, .cy-post-body blockquote:has(cite) p .w, .cy-post-body blockquote:has(cite):after, .cy-related .rc-card, .cy-toc .toc-fill, .cy-usecases .uc-arrow {
		transition: none;
	}
	
	.cy-post-body blockquote:has(cite) p .w {
		color: var(--cy-text-primary);
	}
}

@media (max-width: 1080px) {
	.cy-post-hero {
		padding: 80px 0 56px;
	}
	
	.cy-post-hero .ph-split {
		align-items: stretch;
		flex-direction: column;
		gap: 32px;
	}
	
	.cy-post-hero .ph-head {
		flex: none;
		gap: 24px;
		justify-content: flex-start;
		min-height: 0;
	}
	
	.cy-post-hero .ph-cover {
		aspect-ratio: 564/317;
		height: auto;
		width: 100%;
	}
	
	.cy-post-split {
		display: grid;
		gap: 40px;
		grid-template-columns: minmax(0, 1fr);
		padding: 56px 0 80px;
	}
	
	.cy-post-aside, .cy-post-main {
		display: contents;
		max-height: none;
		overflow: visible;
		position: static;
		width: auto;
	}
	
	.cy-audio {
		order: 1;
	}
	
	.cy-toc {
		order: 2;
	}
	
	.cy-toc .toc-rail {
		display: none;
	}
	
	.cy-post-body {
		max-width: none;
		order: 3;
	}
	
	.cy-related {
		order: 4;
		padding-top: 0;
	}
	
	.cy-usecases {
		order: 5;
	}
	
	.cy-resources.cy-post-more {
		padding: 56px 0 80px;
	}
}

@media (max-width: 720px) {
	.cy-post-hero {
		padding: 64px 0 40px;
	}
	
	.cy-post-hero .ph-cta {
		align-items: stretch;
		flex-direction: column;
	}
	
	.cy-post-hero .ph-cta .cy-btn-primary, .cy-post-hero .ph-cta .cy-btn-secondary {
		width: 100%;
	}
	
	.cy-post-split {
		gap: 32px;
		padding: 40px 0 64px;
	}
	
	.cy-post-body h2 {
		margin: 48px 0 16px;
	}
	
	.cy-post-body h3 {
		margin: 32px 0 12px;
	}
	
	.cy-post-body table:not(.listicle-table-wrap table) {
		display: block;
		overflow-x: auto;
		width: 100%;
	}
	
	.cy-post-body .cy-ship {
		gap: 16px;
		grid-template-columns: 1fr;
	}
	
	.cy-post-body blockquote:has(cite) {
		font-size: 20px;
		line-height: 28px;
	}
	
	.cy-inline-cta {
		height: auto;
		padding: 24px;
	}
	
	.cy-inline-cta .ic-content {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}
	
	.cy-resources.cy-post-more {
		padding: 40px 0 64px;
	}
}

body.single-post .cy-post-body .listicle-card {
	background: #fff;
	border: 1px solid var(--cy-border-subtle);
	border-radius: 12px;
	margin: 30px 0;
	overflow: hidden;
	transition: box-shadow .2s;
}

body.single-post .cy-post-body .listicle-card:hover {
	box-shadow: 0 8px 28px rgba(0, 0, 0, .09);
}

body.single-post .cy-post-body .listicle-card__cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

@media screen and (max-width: 768px) {
	body.single-post .cy-post-body .listicle-card__cols {
		grid-template-columns: 1fr;
	}
}

body.single-post .cy-post-body .listicle-card__cons, body.single-post .cy-post-body .listicle-card__pros {
	padding: 24px 28px;
}

body.single-post .cy-post-body .listicle-card__cons h4, body.single-post .cy-post-body .listicle-card__pros h4 {
	align-items: center;
	color: #0d0220;
	display: flex;
	font-family: var(--loco-exo-600);
	font-size: 18px;
	gap: 10px;
	line-height: 26px;
	margin: 0 0 16px;
}

body.single-post .cy-post-body .listicle-card__cons h4:before, body.single-post .cy-post-body .listicle-card__pros h4:before {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	flex-shrink: 0;
	height: 26px;
	width: 26px;
}

body.single-post .cy-post-body .listicle-card__cons ul, body.single-post .cy-post-body .listicle-card__pros ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.single-post .cy-post-body .listicle-card__cons ul li, body.single-post .cy-post-body .listicle-card__pros ul li {
	color: #6d6778;
	font-family: var(--loco-oxygen-400);
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 10px;
	padding-left: 28px;
	position: relative;
}

body.single-post .cy-post-body .listicle-card__cons ul li:last-child, body.single-post .cy-post-body .listicle-card__pros ul li:last-child {
	margin-bottom: 0;
}

body.single-post .cy-post-body .listicle-card__cons ul li:before, body.single-post .cy-post-body .listicle-card__pros ul li:before {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 5px;
	width: 16px;
}

body.single-post .cy-post-body .listicle-card__cons ul li a, body.single-post .cy-post-body .listicle-card__pros ul li a {
	color: #2c6eff;
}

body.single-post .cy-post-body .listicle-card__cons ul li a:hover, body.single-post .cy-post-body .listicle-card__pros ul li a:hover {
	color: #1359e5;
}

body.single-post .cy-post-body .listicle-card__pros h4:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231fa06b'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m7 12.5 3.2 3.2L17 9'/%3E%3C/svg%3E");
}

body.single-post .cy-post-body .listicle-card__pros li:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%231fa06b' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m5 12.5 4.2 4.2L19 7.5'/%3E%3C/svg%3E");
}

body.single-post .cy-post-body .listicle-card__cons {
	border-left: 1px solid var(--cy-border-subtle);
}

@media screen and (max-width: 768px) {
	body.single-post .cy-post-body .listicle-card__cons {
		border-left: 0;
		border-top: 1px solid var(--cy-border-subtle);
	}
}

body.single-post .cy-post-body .listicle-card__cons h4:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23f04438'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2.2' d='M7 12h10'/%3E%3C/svg%3E");
}

body.single-post .cy-post-body .listicle-card__cons li:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23f04438' stroke-linecap='round' stroke-width='3' d='M5 12h14'/%3E%3C/svg%3E");
}

body.single-post .cy-post-body .listicle-card__more {
	background: #fbfbfd;
	border-top: 1px solid var(--cy-border-subtle);
	interpolate-size: allow-keywords;
}

body.single-post .cy-post-body .listicle-card__more summary {
	align-items: center;
	color: #2c6eff;
	cursor: pointer;
	display: flex;
	font-family: var(--loco-inter-600);
	font-size: 15px;
	gap: 10px;
	line-height: 22px;
	list-style: none;
	padding: 16px 28px;
	user-select: none;
}

body.single-post .cy-post-body .listicle-card__more summary::-webkit-details-marker {
	display: none;
}

body.single-post .cy-post-body .listicle-card__more summary:after {
	border-bottom: 2px solid;
	border-right: 2px solid;
	content: "";
	height: 8px;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .2s;
	width: 8px;
}

body.single-post .cy-post-body .listicle-card__more summary:hover {
	color: #1359e5;
}

body.single-post .cy-post-body .listicle-card__more[open] summary:after {
	transform: rotate(225deg) translateY(-2px);
}

body.single-post .cy-post-body .listicle-card__more::details-content {
	block-size: 0;
	opacity: 0;
	overflow: hidden;
	transition: block-size .28s ease, opacity .28s ease, content-visibility allow-discrete .28s;
}

body.single-post .cy-post-body .listicle-card__more[open]::details-content {
	block-size: auto;
	opacity: 1;
}

body.single-post .cy-post-body .listicle-card__more-content {
	padding: 0 28px 22px;
}

body.single-post .cy-post-body .listicle-card__more-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.single-post .cy-post-body .listicle-card__more-content ul li {
	color: #6d6778;
	font-family: var(--loco-oxygen-400);
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 8px;
	padding-left: 22px;
	position: relative;
}

body.single-post .cy-post-body .listicle-card__more-content ul li:last-child {
	margin-bottom: 0;
}

body.single-post .cy-post-body .listicle-card__more-content ul li:before {
	background: #2c6eff;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: 2px;
	position: absolute;
	top: 10px;
	width: 6px;
}

body.single-post .cy-post-body .listicle-card__more-content ul li a {
	color: #2c6eff;
}

body.single-post .cy-post-body .listicle-card__more-content ul li a:hover {
	color: #1359e5;
}

body.single-post .cy-post-body .listicle-table-wrap {
	border: 1px solid var(--cy-border-subtle);
	border-radius: 12px;
	margin: 30px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

body.single-post .cy-post-body .listicle-table-wrap table {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	min-width: 560px;
	width: 100%;
}

body.single-post .cy-post-body .listicle-table-wrap td, body.single-post .cy-post-body .listicle-table-wrap th {
	border: 0;
	text-align: left;
}

body.single-post .cy-post-body .listicle-table-wrap thead th {
	background: var(--cy-gradient-open-horizontal);
	color: var(--cy-text-on-dark);
	font-family: var(--loco-exo-600);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 20px;
	padding: 16px 24px;
	text-transform: none;
}

body.single-post .cy-post-body .listicle-table-wrap tbody tr {
	border-top: 1px solid #ededed;
	transition: background .15s;
}

body.single-post .cy-post-body .listicle-table-wrap tbody tr:first-child {
	border-top: 0;
}

body.single-post .cy-post-body .listicle-table-wrap tbody tr:nth-child(2n) {
	background: var(--cy-surface-band);
}

body.single-post .cy-post-body .listicle-table-wrap tbody tr:hover {
	background: rgba(44, 110, 255, .05);
}

body.single-post .cy-post-body .listicle-table-wrap tbody td {
	color: #6d6778;
	font-family: var(--loco-oxygen-400);
	font-size: 16px;
	line-height: 26px;
	padding: 18px 24px;
	vertical-align: top;
}

body.single-post .cy-post-body .listicle-table-wrap tbody td span {
	font-size: 16px;
	line-height: 26px;
}

body.single-post .cy-post-body .listicle-table-wrap tbody td b, body.single-post .cy-post-body .listicle-table-wrap tbody td strong {
	color: #0d0220;
}

body.single-post .cy-post-body .listicle-table-wrap .listicle-tool {
	align-items: flex-start;
	color: #0d0220;
	display: flex;
	font-family: var(--loco-inter-600);
	font-size: 16px;
	gap: 12px;
}

body.single-post .cy-post-body .listicle-table-wrap .listicle-tool img {
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 6px;
	flex-shrink: 0;
	height: 28px;
	margin: 2px 0 0;
	object-fit: contain;
	padding: 2px;
	width: 28px;
}