/**
 * Regimyx — supplemental front-end styles.
 *
 * Everything that CAN be expressed through theme.json (colors, type,
 * spacing, block defaults) lives there so it stays editable via Site
 * Editor > Styles. This file only covers layout/behavior theme.json has
 * no vocabulary for: sticky header shadow, the process-step connector,
 * metric/card hover states, the evidence diagram, responsive table
 * scrolling, and accessibility (skip link, focus-visible).
 *
 * Classes here are applied through each block's native "Additional CSS
 * class(es)" Advanced panel field — no custom blocks, no build step.
 */

/* -------------------------------------------------- Accessibility -- */

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 0.75rem 1.25rem;
	background: #0f2848;
	color: #fff;
	border-radius: 0 0 6px 0;
}

.skip-link:focus {
	left: 0;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible {
	outline: 2px solid #1e3a8a;
	outline-offset: 2px;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* -------------------------------------------------------- Header -- */

.regimyx-site-header {
	position: sticky;
	top: 0;
	z-index: 999;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.regimyx-site-header .wp-block-navigation__responsive-container.is-menu-open {
	background: #ffffff;
}

/* The mobile overlay panel is always white (above), independent of the
   navy top bar, so its own nav-link text needs the light-mode dark
   colors back — otherwise "white text" from the top-bar rules below
   would be invisible against it. */
.regimyx-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: #0f2848;
}

.regimyx-site-header .wp-block-navigation__responsive-container.is-menu-open .regimyx-nav-login .wp-block-navigation-item__content {
	color: #5b6779;
}

.regimyx-site-header .wp-block-navigation__responsive-container.is-menu-open .regimyx-nav-cta .wp-block-navigation-item__content {
	background: #1e3a8a;
	color: #ffffff;
}

.regimyx-site-header.is-scrolled {
	box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.35);
}

/* Default nav-link color comes from theme.json's link element (accent
   blue), tuned for the white page body. That reads poorly on the navy
   header, so every ordinary nav item is set to white here, with the
   two custom-styled items (Log In, Free Sign Up) overridden below by
   more specific selectors. */
.regimyx-site-header .wp-block-navigation-item__content {
	color: #ffffff;
}

.regimyx-site-header .wp-block-navigation-item__content:hover {
	color: #c9d5f5;
}

.regimyx-primary-nav .regimyx-nav-login .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.7);
}

.regimyx-primary-nav .regimyx-nav-login .wp-block-navigation-item__content:hover {
	color: #ffffff;
}

.regimyx-primary-nav .regimyx-nav-cta .wp-block-navigation-item__content {
	background: #ffffff;
	color: #0f2848;
	padding: 0.35rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}

.regimyx-primary-nav .regimyx-nav-cta .wp-block-navigation-item__content:hover {
	background: #eef2fb;
	color: #0f2848;
	text-decoration: none;
}

/* Tagline under the logo -- muted white, matches the header's other
   secondary text. Left-offset so it starts under the "R" of the
   Regimyx wordmark rather than the icon mark to its left: the logo
   renders at 120px wide (site-logo block width) and the wordmark's
   "R" begins at ~26.9% of the source image, so 120 * 0.269 ≈ 32px. If
   the logo's rendered width ever changes, this offset should scale
   with it. */
.regimyx-header-tagline {
	color: rgba(255, 255, 255, 0.7);
	margin: 0;
	margin-left: 32px;
	white-space: nowrap;
}

@media (max-width: 900px) {
	.regimyx-header-tagline {
		display: none;
	}
}

/* --------------------------------------------------- App screenshots -- */

/* These images are pre-feathered (transparent fade baked into the PNG
   edges) so they float directly on the page background -- no border or
   box-shadow, which would cut a hard rectangle across the soft fade. */
.regimyx-shot img {
	display: block;
	width: 100%;
	height: auto;
}

/* -------------------------------------------------------- Buttons -- */

.wp-block-button.is-style-outline .wp-block-button__link {
	border-color: #0f2848;
}

/* --------------------------------------------------- Metric cards -- */

.regimyx-metric-card {
	background: #f6f7fa;
	border: 1px solid #e2e6ee;
	border-radius: 12px;
	padding: 2rem 1.5rem;
	text-align: center;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.regimyx-metric-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px -12px rgba(11, 31, 58, 0.18);
}

.regimyx-metric-card .regimyx-metric-value {
	font-size: 2.5rem;
	font-weight: 700;
	color: #0f2848;
	line-height: 1.1;
	display: block;
}

/* --------------------------------------------------------- About page -- */

.regimyx-about-card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	background: #eef2fb;
	color: #1e3a8a;
	margin: 0;
	flex-shrink: 0;
}

/* Explicit width/height belt-and-braces the CSS rule above: an inline
   <svg> with no size attributes of its own falls back to the browser's
   built-in default box (300x150px) if the stylesheet is ever unavailable
   or slow to apply, which is what made these read as "way too large" —
   sized directly on the element itself, they're correct immediately. */
.regimyx-about-card-icon svg {
	width: 20px;
	height: 20px;
}

/* ------------------------------------------------------- Content cards -- */

.regimyx-card {
	background: #ffffff;
	border: 1px solid #e2e6ee;
	border-radius: 14px;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.regimyx-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px -16px rgba(11, 31, 58, 0.22);
}

/* -------------------------------------------------- Opportunity card -- */

.regimyx-opportunity-card {
	background: #ffffff;
	border: 1px solid #e2e6ee;
	border-radius: 16px;
	box-shadow: 0 20px 40px -24px rgba(11, 31, 58, 0.35);
	overflow: hidden;
}

.regimyx-opportunity-card .regimyx-opportunity-header {
	background: #0f2848;
	color: #fff;
}

.regimyx-badge-demo {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: #eef2fb;
	color: #1e3a8a;
	border: 1px solid #c9d5f5;
	border-radius: 999px;
	padding: 0.2rem 0.75rem;
}

.regimyx-badge-status {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: #e9f5f2;
	color: #0f6e5c;
	border: 1px solid #bfe3da;
	border-radius: 999px;
	padding: 0.2rem 0.75rem;
}

/* -------------------------------------------------------- Process steps -- */

.regimyx-steps {
	position: relative;
}

.regimyx-step {
	position: relative;
	background: #ffffff;
	border: 1px solid #e2e6ee;
	border-radius: 12px;
	padding: 1.75rem 1.5rem;
}

.regimyx-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 999px;
	background: #0f2848;
	color: #fff;
	font-weight: 700;
	margin-bottom: 0.75rem;
}

/* ------------------------------------------------- How It Works timeline -- */

/* A single continuous connector line runs behind every step's icon
   circle -- one absolutely-positioned element spanning the whole
   container rather than per-step lines, so it works regardless of how
   tall any individual step's text happens to be. */
.regimyx-timeline {
	position: relative;
}

.regimyx-timeline::before {
	content: "";
	position: absolute;
	top: 32px;
	bottom: 32px;
	left: 31px;
	width: 2px;
	background: #c9d5f5;
}

.regimyx-timeline-step {
	position: relative;
	align-items: flex-start;
	padding-bottom: 2.75rem;
}

.regimyx-timeline-step:last-child {
	padding-bottom: 0;
}

.regimyx-timeline-node {
	position: relative;
	flex-shrink: 0;
	width: 64px;
	margin: 0;
}

.regimyx-timeline-icon {
	width: 68px;
	height: 68px;
	border-radius: 999px;
	background: #0f2848;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}

/* Sized on the element itself, not just via this rule, so the icon never
   falls back to a browser's unstyled-SVG default box if the stylesheet
   is briefly unavailable. */
.regimyx-timeline-icon svg {
	width: 34px;
	height: 34px;
}

.regimyx-timeline-icon-final {
	width: 52px;
	height: 52px;
	background: #0f6e5c;
}

.regimyx-timeline-icon-final svg {
	width: 26px;
	height: 26px;
}

.regimyx-timeline-number {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: #1e3a8a;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 700;
	border: 2px solid #ffffff;
	z-index: 3;
}

.regimyx-timeline-content {
	padding-top: 0.5rem;
}

.regimyx-timeline-end {
	align-items: center;
	gap: 1.25rem;
	margin-top: 1rem;
}

/* -------------------------------------------------- Pipeline flow chips -- */

/* Compact horizontal-flow summary used on the Research Methodology page
   to recap the seven-stage framework without repeating the full
   How It Works walkthrough. */
.regimyx-pipeline-flow {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 0.5rem;
}

.regimyx-pipeline-step {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	background: #ffffff;
	border: 1px solid #e2e6ee;
	border-radius: 999px;
	padding: 0.6rem 1.1rem 0.6rem 0.6rem;
}

.regimyx-pipeline-step-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 999px;
	background: #0f2848;
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
	flex-shrink: 0;
}

.regimyx-pipeline-step-label {
	font-size: 0.875rem;
	font-weight: 600;
	color: #1f2937;
	white-space: nowrap;
}

.regimyx-pipeline-arrow {
	display: flex;
	align-items: center;
	color: #94a3b8;
	font-size: 1.25rem;
}

@media (max-width: 782px) {
	.regimyx-pipeline-arrow {
		display: none;
	}
}

/* ------------------------------------------- Research framework diagram -- */

/* Elevated illustrative treatment for the "Regimyx Research Framework"
   section on the Methodology page: a dark, textured band (a layered
   gradient standing in for a photographic background, since no stock
   photography is used on this site) carrying the seven framework stages
   as connected icon nodes -- the same icon set used on the How It Works
   timeline, for visual consistency across the two pages. */
.regimyx-framework-diagram {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 15%, rgba(255, 255, 255, 0.10), transparent 42%),
		radial-gradient(circle at 88% 85%, rgba(30, 58, 138, 0.65), transparent 55%),
		linear-gradient(135deg, #123561 0%, #0f2848 55%, #0a1d38 100%);
}

/* Faint repeating diagonal hairlines layered over the gradient -- gives
   the band a subtle "material" texture rather than a flat color fill. */
.regimyx-framework-diagram::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 16px);
	pointer-events: none;
}

.regimyx-framework-eyebrow {
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, 0.65);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 0 1.75rem;
}

.regimyx-framework-row {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 1.75rem 0.25rem;
}

/* Single connector line behind the icon circles, matching the technique
   used on the How It Works timeline -- one element spanning the row
   rather than per-node segments. */
.regimyx-framework-row::before {
	content: "";
	position: absolute;
	top: 26px;
	left: 8%;
	right: 8%;
	height: 2px;
	background: rgba(255, 255, 255, 0.22);
	z-index: 0;
}

.regimyx-framework-node {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 118px;
	text-align: center;
	flex-shrink: 0;
}

.regimyx-framework-icon {
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	margin-bottom: 0.85rem;
}

.regimyx-framework-icon svg {
	width: 24px;
	height: 24px;
}

.regimyx-framework-node-number {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #0f6e5c;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.6875rem;
	font-weight: 700;
	border: 2px solid #123561;
}

.regimyx-framework-node-label {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #ffffff;
	line-height: 1.35;
}

@media (max-width: 900px) {
	.regimyx-framework-row::before {
		display: none;
	}
	.regimyx-framework-node {
		width: 30%;
	}
}

@media (max-width: 560px) {
	.regimyx-framework-node {
		width: 45%;
	}
}

/* -------------------------------------------------- Evidence diagram -- */

.regimyx-evidence-grid .regimyx-evidence-item {
	background: #eef2fb;
	border: 1px solid #c9d5f5;
	border-radius: 10px;
	padding: 0.9rem 0.75rem;
	text-align: center;
	font-weight: 600;
	color: #0f2848;
	font-size: 0.9375rem;
}

.regimyx-diagram-arrow-down {
	display: flex;
	justify-content: center;
	color: #94a3b8;
	font-size: 1.75rem;
	line-height: 1;
	margin: 0.25rem 0;
}

/* ------------------------------------------------------------ Tables -- */

.regimyx-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #e2e6ee;
	border-radius: 12px;
}

.regimyx-table-scroll table {
	width: 100%;
	border-collapse: collapse;
	min-width: 640px;
}

.regimyx-table-scroll th,
.regimyx-table-scroll td {
	padding: 0.85rem 1rem;
	text-align: left;
	border-bottom: 1px solid #e2e6ee;
	font-size: 0.9375rem;
}

.regimyx-table-scroll thead th {
	background: #f6f7fa;
	color: #0f2848;
	font-weight: 600;
}

/* --------------------------------------------------- Comparison table -- */

.regimyx-comparison .regimyx-comparison-col {
	border-radius: 14px;
	padding: 1.75rem;
}

.regimyx-comparison .is-legacy {
	background: #f6f7fa;
	border: 1px solid #e2e6ee;
}

.regimyx-comparison .is-regimyx {
	background: #0f2848;
	color: #fff;
}

.regimyx-comparison .is-regimyx * {
	color: #fff;
}

/* --------------------------------------------------------- Disclaimer -- */

.regimyx-disclaimer {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.regimyx-disclaimer p {
	font-size: 0.8125rem;
	line-height: 1.6;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
}

/* -------------------------------------------------------------- Footer -- */

/* Muted secondary text on the navy footer (brand blurb, copyright line,
   "product of Regimy LLC"), matching the muted-white treatment already
   used for the header's secondary "Log In" link. */
.regimyx-footer-muted {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* Footer column links inherit theme.json's link color (accent blue),
   tuned for the white page body -- unreadable on the navy footer, so
   set them explicitly the same way the header's nav links are. */
.regimyx-site-footer .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.85);
}
.regimyx-site-footer .wp-block-navigation-item__content:hover {
	color: #ffffff;
}

/* Footer nav columns (Platform/Company/Legal): the vertical Navigation
   block's flex container centers its items cross-axis unless told
   otherwise -- force every link left-aligned under its heading. */
.regimyx-site-footer .wp-block-navigation__container {
	align-items: flex-start;
}
.regimyx-site-footer .wp-block-navigation-item {
	text-align: left;
	width: 100%;
}

/* The row of footer columns (brand blurb + Platform/Company/Legal)
   defaults to vertically CENTERING its items -- fine when every column
   is the same height, but Company (3 links) is shorter than Platform
   and Legal (4 links each), so centering visibly drops its heading
   below the others. Force every column to start at the same top edge
   instead, regardless of how many links it holds. */
.regimyx-footer-columns {
	align-items: flex-start !important;
}

/* The Platform/Company/Legal cluster: same top-alignment fix as above,
   needed here too since Company (now 4 links) and Legal (4 links) still
   aren't guaranteed equal height with Platform (4 links) at every
   viewport width once text wraps. */
.regimyx-footer-link-columns {
	align-items: flex-start !important;
	width: 660px;
	max-width: 100%;
}

/* Platform/Company/Legal columns default to content-sized flex items --
   Platform ends up widest because "Research Methodology" is its longest
   link, Legal narrowest. flex:1 1 0 ignores each column's own content
   width and divides the wrapper's fixed 660px equally three ways instead,
   with min-width:0 so a long link can still wrap rather than force the
   column wider than its equal share. */
.regimyx-footer-col {
	flex: 1 1 0;
	min-width: 0;
}

/* ------------------------------------------------------- Chart placeholder -- */

.regimyx-chart-placeholder {
	background: repeating-linear-gradient(135deg, #eef1f6, #eef1f6 10px, #f6f7fa 10px, #f6f7fa 20px);
	border: 1px dashed #c7ceda;
	border-radius: 12px;
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5b6779;
	font-size: 0.9375rem;
	text-align: center;
	padding: 1.5rem;
}

/* --------------------------------------------------------- Responsive -- */

@media (max-width: 782px) {
	.regimyx-comparison .wp-block-column {
		margin-bottom: 1.25rem;
	}
}

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

.wp-site-blocks {
	overflow-x: hidden;
}

/* --------------------------------------------------------- Contact form -- */

.regimyx-contact-form {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.regimyx-form-row {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.regimyx-form-row label {
	font-size: 0.875rem;
	font-weight: 600;
	color: #0f2848;
}

.regimyx-form-row input,
.regimyx-form-row textarea {
	font-family: inherit;
	font-size: 0.9375rem;
	padding: 0.65rem 0.85rem;
	border: 1px solid #e2e6ee;
	border-radius: 8px;
	background: #ffffff;
	color: #1f2937;
	resize: vertical;
}

.regimyx-form-row input:focus,
.regimyx-form-row textarea:focus {
	outline: 2px solid #1e3a8a;
	outline-offset: 1px;
}

/* Hidden from sighted users and screen readers alike (a real visitor
   never sees or fills this in); a bot that blindly fills every field
   trips it and its submission is silently discarded server-side. */
.regimyx-form-honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.regimyx-form-submit {
	align-self: flex-start;
	font-family: inherit;
	font-weight: 600;
	font-size: 0.9375rem;
	background: #1e3a8a;
	color: #ffffff;
	border: none;
	border-radius: 6px;
	padding: 0.75rem 1.75rem;
	cursor: pointer;
}

.regimyx-form-submit:hover {
	background: #0f2848;
}

.regimyx-form-notice {
	border-radius: 8px;
	padding: 0.85rem 1.1rem;
	font-size: 0.9375rem;
	margin-bottom: 1.5rem;
}

.regimyx-form-notice-success {
	background: #e9f5f2;
	border: 1px solid #bfe3da;
	color: #0f6e5c;
}

.regimyx-form-notice-error {
	background: #fdecec;
	border: 1px solid #f3c8c8;
	color: #b3261e;
}

/* ---------------------------------------------------- Pricing cards -- */

/* Each pricing column becomes a flex column of its own so the CTA button
   -- wrapped in .regimyx-pricing-cta below -- can be pushed to the card's
   bottom edge with margin-top:auto regardless of how much feature-list
   content precedes it, keeping all three buttons aligned on one row even
   though the tiers list different numbers of features. */
.regimyx-pricing-card {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 2.25rem 1.75rem 2rem;
}

.regimyx-pricing-card-popular {
	border: 2px solid #1e3a8a !important;
	box-shadow: 0 20px 40px -24px rgba(30, 58, 138, 0.35);
}

.regimyx-pricing-popular-badge {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	display: inline-block;
	white-space: nowrap;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: #1e3a8a;
	color: #ffffff;
	border-radius: 999px;
	padding: 0.35rem 0.9rem;
}

.regimyx-pricing-group-label {
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8a93a3;
	margin: 1.1rem 0 0.4rem !important;
}

.regimyx-pricing-card > .regimyx-pricing-group-label:first-of-type,
.regimyx-pricing-card > .wp-block-separator + .regimyx-pricing-group-label {
	margin-top: 0 !important;
}

.regimyx-pricing-feature {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 0.875rem;
	line-height: 1.45;
	color: #1f2937;
	margin: 0 0 0.55rem !important;
}

.regimyx-pricing-feature-locked {
	color: #9aa3b2;
}

.regimyx-pricing-check {
	color: #0f6e5c;
	font-weight: 700;
	flex-shrink: 0;
	line-height: 1.45;
}

.regimyx-pricing-cross {
	color: #c7cdd6;
	font-weight: 700;
	flex-shrink: 0;
	line-height: 1.45;
}

.regimyx-pricing-feature-highlight {
	background: #e9f5f2;
	border-radius: 8px;
	padding: 0.45rem 0.6rem !important;
	margin-left: -0.6rem !important;
	margin-right: -0.6rem !important;
}

.regimyx-pricing-feature-highlight .regimyx-pricing-check {
	color: #0f6e5c;
}

.regimyx-pricing-fit {
	background: #eef2fb;
	border-radius: 8px;
	padding: 0.65rem 0.75rem !important;
	font-size: 0.8125rem !important;
	line-height: 1.45;
	color: #33415c;
	margin-top: 1rem !important;
	margin-bottom: 0 !important;
}

.regimyx-pricing-fit strong {
	color: #1e3a8a;
}

.regimyx-pricing-cta {
	margin-top: auto !important;
	padding-top: 1.5rem;
}

.regimyx-pricing-cta .wp-block-button {
	width: 100%;
}

@media (max-width: 782px) {
	.regimyx-pricing-card {
		margin-bottom: 2rem;
	}
}