:root {
	--ratiom-background: #fafaf8;
	--ratiom-canvas-alt: #f4f4f1;
	--ratiom-surface: #ffffff;
	--ratiom-primary: #111111;
	--ratiom-muted: #5f6368;
	--ratiom-border: #e7e7e2;
	--ratiom-outline: #c4c7c7;
	--ratiom-accent: #c8f320;
	--ratiom-accent-hover: #aed714;
	--ratiom-footer-text: #d8d8d8;
	--ratiom-container: 1200px;
	--ratiom-gutter: 24px;
	--ratiom-mobile-margin: 16px;
	--ratiom-section: 128px;
	--ratiom-card-shadow: 0 18px 44px -30px rgba(17, 17, 17, 0.24);
	--ratiom-image-shadow: 0 24px 55px -30px rgba(17, 17, 17, 0.32);
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/inter/inter-latin-400-700.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--ratiom-background);
	color: var(--ratiom-primary);
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.6875;
	letter-spacing: 0;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none;
}

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

a:hover {
	color: var(--ratiom-muted);
}

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

.wp-site-blocks {
	padding: 0;
	overflow-x: clip;
}

.ratiom-site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	width: 100%;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--ratiom-border);
}

.ratiom-site-header .ratiom-header-inner {
	height: 80px;
	max-width: var(--ratiom-container);
	margin: 0 auto;
	padding: 0 var(--ratiom-gutter);
	gap: 24px;
}

.ratiom-logo,
.ratiom-footer-logo {
	display: flex;
	align-items: center;
	margin: 0;
}

.ratiom-logo a,
.ratiom-footer-logo a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.ratiom-logo img,
.ratiom-footer-logo img {
	display: block;
	height: 40px;
	width: auto;
}

.ratiom-nav a {
	color: var(--ratiom-muted);
	font-size: 15px;
	font-weight: 600;
	line-height: 15px;
	text-decoration: none;
}

.ratiom-nav a:hover,
.ratiom-nav .current-menu-item > a {
	color: var(--ratiom-primary);
}

.ratiom-home-page .ratiom-nav a[href="/"] {
	border-bottom: 2px solid #c4ee18;
	color: #111111;
	font-weight: 600;
	padding-bottom: 6px;
	transform: translateY(-1px);
}

.ratiom-header-cta .wp-block-button__link,
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 28px;
	border-radius: 9999px;
	background: var(--ratiom-accent);
	color: var(--ratiom-primary);
	border: 1px solid transparent;
	font-size: 15px;
	font-weight: 600;
	line-height: 15px;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.wp-block-button__link:hover {
	background: var(--ratiom-accent-hover);
	color: var(--ratiom-primary);
	transform: translateY(-1px);
	box-shadow: 0 8px 24px rgba(17, 17, 17, 0.08);
}

.wp-block-button.btn-primary .wp-block-button__link,
.wp-block-button.bg-secondary-container .wp-block-button__link,
.wp-block-button.bg-secondary-fixed .wp-block-button__link,
.btn-primary .wp-block-button__link,
.bg-secondary-container .wp-block-button__link,
.bg-secondary-fixed .wp-block-button__link {
	background: var(--ratiom-accent);
	color: var(--ratiom-primary);
}

.wp-block-button.btn-primary .wp-block-button__link:hover,
.wp-block-button.bg-secondary-container .wp-block-button__link:hover,
.wp-block-button.bg-secondary-fixed .wp-block-button__link:hover,
.btn-primary .wp-block-button__link:hover,
.bg-secondary-container .wp-block-button__link:hover,
.bg-secondary-fixed .wp-block-button__link:hover {
	background: var(--ratiom-accent-hover);
	color: var(--ratiom-primary);
}

.wp-block-button.bg-surface.border .wp-block-button__link,
.wp-block-button.bg-surface.border-border .wp-block-button__link,
.wp-block-button.bg-surface .wp-block-button__link {
	background: var(--ratiom-surface);
	color: var(--ratiom-primary);
	border-color: var(--ratiom-border);
}

.wp-block-button.bg-surface.border .wp-block-button__link:hover,
.wp-block-button.bg-surface.border-border .wp-block-button__link:hover,
.wp-block-button.bg-surface .wp-block-button__link:hover {
	background: var(--ratiom-canvas-alt);
	color: var(--ratiom-primary);
}

.wp-block-button.border-b .wp-block-button__link,
.wp-block-button.pb-1 .wp-block-button__link,
.wp-block-button.underline .wp-block-button__link {
	min-height: auto;
	padding: 0 0 4px;
	background: transparent;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid currentColor;
	box-shadow: none;
	color: var(--ratiom-primary);
	font-size: 15px;
	line-height: 20px;
}

.wp-block-button.border-b .wp-block-button__link:hover,
.wp-block-button.pb-1 .wp-block-button__link:hover,
.wp-block-button.underline .wp-block-button__link:hover {
	background: transparent;
	color: var(--ratiom-muted);
	transform: none;
	box-shadow: none;
}

.ratiom-section,
.wp-block-group.ratiom-section {
	padding: var(--ratiom-section) var(--ratiom-gutter);
}

.ratiom-section > *,
.ratiom-section .max-w-container-max,
.ratiom-section .mx-auto {
	max-width: var(--ratiom-container);
	margin-left: auto;
	margin-right: auto;
}

.bg-background,
.ratiom-section.bg-background {
	background: var(--ratiom-background);
}

.bg-canvas-alt,
.ratiom-section.bg-canvas-alt,
.bg-\[\#F4F4F1\] {
	background: var(--ratiom-canvas-alt);
}

.bg-surface,
.bg-\[\#FAFAF8\] {
	background: var(--ratiom-surface);
}

.text-primary,
.text-\[\#111111\] {
	color: var(--ratiom-primary);
}

.text-ink-muted,
.text-on-surface-variant,
.text-\[\#5F6368\] {
	color: var(--ratiom-muted);
}

.font-eyebrow,
.uppercase.tracking-\[0\.14em\],
.tracking-wider,
.tracking-widest {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	color: var(--ratiom-muted);
}

.font-display-xl,
.text-display-xl,
.md\:text-\[76px\],
h1 {
	font-size: 76px;
	line-height: 78px;
	letter-spacing: -0.035em;
	font-weight: 700;
	margin: 0 0 24px;
}

.font-display-lg,
.text-display-lg,
.md\:text-\[52px\],
h2 {
	font-size: 52px;
	line-height: 56px;
	letter-spacing: -0.03em;
	font-weight: 700;
	margin: 0 0 24px;
}

.font-display-md,
.text-display-md,
.text-\[36px\] {
	font-size: 36px;
	line-height: 42px;
	letter-spacing: -0.02em;
	font-weight: 700;
}

.font-h3-card,
.text-h3-card,
h3,
h4 {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -0.01em;
	font-weight: 700;
	margin: 0 0 12px;
}

.font-body-lg,
.text-body-lg {
	font-size: 18px;
	line-height: 30px;
}

.text-small,
.font-small,
.text-sm,
.text-\[14px\] {
	font-size: 14px;
	line-height: 22px;
}

p {
	margin: 0 0 16px;
}

.grid,
.wp-block-group.grid,
.ratiom-post-grid {
	display: grid;
	gap: 32px;
}

.grid-cols-1 {
	grid-template-columns: minmax(0, 1fr);
}

.md\:col-span-2 { grid-column: span 2 / span 2; }

.md\:col-span-3 { grid-column: span 3 / span 3; }

.md\:col-span-4 { grid-column: span 4 / span 4; }

.md\:col-span-5 { grid-column: span 5 / span 5; }

.md\:col-span-6 { grid-column: span 6 / span 6; }

.md\:col-span-7 { grid-column: span 7 / span 7; }

.md\:col-span-8 { grid-column: span 8 / span 8; }

.md\:col-span-9 { grid-column: span 9 / span 9; }

.md\:grid-cols-2,
.grid-cols-1.md\:grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lg\:grid-cols-3,
.ratiom-post-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.md\:grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.md\:grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.md\:grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.gap-3 { gap: 12px; }

.gap-4 { gap: 16px; }

.gap-6 { gap: 24px; }

.gap-8 { gap: 32px; }

.gap-12 { gap: 48px; }

.gap-gutter { gap: 24px; }

.gap-gap-block-content { gap: 64px; }

.space-y-3 > * + * { margin-top: 12px; }

.space-y-4 > * + * { margin-top: 16px; }

.space-y-6 > * + * { margin-top: 24px; }

.space-y-8 > * + * { margin-top: 32px; }

.space-y-gap-head-body > * + * { margin-top: 24px; }

.items-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.text-center,
.ratiom-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.mt-4 { margin-top: 16px; }

.mt-6 { margin-top: 24px; }

.mt-8 { margin-top: 32px; }

.mt-12 { margin-top: 48px; }

.mt-16 { margin-top: 64px; }

.mb-2 { margin-bottom: 8px; }

.mb-3 { margin-bottom: 12px; }

.mb-4 { margin-bottom: 16px; }

.mb-6 { margin-bottom: 24px; }

.mb-8 { margin-bottom: 32px; }

.mb-12 { margin-bottom: 48px; }

.mb-16 { margin-bottom: 64px; }

.mb-gap-head-body { margin-bottom: 24px; }

.mb-gap-eyebrow-head { margin-bottom: 16px; }

.mb-gap-block-content { margin-bottom: 64px; }

.p-6 { padding: 24px; }

.p-8,
.p-\[32px\] { padding: 32px; }

.p-12,
.p-\[48px\] { padding: 48px; }

.px-4 { padding-left: 16px; padding-right: 16px; }

.px-6 { padding-left: 24px; padding-right: 24px; }

.px-8 { padding-left: 32px; padding-right: 32px; }

.py-3 { padding-top: 12px; padding-bottom: 12px; }

.py-4 { padding-top: 16px; padding-bottom: 16px; }

.py-6 { padding-top: 24px; padding-bottom: 24px; }

.max-w-lg { max-width: 32rem; }

.max-w-xl { max-width: 36rem; }

.max-w-2xl { max-width: 42rem; }

.max-w-3xl { max-width: 48rem; }

.max-w-4xl { max-width: 56rem; }

.max-w-container-max { max-width: var(--ratiom-container); }

.max-w-\[560px\] { max-width: 560px; }

.max-w-\[720px\] { max-width: 720px; }

.max-w-\[1000px\] { max-width: 1000px; }

.w-full { width: 100%; }

.h-auto { height: auto; }

.h-\[52px\] { min-height: 52px; }

.h-64 { height: 16rem; }

.aspect-video { aspect-ratio: 16 / 9; }

.aspect-\[16\/10\] { aspect-ratio: 16 / 10; }

.object-cover { object-fit: cover; }

.object-top { object-position: top; }

.rounded-lg,
.rounded-xl,
.rounded-\[18px\],
.rounded-\[17px\] {
	border-radius: 12px;
}

.rounded-full {
	border-radius: 9999px;
}

.border,
.border-border {
	border: 1px solid var(--ratiom-border);
}

.border-t {
	border-top: 1px solid var(--ratiom-border);
}

.border-b {
	border-bottom: 1px solid var(--ratiom-border);
}

.shadow-sm,
.whisper-shadow,
.ratiom-card {
	box-shadow: 0 12px 40px -24px rgba(17, 17, 17, 0.18);
}

.ratiom-card,
.rounded-xl.border,
.bg-surface.border {
	background: var(--ratiom-surface);
	border: 1px solid var(--ratiom-border);
	border-radius: 12px;
	padding: 32px;
}

.hover-lift,
.card-hover,
.group {
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.hover-lift:hover,
.card-hover:hover,
.group:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 44px -24px rgba(17, 17, 17, 0.22);
}

.ratio-rule,
.ratio-rule-h {
	position: relative;
	width: 100%;
	height: 1px;
	background: var(--ratiom-border);
}

.ratio-rule::before,
.ratio-rule-h::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	background: var(--ratiom-accent);
	transform: translateY(-50%);
}

.ratiom-faq-item,
.wp-block-details {
	border-bottom: 1px solid var(--ratiom-border);
	padding: 24px 0;
}

.ratiom-faq-item summary,
.wp-block-details summary {
	cursor: pointer;
	color: var(--ratiom-primary);
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	list-style: none;
}

.ratiom-faq-item summary::-webkit-details-marker,
.wp-block-details summary::-webkit-details-marker {
	display: none;
}

.ratiom-faq-item summary::after,
.wp-block-details summary::after {
	content: "+";
	float: right;
	font-weight: 600;
}

.ratiom-faq-item[open] summary::after,
.wp-block-details[open] summary::after {
	content: "-";
}

.ratiom-site-footer {
	background: #111111;
	color: #d8d8d8;
	padding: 92px 0 0;
}

.ratiom-site-footer .ratiom-footer-inner {
	max-width: var(--ratiom-container);
	margin: 0 auto;
	padding: 0 var(--ratiom-gutter);
}

.ratiom-site-footer a {
	color: #d8d8d8;
	text-decoration: none;
}

.ratiom-site-footer p,
.ratiom-site-footer li {
	color: #d8d8d8;
	font-size: 14px;
	line-height: 22px;
}

.ratiom-site-footer h4,
.ratiom-site-footer .ratiom-footer-heading {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin: 0 0 8px;
	text-transform: none;
}

.ratiom-site-footer .ratiom-footer-logo {
	margin: 0 0 16px;
}

.ratiom-footer-grid {
	display: grid;
	grid-template-columns: 1.8fr 1fr 1fr 0.7fr;
	gap: 48px;
	margin-bottom: 0;
}

.ratiom-footer-grid ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ratiom-footer-social {
	display: flex;
	align-items: center;
	gap: 16px;
}

.ratiom-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	line-height: 0;
	transition: color 0.2s ease;
}

.ratiom-footer-social a:hover {
	color: var(--ratiom-accent);
}

.ratiom-footer-social svg {
	width: 20px;
	height: 20px;
}

.ratiom-footer-bottom {
	border-top: 1px solid #2a2a2a;
	margin: 96px auto 0;
	padding: 38px 0;
	gap: 16px;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.ratiom-footer-bottom p {
	margin: 0;
}

input,
textarea,
select {
	width: 100%;
	min-height: 52px;
	border: 1px solid var(--ratiom-border);
	border-radius: 8px;
	background: var(--ratiom-surface);
	color: var(--ratiom-primary);
	font: inherit;
	padding: 12px 16px;
}

textarea {
	min-height: 150px;
}

label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
}

.prose {
	max-width: 1000px;
	margin: 0 auto;
}

.prose ul {
	margin: 0 0 24px 24px;
}

.prose section {
	margin-top: 48px;
}

@media (max-width: 1024px) {
	:root {
		--ratiom-section: 96px;
	}
	.md\:grid-cols-4,
	.md\:grid-cols-3,
	.lg\:grid-cols-3,
	.ratiom-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	h1,
	.font-display-xl,
	.text-display-xl,
	.md\:text-\[76px\] {
		font-size: 52px;
		line-height: 56px;
	}
}

@media (max-width: 782px) {
	:root {
		--ratiom-section: 72px;
	}
	.ratiom-site-header .ratiom-header-inner {
		padding: 0 var(--ratiom-mobile-margin);
	}
	.ratiom-section,
	.wp-block-group.ratiom-section {
		padding-left: var(--ratiom-mobile-margin);
		padding-right: var(--ratiom-mobile-margin);
	}
	h1,
	.font-display-xl,
	.text-display-xl,
	.md\:text-\[76px\],
	.font-display-lg,
	.text-display-lg,
	.md\:text-\[52px\],
	h2 {
		font-size: 40px;
		line-height: 44px;
		letter-spacing: -0.03em;
	}
	.grid,
	.md\:grid-cols-2,
	.md\:grid-cols-3,
	.md\:grid-cols-4,
	.lg\:grid-cols-3,
	.ratiom-post-grid,
	.wp-block-columns {
		grid-template-columns: 1fr;
	}
	.md\:col-span-2,
	.md\:col-span-3,
	.md\:col-span-4,
	.md\:col-span-5,
	.md\:col-span-6,
	.md\:col-span-7,
	.md\:col-span-8,
	.md\:col-span-9 {
		grid-column: auto;
	}
	.wp-block-columns {
		flex-direction: column;
	}
	.ratiom-site-footer .ratiom-footer-inner {
		padding-left: var(--ratiom-mobile-margin);
		padding-right: var(--ratiom-mobile-margin);
	}
}

/* Visual parity refinements for the static HTML design. */
.ratiom-site-header .ratiom-header-inner {
	height: 82px;
	align-items: center;
	gap: 34px;
}

.ratiom-nav {
	gap: 36px;
	align-items: center;
}

.ratiom-nav a {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: 0;
}

.ratiom-header-cta .wp-block-button__link {
	min-height: 44px;
	padding: 0 24px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 700;
}

.wp-block-buttons {
	gap: 16px;
	align-items: center;
}

.ratiom-section:first-child {
	padding-top: 152px;
	padding-bottom: 124px;
}

.ratiom-section:first-child .wp-block-button__link,
.ratiom-section:last-of-type .wp-block-button__link {
	min-height: 52px;
	padding-inline: 28px;
	font-size: 15px;
	font-weight: 700;
}

.ratiom-section:first-child .font-small p {
	margin: 0;
	font-size: 14px;
	line-height: 22px;
	color: #5f6368;
}

.ratiom-section:first-child figure {
	margin: 0;
}

.ratiom-section.bg-canvas-alt:nth-of-type(2) {
	padding-top: 126px;
	padding-bottom: 126px;
}

.ratiom-section.bg-canvas-alt:nth-of-type(2) .grid {
	gap: 64px;
}

.ratiom-section.bg-canvas-alt:nth-of-type(2) h2 {
	max-width: 470px;
}

.ratiom-section.bg-canvas-alt:nth-of-type(2) .md\:col-span-7 p {
	max-width: 700px;
	line-height: 31px;
}

.ratiom-section h2 {
	margin-top: 0;
}

.ratiom-section .bg-surface.border,
.ratiom-section .rounded-xl.border,
.ratiom-section .p-\[32px\].border,
.ratiom-section .p-6.rounded-xl.border,
.ratiom-section .p-12.border {
	border-color: #e7e7e2;
	border-radius: 12px;
	box-shadow: var(--ratiom-card-shadow);
}

.ratiom-section .grid.md\:grid-cols-3 {
	gap: 34px;
}

.ratiom-section .p-\[32px\].border {
	min-height: 235px;
	padding: 36px;
}

.ratiom-section .p-\[48px\].rounded-xl {
	padding: 52px;
}

.ratiom-section .p-\[48px\] .grid {
	row-gap: 36px;
	column-gap: 34px;
}

.ratiom-section h3,
.ratiom-section h4 {
	font-size: 22px;
	line-height: 30px;
}

.ratiom-section p {
	line-height: 27px;
}

.sticky.top-32.bg-surface,
.ratiom-section .sticky.top-32 {
	top: 116px;
	min-height: 372px;
	padding: 40px;
	border-radius: 13px;
	box-shadow: 0 22px 50px -30px rgba(17, 17, 17, 0.28);
}

.sticky.top-32 .font-display-xl,
.sticky.top-32 .text-\[56px\] {
	font-size: 58px;
	line-height: 58px;
	letter-spacing: -0.035em;
}

.sticky.top-32 > .font-eyebrow,
.sticky.top-32 > h3.font-eyebrow {
	margin-bottom: 20px;
}

.sticky.top-32 .wp-block-button__link,
.sticky.top-32 .w-full .wp-block-button__link {
	width: 100%;
	min-height: 52px;
}

.sticky.top-32 > .font-small.text-\[13px\],
.sticky.top-32 > p.text-\[13px\] {
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.relative { position: relative; }

.absolute { position: absolute; }

.z-10 { z-index: 10; }

.z-20 { z-index: 20; }

.overflow-hidden { overflow: hidden; }

.left-\[10\%\] { left: 10%; }

.bottom-0 { bottom: 0; }

.top-1 { top: 4px; }

.top-6 { top: 24px; }

.left-0 { left: 0; }

.right-0 { right: 0; }

.max-w-5xl { max-width: 1024px; }

.w-\[880px\] { width: min(880px, 100%); }

.w-\[260px\] { width: 260px; }

.h-\[400px\] { height: 400px; }

.md\:h-\[600px\] { height: 600px; }

.rounded-\[28px\] { border-radius: 28px; }

.rounded-\[32px\] { border-radius: 32px; }

.border-\[4px\] { border-width: 4px; }

.border-surface { border-color: var(--ratiom-surface); }

.shadow-2xl { box-shadow: 0 28px 60px -24px rgba(17, 17, 17, 0.36); }

.relative.w-full.max-w-5xl {
	margin-top: -4px;
	margin-bottom: 6px;
}

.relative.w-full.max-w-5xl > .relative.z-10 {
	overflow: hidden;
}

.relative.w-full.max-w-5xl > .absolute {
	overflow: hidden;
}

.relative.w-full.max-w-5xl figure {
	margin: 0;
}

.relative.w-full.max-w-5xl img {
	width: 100%;
	display: block;
}

.ratiom-section .border-t.border-l {
	border-color: #e7e7e2;
	box-shadow: 0 18px 44px -34px rgba(17, 17, 17, 0.2);
}

.ratiom-section .border-t.border-l > .p-12 {
	min-height: 190px;
	padding: 44px 46px;
}

.ratiom-section .grid.md\:grid-cols-4 {
	gap: 52px;
}

.ratiom-section .grid.md\:grid-cols-4 > .relative {
	min-height: 160px;
}

.ratiom-section .group.cursor-pointer.bg-surface {
	padding: 28px;
	min-height: 390px;
}

.ratiom-section .group.cursor-pointer.bg-surface .aspect-\[16\/10\] {
	margin-bottom: 18px;
	padding: 0;
}

.ratiom-section .group.cursor-pointer.bg-surface figure,
.ratiom-section .group.cursor-pointer.bg-surface img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ratiom-section .bg-surface.border.p-\[32px\].rounded-xl > .font-body-lg,
.ratiom-section .bg-surface.border.p-\[32px\].rounded-xl > p:first-child {
	font-size: 17px;
	line-height: 29px;
	margin-bottom: 34px;
}

.ratiom-section .bg-surface.border.p-\[32px\].rounded-xl {
	min-height: 255px;
	padding: 36px;
}

.ratiom-faq-item,
.wp-block-details.ratiom-faq-item {
	border: 1px solid transparent;
	border-bottom-color: var(--ratiom-border);
	padding: 27px 0;
	background: transparent;
	box-shadow: none;
}

.ratiom-faq-item:first-child,
.wp-block-details.ratiom-faq-item:first-child {
	border-top-color: var(--ratiom-border);
}

.ratiom-faq-item summary,
.wp-block-details.ratiom-faq-item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	font-size: 21px;
	line-height: 30px;
	font-weight: 700;
}

.ratiom-faq-item summary::after,
.wp-block-details.ratiom-faq-item summary::after {
	border-bottom: 2px solid currentColor;
	border-right: 2px solid currentColor;
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	height: 10px;
	margin-right: 0;
	transform: rotate(45deg);
	transition: transform 0.3s ease;
	width: 10px;
}

.ratiom-faq-item[open] summary::after,
.wp-block-details.ratiom-faq-item[open] summary::after {
	transform: rotate(225deg);
}

.ratiom-faq-item p,
.wp-block-details.ratiom-faq-item p {
	max-width: 720px;
	margin-top: 18px;
	margin-bottom: 0;
	color: var(--ratiom-muted);
	font-size: 16px;
	line-height: 28px;
}

.ratiom-section.text-center .flex.justify-center,
.ratiom-section.text-center .wp-block-buttons,
.ratiom-section.text-center .ratiom-buttons {
	justify-content: center;
}

.ratiom-section.text-center .flex.flex-col {
	align-items: center;
}

@media (max-width: 1024px) {
	.md\:h-\[600px\] {
		height: 470px;
	}
	.w-\[260px\] {
		width: 210px;
	}
	.ratiom-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.ratiom-footer-col-connect {
		grid-column: span 2;
	}
}

@media (max-width: 782px) {
	.ratiom-site-header .ratiom-header-inner {
		height: 74px;
	}
	.ratiom-header-cta {
		display: none !important;
	}
	.ratiom-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
	.ratiom-nav .wp-block-navigation__responsive-container-open {
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--ratiom-primary);
	}
	.ratiom-nav {
		flex: 0 0 auto;
	}
	.ratiom-section:first-child {
		padding-top: 124px;
		padding-bottom: 76px;
	}
	.ratiom-section:first-child .wp-block-button,
	.ratiom-section:first-child .wp-block-button__link,
	.ratiom-section:last-of-type .wp-block-button,
	.ratiom-section:last-of-type .wp-block-button__link {
		width: 100%;
	}
	.relative.w-full.max-w-5xl {
		height: auto;
		display: grid;
		gap: 18px;
	}
	.relative.w-full.max-w-5xl > .relative.z-10,
	.relative.w-full.max-w-5xl > .absolute {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		max-width: 100%;
	}
	.relative.w-full.max-w-5xl > .absolute {
		width: min(230px, 68vw);
		justify-self: start;
		margin-left: 18px;
		margin-top: -46px;
	}
	.ratiom-section .p-\[48px\].rounded-xl,
	.ratiom-section .p-\[32px\].border,
	.ratiom-section .bg-surface.border.p-\[32px\].rounded-xl,
	.ratiom-section .border-t.border-l > .p-12 {
		padding: 28px;
		min-height: auto;
	}
	.ratiom-footer-grid {
		grid-template-columns: 1fr;
		gap: 42px;
		margin-bottom: 64px;
	}
	.ratiom-footer-col-connect {
		grid-column: auto;
	}
	.ratiom-footer-social {
		justify-content: center;
	}
}

@media (min-width: 640px) {
	.sm\:flex-row {
		flex-direction: row;
	}
}

@media (min-width: 783px) {
	.md\:flex-row {
		flex-direction: row;
	}
	.md\:items-end {
		align-items: flex-end;
	}
	.ratiom-section:nth-of-type(8) .flex.flex-col.md\:flex-row {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		text-align: left;
	}
}

@media (max-width: 782px) {
	.md\:grid-cols-2,
	.grid-cols-1.md\:grid-cols-2,
	.md\:grid-cols-3,
	.md\:grid-cols-4,
	.lg\:grid-cols-3,
	.ratiom-post-grid {
		grid-template-columns: 1fr;
	}
}

/* Homepage final micro-parity pass. */
.text-secondary-container {
	color: var(--ratiom-accent);
}

.ratiom-svg-icon {
	display: inline-block;
	flex: 0 0 auto;
	height: 1em;
	width: 1em;
}

.ratiom-trust-icon {
	color: #c4ee18;
	flex: 0 0 auto;
	font-size: 24px;
	height: 24px;
	width: 24px;
}

.ratiom-hero-eyebrow {
	align-items: flex-start;
	color: #5f6368;
	display: flex;
	gap: 8px;
	letter-spacing: 0.14em;
	line-height: 1.5;
	margin-bottom: 0;
	text-transform: uppercase;
	max-width: 100%;
}

.ratiom-hero-eyebrow-square {
	background: #c4ee18;
	display: inline-block;
	flex: 0 0 auto;
	height: 16px;
	width: 16px;
	margin-top: 2px;
}

.ratiom-hero-eyebrow-text {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: break-word;
}

.ratiom-hero-eyebrow-accent {
	color: inherit;
}

.ratiom-home-hero-image {
	display: block;
	margin: 0;
	width: 100%;
}

.ratiom-home-hero-image img {
	display: block;
	height: auto;
	width: 100%;
}

.ratiom-hero-section .ratiom-hero-container {
	max-width: var(--ratiom-container);
	margin: 0 auto;
}

.ratiom-hero-section.ratiom-section {
	padding-bottom: calc(var(--ratiom-section) - 24px);
}

.ratiom-hero-row {
	display: flex;
	flex-direction: column;
	max-width: 100%;
}

.ratiom-hero-copy {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 100%;
	min-width: 0;
}

.ratiom-hero-heading {
	font-size: 44px;
	line-height: 46px;
	letter-spacing: -0.03em;
	font-weight: 700;
	margin: 0;
}

.ratiom-hero-subhead {
	max-width: 34rem;
	margin: 0;
	font-size: 19px;
	line-height: 32px;
	color: #4b4f54;
}

.ratiom-hero-actions {
	padding-top: 8px;
	flex-wrap: wrap;
}

.ratiom-hero-actions .wp-block-buttons {
	flex: 1 1 100%;
	max-width: 100%;
}

.ratiom-hero-actions .wp-block-button__link {
	width: 100%;
	box-sizing: border-box;
}

.ratiom-hero-visual {
	margin-top: 48px;
}

.ratiom-home-hero-media {
	position: relative;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

@media (min-width: 783px) {
	.ratiom-hero-heading {
		font-size: clamp(42px, 5.4vw, 56px);
		line-height: 1.07;
		letter-spacing: -0.03em;
	}
	.ratiom-hero-visual {
		max-width: 680px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 1024px) {
	.ratiom-hero-section.ratiom-section {
		padding-right: 16px;
	}
	.ratiom-hero-section .ratiom-hero-container {
		max-width: none;
		margin-left: max(0px, calc((100vw - var(--ratiom-container)) / 2));
		margin-right: 0;
	}
	.ratiom-hero-row {
		flex-direction: row;
		align-items: center;
		gap: 32px;
	}
	.ratiom-hero-copy {
		flex: 1 1 clamp(320px, 40vw, 560px);
		max-width: 560px;
		gap: 24px;
	}
	.ratiom-hero-heading {
		font-size: clamp(42px, 4.2vw, 56px);
	}
	.ratiom-hero-visual {
		flex: 1 1 0%;
		min-width: 0;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		max-width: none;
		display: flex;
		justify-content: flex-end;
	}
	.ratiom-home-hero-media {
		width: 100%;
		max-width: 980px;
		transform: translateX(-28px);
	}
}

.ratiom-trust-row {
	align-items: center;
	column-gap: 28px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
	row-gap: 10px;
}

.ratiom-trust-item {
	align-items: center;
	display: flex;
	gap: 7px;
	list-style: none;
}

.ratiom-trust-item::before {
	content: none;
}

.ratiom-trust-item p {
	margin: 0;
	color: #33363a;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
}

.ratiom-trust-item .ratiom-trust-icon {
	color: #7fb800;
	font-size: 18px;
	line-height: 1;
}

.ratiom-package-trust-icon {
	color: #22c55e;
	flex: 0 0 auto;
	font-size: 20px;
	height: 20px;
	width: 20px;
}

.ratiom-feature-icon {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	display: flex;
	height: 48px;
	justify-content: center;
	margin-bottom: 24px;
	width: 48px;
}

.ratiom-feature-icon .ratiom-svg-icon {
	color: #111111;
	font-size: 28px;
	height: 28px;
	width: 28px;
}

.ratiom-status-icon {
	font-size: 24px;
	height: 24px;
	vertical-align: middle;
	width: 24px;
}

.ratiom-status-icon--positive { color: #22c55e; }

.ratiom-status-icon--partial { color: #f59e0b; }

.ratiom-status-icon--negative { color: #ef4444; }

.ratiom-process-rule {
	background: #e7e7e2;
	display: none;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 24px;
	width: 100%;
}

.ratiom-process-rule::before,
.ratiom-process-rule::after {
	background: #e7e7e2;
	content: "";
	height: 9px;
	position: absolute;
	top: -4px;
	width: 1px;
}

.ratiom-process-rule::before { left: 0; }

.ratiom-process-rule::after { right: 0; }

.ratiom-process-marker {
	background: #ffffff;
	border: 1px solid #e7e7e2;
	display: none;
	height: 16px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 16px;
	z-index: 2;
}

.ratiom-process-marker--active {
	background: #c4ee18;
	border-color: #111111;
}

.ratiom-section:nth-of-type(7) > .ratiom-group > h2 {
	white-space: nowrap;
}

@media (min-width: 783px) {
	.ratiom-process-rule,
	.ratiom-process-marker {
		display: block;
	}
}

.ratiom-ratio-tick,
.ratio-tick {
	background: #c4ee18;
	display: block;
	height: 6px;
	width: 6px;
}

.ratio-rule-h {
	align-items: center;
	display: flex;
}

.ratiom-package-process-rule {
	margin-bottom: 32px;
	position: relative;
}

.ratiom-package-process-rule .ratio-tick {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.ratiom-package-process-rule .ratio-tick:nth-child(1) { left: 0; }

.ratiom-package-process-rule .ratio-tick:nth-child(2) { left: 33%; }

.ratiom-package-process-rule .ratio-tick:nth-child(3) { left: 66%; }

.ratiom-package-process-rule .ratio-tick:nth-child(4) { right: 0; }

@media (min-width: 783px) {
	.ratiom-package-process-rule .ratio-tick:nth-child(2) { left: 25%; }
	.ratiom-package-process-rule .ratio-tick:nth-child(3) { left: 50%; }
	.ratiom-package-process-rule .ratio-tick:nth-child(4) { left: 75%; right: auto; }
}

.ratio-rule-small {
	background: #e7e7e2;
	height: 1px;
	position: relative;
	width: 24px;
}

.ratio-tick-cover {
	background: #c4ee18;
	display: inline-block;
	height: 6px;
	margin-bottom: 24px;
	position: relative;
	width: 6px;
}

.ratiom-section:nth-of-type(2) .space-y-4.text-on-surface li,
.ratiom-section:nth-of-type(2) .space-y-4.text-on-surface.flex-grow li {
	align-items: flex-start;
	display: flex;
	gap: 12px;
}

.ratiom-section:nth-of-type(2) .space-y-4.text-on-surface li::before,
.ratiom-section:nth-of-type(2) .space-y-4.text-on-surface.flex-grow li::before {
	border-bottom: 2px solid currentColor;
	border-left: 2px solid currentColor;
	color: #22c55e;
	content: "";
	flex: 0 0 auto;
	height: 6px;
	margin-top: 7px;
	transform: rotate(-45deg);
	width: 12px;
}

.ratiom-business-link .wp-block-button__link::after {
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
	content: "";
	display: inline-block;
	height: 8px;
	margin-left: 8px;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
	vertical-align: 1px;
	width: 8px;
}

.ratiom-business-link .wp-block-button__link:hover::after {
	transform: translateX(4px) rotate(45deg);
}

.ratiom-gary-expertise-card::before {
	background: #111111;
	display: block;
	content: "";
	height: 36px;
	margin-bottom: 24px;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 36px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}

.ratiom-gary-expertise-card--design::before {
	mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'/%3E%3Cpath%20d='M18.4%202.6a2.1%202.1%200%200%201%203%203L12%2015l-4%201%201-4Z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'/%3E%3Cpath%20d='M18.4%202.6a2.1%202.1%200%200%201%203%203L12%2015l-4%201%201-4Z'/%3E%3C/svg%3E");
}

.ratiom-gary-expertise-card--code::before {
	mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m16%2018%206-6-6-6'/%3E%3Cpath%20d='m8%206-6%206%206%206'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m16%2018%206-6-6-6'/%3E%3Cpath%20d='m8%206-6%206%206%206'/%3E%3C/svg%3E");
}

.ratiom-gary-expertise-card--growth::before {
	mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M3%2017l6-6%204%204%208-8'/%3E%3Cpath%20d='M14%207h7v7'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M3%2017l6-6%204%204%208-8'/%3E%3Cpath%20d='M14%207h7v7'/%3E%3C/svg%3E");
}

.ratiom-gary-expertise-card--local::before {
	mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20%2010c0%206-8%2012-8%2012S4%2016%204%2010a8%208%200%201%201%2016%200Z'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20%2010c0%206-8%2012-8%2012S4%2016%204%2010a8%208%200%201%201%2016%200Z'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3'/%3E%3C/svg%3E");
}

.ratiom-gary-expertise-card--campaign::before {
	mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m3%2011%2018-5v12L3%2014v-3Z'/%3E%3Cpath%20d='M11.6%2016.8a3%203%200%201%201-5.8-1.6'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m3%2011%2018-5v12L3%2014v-3Z'/%3E%3Cpath%20d='M11.6%2016.8a3%203%200%201%201-5.8-1.6'/%3E%3C/svg%3E");
}

.ratiom-gary-expertise-card--delivery::before {
	mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20%2016.6A4.4%204.4%200%200%200%2017%209a5%205%200%200%200-9.7%201.4A4%204%200%201%200%206%2018h12'/%3E%3Cpath%20d='m9%2015%202%202%204-4'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20%2016.6A4.4%204.4%200%200%200%2017%209a5%205%200%200%200-9.7%201.4A4%204%200%201%200%206%2018h12'/%3E%3Cpath%20d='m9%2015%202%202%204-4'/%3E%3C/svg%3E");
}

.space-x-3 > * + * { margin-left: 12px; }

.space-x-4 > * + * { margin-left: 16px; }

.ratiom-group.bg-\[\#111111\].text-white.w-full.py-16 {
	display: none;
}

.ratiom-final-cta {
	background: #fafaf8;
	padding-bottom: 128px;
	padding-top: 128px;
}

.ratiom-final-cta-content {
	max-width: 768px;
	text-align: center;
}

.ratiom-final-cta-heading {
	color: #111111;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 42px;
	margin: 0 0 24px;
	text-align: center;
}

.ratiom-final-cta-copy {
	color: #5f6368;
	font-size: 18px;
	line-height: 30px;
	margin: 0 auto 40px;
	max-width: 720px;
	text-align: center;
}

.ratiom-final-cta-actions {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: center;
}

.ratiom-final-cta .wp-block-buttons,
.ratiom-final-cta .ratiom-buttons {
	justify-content: center;
	margin: 0;
}

.ratiom-final-cta .wp-block-button__link {
	border-radius: 9999px;
	font-size: 15px;
	font-weight: 700;
	line-height: 15px;
	min-height: 52px;
	padding: 0 28px;
}

.ratiom-final-cta .wp-block-button.bg-secondary-container .wp-block-button__link {
	background: #c8f320;
	border-color: transparent;
	color: #111111;
}

.ratiom-final-cta .wp-block-button.bg-surface .wp-block-button__link {
	background: #ffffff;
	border: 1px solid #e7e7e2;
	color: #111111;
}

@media (max-width: 782px) {
	.ratiom-final-cta {
		padding-bottom: 72px;
		padding-top: 72px;
	}
	.ratiom-final-cta-heading {
		font-size: 32px;
		line-height: 38px;
	}
}

.ratiom-straightforward {
	background: #f4f4f1;
	padding-bottom: 128px;
	padding-top: 128px;
}

.ratiom-straightforward > .ratiom-straightforward-inner {
	max-width: 1200px;
}

.ratiom-straightforward-heading {
	color: #111111;
	font-size: 52px;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.08;
	margin: 0 0 56px;
	max-width: none;
	text-align: left;
}

.ratiom-straightforward-grid {
	background: #ffffff;
	border: 1px solid #e7e7e2;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	box-shadow: none;
}

.ratiom-section .ratiom-straightforward-card,
.ratiom-straightforward-card {
	background: #ffffff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	min-height: 206px;
	padding: 50px 48px;
}

.ratiom-straightforward-card:not(:nth-child(3n)) {
	border-right: 1px solid #e7e7e2;
}

.ratiom-straightforward-card:nth-child(-n + 3) {
	border-bottom: 1px solid #e7e7e2;
}

.ratiom-straightforward-title {
	color: #111111;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.2;
	margin: 0 0 18px;
}

.ratiom-straightforward-copy {
	color: #606060;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0;
	max-width: 320px;
}

@media (max-width: 1024px) {
	.ratiom-straightforward-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.ratiom-straightforward-card,
	.ratiom-section .ratiom-straightforward-card {
		border-right: 0;
		border-bottom: 1px solid #e7e7e2;
	}
	.ratiom-straightforward-card:nth-child(odd) {
		border-right: 1px solid #e7e7e2;
	}
	.ratiom-straightforward-card:last-child,
	.ratiom-straightforward-card:nth-last-child(2):nth-child(odd) {
		border-bottom: 0;
	}
}

@media (max-width: 782px) {
	.ratiom-straightforward {
		padding-bottom: 72px;
		padding-top: 72px;
	}
	.ratiom-straightforward-heading {
		font-size: 40px;
		line-height: 1.1;
		margin-bottom: 36px;
	}
	.ratiom-section:nth-of-type(7) > .ratiom-group > h2 {
		white-space: normal;
	}
	.ratiom-straightforward-grid {
		grid-template-columns: 1fr;
	}
	.ratiom-straightforward-card,
	.ratiom-section .ratiom-straightforward-card {
		border-right: 0;
		border-bottom: 1px solid #e7e7e2;
		min-height: auto;
		padding: 32px 28px;
	}
	.ratiom-straightforward-card:last-child {
		border-bottom: 0;
	}
	.ratiom-straightforward-copy {
		max-width: none;
	}
}

.ratiom-section:first-child .font-eyebrow {
	margin-bottom: 0;
}

.wp-block-button.bg-surface,
.wp-block-button.bg-surface.border,
.wp-block-button.bg-surface.border-border {
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.wp-block-button.bg-surface .wp-block-button__link {
	min-height: 52px;
	padding: 0 28px;
	background: var(--ratiom-surface);
	border: 1px solid var(--ratiom-border);
	border-radius: 9999px;
	box-shadow: none;
	font-weight: 700;
}

.wp-block-button.bg-surface .wp-block-button__link:hover {
	background: var(--ratiom-canvas-alt);
	box-shadow: none;
	transform: none;
}

.ratiom-section:nth-of-type(4) .p-\[48px\] .flex.gap-4,
.sticky.top-32 .space-y-4 > .flex {
	position: relative;
	gap: 12px;
}

.ratiom-section:nth-of-type(4) .p-\[48px\] .flex.gap-4::before {
	border: 2px solid currentColor;
	border-radius: 50%;
	color: #c4ee18;
	content: "";
	flex: 0 0 auto;
	height: 20px;
	margin-top: 4px;
	position: relative;
	width: 20px;
}

.ratiom-section:nth-of-type(4) .p-\[48px\] .flex.gap-4::after {
	border-bottom: 2px solid #c4ee18;
	border-left: 2px solid #c4ee18;
	content: "";
	height: 5px;
	left: 5px;
	position: absolute;
	top: 13px;
	transform: rotate(-45deg);
	width: 10px;
}

body.ratiom-home-page .ratiom-section:nth-of-type(4) .p-\[48px\] .flex.gap-4::before {
	background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20stroke='%23C4EE18'%20stroke-width='2'/%3E%3Cpath%20d='M7%2012.4l3.1%203.1L17%208.8'%20stroke='%23C4EE18'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: 0;
	color: #c4ee18;
	flex: 0 0 24px;
	height: 24px;
	margin-top: 0;
	width: 24px;
}

body.ratiom-home-page .ratiom-section:nth-of-type(4) .p-\[48px\] .flex.gap-4 {
	align-items: flex-start;
}

body.ratiom-home-page .ratiom-section:nth-of-type(4) .p-\[48px\] .flex.gap-4::after {
	content: none;
}

.sticky.top-32 .space-y-4 > .flex::before {
	border-bottom: 2px solid currentColor;
	border-left: 2px solid currentColor;
	color: #c4ee18;
	content: "";
	flex: 0 0 auto;
	height: 6px;
	margin-top: 7px;
	transform: rotate(-45deg);
	width: 12px;
}

.ratiom-section:nth-of-type(5) .relative.z-10.w-\[880px\] {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.ratiom-section:nth-of-type(5) .relative.z-10.w-\[880px\] figure {
	overflow: hidden;
	border-radius: 18px;
	box-shadow: 0 20px 42px -24px rgba(17, 17, 17, 0.32);
}

.ratiom-section:nth-of-type(8) .justify-between {
	align-items: end;
}

.ratiom-section:nth-of-type(8) .wp-block-button.border-b .wp-block-button__link {
	color: var(--ratiom-primary);
}

.ratiom-section:last-of-type .wp-block-button.bg-surface {
	box-shadow: none;
}

.ratiom-section:last-of-type .wp-block-button.bg-surface .wp-block-button__link {
	box-shadow: none;
}

@media (max-width: 768px) {
	/* Elementor selectors are not present in this block-theme markup: body .elementor-section, body .elementor-widget-wrap, body .e-con. */
	body .wp-block-group.ratiom-section {
		padding-top: 76px;
		padding-right: 22px;
		padding-bottom: 76px;
		padding-left: 22px;
	}

	body .ratiom-section > .ratiom-group,
	body .ratiom-section > .max-w-container-max {
		padding-right: 0;
		padding-left: 0;
	}

	body .ratiom-section .font-eyebrow,
	body .ratiom-section .mb-gap-eyebrow-head {
		margin-bottom: 10px;
	}

	body.ratiom-home-page .ratiom-hero-section.ratiom-section {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	body.ratiom-home-page .ratiom-hero-copy {
		gap: 8px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(4) {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(4) .p-\[48px\] .grid {
		gap: 16px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(4) .p-\[48px\] .flex.gap-4 {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	body.ratiom-home-page .sticky.top-32 .font-display-xl,
	body.ratiom-home-page .sticky.top-32 .text-\[56px\] {
		margin-top: 22px;
		margin-bottom: 22px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(7) {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(7) .md\:col-span-4 {
		margin-bottom: 22px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(8) .grid {
		gap: 22px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(8) .bg-surface.border.p-\[32px\].rounded-xl {
		padding: 18px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(9) .grid.md\:grid-cols-4 {
		gap: 26px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(9) .grid.md\:grid-cols-4 > .ratiom-group {
		margin-bottom: 26px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(9) .grid.md\:grid-cols-4 > .ratiom-group:last-child {
		margin-bottom: 0;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(9) .font-eyebrow {
		margin-bottom: 9px;
	}

	body .ratiom-faq-item,
	body .wp-block-details.ratiom-faq-item,
	body .ratiom-section .border-b.border-border.py-6 {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	body .ratiom-faq-item p,
	body .wp-block-details.ratiom-faq-item p,
	body .ratiom-faq-item > .ratiom-group,
	body .wp-block-details.ratiom-faq-item > .ratiom-group {
		margin-top: 14px;
	}

	body .ratiom-site-footer {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	body .ratiom-site-footer .ratiom-footer-inner {
		padding-right: 22px;
		padding-left: 22px;
	}

	body .ratiom-footer-grid {
		gap: 24px;
		margin-bottom: 48px;
	}

	body .ratiom-footer-grid ul {
		gap: 0;
	}

	body .ratiom-footer-grid li {
		margin-bottom: 14px;
	}

	body .ratiom-footer-grid li:last-child {
		margin-bottom: 0;
	}

	body .ratiom-footer-bottom {
		margin-top: 48px;
		padding-top: 24px;
		padding-bottom: 0;
	}

	/* Second homepage-only mobile spacing pass. */
	body.ratiom-home-page .ratiom-hero-section,
	body.ratiom-home-page .ratiom-hero-section .wp-block-group {
		overflow: visible;
	}

	/* Not confirmed in the rendered homepage hero: .wp-block-cover, .wp-block-column. */
	body.ratiom-home-page .ratiom-hero-section.ratiom-section {
		padding-top: 68px;
		padding-right: 22px;
		padding-bottom: 60px;
		padding-left: 22px;
	}

	body.ratiom-home-page .ratiom-hero-copy {
		gap: 0;
		overflow: visible;
	}

	body.ratiom-home-page .ratiom-hero-heading.wp-block-heading {
		width: 100%;
		max-width: 100%;
		margin-bottom: 18px;
		white-space: normal;
		word-break: normal;
		overflow: visible;
	}

	body.ratiom-home-page .ratiom-hero-subhead {
		margin-bottom: 22px;
	}

	/* A separate body paragraph between hero subheadline and buttons is not confirmed in the rendered markup. */
	body.ratiom-home-page .ratiom-hero-actions,
	body.ratiom-home-page .ratiom-hero-actions .wp-block-buttons {
		margin-top: 30px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(3) .bg-surface.border.p-\[32px\].rounded-xl h3 {
		margin-bottom: 8px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(3) .bg-surface.border.p-\[32px\].rounded-xl {
		margin-bottom: 26px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(3) .bg-surface.border.p-\[32px\].rounded-xl:last-child {
		margin-bottom: 0;
	}

	body.ratiom-home-page .ratiom-straightforward-title {
		margin-bottom: 9px;
	}

	body.ratiom-home-page .ratiom-straightforward-card {
		margin-bottom: 30px;
	}

	body.ratiom-home-page .ratiom-straightforward-card:last-child {
		margin-bottom: 0;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(7) {
		padding-top: 56px;
		padding-bottom: 56px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(7) .wp-block-image {
		margin-bottom: 26px;
	}

	body.ratiom-home-page .ratiom-home-faq .wp-block-details {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	body.ratiom-home-page .ratiom-home-faq .wp-block-details > p {
		margin-top: 14px;
	}

	body.ratiom-home-page .ratiom-site-footer .wp-block-navigation-item,
	body.ratiom-home-page .ratiom-site-footer li {
		margin-bottom: 16px;
	}

	body.ratiom-home-page .ratiom-site-footer .wp-block-navigation-item:last-child,
	body.ratiom-home-page .ratiom-site-footer li:last-child {
		margin-bottom: 0;
	}

	body.ratiom-home-page .ratiom-section > .ratiom-group.px-margin-mobile,
	body.ratiom-home-page .ratiom-straightforward-inner,
	body.ratiom-home-page .ratiom-footer-inner {
		padding-right: 22px;
		padding-left: 22px;
	}

	/* Mobile review correction: keep the hero label clear of the fixed header and tighten long page rhythm. */
	body.ratiom-home-page .wp-block-group.ratiom-section {
		padding-top: 52px;
		padding-bottom: 52px;
	}

	body.ratiom-home-page .ratiom-hero-section.ratiom-section {
		padding-top: 96px;
		padding-right: 24px;
		padding-bottom: 44px;
		padding-left: 24px;
		overflow: visible;
	}

	body.ratiom-home-page .ratiom-hero-section .wp-block-group,
	body.ratiom-home-page .ratiom-hero-section .ratiom-hero-copy,
	body.ratiom-home-page .ratiom-hero-section .ratiom-hero-container,
	body.ratiom-home-page .ratiom-hero-section .ratiom-hero-row {
		overflow: visible;
	}

	body.ratiom-home-page .ratiom-hero-eyebrow,
	body.ratiom-home-page .ratiom-hero-eyebrow-text {
		max-width: 100%;
		margin-bottom: 10px;
		white-space: normal;
		word-break: normal;
		overflow: visible;
	}

	body.ratiom-home-page .ratiom-hero-heading.wp-block-heading {
		margin-bottom: 18px;
		overflow: visible;
	}

	body.ratiom-home-page .ratiom-hero-subhead {
		margin-bottom: 20px;
	}

	body.ratiom-home-page .ratiom-hero-actions,
	body.ratiom-home-page .ratiom-hero-actions .wp-block-buttons {
		margin-top: 24px;
	}

	body.ratiom-home-page .ratiom-trust-row {
		margin-top: 20px;
		row-gap: 8px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(2),
	body.ratiom-home-page .ratiom-section:nth-of-type(3),
	body.ratiom-home-page .ratiom-section:nth-of-type(4),
	body.ratiom-home-page .ratiom-section:nth-of-type(5),
	body.ratiom-home-page .ratiom-straightforward,
	body.ratiom-home-page .ratiom-section:nth-of-type(7),
	body.ratiom-home-page .ratiom-section:nth-of-type(8),
	body.ratiom-home-page .ratiom-section:nth-of-type(9),
	body.ratiom-home-page .ratiom-section:nth-of-type(10),
	body.ratiom-home-page .ratiom-final-cta {
		padding-top: 52px;
		padding-bottom: 52px;
	}

	body.ratiom-home-page .ratiom-section .mb-16,
	body.ratiom-home-page .ratiom-section .mb-12,
	body.ratiom-home-page .ratiom-section .mb-gap-block-content {
		margin-bottom: 28px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(3) .grid,
	body.ratiom-home-page .ratiom-section:nth-of-type(5) .grid,
	body.ratiom-home-page .ratiom-section:nth-of-type(8) .grid,
	body.ratiom-home-page .ratiom-section:nth-of-type(9) .grid {
		gap: 24px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(3) .bg-surface.border.p-\[32px\].rounded-xl,
	body.ratiom-home-page .ratiom-section:nth-of-type(8) .bg-surface.border.p-\[32px\].rounded-xl {
		margin-bottom: 24px;
		padding: 20px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(3) .bg-surface.border.p-\[32px\].rounded-xl h3,
	body.ratiom-home-page .ratiom-straightforward-title,
	body.ratiom-home-page .ratiom-section:nth-of-type(9) h3 {
		margin-bottom: 8px;
	}

	body.ratiom-home-page .ratiom-straightforward-card {
		margin-bottom: 28px;
		padding-top: 28px;
		padding-bottom: 28px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(7) .wp-block-image {
		margin-bottom: 24px;
	}

	body.ratiom-home-page .ratiom-home-faq {
		margin-top: 28px;
	}

	body.ratiom-home-page .ratiom-home-faq .wp-block-details {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	body.ratiom-home-page .ratiom-home-faq .wp-block-details > p {
		margin-top: 12px;
	}

	body.ratiom-home-page .ratiom-final-cta-copy {
		margin-bottom: 24px;
	}

	body.ratiom-home-page .ratiom-site-footer {
		padding-top: 44px;
		padding-bottom: 44px;
	}

	body.ratiom-home-page .ratiom-footer-grid {
		gap: 20px;
		margin-bottom: 32px;
	}

	body.ratiom-home-page .ratiom-footer-bottom {
		margin-top: 32px;
	}

	/* Final mobile review tightening. */
	body.ratiom-home-page .wp-block-group.ratiom-section {
		padding-top: 44px;
		padding-bottom: 44px;
	}

	body.ratiom-home-page .ratiom-hero-section.ratiom-section {
		padding-top: 104px;
		padding-bottom: 36px;
	}

	body.ratiom-home-page .ratiom-hero-eyebrow {
		margin-bottom: 8px;
	}

	body.ratiom-home-page .ratiom-hero-heading.wp-block-heading {
		margin-bottom: 16px;
	}

	body.ratiom-home-page .ratiom-hero-subhead {
		margin-bottom: 18px;
	}

	body.ratiom-home-page .ratiom-hero-actions,
	body.ratiom-home-page .ratiom-hero-actions .wp-block-buttons {
		margin-top: 20px;
	}

	body.ratiom-home-page .ratiom-hero-visual {
		margin-top: 28px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(2),
	body.ratiom-home-page .ratiom-section:nth-of-type(3),
	body.ratiom-home-page .ratiom-section:nth-of-type(4),
	body.ratiom-home-page .ratiom-section:nth-of-type(5),
	body.ratiom-home-page .ratiom-straightforward,
	body.ratiom-home-page .ratiom-section:nth-of-type(7),
	body.ratiom-home-page .ratiom-section:nth-of-type(8),
	body.ratiom-home-page .ratiom-section:nth-of-type(9),
	body.ratiom-home-page .ratiom-section:nth-of-type(10),
	body.ratiom-home-page .ratiom-final-cta {
		padding-top: 44px;
		padding-bottom: 44px;
	}

	body.ratiom-home-page .ratiom-section .mb-16,
	body.ratiom-home-page .ratiom-section .mb-12,
	body.ratiom-home-page .ratiom-section .mb-8,
	body.ratiom-home-page .ratiom-section .mb-gap-block-content {
		margin-bottom: 24px;
	}

	body.ratiom-home-page .ratiom-section .grid,
	body.ratiom-home-page .ratiom-section .gap-12,
	body.ratiom-home-page .ratiom-section .gap-8,
	body.ratiom-home-page .ratiom-section .gap-gutter {
		gap: 22px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(3) .bg-surface.border.p-\[32px\].rounded-xl,
	body.ratiom-home-page .ratiom-section:nth-of-type(8) .bg-surface.border.p-\[32px\].rounded-xl,
	body.ratiom-home-page .ratiom-section:nth-of-type(5) .bg-surface.border,
	body.ratiom-home-page .ratiom-section:nth-of-type(4) .bg-surface.border {
		margin-bottom: 22px;
		padding: 20px;
	}

	body.ratiom-home-page .ratiom-straightforward-card {
		margin-bottom: 24px;
		padding-top: 24px;
		padding-bottom: 24px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(9) .grid.md\:grid-cols-4 > .ratiom-group {
		margin-bottom: 24px;
	}

	body.ratiom-home-page .ratiom-home-faq {
		margin-top: 24px;
	}

	body.ratiom-home-page .ratiom-final-cta {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	body.ratiom-home-page .ratiom-site-footer {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(4) > .ratiom-group.md\:grid-cols-12 {
		grid-template-columns: minmax(0, 1fr);
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(4) > .ratiom-group.md\:grid-cols-12 > .ratiom-group,
	body.ratiom-home-page .ratiom-section:nth-of-type(4) .bg-surface.border,
	body.ratiom-home-page .ratiom-section:nth-of-type(4) .grid,
	body.ratiom-home-page .ratiom-section:nth-of-type(4) .flex,
	body.ratiom-home-page .ratiom-section:nth-of-type(4) h2,
	body.ratiom-home-page .ratiom-section:nth-of-type(4) h3,
	body.ratiom-home-page .ratiom-section:nth-of-type(4) p {
		max-width: 100%;
		min-width: 0;
	}

	body.ratiom-home-page .ratiom-section:nth-of-type(4) .sticky.top-32 > p.text-\[13px\] {
		white-space: normal;
		overflow-wrap: normal;
		word-break: normal;
	}
}