.mflow-widget {
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background: #fff;
	padding: 16px;
	margin: 0 0 18px;
}

.mflow-kpi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
}

.mflow-kpi-card {
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 12px;
}

.mflow-kpi-label {
	margin: 0;
	color: #4b5563;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.mflow-kpi-value {
	margin: 8px 0 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1;
}

.mflow-chart {
	min-height: 280px;
}

.mflow-chart-canvas {
	width: 100%;
	height: 280px;
}

.mflow-table {
	width: 100%;
	border-collapse: collapse;
}

.mflow-table th,
.mflow-table td {
	padding: 8px 10px;
	border-bottom: 1px solid #e5e7eb;
	text-align: left;
}

.mflow-page-cell {
	position: relative;
}

.mflow-page-label {
	position: relative;
	z-index: 2;
}

.mflow-page-bar {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 16px;
	width: var(--mflow-bar-width, 0%);
	background: rgba(37, 99, 235, 0.16);
	border-radius: 999px;
	transition: width 0.45s ease;
}

.mflow-delta-up {
	color: #047857;
	font-weight: 600;
}

.mflow-delta-down {
	color: #b91c1c;
	font-weight: 600;
}

.mflow-delta-neutral {
	color: #6b7280;
	font-weight: 600;
}

.mflow-business-heading {
	margin: 0 0 12px;
	font-size: 18px;
}

.mflow-business-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
}

.mflow-business-card {
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 12px;
	background: #f9fafb;
}

.mflow-business-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.mflow-business-label {
	margin: 0;
	font-size: 13px;
	color: #374151;
}

.mflow-business-value {
	margin: 10px 0 4px;
	font-size: 20px;
	font-weight: 700;
}

.mflow-business-context {
	margin: 0;
	font-size: 12px;
	color: #6b7280;
}

.mflow-status-chip {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.mflow-status-normal {
	background: #e5e7eb;
	color: #111827;
}

.mflow-status-high {
	background: #d1fae5;
	color: #065f46;
}

.mflow-status-low {
	background: #fef3c7;
	color: #92400e;
}

.mflow-status-watch {
	background: #fee2e2;
	color: #991b1b;
}

.mflow-metric-context {
	margin-top: 6px;
	color: #6b7280;
	font-size: 12px;
}

.mflow-metric-details {
	margin-top: 8px;
	font-size: 12px;
}

.mflow-metric-detail-line {
	margin-top: 5px;
	color: #374151;
}

.mflow-seo-companion {
	border: 1px solid #d4dde8;
	border-radius: 14px;
	background: linear-gradient(180deg, #ffffff 0%, #f6f9fe 100%);
	padding: 18px;
	margin: 0 0 14px;
}

.mflow-seo-companion h2 {
	margin: 0 0 8px;
	font-size: 24px;
	letter-spacing: -0.02em;
	color: #13263f;
}

.mflow-seo-companion-copy {
	margin: 0;
	color: #445a74;
	line-height: 1.65;
}

.mflow-seo-companion-summary {
	margin: 10px 0 0;
	color: #324d6b;
	line-height: 1.6;
	font-size: 13px;
}

.mflow-seo-keyword-list {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mflow-seo-keyword-list li {
	display: inline-flex;
	align-items: center;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(22, 101, 52, 0.08);
	border: 1px solid rgba(22, 101, 52, 0.2);
	color: #244a35;
	font-size: 11px;
	font-weight: 700;
}

.mflow-seo-link-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 0;
}

.mflow-seo-link-row a {
	display: inline-flex;
	align-items: center;
	padding: 7px 10px;
	border-radius: 999px;
	background: rgba(15, 98, 254, 0.08);
	border: 1px solid rgba(15, 98, 254, 0.24);
	color: #0f4ac2;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.mflow-seo-link-row a:hover {
	background: rgba(15, 98, 254, 0.14);
}

.mflow-seo-disclaimer {
	margin: 10px 0 0;
	font-size: 12px;
	color: #566b85;
}

.mflow-seo-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.mflow-seo-cta,
.mflow-seo-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.mflow-seo-cta {
	background: #0f62fe;
	color: #fff;
}

.mflow-seo-cta:hover {
	background: #0b4fd4;
}

.mflow-seo-secondary {
	background: #ffffff;
	color: #284568;
	border: 1px solid rgba(15, 23, 42, 0.18);
}

.mflow-seo-secondary:hover {
	background: #f7fbff;
}

.mflow-supporting-page {
	border: 1px solid #d5dbe5;
	border-radius: 14px;
	background: #fff;
	padding: 18px;
	margin: 0 0 18px;
}

.mflow-seo-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 10px;
	font-size: 12px;
	color: #5b6f86;
}

.mflow-seo-breadcrumbs a {
	color: #215abf;
	text-decoration: none;
}

.mflow-seo-breadcrumbs a:hover {
	text-decoration: underline;
}

.mflow-supporting-page h2 {
	margin: 0 0 8px;
	font-size: 28px;
	letter-spacing: -0.02em;
	color: #12243a;
}

.mflow-supporting-page > p {
	margin: 0;
	color: #455b75;
	line-height: 1.65;
}

.mflow-supporting-intro {
	margin: 0;
	max-width: 760px;
	font-size: 14px;
	line-height: 1.65;
	color: #415974;
}

.mflow-supporting-highlights {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.mflow-supporting-highlight {
	border: 1px solid #e3e9f2;
	border-radius: 12px;
	padding: 12px;
	background: #f9fbff;
}

.mflow-supporting-highlight h3 {
	margin: 0 0 6px;
	font-size: 15px;
	color: #1a2f49;
}

.mflow-supporting-highlight p {
	margin: 0;
	color: #4d6280;
	line-height: 1.5;
	font-size: 13px;
}

.mflow-supporting-keyword-band {
	margin-top: 12px;
	padding: 10px 12px;
	border: 1px solid #dfe7f2;
	border-radius: 12px;
	background: #ffffff;
}

.mflow-supporting-keyword-band h3 {
	margin: 0;
	font-size: 14px;
	color: #203650;
}

.mflow-supporting-keywords {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mflow-supporting-keywords li {
	display: inline-flex;
	align-items: center;
	padding: 4px 8px;
	border-radius: 999px;
	background: rgba(15, 98, 254, 0.08);
	border: 1px solid rgba(15, 98, 254, 0.2);
	color: #204d8e;
	font-size: 11px;
	font-weight: 600;
}

.mflow-supporting-link-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.mflow-supporting-link-row a {
	display: inline-flex;
	align-items: center;
	padding: 7px 10px;
	border-radius: 999px;
	background: rgba(15, 98, 254, 0.08);
	border: 1px solid rgba(15, 98, 254, 0.24);
	color: #0f4ac2;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.mflow-supporting-link-row a:hover {
	background: rgba(15, 98, 254, 0.14);
}

.mflow-supporting-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.mflow-supporting-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 14px;
}

.mflow-supporting-grid section {
	border: 1px solid #e3e9f2;
	border-radius: 12px;
	padding: 12px;
	background: #f9fbff;
}

.mflow-supporting-grid h3 {
	margin: 0 0 8px;
	font-size: 16px;
	color: #1a2f49;
}

.mflow-supporting-grid p {
	margin: 0;
	color: #4d6280;
	line-height: 1.55;
}

.mflow-supporting-list {
	margin: 0;
	padding-left: 18px;
}

.mflow-supporting-list li + li {
	margin-top: 6px;
}

.mflow-supporting-list a {
	color: #215abf;
	text-decoration: none;
}

.mflow-supporting-list a:hover {
	text-decoration: underline;
}

.mflow-supporting-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 12px;
	border-radius: 9px;
	background: #0f62fe;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.mflow-supporting-cta:hover {
	background: #0b4fd4;
}

.mflow-supporting-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 12px;
	border-radius: 9px;
	border: 1px solid rgba(15, 23, 42, 0.18);
	background: #ffffff;
	color: #284568;
	font-weight: 700;
	text-decoration: none;
}

.mflow-supporting-secondary:hover {
	background: #f7fbff;
}

.mflow-supporting-crosslinks {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 0;
	font-size: 12px;
}

.mflow-supporting-crosslinks a {
	color: #27589e;
	text-decoration: none;
}

.mflow-supporting-crosslinks a:hover {
	text-decoration: underline;
}

.mflow-dashboard {
	--mflow-dash-bg: #eef4f7;
	--mflow-dash-bg-soft: #ffffff;
	--mflow-dash-border: rgba(15, 34, 49, 0.14);
	--mflow-dash-ink: #102231;
	--mflow-dash-muted: #4e6479;
	--mflow-dash-accent: #12b5a7;
	--mflow-dash-accent-2: #1fd3bf;
	--mflow-dash-shadow: 0 20px 46px rgba(15, 23, 42, 0.16);
	--mflow-channel-segment-stroke: rgba(255, 255, 255, 0.92);
	position: relative;
	overflow: hidden;
	border: 1px solid var(--mflow-dash-border);
	border-radius: 18px;
	background:
		radial-gradient(140% 110% at 8% -10%, rgba(18, 181, 167, 0.22), transparent 60%),
		radial-gradient(130% 120% at 100% -10%, rgba(31, 211, 191, 0.16), transparent 58%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.26)),
		linear-gradient(180deg, #f8fbff 0%, var(--mflow-dash-bg) 100%);
	padding: 22px;
	margin: 0 0 22px;
	box-shadow: var(--mflow-dash-shadow);
	backdrop-filter: blur(2px);
	font-family: "SF Pro Display", "Segoe UI Variable Text", "Avenir Next", "Helvetica Neue", sans-serif;
	color: var(--mflow-dash-ink);
	transition: border-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}

.mflow-dashboard:hover {
	border-color: rgba(18, 181, 167, 0.34);
	box-shadow: 0 24px 52px rgba(15, 23, 42, 0.2);
	transform: translateY(-1px);
}

.mflow-dashboard::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px);
	background-size: 28px 28px;
	pointer-events: none;
}

.mflow-dashboard > * {
	position: relative;
	z-index: 1;
}

.mflow-dashboard-watermark {
	position: absolute;
	top: 56px;
	right: 22px;
	font-size: clamp(42px, 6vw, 88px);
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgba(18, 181, 167, 0.1);
	pointer-events: none;
	user-select: none;
	z-index: 0;
	white-space: nowrap;
}

.mflow-dashboard-topline {
	height: 5px;
	margin: -22px -22px 14px;
	background: linear-gradient(90deg, var(--mflow-dash-accent), var(--mflow-dash-accent-2), #198038, var(--mflow-dash-accent));
	background-size: 220% 100%;
	animation: mflow-dash-flow 10s linear infinite;
}

.mflow-dashboard-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.mflow-dashboard-ready .mflow-dashboard-header {
	animation: mflow-dash-fade-up 420ms ease both;
}

.mflow-dashboard-eyebrow {
	margin: 0 0 4px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--mflow-dash-accent);
}

.mflow-dashboard-title {
	margin: 0;
	font-size: 32px;
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.mflow-dashboard-subtitle {
	margin: 8px 0 0;
	color: var(--mflow-dash-muted);
	font-size: 14px;
}

.mflow-dashboard-brandline {
	margin: 6px 0 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(13, 92, 99, 0.82);
}

.mflow-dashboard-proofline {
	margin: 7px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: #43607a;
	max-width: 610px;
}

.mflow-dashboard-seo-brief {
	margin-top: 10px;
	max-width: 700px;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: rgba(255, 255, 255, 0.72);
}

.mflow-dashboard-seo-title {
	margin: 0;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 700;
	color: #1c3455;
}

.mflow-dashboard-seo-summary {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #425d78;
}

.mflow-dashboard-keyword-list {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mflow-dashboard-keyword-chip {
	display: inline-flex;
	align-items: center;
	padding: 4px 8px;
	border-radius: 999px;
	border: 1px solid rgba(15, 34, 49, 0.15);
	background: rgba(255, 255, 255, 0.92);
	font-size: 11px;
	line-height: 1.2;
	color: #2a425d;
}

.mflow-dashboard-disclosure-inline {
	margin: 8px 0 0;
	font-size: 11px;
	line-height: 1.4;
	color: #58708a;
}

.mflow-dashboard-campaign {
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #173b7a;
}

.mflow-dashboard-campaign-tag {
	margin: 4px 0 0;
	font-size: 12px;
	color: #53677f;
	max-width: 560px;
}

.mflow-dashboard-campaign-context {
	margin-top: 8px;
	max-width: 620px;
	padding: 8px 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(15, 23, 42, 0.1);
}

.mflow-dashboard-campaign-context p {
	margin: 0;
	font-size: 12px;
	line-height: 1.45;
	color: #4b6078;
}

.mflow-dashboard-campaign-context p + p {
	margin-top: 4px;
}

.mflow-growth-system {
	margin-top: 9px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mflow-growth-step {
	display: inline-flex;
	align-items: center;
	padding: 4px 8px;
	border-radius: 999px;
	border: 1px solid rgba(15, 34, 49, 0.16);
	background: rgba(255, 255, 255, 0.74);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #2a4159;
}

.mflow-dashboard-meta {
	text-align: right;
}

.mflow-dashboard-wordmark {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #40516a;
	opacity: 0.82;
}

.mflow-dashboard-badge {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	background: linear-gradient(120deg, rgba(18, 181, 167, 0.16), rgba(31, 211, 191, 0.22));
	color: var(--mflow-dash-accent);
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border: 1px solid rgba(18, 181, 167, 0.32);
}

.mflow-dashboard-generated {
	margin: 8px 0 0;
	font-size: 12px;
	color: var(--mflow-dash-muted);
}

.mflow-dashboard-lazy-state {
	display: none;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	padding: 9px 12px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	background: rgba(255, 255, 255, 0.78);
	color: #41536a;
	font-size: 12px;
	font-weight: 600;
}

.mflow-dashboard-pending .mflow-dashboard-lazy-state {
	display: inline-flex;
}

.mflow-dashboard-lazy-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--mflow-dash-accent);
	animation: mflow-dash-pulse 1s ease-in-out infinite;
}

.mflow-dashboard-controls {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.mflow-control-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.mflow-control-group label,
.mflow-control-label {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--mflow-dash-muted);
}

.mflow-control-group select {
	min-width: 170px;
	padding: 8px 10px;
	border-radius: 10px;
	border: 1px solid var(--mflow-dash-border);
	background: rgba(255, 255, 255, 0.92);
	font-weight: 600;
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

.mflow-control-group select:focus {
	outline: none;
	border-color: rgba(15, 98, 254, 0.5);
	box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.16);
}

.mflow-days-toggle {
	display: inline-flex;
	gap: 6px;
	padding: 4px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid var(--mflow-dash-border);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.mflow-day-chip {
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #334155;
	padding: 6px 10px;
	font-weight: 700;
	font-size: 12px;
	cursor: pointer;
	transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}

.mflow-day-chip:hover:not(:disabled) {
	transform: translateY(-1px);
	background: rgba(255, 255, 255, 0.74);
}

.mflow-day-chip.is-active {
	background: linear-gradient(180deg, #fff 0%, #f6fbff 100%);
	color: var(--mflow-dash-accent);
	box-shadow: 0 6px 14px rgba(15, 98, 254, 0.2);
}

.mflow-day-chip.is-disabled,
.mflow-day-chip:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	box-shadow: none;
}

.mflow-dashboard-insights {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 12px;
}

.mflow-insight-pill {
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 10px;
	padding: 8px 10px;
	display: flex;
	flex-direction: column;
	gap: 3px;
	position: relative;
	overflow: hidden;
	transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.mflow-insight-pill::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.55) 48%, transparent 100%);
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 380ms ease, opacity 220ms ease;
}

.mflow-insight-pill:hover {
	border-color: rgba(15, 98, 254, 0.24);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
	transform: translateY(-1px);
}

.mflow-insight-pill:hover::after {
	opacity: 1;
	transform: translateX(100%);
}

.mflow-insight-pill span {
	font-size: 11px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #68788d;
	font-weight: 700;
}

.mflow-insight-pill strong {
	font-size: 13px;
	color: #17263c;
	font-weight: 700;
}

.mflow-dashboard-kpis {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.mflow-dash-kpi {
	background: var(--mflow-dash-bg-soft);
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	padding: 12px;
	animation: mflow-dash-rise 320ms ease both;
	position: relative;
	overflow: hidden;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.mflow-dashboard-ready .mflow-dash-kpi {
	animation: mflow-dash-rise 340ms ease both;
}

.mflow-dash-kpi:nth-child(1) { animation-delay: 20ms; }
.mflow-dash-kpi:nth-child(2) { animation-delay: 60ms; }
.mflow-dash-kpi:nth-child(3) { animation-delay: 100ms; }
.mflow-dash-kpi:nth-child(4) { animation-delay: 140ms; }
.mflow-dash-kpi:nth-child(5) { animation-delay: 180ms; }

.mflow-dash-kpi:hover {
	transform: translateY(-2px);
	border-color: rgba(15, 98, 254, 0.25);
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.09);
}

.mflow-dash-kpi-label {
	margin: 0;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--mflow-dash-muted);
	font-weight: 700;
}

.mflow-dash-kpi-value {
	margin: 8px 0 0;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.02em;
	font-family: "SFMono-Regular", "Roboto Mono", "IBM Plex Mono", "Menlo", monospace;
}

.mflow-dashboard-grid {
	display: grid;
	grid-template-columns: 1.45fr 1fr;
	align-items: start;
	gap: 12px;
	margin-bottom: 12px;
}

.mflow-dashboard-grid-primary {
	grid-template-columns: 1fr;
}

.mflow-dashboard-grid-secondary {
	grid-template-columns: 1fr 1fr;
}

.mflow-dashboard-expand {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 4px 0 12px;
	padding: 11px 13px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 12px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(245, 250, 255, 0.72));
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.mflow-dashboard-expand p {
	margin: 0;
	font-size: 12px;
	color: #4d5f75;
	font-weight: 600;
}

.mflow-dashboard-expand-button {
	border: 1px solid rgba(15, 98, 254, 0.35);
	background: linear-gradient(120deg, rgba(15, 98, 254, 0.12), rgba(17, 146, 232, 0.15));
	color: #0842ac;
	border-radius: 999px;
	padding: 7px 12px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.mflow-dashboard-expand-button::after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-1px);
	transition: transform 220ms ease;
}

.mflow-dashboard-expand-button[aria-expanded="true"]::after {
	transform: rotate(-135deg) translateY(-1px);
}

.mflow-dashboard-expand-button:hover {
	background: rgba(15, 98, 254, 0.14);
	border-color: rgba(15, 98, 254, 0.55);
	transform: translateY(-1px);
}

.mflow-dashboard-expand-button:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.22);
}

.mflow-dashboard-more {
	margin-top: 2px;
}

.mflow-dashboard-more[hidden] {
	display: none !important;
}

.mflow-dashboard-more.is-open {
	animation: mflow-dash-drop 260ms ease both;
}

.mflow-dashboard-masonry {
	column-count: 2;
	column-gap: 12px;
}

.mflow-dashboard-masonry .mflow-dashboard-grid {
	display: contents;
}

.mflow-dashboard-masonry .mflow-dashboard-panel {
	display: inline-block;
	width: 100%;
	margin: 0 0 12px;
	break-inside: avoid;
}

.mflow-dashboard-more .mflow-dashboard-panel {
	opacity: 0;
	transform: translateY(10px);
}

.mflow-dashboard-more .mflow-dashboard-panel.is-revealed {
	opacity: 1;
	transform: translateY(0);
	transition:
		opacity 340ms ease var(--mflow-reveal-delay, 0ms),
		transform 340ms ease var(--mflow-reveal-delay, 0ms);
}

.mflow-dashboard-panel {
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 14px;
	padding: 12px;
	animation: mflow-dash-rise 380ms ease both;
	transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
	backdrop-filter: blur(2px);
}

.mflow-dashboard-panel:hover {
	border-color: rgba(15, 98, 254, 0.24);
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
	transform: translateY(-1px);
}

.mflow-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.mflow-panel-head h3 {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: #1f2937;
}

.mflow-panel-subhead {
	margin: -4px 0 10px;
	font-size: 12px;
	color: #5f7085;
}

.mflow-dashboard-canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

.mflow-dashboard-chart-wrap {
	position: relative;
	height: 260px;
	min-height: 260px;
	max-height: 260px;
	width: 100%;
}

.mflow-dashboard-chart-wrap-trend {
	height: 290px;
	min-height: 290px;
	max-height: 290px;
}

.mflow-channel-mix-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
	align-items: stretch;
	gap: 12px;
}

.mflow-dashboard-chart-wrap-channel {
	height: 280px;
	min-height: 280px;
	max-height: 280px;
}

.mflow-channel-mix-summary {
	border: 1px solid var(--mflow-dash-border);
	border-radius: 12px;
	background: var(--mflow-dash-bg-soft);
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mflow-channel-lead-label {
	margin: 0;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--mflow-dash-muted);
	font-weight: 700;
}

.mflow-channel-lead-value {
	margin: 4px 0 0;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--mflow-dash-ink);
	font-weight: 700;
}

.mflow-channel-lead-value strong {
	margin-left: auto;
	font-size: 13px;
}

.mflow-channel-lead-meta {
	margin: 4px 0 0;
	font-size: 11px;
	line-height: 1.4;
	color: var(--mflow-dash-muted);
}

.mflow-channel-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 8px;
}

.mflow-channel-row-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.mflow-channel-row-name {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 12px;
	font-weight: 600;
	color: var(--mflow-dash-ink);
}

.mflow-channel-row-share {
	font-size: 12px;
	font-weight: 700;
	color: var(--mflow-dash-ink);
}

.mflow-channel-swatch {
	--mflow-channel-color: #1A73FF;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	background: var(--mflow-channel-color);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.mflow-channel-row-track {
	margin-top: 4px;
	height: 6px;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.12);
	overflow: hidden;
}

.mflow-channel-row-fill {
	--mflow-channel-color: #1A73FF;
	--mflow-channel-share: 0%;
	display: block;
	width: var(--mflow-channel-share);
	height: 100%;
	border-radius: 999px;
	background: var(--mflow-channel-color);
	transition: width 260ms ease;
}

.mflow-channel-row-meta {
	margin: 4px 0 0;
	font-size: 11px;
	color: var(--mflow-dash-muted);
}

.mflow-channel-more {
	margin: -2px 0 0;
	font-size: 11px;
	color: var(--mflow-dash-muted);
}

.mflow-channel-empty-title {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--mflow-dash-ink);
}

.mflow-channel-empty-copy {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: var(--mflow-dash-muted);
}

.mflow-channel-mix-layout.is-empty {
	grid-template-columns: 1fr;
}

.mflow-channel-mix-layout.is-empty .mflow-dashboard-chart-wrap-channel {
	display: none;
}

.mflow-business-group-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 10px;
}

.mflow-group-tab {
	border: 1px solid rgba(15, 23, 42, 0.12);
	background: #fff;
	color: #334155;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 170ms ease, color 170ms ease, border-color 170ms ease;
}

.mflow-group-tab:hover {
	background: rgba(15, 98, 254, 0.06);
	border-color: rgba(15, 98, 254, 0.25);
	color: #0f62fe;
}

.mflow-group-tab.is-active {
	background: rgba(15, 98, 254, 0.1);
	color: #0f62fe;
	border-color: rgba(15, 98, 254, 0.38);
}

.mflow-business-group-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 8px;
}

.mflow-dash-business-card {
	background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 10px;
	padding: 10px;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.mflow-dash-business-card:hover {
	transform: translateY(-1px);
	border-color: rgba(15, 98, 254, 0.24);
	box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08);
}

.mflow-dashboard-grid-milestones {
	align-items: start;
}

.mflow-milestone-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 8px;
}

.mflow-milestone-card {
	border: 1px solid rgba(15, 23, 42, 0.11);
	border-radius: 10px;
	background: linear-gradient(180deg, #fafdff 0%, #f1f7ff 100%);
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	cursor: pointer;
	transition: border-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
	position: relative;
	overflow: hidden;
}

.mflow-milestone-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.5) 45%, transparent 100%);
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 420ms ease, opacity 220ms ease;
}

.mflow-milestone-card:hover,
.mflow-milestone-card:focus {
	outline: none;
	border-color: rgba(15, 98, 254, 0.42);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
	transform: translateY(-1px);
}

.mflow-milestone-card:hover::before,
.mflow-milestone-card:focus::before {
	opacity: 1;
	transform: translateX(100%);
}

.mflow-milestone-card.is-in-range {
	border-color: rgba(15, 98, 254, 0.3);
}

.mflow-milestone-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.mflow-milestone-date {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #5d6f86;
}

.mflow-milestone-growth {
	background: rgba(25, 128, 56, 0.14);
	color: #166534;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 999px;
}

.mflow-milestone-title {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #1c2938;
}

.mflow-milestone-detail {
	margin: 0;
	font-size: 12px;
	line-height: 1.45;
	color: #51657d;
}

.mflow-milestone-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mflow-milestone-meta span {
	font-size: 10px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-weight: 700;
	color: #3d4f65;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(15, 23, 42, 0.09);
	padding: 2px 6px;
	border-radius: 999px;
}

.mflow-projection-kpis {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 10px;
}

.mflow-projection-kpi {
	background: #f8fbff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 10px;
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.mflow-projection-kpi span {
	font-size: 11px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #5e7087;
	font-weight: 700;
}

.mflow-projection-kpi strong {
	font-size: 14px;
	color: #14263f;
	font-family: "SFMono-Regular", "Roboto Mono", "IBM Plex Mono", "Menlo", monospace;
}

.mflow-projection-bars {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: end;
	gap: 8px;
	min-height: 138px;
}

.mflow-projection-bar-wrap {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: center;
}

.mflow-projection-bar-wrap p {
	margin: 0;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #61748a;
}

.mflow-projection-bar {
	width: 100%;
	max-width: 72px;
	height: 102px;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(17, 146, 232, 0.2), rgba(15, 98, 254, 0.42));
	border: 1px solid rgba(15, 98, 254, 0.26);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: calc(var(--mflow-bar-height, 20%) * 0.12);
	position: relative;
	overflow: hidden;
}

.mflow-projection-bar::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: var(--mflow-bar-height, 20%);
	background: linear-gradient(180deg, rgba(25, 128, 56, 0.6), rgba(22, 101, 52, 0.95));
}

.mflow-projection-bar span {
	position: relative;
	z-index: 1;
	font-size: 10px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.mflow-empty-copy {
	margin: 0;
	font-size: 12px;
	color: #5f7085;
}

.mflow-dash-table th {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--mflow-dash-muted);
}

.mflow-dashboard-footer {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed rgba(15, 23, 42, 0.15);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #617286;
}

.mflow-service-hero {
	--mflow-hero-card: #ffffff;
	--mflow-hero-ink: #0f172a;
	--mflow-hero-muted: #5b6b80;
	--mflow-hero-accent: #12b5a7;
	position: relative;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 18px;
	overflow: hidden;
	background:
		radial-gradient(130% 90% at 0% 0%, rgba(18, 181, 167, 0.24), transparent 58%),
		radial-gradient(130% 100% at 100% 0%, rgba(31, 211, 191, 0.18), transparent 58%),
		linear-gradient(150deg, #f9fcff 0%, #f2f7ff 52%, #ecf3ff 100%);
	margin: 0 0 20px;
	box-shadow: 0 22px 42px rgba(15, 23, 42, 0.14);
}

.mflow-service-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
}

.mflow-service-hero-inner {
	position: relative;
	z-index: 1;
	padding: 18px;
	background: rgb(13, 13, 13);
	color: #f2f6ff;
	transform-origin: 50% 50%;
	will-change: transform;
	transform: perspective(980px) rotateX(calc(var(--mflow-hero-my, 0) * -1.2deg)) rotateY(calc(var(--mflow-hero-mx, 0) * 1.2deg));
	transition: transform 140ms ease;
}

.mflow-service-hero-inner .mflow-service-hero-title {
	color: #f5f8ff;
}

.mflow-service-hero-inner .mflow-service-hero-kicker,
.mflow-service-hero-inner .mflow-service-hero-subtitle,
.mflow-service-hero-inner .mflow-service-seed,
.mflow-service-hero-inner .mflow-service-disclosure,
.mflow-service-hero-inner .mflow-service-runtime {
	color: #c8d3e3;
}

.mflow-service-hero-inner .mflow-service-hero-location,
.mflow-service-hero-inner .mflow-service-links a,
.mflow-service-hero-inner .mflow-service-hero-meta span {
	color: #d8e4ff;
	border-color: rgba(133, 177, 249, 0.5);
	background: rgba(66, 112, 183, 0.22);
}

.mflow-service-hero-inner .mflow-service-hero-insight .mflow-service-seed {
	color: #28476b;
	opacity: 1;
}

.mflow-service-hero-inner .mflow-service-hero-insight .mflow-service-links a {
	color: #1e4b84;
	border-color: rgba(76, 128, 209, 0.5);
	background: rgba(231, 240, 255, 0.96);
}

.mflow-service-hero-inner .mflow-service-hero-insight .mflow-service-links a:hover {
	color: #173f72;
	border-color: rgba(58, 108, 188, 0.58);
	background: rgba(216, 231, 253, 0.98);
}

.mflow-service-hero-header {
	margin-bottom: 12px;
}

.mflow-service-hero-kicker {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #245dc4;
}

.mflow-service-hero-title {
	margin: 0;
	font-size: clamp(24px, 4vw, 34px);
	letter-spacing: -0.03em;
	color: var(--mflow-hero-ink);
}

.mflow-service-hero-subtitle {
	margin: 8px 0 0;
	color: #3f536d;
	line-height: 1.55;
}

.mflow-service-hero-location {
	margin: 8px 0 0;
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(15, 98, 254, 0.1);
	border: 1px solid rgba(15, 98, 254, 0.26);
	font-size: 12px;
	font-weight: 700;
	color: #1849a6;
}

.mflow-service-hero-meta {
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mflow-service-hero-meta span {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #556980;
	padding: 3px 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.76);
	border: 1px solid rgba(15, 23, 42, 0.1);
}

.mflow-service-hero-grid {
	display: grid;
	grid-template-columns: 1.45fr 1fr;
	gap: 12px;
}

.mflow-service-hero-metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.mflow-service-chip {
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 12px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	padding: 10px;
	transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.mflow-service-chip:hover {
	transform: translateY(-1px);
	border-color: rgba(15, 98, 254, 0.26);
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.09);
}

.mflow-service-chip-label {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #5f7288;
}

.mflow-service-chip-value {
	margin: 7px 0 0;
	font-size: 24px;
	letter-spacing: -0.02em;
	font-weight: 700;
	color: #17263d;
	font-family: "SFMono-Regular", "Roboto Mono", "IBM Plex Mono", "Menlo", monospace;
}

.mflow-service-chip-up .mflow-service-chip-value {
	color: #166534;
}

.mflow-service-chip-down .mflow-service-chip-value {
	color: #9f1239;
}

.mflow-service-hero-insight {
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.84);
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mflow-service-sparkline {
	height: 118px;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(244, 250, 255, 0.86));
	border: 1px solid rgba(15, 23, 42, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
}

.mflow-service-sparkline svg {
	width: 100%;
	height: 100%;
}

.mflow-service-seed {
	margin: 0;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-weight: 700;
	color: #4f647c;
}

.mflow-service-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mflow-service-links a {
	display: inline-flex;
	align-items: center;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(15, 98, 254, 0.08);
	border: 1px solid rgba(15, 98, 254, 0.22);
	color: #114fb3;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
}

.mflow-service-links a:hover {
	background: rgba(15, 98, 254, 0.14);
}

.mflow-service-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.mflow-service-cta-primary,
.mflow-service-cta-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 12px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.mflow-service-cta-primary {
	background: var(--mflow-hero-accent);
	color: #fff;
	border: 1px solid rgba(15, 98, 254, 0.5);
}

.mflow-service-cta-primary:hover {
	background: #084ecf;
}

.mflow-service-cta-secondary {
	background: rgba(255, 255, 255, 0.8);
	color: #1f3e65;
	border: 1px solid rgba(15, 23, 42, 0.16);
}

.mflow-service-cta-secondary:hover {
	background: #ffffff;
}

.mflow-service-disclosure {
	margin: 10px 0 0;
	font-size: 11px;
	color: #5a6f87;
}

.mflow-service-runtime {
	margin: 8px 0 0;
	font-size: 10px;
	color: #6a7e95;
	word-break: break-word;
}

.mflow-cta-strip {
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 14px;
	background: linear-gradient(130deg, rgba(255, 255, 255, 0.94), rgba(246, 250, 255, 0.84));
	padding: 12px;
	margin: 0 0 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.mflow-cta-strip-kicker {
	margin: 0 0 3px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #335074;
}

.mflow-cta-strip-title {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #17263d;
}

.mflow-cta-strip-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mflow-proof-chips {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
	margin: 0 0 16px;
}

.mflow-proof-chip {
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 10px;
	padding: 9px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.mflow-proof-chip:hover {
	transform: translateY(-1px);
	border-color: rgba(15, 98, 254, 0.24);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.mflow-proof-chip-label {
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 700;
	color: #62758c;
}

.mflow-proof-chip-value {
	margin: 6px 0 0;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #17263d;
	font-family: "SFMono-Regular", "Roboto Mono", "IBM Plex Mono", "Menlo", monospace;
}

.mflow-proof-chip-up .mflow-proof-chip-value {
	color: #166534;
}

.mflow-proof-chip-down .mflow-proof-chip-value {
	color: #9f1239;
}


@keyframes mflow-dash-rise {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes mflow-dash-fade-up {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes mflow-dash-flow {
	from {
		background-position: 0% 0%;
	}
	to {
		background-position: 220% 0%;
	}
}

@keyframes mflow-dash-pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;
	}
	50% {
		transform: scale(1.08);
		opacity: 1;
	}
	100% {
		transform: scale(0.9);
		opacity: 0.7;
	}
}

@keyframes mflow-dash-drop {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mflow-dashboard,
	.mflow-dashboard *,
	.mflow-dashboard::before,
	.mflow-dashboard::after {
		animation: none !important;
		transition: none !important;
	}

	.mflow-dashboard-more .mflow-dashboard-panel {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 980px) {
	.mflow-seo-companion h2 {
		font-size: 21px;
	}

	.mflow-supporting-page h2 {
		font-size: 24px;
	}

	.mflow-supporting-grid {
		grid-template-columns: 1fr;
	}

	.mflow-supporting-highlights {
		grid-template-columns: 1fr;
	}

	.mflow-dashboard-watermark {
		top: 70px;
		right: 16px;
		font-size: clamp(34px, 10vw, 64px);
	}

	.mflow-dashboard-title {
		font-size: 26px;
	}

	.mflow-dashboard-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mflow-dashboard-insights {
		grid-template-columns: 1fr;
	}

	.mflow-dashboard-grid,
	.mflow-dashboard-grid-secondary {
		grid-template-columns: 1fr;
	}

	.mflow-channel-mix-layout {
		grid-template-columns: 1fr;
	}

	.mflow-dashboard-chart-wrap-channel {
		height: 250px;
		min-height: 250px;
		max-height: 250px;
	}

	.mflow-dashboard-masonry {
		column-count: 1;
		column-gap: 0;
	}

	.mflow-dashboard-masonry .mflow-dashboard-grid {
		display: grid;
	}

	.mflow-dashboard-masonry .mflow-dashboard-panel {
		display: block;
		width: auto;
		margin: 0;
		break-inside: auto;
	}

	.mflow-dashboard-expand {
		flex-direction: column;
		align-items: stretch;
	}

	.mflow-dashboard-canvas {
		height: 100% !important;
	}

	.mflow-dashboard-chart-wrap {
		height: 250px;
		min-height: 250px;
		max-height: 250px;
	}

	.mflow-dashboard-chart-wrap-trend {
		height: 270px;
		min-height: 270px;
		max-height: 270px;
	}

	.mflow-projection-kpis {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.mflow-seo-companion {
		padding: 14px;
	}

	.mflow-seo-link-row {
		flex-direction: column;
	}

	.mflow-seo-link-row a,
	.mflow-seo-cta,
	.mflow-seo-secondary {
		width: 100%;
		justify-content: center;
	}

	.mflow-supporting-page {
		padding: 14px;
	}

	.mflow-supporting-page h2 {
		font-size: 22px;
	}

	.mflow-supporting-link-row,
	.mflow-supporting-actions {
		flex-direction: column;
	}

	.mflow-supporting-link-row a,
	.mflow-supporting-cta,
	.mflow-supporting-secondary {
		width: 100%;
		justify-content: center;
	}

	.mflow-dashboard {
		padding: 16px;
	}

	.mflow-dashboard-watermark {
		display: none;
	}

	.mflow-dashboard-topline {
		margin: -16px -16px 12px;
	}

	.mflow-dashboard-controls {
		align-items: stretch;
	}

	.mflow-days-toggle {
		justify-content: space-between;
	}

	.mflow-dashboard-meta {
		text-align: left;
	}

	.mflow-dashboard-title {
		font-size: 24px;
	}

	.mflow-dashboard-seo-brief {
		padding: 10px;
	}

	.mflow-dashboard-keyword-list {
		gap: 5px;
	}

	.mflow-milestone-list {
		grid-template-columns: 1fr;
	}

	.mflow-projection-bars {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mflow-dashboard-footer {
		flex-direction: column;
		align-items: flex-start;
	}

	.mflow-service-hero-grid {
		grid-template-columns: 1fr;
	}

	.mflow-service-hero-metrics {
		grid-template-columns: 1fr 1fr;
	}

.mflow-cta-strip {
	flex-direction: column;
	align-items: flex-start;
}
}

.mflow-pagekit {
	display: grid;
	gap: 18px;
}

.mflow-pagekit-section {
	display: grid;
	gap: 0;
}

.mflow-pagekit-home .mflow-pagekit-section + .mflow-pagekit-section {
	position: relative;
	padding-top: 4px;
}

.mflow-pagekit-home .mflow-pagekit-section + .mflow-pagekit-section::before {
	content: "";
	display: block;
	height: 1px;
	margin: 0 2px 14px;
	background: linear-gradient(90deg, rgba(10, 99, 255, 0.08), rgba(10, 99, 255, 0.24), rgba(255, 111, 42, 0.16), rgba(10, 99, 255, 0.08));
}

.mflow-pagekit-home .mflow-dashboard-priority-expand .mflow-dashboard-expand {
	margin: 0 0 12px;
}

.mflow-dashboard-priority-expand:not(.mflow-dashboard-expanded) .mflow-dashboard-controls,
.mflow-dashboard-priority-expand:not(.mflow-dashboard-expanded) .mflow-dashboard-insights,
.mflow-dashboard-priority-expand:not(.mflow-dashboard-expanded) .mflow-dashboard-kpis,
.mflow-dashboard-priority-expand:not(.mflow-dashboard-expanded) .mflow-dashboard-grid-primary {
	display: none;
}

.mflow-pagekit-home .mflow-dashboard-priority-expand .mflow-dashboard-controls {
	margin-bottom: 16px;
	padding: 12px;
	border-radius: 12px;
	border: 1px solid rgba(10, 99, 255, 0.2);
	background: rgba(255, 255, 255, 0.7);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.mflow-pagekit-home .mflow-dashboard-priority-expand .mflow-dashboard-seo-brief,
.mflow-pagekit-home .mflow-dashboard-priority-expand .mflow-dashboard-campaign-context {
	border-color: rgba(10, 99, 255, 0.22);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(246, 250, 255, 0.84) 100%);
}

.mflow-pagekit-home .mflow-dashboard-priority-expand .mflow-dashboard-keyword-chip,
.mflow-pagekit-home .mflow-dashboard-priority-expand .mflow-growth-step {
	border-color: rgba(10, 99, 255, 0.2);
	background: rgba(255, 255, 255, 0.92);
}

.mflow-pagekit-head h2 {
	margin: 0 0 8px;
}

.mflow-pagekit-subheadline,
.mflow-pagekit-intro {
	color: #4b607b;
	margin: 0;
}

.mflow-seo-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mflow-seo-links-block {
	display: grid;
	gap: 10px;
}

.mflow-seo-links a {
	align-items: center;
	background: #edf4ff;
	border: 1px solid #c7d7ee;
	border-radius: 999px;
	color: #0b4db3;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 12px;
	text-decoration: none;
}

.mflow-seo-links a:hover,
.mflow-seo-links a:focus {
	background: #dceafe;
}

.mflow-seo-links-meta {
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: rgba(248, 251, 255, 0.85);
}

.mflow-seo-links-summary {
	margin: 0;
	font-size: 12px;
	line-height: 1.55;
	color: #415a74;
}

.mflow-seo-links-keywords {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mflow-seo-links-keywords li {
	display: inline-flex;
	align-items: center;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(15, 98, 254, 0.08);
	border: 1px solid rgba(15, 98, 254, 0.2);
	color: #1b4f8a;
	font-size: 11px;
	font-weight: 600;
}

@media (max-width: 640px) {
	.mflow-service-hero-inner {
		padding: 14px;
	}

	.mflow-service-hero-title {
		font-size: 23px;
	}

	.mflow-service-hero-metrics {
		grid-template-columns: 1fr;
	}

	.mflow-service-hero-actions,
	.mflow-cta-strip-actions {
		width: 100%;
	}

	.mflow-service-cta-primary,
	.mflow-service-cta-secondary {
		width: 100%;
	}

	.mflow-pagekit-home .mflow-pagekit-section + .mflow-pagekit-section::before {
		margin-bottom: 10px;
	}

	.mflow-pagekit-home .mflow-dashboard-priority-expand .mflow-dashboard-controls {
		padding: 10px;
	}
}

/* March 2026 brand alignment: GlanceMetric dark-first visual system. */
:root {
	--gm-color-obsidian: #0d0d0d;
	--gm-color-graphite: #121419;
	--gm-color-slate: #171a21;
	--gm-color-border: #2a2f3a;
	--gm-color-text: #f6f9ff;
	--gm-color-text-2: #b9c0d4;
	--gm-color-muted: #7e879c;
	--gm-color-blue-cta: #0155d7;
	--gm-color-blue-link: #1a73ff;
	--gm-color-orange: #fd6e29;
	--gm-color-orange-soft: #ffc4a6;
	--gm-color-success: #00c389;
	--gm-color-warning: #f7b500;
	--gm-color-danger: #ff3b4d;

	--gm-bg: var(--gm-color-obsidian);
	--gm-surface-1: var(--gm-color-graphite);
	--gm-surface-2: var(--gm-color-slate);
	--gm-border: var(--gm-color-border);
	--gm-text: var(--gm-color-text);
	--gm-text-2: var(--gm-color-text-2);
	--gm-muted: var(--gm-color-muted);
	--gm-blue-cta: var(--gm-color-blue-cta);
	--gm-blue-link: var(--gm-color-blue-link);
	--gm-orange: var(--gm-color-orange);
	--gm-orange-soft: var(--gm-color-orange-soft);
	--gm-success: var(--gm-color-success);
	--gm-warning: var(--gm-color-warning);
	--gm-danger: var(--gm-color-danger);

	--gm-radius-sm: 10px;
	--gm-radius-md: 12px;
	--gm-radius-lg: 16px;
	--gm-radius-xl: 22px;

	--gm-font-brand: "BrandMainFont00", "Major Mono Display", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--gm-font-head: "BrandSecondFont00", "Platypi", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	--gm-font-body: "BrandThirdParaFont", "Reddit Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
	--gm-font-mono: "Custom Font Family", "Google Sans Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

	--gm-focus-ring: 0 0 0 3px rgba(26, 115, 255, 0.42);
	--gm-focus-ring-offset: 0 0 0 6px rgba(13, 13, 13, 0.72);

	--gm-chart-grid: rgba(126, 135, 156, 0.26);
	--gm-chart-tick: #b9c0d4;
	--gm-chart-legend: #b9c0d4;
	--gm-chart-line-sessions: #1a73ff;
	--gm-chart-line-users: #00c389;
	--gm-chart-line-conversions: #fd6e29;
	--gm-chart-fill-sessions: rgba(26, 115, 255, 0.24);
	--gm-chart-fill-users: rgba(0, 195, 137, 0.2);
	--gm-chart-fill-conversions: rgba(253, 110, 41, 0.2);
	--gm-chart-marker: #fd6e29;
	--gm-chart-marker-border: #0d0d0d;
	--gm-chart-funnel: #0155d7;
	--gm-chart-channel-1: #1a73ff;
	--gm-chart-channel-2: #0155d7;
	--gm-chart-channel-3: #00c389;
	--gm-chart-channel-4: #fd6e29;
	--gm-chart-channel-5: #ffc4a6;
	--gm-chart-channel-6: #7e879c;
	--gm-chart-channel-7: #7c9cff;
	--gm-chart-channel-8: #3dd8c0;
	--gm-chart-channel-palette: #1a73ff, #0155d7, #00c389, #fd6e29, #ffc4a6, #7e879c, #7c9cff, #3dd8c0;
	--mflow-channel-segment-stroke: rgba(255, 255, 255, 0.92);
}

.mflow-widget,
.mflow-dashboard,
.mflow-service-hero,
.mflow-seo-companion,
.mflow-supporting-page,
.mflow-cta-strip,
.mflow-pagekit {
	color-scheme: dark;
	font-family: var(--gm-font-body);
	color: var(--gm-text-2);
}

.mflow-widget,
.mflow-seo-companion,
.mflow-supporting-page,
.mflow-service-hero,
.mflow-cta-strip,
.mflow-pagekit,
.mflow-dashboard {
	border-radius: var(--gm-radius-lg);
	border-color: var(--gm-border);
	background: linear-gradient(180deg, var(--gm-surface-2) 0%, var(--gm-surface-1) 100%);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
}

.mflow-pagekit.mflow-pagekit-home {
	background: transparent;
}

.mflow-dashboard {
	--mflow-dash-bg: var(--gm-surface-1);
	--mflow-dash-bg-soft: var(--gm-surface-2);
	--mflow-dash-border: var(--gm-border);
	--mflow-dash-ink: var(--gm-text);
	--mflow-dash-muted: var(--gm-text-2);
	--mflow-dash-accent: var(--gm-blue-cta);
	--mflow-dash-accent-2: var(--gm-blue-link);
	--mflow-dash-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
	backdrop-filter: none;
}

.mflow-dashboard:hover {
	border-color: rgba(26, 115, 255, 0.44);
	box-shadow: 0 22px 44px rgba(0, 0, 0, 0.42);
}

.mflow-dashboard::before {
	background-image:
		linear-gradient(rgba(126, 135, 156, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(126, 135, 156, 0.08) 1px, transparent 1px);
	background-size: 30px 30px;
}

.mflow-dashboard::after {
	display: none;
}

.mflow-dashboard-topline,
.mflow-service-hero::before,
.mflow-seo-companion::before,
.mflow-supporting-page::before {
	background: linear-gradient(90deg, var(--gm-blue-link), var(--gm-blue-cta), var(--gm-orange), var(--gm-blue-link));
}

.mflow-dashboard-title,
.mflow-service-hero-title,
.mflow-seo-companion h2,
.mflow-supporting-page h2,
.mflow-pagekit-head h2,
.mflow-panel-head h3,
.mflow-supporting-highlight h3 {
	font-family: var(--gm-font-head);
	color: var(--gm-text);
}

.mflow-dashboard-eyebrow,
.mflow-service-hero-kicker,
.mflow-cta-strip-kicker,
.mflow-dashboard-brandline,
.mflow-kpi-label,
.mflow-business-label,
.mflow-service-chip-label,
.mflow-proof-chip-label,
.mflow-control-group label,
.mflow-control-label,
.mflow-dash-kpi-label,
.mflow-milestone-date,
.mflow-dashboard-watermark,
.mflow-dashboard-wordmark,
.mflow-table th {
	font-family: var(--gm-font-brand);
	text-transform: lowercase;
}

.mflow-dashboard-subtitle,
.mflow-dashboard-proofline,
.mflow-dashboard-generated,
.mflow-dashboard-campaign,
.mflow-dashboard-campaign-tag,
.mflow-service-hero-subtitle,
.mflow-service-runtime,
.mflow-seo-companion-copy,
.mflow-seo-companion-summary,
.mflow-supporting-intro,
.mflow-pagekit-subheadline,
.mflow-pagekit-intro,
.mflow-seo-links-summary,
.mflow-supporting-highlight p,
.mflow-cta-strip-copy,
.mflow-dashboard-expand p,
.mflow-empty-copy,
.mflow-metric-context,
.mflow-business-context,
.mflow-panel-subhead,
.mflow-supporting-crosslinks,
.mflow-channel-lead-label,
.mflow-channel-row-meta,
.mflow-channel-more,
.mflow-channel-empty-copy,
.mflow-dashboard-footer,
.mflow-table td {
	color: var(--gm-text-2);
}

.mflow-dashboard-eyebrow,
.mflow-service-hero-kicker,
.mflow-cta-strip-kicker,
.mflow-dashboard-brandline {
	color: var(--gm-orange);
}

.mflow-cta-strip-title,
.mflow-cta-strip-title a,
.mflow-insight-pill strong,
.mflow-channel-lead-value,
.mflow-channel-row-name,
.mflow-channel-row-share,
.mflow-channel-empty-title,
.mflow-table th,
.mflow-page-label,
.mflow-dashboard-campaign-context p,
.mflow-metric-detail-line {
	color: var(--gm-text);
}

.mflow-cta-strip-title a:hover,
.mflow-cta-strip-title a:focus-visible {
	color: var(--gm-blue-link);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.mflow-kpi-card,
.mflow-business-card,
.mflow-dash-kpi,
.mflow-dashboard-panel,
.mflow-insight-pill,
.mflow-dashboard-seo-brief,
.mflow-dashboard-campaign-context,
.mflow-dashboard-expand,
.mflow-service-chip,
.mflow-proof-chip,
.mflow-supporting-highlight,
.mflow-supporting-grid section,
.mflow-supporting-keyword-band,
.mflow-seo-links-meta,
.mflow-pagekit-home .mflow-dashboard-priority-expand .mflow-dashboard-controls,
.mflow-milestone-card,
.mflow-projection-kpi {
	background: var(--gm-surface-2);
	border-color: var(--gm-border);
	box-shadow: none;
}

.mflow-dashboard-campaign-context {
	background: rgba(255, 255, 255, 0.02);
}

.mflow-dashboard-wordmark,
.mflow-dashboard-watermark,
.mflow-brand-link {
	text-transform: none !important;
}

.mflow-dashboard-wordmark,
.mflow-dashboard-watermark {
	letter-spacing: 0.03em;
}

.mflow-dashboard-seo-brief {
	background: linear-gradient(180deg, rgba(246, 249, 255, 0.08) 0%, rgba(246, 249, 255, 0.03) 100%);
	border-color: rgba(26, 115, 255, 0.34);
}

.mflow-dashboard-seo-title {
	color: var(--gm-text);
}

.mflow-dashboard-seo-summary {
	color: var(--gm-text-2);
}

.mflow-dashboard-seo-brief .mflow-dashboard-keyword-chip {
	background: rgba(26, 115, 255, 0.16);
	border-color: rgba(26, 115, 255, 0.38);
	color: var(--gm-text);
}

.mflow-kpi-value,
.mflow-dash-kpi-value,
.mflow-business-value,
.mflow-service-chip-value,
.mflow-proof-chip-value,
.mflow-projection-kpi strong,
[data-mflow-countup] {
	font-family: var(--gm-font-mono);
	color: var(--gm-text);
}

.mflow-business-group-cards {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 10px;
}

.mflow-dash-business-card {
	--mflow-business-tone: var(--gm-blue-link);
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
	background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
	border-color: #d6deed;
	border-radius: 12px;
	overflow: hidden;
}

.mflow-dash-business-card::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--mflow-business-tone), rgba(255, 255, 255, 0.2));
}

.mflow-dash-business-card .mflow-business-head {
	margin-top: 4px;
}

.mflow-dash-business-card .mflow-business-label {
	font-size: 12px;
	letter-spacing: 0.03em;
}

.mflow-dash-business-card .mflow-business-category {
	margin: 0;
	font-size: 10px;
	font-family: var(--gm-font-brand);
	text-transform: lowercase;
	letter-spacing: 0.05em;
	color: #5a6f90;
}

.mflow-dash-business-card .mflow-business-value {
	margin: 2px 0 0;
	font-size: 26px;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: #15273f;
}

.mflow-dash-business-card .mflow-business-value-exact {
	margin: -2px 0 0;
	font-size: 11px;
	line-height: 1.35;
	color: #4b6383;
}

.mflow-dash-business-card .mflow-business-context {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	color: #314764;
}

.mflow-dash-business-card .mflow-business-meta {
	margin-top: 2px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mflow-dash-business-card .mflow-business-meta-item {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.03em;
	border: 1px solid rgba(38, 58, 92, 0.16);
	background: #eff4ff;
	color: #304769;
}

.mflow-dash-business-card .mflow-business-meta-direction {
	background: rgba(1, 85, 215, 0.09);
	border-color: rgba(1, 85, 215, 0.28);
	color: #1c4f9a;
}

.mflow-dash-business-card .mflow-business-meta-range {
	background: rgba(0, 195, 137, 0.12);
	border-color: rgba(0, 195, 137, 0.3);
	color: #046c50;
}

.mflow-dash-business-card .mflow-business-reason {
	margin: 0;
	padding: 8px 9px;
	border-radius: 9px;
	font-size: 11px;
	line-height: 1.45;
	background: rgba(18, 32, 56, 0.06);
	border: 1px solid rgba(42, 60, 90, 0.12);
	color: #2f4969;
}

.mflow-business-card-group-finance_core {
	--mflow-business-tone: var(--gm-blue-link);
}

.mflow-business-card-group-retention {
	--mflow-business-tone: var(--gm-success);
}

.mflow-business-card-group-sales {
	--mflow-business-tone: var(--gm-orange);
}

.mflow-business-card-group-ops {
	--mflow-business-tone: var(--gm-warning);
}

.mflow-business-card-group-product {
	--mflow-business-tone: var(--gm-blue-cta);
}

.mflow-business-card-group-liquidity {
	--mflow-business-tone: #3b8cff;
}

.mflow-business-card-group-people {
	--mflow-business-tone: #6f7f9a;
}

.mflow-dash-business-card .mflow-business-label,
.mflow-dash-business-card .mflow-metric-context,
.mflow-dash-business-card .mflow-metric-details,
.mflow-dash-business-card .mflow-metric-detail-line {
	color: #314764;
}

.mflow-status-chip {
	border: 1px solid transparent;
}

.mflow-status-normal {
	background: rgba(126, 135, 156, 0.18);
	border-color: rgba(126, 135, 156, 0.32);
	color: #425776;
}

.mflow-status-high {
	background: rgba(0, 195, 137, 0.16);
	border-color: rgba(0, 195, 137, 0.34);
	color: #007a56;
}

.mflow-status-low {
	background: rgba(247, 181, 0, 0.15);
	border-color: rgba(247, 181, 0, 0.34);
	color: #8f6700;
}

.mflow-status-watch {
	background: rgba(255, 59, 77, 0.15);
	border-color: rgba(255, 59, 77, 0.34);
	color: #b22232;
}

@media (max-width: 640px) {
	.mflow-business-group-cards {
		grid-template-columns: 1fr;
	}
}

.mflow-widget a,
.mflow-dashboard a,
.mflow-service-hero a,
.mflow-seo-companion a,
.mflow-supporting-page a,
.mflow-pagekit a {
	color: var(--gm-blue-link);
	text-decoration: none;
}

.mflow-widget a:hover,
.mflow-widget a:focus-visible,
.mflow-dashboard a:hover,
.mflow-dashboard a:focus-visible,
.mflow-service-hero a:hover,
.mflow-service-hero a:focus-visible,
.mflow-seo-companion a:hover,
.mflow-seo-companion a:focus-visible,
.mflow-supporting-page a:hover,
.mflow-supporting-page a:focus-visible,
.mflow-pagekit a:hover,
.mflow-pagekit a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.mflow-seo-link-row a,
.mflow-supporting-link-row a,
.mflow-seo-links a,
.mflow-service-links a {
	background: rgba(26, 115, 255, 0.1);
	border-color: rgba(26, 115, 255, 0.34);
	color: var(--gm-blue-link);
}

.mflow-seo-link-row a:hover,
.mflow-supporting-link-row a:hover,
.mflow-seo-links a:hover,
.mflow-seo-links a:focus,
.mflow-service-links a:hover {
	background: rgba(26, 115, 255, 0.18);
}

.mflow-service-cta-primary,
.mflow-seo-cta,
.mflow-supporting-cta,
.mflow-dashboard-expand-button {
	background: var(--gm-blue-cta);
	border-color: rgba(82, 152, 255, 0.9);
	color: #ffffff;
	box-shadow: 0 10px 20px rgba(1, 85, 215, 0.34);
	text-shadow: none;
	text-decoration: none;
}

.mflow-service-cta-primary:hover,
.mflow-seo-cta:hover,
.mflow-supporting-cta:hover,
.mflow-dashboard-expand-button:hover {
	background: #0d63f0;
	border-color: rgba(124, 179, 255, 0.95);
	color: #ffffff;
	text-decoration: none;
}

.mflow-service-cta-secondary,
.mflow-seo-secondary,
.mflow-supporting-secondary {
	background: #d5dbe6;
	border-color: #b7c1d3;
	color: #1f2b3e;
	box-shadow: none;
	text-decoration: none;
}

.mflow-service-cta-secondary:hover,
.mflow-seo-secondary:hover,
.mflow-supporting-secondary:hover {
	background: #c7d0de;
	border-color: #a8b4c9;
	color: #1a2435;
	text-decoration: none;
}

.mflow-seo-keyword-list li,
.mflow-supporting-keywords li,
.mflow-dashboard-keyword-chip {
	background: rgba(253, 110, 41, 0.12);
	border-color: rgba(253, 110, 41, 0.34);
	color: var(--gm-orange-soft);
}

.mflow-growth-step,
.mflow-service-hero-meta span,
.mflow-milestone-meta span {
	background: rgba(26, 115, 255, 0.14);
	border-color: rgba(26, 115, 255, 0.3);
	color: #d7e6ff;
}

.mflow-control-group select {
	border-color: var(--gm-border);
	background: var(--gm-surface-2);
	color: var(--gm-text);
}

.mflow-control-group select:focus,
.mflow-control-group select:focus-visible {
	border-color: var(--gm-blue-link);
	box-shadow: var(--gm-focus-ring);
}

.mflow-days-toggle {
	background: var(--gm-surface-2);
	border-color: var(--gm-border);
}

.mflow-day-chip {
	color: var(--gm-text-2);
}

.mflow-day-chip:hover:not(:disabled) {
	background: rgba(26, 115, 255, 0.16);
}

.mflow-day-chip.is-active {
	background: var(--gm-blue-cta);
	color: #ffffff;
	box-shadow: 0 8px 16px rgba(1, 85, 215, 0.36);
}

.mflow-page-bar {
	background: rgba(26, 115, 255, 0.3);
}

.mflow-channel-mix-summary {
	background: rgba(13, 20, 33, 0.78);
	border-color: var(--gm-border);
}

.mflow-channel-row-track {
	background: rgba(126, 135, 156, 0.24);
}

.mflow-channel-swatch {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.mflow-delta-up,
.mflow-service-chip-up .mflow-service-chip-value,
.mflow-proof-chip-up .mflow-proof-chip-value,
.mflow-milestone-growth {
	color: var(--gm-success);
}

.mflow-delta-down,
.mflow-service-chip-down .mflow-service-chip-value,
.mflow-proof-chip-down .mflow-proof-chip-value {
	color: var(--gm-danger);
}

.mflow-dashboard-badge {
	background: rgba(253, 110, 41, 0.14);
	border-color: rgba(253, 110, 41, 0.34);
	color: var(--gm-orange-soft);
}

.mflow-milestone-growth {
	background: rgba(0, 195, 137, 0.16);
	border-color: rgba(0, 195, 137, 0.34);
}

.mflow-projection-bar {
	background: rgba(26, 115, 255, 0.2);
	border-color: rgba(26, 115, 255, 0.32);
}

.mflow-projection-bar::before {
	background: linear-gradient(180deg, var(--gm-blue-link), var(--gm-blue-cta));
}

.mflow-projection-bar span {
	color: var(--gm-text);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.mflow-dashboard-footer {
	border-top-color: var(--gm-border);
	color: var(--gm-text-2);
}

.mflow-pagekit-home .mflow-pagekit-section + .mflow-pagekit-section::before {
	background: linear-gradient(90deg, rgba(26, 115, 255, 0.14), rgba(26, 115, 255, 0.44), rgba(253, 110, 41, 0.3), rgba(26, 115, 255, 0.14));
}

.mflow-service-cta-primary:focus-visible,
.mflow-service-cta-secondary:focus-visible,
.mflow-seo-cta:focus-visible,
.mflow-seo-secondary:focus-visible,
.mflow-supporting-cta:focus-visible,
.mflow-supporting-secondary:focus-visible,
.mflow-dashboard-expand-button:focus-visible,
.mflow-day-chip:focus-visible,
.mflow-seo-link-row a:focus-visible,
.mflow-supporting-link-row a:focus-visible,
.mflow-seo-links a:focus-visible,
.mflow-service-links a:focus-visible,
.mflow-widget a:focus-visible,
.mflow-dashboard a:focus-visible {
	outline: none;
	box-shadow: var(--gm-focus-ring), var(--gm-focus-ring-offset);
}

/* Mobile hardening pass: keep every shortcode block usable at 320px. */
.mflow-widget,
.mflow-dashboard,
.mflow-service-hero,
.mflow-seo-companion,
.mflow-supporting-page,
.mflow-cta-strip,
.mflow-pagekit {
	max-width: 100%;
}

.mflow-dashboard *,
.mflow-widget *,
.mflow-service-hero *,
.mflow-seo-companion *,
.mflow-supporting-page *,
.mflow-cta-strip *,
.mflow-pagekit * {
	box-sizing: border-box;
}

.mflow-dashboard-grid > *,
.mflow-dashboard-masonry .mflow-dashboard-grid > *,
.mflow-dashboard-controls > *,
.mflow-channel-mix-layout > *,
.mflow-business-group-cards > *,
.mflow-supporting-grid > *,
.mflow-service-hero-grid > * {
	min-width: 0;
}

.mflow-control-group,
.mflow-control-group select,
.mflow-days-toggle,
.mflow-day-chip,
.mflow-channel-mix-summary,
.mflow-dashboard-panel,
.mflow-page-cell,
.mflow-page-label,
.mflow-group-tab,
.mflow-dashboard-keyword-chip,
.mflow-service-links a,
.mflow-seo-link-row a,
.mflow-supporting-link-row a,
.mflow-seo-links a,
.mflow-table td,
.mflow-table th,
.mflow-table td a {
	min-width: 0;
	max-width: 100%;
}

.mflow-table,
.mflow-dash-table {
	width: 100%;
	table-layout: fixed;
}

.mflow-dash-table-wrap {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-x pan-y;
}

.mflow-page-label,
.mflow-table th,
.mflow-table td,
.mflow-table td a,
.mflow-dashboard-keyword-chip,
.mflow-group-tab,
.mflow-service-links a,
.mflow-seo-link-row a,
.mflow-supporting-link-row a,
.mflow-seo-links a {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.mflow-page-label {
	display: block;
	white-space: normal;
}

@media (max-width: 700px) {
	.mflow-dashboard-controls {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.mflow-control-group {
		width: 100%;
	}

	.mflow-control-group select {
		width: 100%;
		min-width: 0;
	}

	.mflow-days-toggle {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 6px;
	}

	.mflow-day-chip {
		width: 100%;
		padding-inline: 0;
	}

	.mflow-service-links,
	.mflow-seo-link-row,
	.mflow-supporting-link-row,
	.mflow-seo-links,
	.mflow-cta-strip-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.mflow-service-links a,
	.mflow-seo-link-row a,
	.mflow-supporting-link-row a,
	.mflow-seo-links a {
		justify-content: flex-start;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.mflow-dashboard {
		padding: 12px;
	}

	.mflow-dashboard-topline {
		margin: -12px -12px 10px;
	}

	.mflow-dashboard-title {
		font-size: 20px;
	}

	.mflow-dashboard-panel {
		padding: 10px;
	}

	.mflow-dash-table {
		display: block;
	}

	.mflow-dash-table thead {
		display: none;
	}

	.mflow-dash-table tbody,
	.mflow-dash-table tr,
	.mflow-dash-table td {
		display: block;
		width: 100%;
	}

	.mflow-dash-table tr {
		padding: 8px 0;
		border-bottom: 1px solid var(--gm-border);
	}

	.mflow-dash-table td {
		padding: 4px 0;
		border: 0;
		text-align: left;
	}

	.mflow-dash-table td[data-label]::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 2px;
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.05em;
		text-transform: lowercase;
		color: var(--gm-muted);
	}

	.mflow-page-cell .mflow-page-bar {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		display: block;
		height: 8px;
		width: var(--mflow-bar-width, 0%);
		max-width: 100%;
		margin-top: 6px;
	}
}

@media (max-width: 360px) {
	.mflow-dashboard-title {
		font-size: 18px;
	}

	.mflow-dashboard-badge {
		font-size: 10px;
		padding: 5px 8px;
	}

	.mflow-group-tab {
		font-size: 11px;
		padding: 5px 8px;
	}
}

@media (max-width: 320px) {
	.mflow-widget,
	.mflow-dashboard,
	.mflow-service-hero,
	.mflow-seo-companion,
	.mflow-supporting-page,
	.mflow-cta-strip,
	.mflow-pagekit {
		border-radius: 12px;
	}

	.mflow-dashboard {
		padding: 10px;
	}

	.mflow-dashboard-topline {
		margin: -10px -10px 8px;
	}

	.mflow-day-chip {
		font-size: 11px;
	}
}

/* March 2026 readability polish: pagekit rhythm + progressive disclosure. */
.mflow-pagekit,
.mflow-dashboard,
.mflow-seo-companion,
.mflow-service-hero,
.mflow-cta-strip,
.mflow-seo-links,
.mflow-pagekit-snapshot {
	--mflow-type-utility: clamp(0.82rem, 0.8rem + 0.16vw, 0.94rem);
	--mflow-type-body: clamp(0.96rem, 0.93rem + 0.18vw, 1.05rem);
	--mflow-space-1: clamp(0.5rem, 0.44rem + 0.18vw, 0.7rem);
	--mflow-space-2: clamp(0.75rem, 0.66rem + 0.22vw, 0.98rem);
	--mflow-space-3: clamp(1rem, 0.88rem + 0.34vw, 1.35rem);
	--mflow-space-4: clamp(1.35rem, 1.12rem + 0.52vw, 1.95rem);
	--mflow-space-5: clamp(1.75rem, 1.48rem + 0.75vw, 2.6rem);
	--mflow-chip-min-height: 2rem;
	--mflow-chip-pad-inline: 0.78rem;
}

.mflow-pagekit {
	gap: var(--mflow-space-5);
}

.mflow-pagekit-head {
	display: grid;
	gap: var(--mflow-space-2);
}

.mflow-pagekit-eyebrow {
	margin: 0;
	font-family: var(--gm-font-brand);
	font-size: var(--mflow-type-utility);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: lowercase;
	color: var(--gm-orange-soft);
}

.mflow-pagekit-subheadline,
.mflow-pagekit-intro {
	font-size: var(--mflow-type-body);
	line-height: 1.68;
	max-width: 72ch;
}

.mflow-pagekit-supporting-copy {
	margin: 0;
	max-width: 70ch;
	font-size: var(--mflow-type-utility);
	line-height: 1.7;
	color: var(--gm-text-2);
}

.mflow-pagekit-section {
	gap: var(--mflow-space-2);
}

.mflow-pagekit-copy-section {
	display: grid;
	gap: var(--mflow-space-2);
	padding: clamp(1rem, 0.9rem + 0.6vw, 1.5rem);
	border: 1px solid var(--gm-border);
	border-radius: var(--gm-radius-md);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
}

.mflow-pagekit-copy-section h3 {
	margin: 0;
	font-size: clamp(1.08rem, 1rem + 0.32vw, 1.34rem);
	line-height: 1.28;
	color: var(--gm-text);
}

.mflow-pagekit-copy-section p,
.mflow-pagekit-proof-intro,
.mflow-pagekit-faq-item p,
.mflow-cta-strip-body {
	margin: 0;
	font-size: var(--mflow-type-body);
	line-height: 1.68;
	color: var(--gm-text-2);
}

.mflow-pagekit-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--mflow-space-2);
}

.mflow-pagekit-card {
	padding: var(--mflow-space-2);
	border-radius: var(--gm-radius-md);
	border: 1px solid rgba(26, 115, 255, 0.2);
	background: linear-gradient(180deg, rgba(26, 115, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
}

.mflow-pagekit-card p {
	color: var(--gm-text);
}

.mflow-pagekit-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: var(--mflow-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: mflow-pagekit-step;
}

.mflow-pagekit-step {
	position: relative;
	padding: calc(var(--mflow-space-2) + 0.25rem) var(--mflow-space-2) var(--mflow-space-2);
	border-radius: var(--gm-radius-md);
	border: 1px solid rgba(253, 110, 41, 0.2);
	background: linear-gradient(180deg, rgba(253, 110, 41, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
	color: var(--gm-text);
	counter-increment: mflow-pagekit-step;
}

.mflow-pagekit-step::before {
	content: "0" counter(mflow-pagekit-step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	min-height: 2rem;
	margin-bottom: 0.7rem;
	border-radius: 999px;
	border: 1px solid rgba(26, 115, 255, 0.28);
	background: rgba(26, 115, 255, 0.14);
	color: var(--gm-text);
	font-family: var(--gm-font-brand);
	font-size: var(--mflow-type-utility);
	font-weight: 700;
}

.mflow-pagekit-proof-strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: var(--mflow-space-2);
}

.mflow-pagekit-proof-chip {
	padding: var(--mflow-space-2);
	border-radius: var(--gm-radius-md);
	border: 1px solid rgba(26, 115, 255, 0.22);
	background: linear-gradient(180deg, rgba(26, 115, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%);
}

.mflow-pagekit-proof-chip-up {
	border-color: rgba(0, 195, 137, 0.26);
}

.mflow-pagekit-proof-chip-down {
	border-color: rgba(255, 59, 77, 0.26);
}

.mflow-pagekit-proof-label {
	margin: 0;
	font-size: var(--mflow-type-utility);
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--gm-text-2);
}

.mflow-pagekit-proof-value {
	margin: 0.45rem 0 0;
	font-size: clamp(1.16rem, 1.06rem + 0.35vw, 1.44rem);
	line-height: 1.1;
	font-family: var(--gm-font-mono);
	color: var(--gm-text);
}

.mflow-pagekit-faq-list {
	display: grid;
	gap: var(--mflow-space-2);
}

.mflow-pagekit-faq-item {
	padding: var(--mflow-space-2);
	border-radius: var(--gm-radius-md);
	border: 1px solid var(--gm-border);
	background: rgba(255, 255, 255, 0.03);
}

.mflow-pagekit-faq-item summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--gm-text);
}

.mflow-pagekit-faq-item p {
	margin-top: var(--mflow-space-2);
}

.mflow-pagekit-keywords {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mflow-space-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mflow-pagekit-keywords li {
	min-height: var(--mflow-chip-min-height);
	padding: 0.36rem var(--mflow-chip-pad-inline);
	border-radius: 999px;
	border: 1px solid rgba(253, 110, 41, 0.34);
	background: rgba(253, 110, 41, 0.12);
	color: var(--gm-orange-soft);
	font-size: var(--mflow-type-utility);
	line-height: 1.35;
}

.mflow-pagekit-home .mflow-pagekit-section + .mflow-pagekit-section {
	padding-top: var(--mflow-space-3);
}

.mflow-seo-companion {
	padding: clamp(1rem, 0.85rem + 0.85vw, 1.75rem);
	margin-bottom: var(--mflow-space-4);
}

.mflow-seo-companion h2 {
	margin: 0;
	line-height: 1.15;
}

.mflow-seo-companion-primary {
	display: grid;
	gap: var(--mflow-space-2);
}

.mflow-seo-companion-copy,
.mflow-seo-companion-summary {
	font-size: var(--mflow-type-body);
	line-height: 1.7;
	max-width: 74ch;
}

.mflow-seo-cta-row {
	gap: var(--mflow-space-2);
	margin-top: var(--mflow-space-1);
}

.mflow-seo-companion-secondary {
	display: grid;
	gap: var(--mflow-space-2);
	margin-top: var(--mflow-space-2);
}

.mflow-disclosure-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.4rem;
	padding: 0.45rem 0.95rem;
	border-radius: 999px;
	border: 1px solid rgba(26, 115, 255, 0.42);
	background: rgba(26, 115, 255, 0.12);
	color: var(--gm-text);
	font-family: var(--gm-font-brand);
	font-size: var(--mflow-type-utility);
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: lowercase;
	cursor: pointer;
	transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.mflow-disclosure-toggle:hover {
	background: rgba(26, 115, 255, 0.2);
	border-color: rgba(26, 115, 255, 0.6);
	transform: translateY(-1px);
}

.mflow-disclosure-toggle:focus-visible {
	outline: none;
	box-shadow: var(--gm-focus-ring), var(--gm-focus-ring-offset);
}

.mflow-disclosure-region[hidden] {
	display: none !important;
}

.mflow-disclosure-region {
	display: grid;
	gap: var(--mflow-space-2);
}

.mflow-seo-keyword-list,
.mflow-dashboard-keyword-list,
.mflow-growth-system,
.mflow-seo-links,
.mflow-seo-links-keywords,
.mflow-seo-link-row {
	gap: var(--mflow-space-1);
}

.mflow-seo-keyword-list li,
.mflow-dashboard-keyword-chip,
.mflow-growth-step,
.mflow-seo-links-keywords li,
.mflow-seo-link-row a,
.mflow-seo-links a {
	min-height: var(--mflow-chip-min-height);
	padding: 0.36rem var(--mflow-chip-pad-inline);
	font-size: var(--mflow-type-utility);
	line-height: 1.35;
}

.mflow-dashboard {
	padding: clamp(1rem, 0.82rem + 0.92vw, 1.85rem);
	margin-bottom: var(--mflow-space-5);
}

.mflow-dashboard-header {
	gap: var(--mflow-space-3);
	margin-bottom: var(--mflow-space-3);
}

.mflow-dashboard-header-main {
	flex: 1 1 44rem;
	min-width: min(100%, 20rem);
	display: grid;
	gap: var(--mflow-space-1);
}

.mflow-dashboard-subtitle,
.mflow-dashboard-proofline,
.mflow-dashboard-generated,
.mflow-dashboard-campaign,
.mflow-dashboard-campaign-tag {
	font-size: var(--mflow-type-body);
	line-height: 1.66;
}

.mflow-dashboard-context-shell {
	display: grid;
	gap: var(--mflow-space-2);
	margin-top: var(--mflow-space-2);
	max-width: 76ch;
}

.mflow-dashboard-context-heading {
	margin: 0;
	font-family: var(--gm-font-brand);
	font-size: var(--mflow-type-utility);
	text-transform: lowercase;
	letter-spacing: 0.06em;
	color: var(--gm-orange-soft);
}

.mflow-dashboard-context-region {
	padding: var(--mflow-space-2);
	border-radius: var(--gm-radius-md);
	border: 1px solid rgba(26, 115, 255, 0.3);
	background: linear-gradient(180deg, rgba(246, 249, 255, 0.08) 0%, rgba(246, 249, 255, 0.03) 100%);
}

.mflow-dashboard-seo-brief,
.mflow-dashboard-campaign-context {
	margin-top: 0;
	padding: var(--mflow-space-2);
}

.mflow-dashboard-campaign-context p {
	font-size: var(--mflow-type-utility);
	line-height: 1.6;
}

.mflow-dashboard-meta {
	display: grid;
	justify-items: end;
	gap: var(--mflow-space-1);
}

.mflow-service-hero-inner {
	padding: clamp(1rem, 0.85rem + 0.78vw, 1.68rem);
}

.mflow-service-hero-subtitle,
.mflow-service-runtime {
	font-size: var(--mflow-type-body);
	line-height: 1.68;
}

.mflow-service-hero-grid,
.mflow-service-hero-actions {
	gap: var(--mflow-space-3);
}

.mflow-pagekit-snapshot .mflow-kpi-grid {
	gap: var(--mflow-space-2);
}

.mflow-pagekit-snapshot .mflow-kpi-card {
	padding: var(--mflow-space-2);
}

.mflow-seo-links-block {
	gap: var(--mflow-space-2);
}

.mflow-seo-links-meta {
	padding: var(--mflow-space-2);
}

.mflow-seo-links-summary {
	font-size: var(--mflow-type-body);
	line-height: 1.66;
}

.mflow-cta-strip {
	padding: clamp(1rem, 0.84rem + 0.8vw, 1.7rem);
	gap: var(--mflow-space-3);
}

.mflow-cta-strip-copy {
	display: grid;
	gap: var(--mflow-space-1);
}

.mflow-cta-strip-title {
	margin: 0;
	font-size: clamp(1.18rem, 1.08rem + 0.45vw, 1.52rem);
	line-height: 1.35;
}

.mflow-cta-strip-body {
	max-width: 68ch;
}

.mflow-cta-strip-actions {
	gap: var(--mflow-space-2);
}

@media (max-width: 1024px) {
	.mflow-dashboard-header-main,
	.mflow-dashboard-meta {
		width: 100%;
		justify-items: flex-start;
	}

	.mflow-dashboard-meta {
		grid-auto-flow: row;
	}
}

@media (max-width: 768px) {
	.mflow-seo-companion,
	.mflow-dashboard,
	.mflow-service-hero,
	.mflow-pagekit-snapshot,
	.mflow-cta-strip,
	.mflow-seo-links-meta {
		padding: var(--mflow-space-3);
	}

	.mflow-seo-cta-row,
	.mflow-cta-strip-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.mflow-disclosure-toggle {
		width: 100%;
		justify-content: flex-start;
	}
}

@media (max-width: 390px) {
	.mflow-seo-keyword-list li,
	.mflow-dashboard-keyword-chip,
	.mflow-growth-step,
	.mflow-seo-links-keywords li,
	.mflow-seo-link-row a,
	.mflow-seo-links a {
		min-height: 1.86rem;
		padding: 0.3rem 0.62rem;
	}

	.mflow-dashboard-context-region {
		padding: var(--mflow-space-1);
	}
}