:root {
	--cw-bg: #020812;
	--cw-bg-soft: #071421;
	--cw-panel: rgba(13, 28, 43, 0.82);
	--cw-panel-strong: rgba(16, 34, 52, 0.94);
	--cw-line: rgba(162, 190, 217, 0.17);
	--cw-line-strong: rgba(37, 99, 235, 0.7);
	--cw-text: #f6f9ff;
	--cw-muted: #aab7c7;
	--cw-soft: #77869a;
	--cw-blue: #2563eb;
	--cw-blue-bright: #1d7cff;
	--cw-green: #38d87f;
	--cw-radius: 8px;
	--cw-shell: 1180px;
	--cw-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
	--cw-sticky-offset: 104px;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	background: var(--cw-bg);
	color: var(--cw-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.55;
}

html {
	scroll-padding-top: var(--cw-sticky-offset);
}

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

a:hover,
a:focus {
	color: #dbe8ff;
}

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

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.skip-link:focus {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 0 3px var(--cw-blue);
	clip: auto !important;
	color: #071421;
	display: block;
	height: auto;
	left: 16px;
	padding: 10px 14px;
	top: 16px;
	width: auto;
	z-index: 100000;
}

.site-header {
	backdrop-filter: blur(18px);
	background: rgba(2, 8, 18, 0.88);
	border-bottom: 1px solid var(--cw-line);
	position: sticky;
	top: 0;
	z-index: 50;
}

.site-header__inner,
.section-shell,
.site-footer__inner,
.site-footer__widgets,
.content-shell {
	margin: 0 auto;
	max-width: var(--cw-shell);
	padding-left: 32px;
	padding-right: 32px;
	width: 100%;
}

.site-header__inner {
	align-items: center;
	display: grid;
	gap: 22px;
	grid-template-columns: auto 1fr auto;
	min-height: 78px;
}

.site-branding__link,
.site-footer__brand {
	align-items: center;
	display: inline-flex;
	font-size: 22px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: 0;
}

.site-branding__link,
.site-footer__brand {
	flex-direction: column;
	gap: 0;
}

.site-branding__link {
	align-items: flex-start;
}

.site-title {
	line-height: 1.1;
}

.site-description {
	color: var(--cw-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	margin-top: 3px;
}

.custom-logo-link img {
	max-height: 42px;
	width: auto;
}

.site-footer__logo img {
	max-height: 34px;
	width: auto;
}

.main-navigation {
	align-items: center;
	display: flex;
	justify-content: center;
}

.primary-menu,
.footer-menu {
	align-items: center;
	display: flex;
	gap: 34px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-menu a {
	color: #cbd7e8;
	font-size: 14px;
	font-weight: 700;
}

.primary-menu a:hover,
.primary-menu a:focus {
	color: #fff;
}

.header-actions {
	align-items: center;
	display: flex;
	gap: 12px;
}

.header-actions-menu {
	align-items: center;
	display: flex;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-actions-menu a {
	align-items: center;
	border: 1px solid rgba(203, 215, 232, 0.28);
	border-radius: 6px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	justify-content: center;
	min-height: 40px;
	padding: 0 18px;
}

.header-actions-menu li:first-child a {
	background: rgba(6, 15, 28, 0.58);
	color: #fff;
}

.header-actions-menu li:not(:first-child) a {
	background: linear-gradient(180deg, var(--cw-blue-bright), var(--cw-blue));
	border-color: rgba(80, 140, 255, 0.95);
	box-shadow: 0 14px 34px rgba(37, 99, 235, 0.22);
	color: #fff;
}

.button,
.wp-block-button__link {
	align-items: center;
	border: 1px solid var(--cw-line);
	border-radius: 6px;
	display: inline-flex;
	font-size: 15px;
	font-weight: 800;
	justify-content: center;
	min-height: 52px;
	padding: 0 25px;
	transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	transform: translateY(-1px);
}

.button--primary,
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: linear-gradient(180deg, var(--cw-blue-bright), var(--cw-blue));
	border-color: rgba(80, 140, 255, 0.95);
	color: #fff;
	box-shadow: 0 14px 34px rgba(37, 99, 235, 0.28);
}

.button--ghost,
.is-style-outline .wp-block-button__link {
	background: rgba(6, 15, 28, 0.58);
	border-color: rgba(203, 215, 232, 0.28);
	color: #fff;
}

.button--small {
	font-size: 13px;
	min-height: 40px;
	padding: 0 18px;
}

.menu-toggle {
	background: transparent;
	border: 1px solid var(--cw-line);
	border-radius: 6px;
	color: #fff;
	display: none;
	height: 42px;
	padding: 9px;
	width: 44px;
}

.menu-toggle__bar {
	background: currentColor;
	display: block;
	height: 2px;
	margin: 5px 0;
	width: 100%;
}

.hero-section {
	min-height: 720px;
	overflow: hidden;
	position: relative;
}

.clerwell-home > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.clerwell-home .alignfull {
	margin-left: 0;
	margin-right: 0;
	max-width: none;
	width: 100%;
}

.hero-section__backdrop {
	background:
		linear-gradient(90deg, rgba(2, 8, 18, 0.52), rgba(2, 8, 18, 0.96) 62%),
		linear-gradient(0deg, rgba(2, 8, 18, 0.94), rgba(2, 8, 18, 0.08) 35%, rgba(2, 8, 18, 0.36)),
		url("../images/hero-office.jpg");
	background-position: center;
	background-size: cover;
	inset: 0;
	opacity: 0.58;
	position: absolute;
}

.hero-section::after,
.cta-section::before {
	background: radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.35), transparent 44%);
	content: "";
	filter: blur(22px);
	inset: auto 0 -90px;
	min-height: 220px;
	position: absolute;
}

.hero-grid {
	min-height: 720px;
	padding-bottom: 74px;
	padding-top: 52px;
	position: relative;
	z-index: 1;
}

.hero-grid > .wp-block-group__inner-container {
	align-items: start;
	display: grid;
	gap: 44px;
	grid-template-columns: minmax(0, 0.82fr) minmax(560px, 1.18fr);
	width: 100%;
}

.eyebrow,
.panel-label {
	color: var(--cw-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.hero-copy h1,
.cta-section h2 {
	font-size: clamp(48px, 7vw, 78px);
	letter-spacing: 0;
	line-height: 0.96;
	margin: 12px 0 22px;
	max-width: 650px;
}

.hero-lede {
	color: #d5dfeb;
	font-size: 19px;
	margin: 0 0 32px;
	max-width: 560px;
}

.hero-copy {
	grid-column: 1;
	min-width: 0;
	padding-top: 6px;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 24px;
}

.hero-actions--center {
	justify-content: center;
	margin-bottom: 0;
}

.trust-strip {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.trust-strip p {
	color: #c8d4e4;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}

.trust-strip__avatars {
	display: flex;
}

.trust-strip__avatars span {
	align-items: center;
	background: linear-gradient(135deg, #c8d7e8, #314761);
	border: 2px solid rgba(2, 8, 18, 0.9);
	border-radius: 50%;
	color: #071421;
	display: flex;
	font-size: 9px;
	font-weight: 900;
	height: 26px;
	justify-content: center;
	margin-right: -8px;
	width: 26px;
}

.trust-strip__stars {
	color: #ffd53d;
	font-size: 16px;
	letter-spacing: 2px;
}

.hero-dashboard {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(360px, 1fr) 200px;
}

.card-surface {
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
		var(--cw-panel);
	border: 1px solid var(--cw-line);
	border-radius: var(--cw-radius);
	box-shadow: var(--cw-shadow);
}

.worker-profile {
	padding: 24px;
}

.worker-profile__head {
	align-items: center;
	border-bottom: 1px solid var(--cw-line);
	display: flex;
	gap: 18px;
	padding-bottom: 18px;
}

.worker-avatar,
.role-avatar {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(157, 180, 205, 0.9)),
		linear-gradient(135deg, #2f435f, #071421);
	border-radius: 8px;
	color: #06101d;
	display: flex;
	font-weight: 900;
	height: 86px;
	justify-content: center;
	width: 86px;
}

.worker-profile h2,
.role-card h3,
.pricing-card h3 {
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 4px;
}

.worker-profile p,
.worker-profile a,
.mini-panel p,
.profile-list,
.role-card p,
.trust-card p,
.pricing-card p,
.content-card,
.entry-meta {
	color: var(--cw-muted);
}

.worker-profile a {
	font-size: 14px;
}

.profile-list {
	display: grid;
	gap: 15px;
	margin: 18px 0;
}

.profile-list div {
	display: grid;
	gap: 18px;
	grid-template-columns: 92px 1fr;
}

.profile-list dt {
	color: #8d9aae;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.profile-list dd {
	margin: 0;
}

.status-dot {
	background: var(--cw-green);
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin-right: 8px;
	width: 8px;
}

.tool-row,
.role-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tool-row span,
.role-tools span,
.mini-pill {
	align-items: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 5px;
	color: #e8f1ff;
	display: inline-flex;
	font-size: 11px;
	font-weight: 800;
	min-height: 24px;
	padding: 0 7px;
}

.metric-list {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.metric-list li {
	align-items: center;
	color: #cbd6e5;
	display: flex;
	font-size: 14px;
	justify-content: space-between;
	position: relative;
}

.metric-list li::before {
	border: 1px solid var(--cw-green);
	border-radius: 50%;
	color: var(--cw-green);
	content: "";
	display: inline-flex;
	font-size: 9px;
	height: 16px;
	justify-content: center;
	margin-right: 8px;
	position: relative;
	width: 16px;
}

.metric-list li::after {
	border-bottom: 2px solid var(--cw-green);
	border-right: 2px solid var(--cw-green);
	content: "";
	height: 8px;
	left: 5px;
	position: absolute;
	transform: rotate(45deg);
	width: 4px;
}

.metric-list span {
	margin-right: auto;
}

.side-panels {
	display: grid;
	gap: 16px;
}

.mini-panel {
	min-height: 134px;
	padding: 20px;
}

.mini-panel strong {
	display: block;
	font-size: 15px;
	margin: 5px 0 10px;
}

.hero-worker-scene {
	align-items: stretch;
	grid-column: 2;
	grid-template-areas:
		"profile feed"
		"approval feed";
	grid-template-columns: minmax(290px, 0.95fr) minmax(250px, 0.82fr);
	margin-top: 20px;
	min-width: 0;
}

.live-worker-card,
.hero-workstream,
.hero-approval {
	backdrop-filter: blur(18px);
}

.live-worker-card {
	display: grid;
	gap: 18px;
	grid-area: profile;
	padding: 22px;
}

.current-task {
	background: rgba(56, 216, 127, 0.08);
	border: 1px solid rgba(56, 216, 127, 0.22);
	border-radius: 8px;
	padding: 16px;
}

.current-task span {
	align-items: center;
	color: #c9f8db;
	display: inline-flex;
	font-size: 12px;
	font-weight: 900;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.current-task strong {
	display: block;
	font-size: 18px;
	line-height: 1.25;
}

.live-worker-card h2 {
	font-size: 22px;
	line-height: 1.15;
	margin: 0 0 4px;
}

.live-worker-card p,
.live-worker-card a {
	color: var(--cw-muted);
}

.current-task p,
.hero-approval p,
.activity-feed p,
.message-row p,
.task-card p {
	color: var(--cw-muted);
	margin: 6px 0 0;
}

.tool-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tool-cloud li {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	color: #edf5ff;
	font-size: 12px;
	font-weight: 900;
	padding: 7px 9px;
}

.hero-workstream {
	grid-area: feed;
	padding: 20px;
}

.activity-feed {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
}

.activity-feed li {
	border-left: 2px solid rgba(37, 124, 255, 0.55);
	padding: 0 0 2px 14px;
}

.activity-feed span {
	color: var(--cw-soft);
	display: block;
	font-size: 11px;
	font-weight: 900;
	margin-bottom: 3px;
}

.activity-feed strong {
	display: block;
	font-size: 15px;
	line-height: 1.25;
}

.hero-approval {
	grid-area: approval;
	padding: 18px;
}

.hero-approval strong {
	display: block;
	font-size: 17px;
	line-height: 1.25;
	margin-top: 6px;
}

.approval-actions {
	display: flex;
	gap: 8px;
	margin-top: 14px;
}

.approval-actions span {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	font-size: 12px;
	font-weight: 900;
	padding: 7px 9px;
}

.approval-actions span:first-child {
	background: rgba(56, 216, 127, 0.16);
	border-color: rgba(56, 216, 127, 0.34);
	color: #d9ffe7;
}

.progress-bar {
	background: rgba(255, 255, 255, 0.09);
	border-radius: 999px;
	height: 8px;
	margin: 12px 0 8px;
	overflow: hidden;
}

.progress-bar span {
	background: linear-gradient(90deg, var(--cw-blue), var(--cw-blue-bright));
	display: block;
	height: 100%;
}

.section-band {
	background:
		linear-gradient(180deg, rgba(5, 18, 30, 0.98), rgba(4, 15, 26, 0.98)),
		var(--cw-bg-soft);
	border-top: 1px solid var(--cw-line);
	padding: 44px 0;
}

.clerwell-home section[id],
.hero-worker-scene[id] {
	scroll-margin-top: var(--cw-sticky-offset);
}

.section-title {
	font-size: clamp(30px, 4vw, 42px);
	line-height: 1.12;
	margin: 0 auto 30px;
	text-align: center;
}

.section-lede {
	color: #cbd7e8;
	font-size: 18px;
	margin: -10px auto 32px;
	max-width: 760px;
}

.prose-grid > .wp-block-group__inner-container {
	align-items: start;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(220px, 0.72fr) minmax(360px, 1.08fr) minmax(320px, 0.92fr);
	width: 100%;
}

.prose-intro h2 {
	font-size: clamp(31px, 3.5vw, 44px);
	line-height: 1.08;
	margin: 0;
}

.prose-copy {
	padding: 0;
}

.prose-copy p,
.feature-card p,
.plan-list,
.plan-note {
	color: var(--cw-muted);
}

.prose-copy p:first-child,
.feature-card p:first-child {
	margin-top: 0;
}

.prose-copy p:last-child,
.feature-card p:last-child {
	margin-bottom: 0;
}

.identity-copy {
	border-left: 1px solid var(--cw-line);
	padding-left: 22px;
}

.identity-directory {
	background:
		linear-gradient(160deg, rgba(56, 216, 127, 0.09), rgba(37, 99, 235, 0.03)),
		rgba(6, 19, 31, 0.88);
	display: grid;
	gap: 10px;
	padding: 16px;
}

.directory-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: auto 1fr auto;
	padding: 12px;
}

.directory-row--active {
	border-color: rgba(56, 216, 127, 0.32);
}

.directory-row .role-avatar {
	font-size: 13px;
	height: 46px;
	width: 46px;
}

.directory-row strong {
	display: block;
	font-size: 15px;
	line-height: 1.1;
}

.directory-row p {
	color: var(--cw-muted);
	font-size: 12px;
	margin: 4px 0 0;
}

.directory-row em {
	color: #d5e7ff;
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
}

.feature-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.feature-grid--wide {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.feature-card {
	padding: 26px;
}

.feature-card h3 {
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 14px;
}

.workspace-story {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr 1.05fr 0.8fr;
}

.workspace-map {
	background:
		linear-gradient(160deg, rgba(37, 99, 235, 0.14), rgba(56, 216, 127, 0.05)),
		rgba(5, 17, 29, 0.9);
	grid-row: span 2;
	padding: 22px;
}

.workspace-map__grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 18px;
}

.workspace-map__grid span {
	align-items: center;
	aspect-ratio: 1.7;
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	display: flex;
	font-size: 14px;
	font-weight: 900;
	justify-content: center;
	position: relative;
}

.workspace-map__grid span::after {
	background: var(--cw-green);
	border-radius: 50%;
	content: "";
	height: 7px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 7px;
}

.conversation-panel,
.approval-queue,
.task-card {
	padding: 22px;
}

.conversation-panel {
	display: grid;
	gap: 12px;
}

.message-row {
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 13px;
}

.message-row--worker {
	background: rgba(37, 99, 235, 0.12);
	border-color: rgba(37, 124, 255, 0.24);
	margin-left: 24px;
}

.approval-queue ul {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
}

.approval-queue li {
	align-items: center;
	border-bottom: 1px solid var(--cw-line);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding-bottom: 10px;
}

.approval-queue li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.approval-queue span {
	color: var(--cw-muted);
}

.approval-queue strong {
	color: #e8f1ff;
	font-size: 13px;
}

.task-card {
	background:
		linear-gradient(145deg, rgba(56, 216, 127, 0.08), rgba(255, 255, 255, 0.01)),
		var(--cw-panel);
	grid-column: span 2;
}

.task-card h3 {
	font-size: 21px;
	line-height: 1.2;
	margin: 0 0 10px;
}

.role-grid--examples .role-card > p {
	font-size: 16px;
}

.comparison-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.comparison-card {
	min-height: 260px;
	padding: 30px;
	text-align: center;
}

.comparison-card h3 {
	font-size: 22px;
	margin: 0 0 26px;
}

.comparison-card p {
	color: #cbd7e8;
	font-size: 18px;
	margin: 28px auto 0;
	max-width: 520px;
}

.comparison-card--muted {
	opacity: 0.82;
}

.workflow-comparison {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workflow-lane {
	padding: 26px;
}

.workflow-lane--muted {
	opacity: 0.82;
}

.workflow-lane h3 {
	font-size: 23px;
	margin: 0 0 22px;
}

.workflow-lane ol {
	counter-reset: workflow-step;
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.workflow-lane li {
	align-items: center;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	counter-increment: workflow-step;
	display: flex;
	font-size: 15px;
	font-weight: 800;
	gap: 12px;
	min-height: 48px;
	padding: 10px 12px;
}

.workflow-lane li::before {
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	color: #dceaff;
	content: counter(workflow-step);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 900;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.workflow-lane:not(.workflow-lane--muted) li {
	background: rgba(37, 99, 235, 0.1);
	border-color: rgba(37, 124, 255, 0.24);
}

.workflow-lane:not(.workflow-lane--muted) li::before {
	background: var(--cw-blue);
	border-color: var(--cw-blue-bright);
}

.flow-row {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.flow-row i {
	background: #77869a;
	display: none;
	height: 1px;
}

.flow-row span {
	align-items: center;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 50%;
	color: #d6dfec;
	display: flex;
	font-size: 12px;
	font-weight: 800;
	justify-content: center;
	margin: 0 auto;
	max-width: 82px;
	padding: 10px;
	text-align: center;
	width: 100%;
}

.flow-row--blue span:last-child {
	background: var(--cw-blue);
	border-color: var(--cw-blue-bright);
}

.onboarding-console {
	align-items: stretch;
	background:
		linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(56, 216, 127, 0.04)),
		rgba(7, 20, 33, 0.92);
	display: grid;
	gap: 22px;
	grid-template-columns: 0.82fr 1.7fr;
	padding: 22px;
}

.onboarding-console__profile {
	border-right: 1px solid var(--cw-line);
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding-right: 22px;
}

.onboarding-console__profile h3 {
	font-size: 22px;
	line-height: 1.15;
	margin: 0 0 4px;
}

.onboarding-console__profile p {
	color: var(--cw-muted);
	margin: 0;
}

.onboarding-console__profile .button {
	margin-top: auto;
	width: fit-content;
}

.onboarding-checklist {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.onboarding-checklist li {
	align-items: center;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 18px;
	grid-template-columns: 54px 0.8fr 1.3fr;
	min-height: 64px;
	padding: 12px 16px;
}

.onboarding-checklist span {
	color: var(--cw-blue-bright);
	font-size: 13px;
	font-weight: 900;
}

.onboarding-checklist strong {
	font-size: 17px;
	line-height: 1.2;
}

.onboarding-checklist p {
	color: var(--cw-muted);
	margin: 0;
}

.onboarding-grid,
.trust-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.step-card,
.trust-card,
.role-card,
.pricing-card {
	min-width: 0;
	padding: 24px;
}

.step-card h3,
.trust-card h3 {
	font-size: 15px;
	margin: 0 0 14px;
}

.step-card p,
.trust-card p {
	color: var(--cw-muted);
	font-size: 14px;
	margin: 0 0 22px;
}

.role-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.role-card__head {
	align-items: center;
	display: flex;
	gap: 14px;
	margin-bottom: 18px;
}

.role-avatar {
	border-radius: 50%;
	font-size: 16px;
	height: 68px;
	width: 68px;
}

.role-card h3 {
	font-size: 16px;
}

.role-card__head p {
	font-size: 12px;
	margin: 0;
}

.role-tools {
	margin-bottom: 18px;
}

.role-card > p {
	font-size: 17px;
	margin: 0;
}

.role-grid--directory {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
		rgba(6, 17, 29, 0.7);
	border: 1px solid var(--cw-line);
	border-radius: var(--cw-radius);
	padding: 14px;
}

.directory-card {
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	min-height: 250px;
	padding: 20px;
	position: relative;
}

.directory-card span {
	align-self: flex-start;
	background: rgba(56, 216, 127, 0.1);
	border: 1px solid rgba(56, 216, 127, 0.24);
	border-radius: 999px;
	color: #d9ffe7;
	font-size: 11px;
	font-weight: 900;
	margin-top: auto;
	padding: 5px 8px;
	text-transform: uppercase;
}

.center-link,
.section-note {
	color: var(--cw-muted);
	margin: 24px 0 0;
	text-align: center;
}

.center-link a {
	color: var(--cw-blue-bright);
	font-weight: 800;
}

.outcome-grid > .wp-block-group__inner-container {
	align-items: center;
	display: grid;
	gap: 44px;
	grid-template-columns: minmax(320px, 0.78fr) minmax(620px, 1.42fr);
	width: 100%;
}

.outcome-grid h2 {
	font-size: clamp(32px, 4vw, 46px);
	line-height: 1.08;
	margin: 0 0 18px;
}

.outcome-grid > .wp-block-group__inner-container > .wp-block-group p {
	color: #cbd7e8;
	font-size: 17px;
	max-width: 460px;
}

.timeline-list {
	counter-reset: timeline;
	list-style: none;
	margin: 0;
	padding: 20px 30px;
	position: relative;
}

.timeline-list::before {
	background: linear-gradient(180deg, var(--cw-blue-bright), var(--cw-blue));
	border-radius: 999px;
	content: "";
	left: 32px;
	position: absolute;
	top: 30px;
	bottom: 30px;
	width: 4px;
}

.timeline-list li {
	align-items: center;
	border-bottom: 1px solid var(--cw-line);
	display: grid;
	gap: 22px;
	grid-template-columns: 66px minmax(180px, 0.82fr) minmax(260px, 1.18fr);
	min-height: 64px;
	position: relative;
}

.timeline-list li:last-child {
	border-bottom: 0;
}

.timeline-list li::before {
	background: var(--cw-blue-bright);
	border: 4px solid rgba(208, 226, 255, 0.88);
	border-radius: 50%;
	box-shadow: 0 0 24px rgba(37, 124, 255, 0.95);
	content: "";
	height: 17px;
	left: -4px;
	position: absolute;
	width: 17px;
}

.timeline-list span {
	color: var(--cw-soft);
	font-size: 20px;
	padding-left: 32px;
}

.timeline-list strong {
	font-size: 20px;
}

.timeline-list p {
	color: var(--cw-soft);
	margin: 0;
	text-align: right;
}

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

.trust-card {
	min-height: 190px;
	text-align: center;
}

.trust-icon {
	border: 2px solid var(--cw-muted);
	border-radius: 8px;
	height: 42px;
	margin: 0 auto 18px;
	position: relative;
	width: 34px;
}

.trust-icon::after {
	border-bottom: 2px solid var(--cw-muted);
	border-right: 2px solid var(--cw-muted);
	content: "";
	height: 13px;
	left: 11px;
	position: absolute;
	top: 9px;
	transform: rotate(45deg);
	width: 7px;
}

.pricing-section {
	background: #030b15;
}

.pricing-page {
	background:
		radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.2), transparent 38%),
		#030b15;
	padding-top: 74px;
}

.pricing-page__hero {
	margin-bottom: 38px;
	text-align: center;
}

.pricing-page__hero h1 {
	font-size: clamp(42px, 6vw, 76px);
	line-height: 0.98;
	margin: 8px auto 20px;
	max-width: 900px;
}

.pricing-grid {
	display: grid;
	gap: 26px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 auto;
	max-width: 970px;
}

.pricing-grid--page {
	align-items: stretch;
	max-width: 1120px;
}

.pricing-card {
	min-height: 270px;
	position: relative;
}

.pricing-grid--page .pricing-card {
	display: flex;
	flex-direction: column;
	min-height: 560px;
}

.pricing-card h2 {
	font-size: 24px;
	margin: 0 0 16px;
}

.pricing-card--featured {
	border-color: var(--cw-line-strong);
	box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.45), 0 24px 70px rgba(37, 99, 235, 0.2);
}

.popular-badge {
	background: var(--cw-blue);
	border-radius: 4px;
	font-size: 12px;
	font-weight: 900;
	padding: 6px 10px;
	position: absolute;
	right: 18px;
	top: 18px;
}

.price {
	align-items: baseline;
	display: flex;
	gap: 6px;
}

.price span {
	color: #fff;
	font-size: 46px;
	font-weight: 900;
	line-height: 1;
}

.pricing-card .button {
	margin-top: 16px;
	width: 100%;
}

.pricing-grid--page .pricing-card .button {
	margin-top: auto;
}

.plan-list {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 18px 0;
	padding: 0;
}

.plan-list li {
	padding-left: 22px;
	position: relative;
}

.plan-list li::before {
	background: var(--cw-blue-bright);
	border-radius: 50%;
	box-shadow: 0 0 14px rgba(37, 124, 255, 0.38);
	content: "";
	height: 7px;
	left: 0;
	position: absolute;
	top: 0.7em;
	width: 7px;
}

.plan-note {
	font-size: 14px;
}

.cta-section {
	background:
		radial-gradient(circle at 20% 0%, rgba(37, 99, 235, 0.55), transparent 32%),
		radial-gradient(circle at 78% 0%, rgba(37, 99, 235, 0.48), transparent 30%),
		#04101d;
	border-top: 1px solid var(--cw-line);
	overflow: hidden;
	padding: 56px 0 64px;
	position: relative;
	text-align: center;
}

.cta-section .section-shell {
	position: relative;
	z-index: 1;
}

.cta-section h2 {
	margin-left: auto;
	margin-right: auto;
}

.cta-section p {
	color: #d7e2ef;
	font-size: 18px;
	margin: -10px 0 28px;
}

.site-footer {
	background: #020812;
	border-top: 1px solid var(--cw-line);
}

.site-footer__inner {
	align-items: center;
	display: grid;
	gap: 24px;
	grid-template-columns: auto auto 1fr auto;
	min-height: 86px;
}

.site-footer__copy {
	color: var(--cw-soft);
	margin: 0;
}

.footer-menu {
	gap: 28px;
	justify-content: center;
}

.footer-menu a {
	color: var(--cw-muted);
	font-size: 14px;
}

.site-footer__email {
	align-items: center;
	border: 1px solid var(--cw-line);
	border-radius: 5px;
	color: var(--cw-muted);
	display: flex;
	font-size: 14px;
	font-weight: 800;
	gap: 8px;
	justify-content: center;
	min-height: 32px;
	padding: 0 10px;
	text-decoration: none;
}

.site-footer__email:hover,
.site-footer__email:focus {
	border-color: rgba(76, 201, 240, 0.55);
	color: var(--cw-text);
}

.site-footer__email svg {
	height: 16px;
	width: 16px;
}

.site-footer__widgets {
	border-top: 1px solid var(--cw-line);
	display: grid;
	gap: 24px;
	padding-bottom: 30px;
	padding-top: 30px;
}

.content-shell {
	padding-bottom: 72px;
	padding-top: 72px;
}

.content-card {
	margin-bottom: 28px;
	padding: 34px;
}

.entry-title {
	color: #fff;
	font-size: clamp(34px, 5vw, 56px);
	line-height: 1.06;
	margin: 0 0 16px;
}

.entry-title a {
	color: #fff;
}

.entry-content a {
	color: #8db7ff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.entry-content > *:first-child {
	margin-top: 0;
}

.entry-content > *:last-child {
	margin-bottom: 0;
}

.post-thumbnail {
	margin: 24px 0;
}

.post-thumbnail img {
	border-radius: var(--cw-radius);
}

.page-header h1 {
	font-size: clamp(34px, 5vw, 54px);
	line-height: 1.08;
	margin: 0 0 26px;
}

.posts-navigation,
.post-navigation {
	margin-top: 28px;
}

.nav-links {
	display: flex;
	gap: 18px;
	justify-content: space-between;
}

.nav-links a {
	border: 1px solid var(--cw-line);
	border-radius: 6px;
	display: block;
	padding: 14px 18px;
}

.widget {
	color: var(--cw-muted);
}

.widget-title {
	color: #fff;
	font-size: 18px;
}

.comments-area,
.comment-list {
	color: var(--cw-muted);
}

.comment-list {
	display: grid;
	gap: 18px;
	list-style: none;
	margin: 24px 0;
	padding: 0;
}

.comment-body {
	border-bottom: 1px solid var(--cw-line);
	padding-bottom: 18px;
}

.comment-form {
	display: grid;
	gap: 14px;
}

.comment-form input:not([type="submit"]),
.comment-form textarea,
.search-field {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--cw-line);
	border-radius: 6px;
	color: var(--cw-text);
	font: inherit;
	padding: 13px 14px;
	width: 100%;
}

.comment-form label,
.search-form label {
	color: var(--cw-muted);
	display: grid;
	font-weight: 700;
	gap: 7px;
}

.search-form {
	align-items: end;
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr auto;
	max-width: 720px;
}

.clerwell-page-main,
.clerwell-blog-main,
.clerwell-single-main {
	background: var(--cw-bg);
}

.clerwell-page-main > *,
.clerwell-blog-main > *,
.clerwell-single-main > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.clerwell-page-hero {
	background:
		radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.22), transparent 34%),
		#030b15;
	padding: 76px 0 42px;
}

.clerwell-page-hero .entry-title,
.clerwell-blog-hero h1,
.clerwell-single-post .entry-title {
	font-size: clamp(42px, 6vw, 76px);
	line-height: 0.98;
	margin: 8px 0 18px;
	max-width: 940px;
}

.clerwell-page-body {
	padding: 46px 0 76px;
}

.clerwell-prose-card {
	color: #d6e0ec;
	font-size: 18px;
	line-height: 1.7;
	margin: 0 auto;
	max-width: 900px;
	padding: 34px;
}

.clerwell-prose-card h2,
.clerwell-prose-card h3 {
	color: #fff;
	line-height: 1.14;
	margin: 34px 0 14px;
}

.clerwell-prose-card h2:first-child,
.clerwell-prose-card h3:first-child {
	margin-top: 0;
}

.clerwell-prose-card p,
.clerwell-prose-card li {
	color: #d6e0ec;
}

.clerwell-prose-card ul,
.clerwell-prose-card ol {
	padding-left: 1.3em;
}

.clerwell-standard-page .entry-footer {
	margin: 24px auto 0;
	max-width: 900px;
}

.clerwell-blog-hero {
	background:
		radial-gradient(circle at 20% 0%, rgba(56, 216, 127, 0.12), transparent 30%),
		radial-gradient(circle at 72% 0%, rgba(37, 99, 235, 0.24), transparent 34%),
		#030b15;
	padding: 78px 0 50px;
}

.clerwell-blog-hero p:not(.eyebrow) {
	color: #cbd7e8;
	font-size: 19px;
	max-width: 690px;
}

.clerwell-blog-listing {
	padding: 52px 0 82px;
}

.clerwell-post-grid {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.clerwell-post-card {
	display: flex;
	flex-direction: column;
	min-height: 330px;
	padding: 26px;
}

.clerwell-post-card .entry-title {
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.08;
	margin-bottom: 10px;
}

.clerwell-post-card .entry-content {
	color: var(--cw-muted);
	margin-top: auto;
}

.clerwell-post-card .post-thumbnail {
	margin: 18px 0;
}

.clerwell-single-main {
	padding-bottom: 72px;
}

.clerwell-single-post {
	margin: 0;
}

.clerwell-single-post .entry-header {
	background:
		radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.22), transparent 34%),
		#030b15;
	border-top: 1px solid var(--cw-line);
	padding: 76px max(32px, calc((100vw - var(--cw-shell)) / 2 + 32px)) 42px;
}

.clerwell-single-post .entry-meta {
	color: var(--cw-muted);
	font-weight: 800;
	text-transform: uppercase;
}

.clerwell-single-post .post-thumbnail {
	margin: 42px auto 0;
	max-width: var(--cw-shell);
	padding: 0 32px;
}

.clerwell-single-post .entry-content {
	margin-top: 42px;
}

.clerwell-single-main .post-navigation,
.clerwell-single-main .comments-area {
	margin: 36px auto 0;
	max-width: 900px;
	padding-left: 32px;
	padding-right: 32px;
}

.clerwell-about-hero {
	text-align: center;
}

.clerwell-about-hero h1 {
	font-size: clamp(46px, 7vw, 82px);
	line-height: 0.96;
	margin: 8px auto 22px;
	max-width: 980px;
}

.clerwell-about-intro > .wp-block-group__inner-container {
	display: grid;
	gap: 26px;
	grid-template-columns: 0.85fr 1.15fr;
	width: 100%;
}

.clerwell-about-intro > .wp-block-group__inner-container > p {
	color: #d6e0ec;
	font-size: 20px;
	line-height: 1.65;
	margin: 0;
}

.about-statement,
.about-founder-card {
	padding: 30px;
}

.about-statement p {
	color: var(--cw-muted);
	font-size: 18px;
	margin-top: 0;
}

.about-statement strong {
	color: #fff;
	display: block;
	font-size: 24px;
	line-height: 1.2;
}

.about-two-col > .wp-block-group__inner-container {
	align-items: start;
	display: grid;
	gap: 42px;
	grid-template-columns: minmax(260px, 0.72fr) minmax(420px, 1.28fr);
	width: 100%;
}

.about-section-heading h2,
.about-founder-card h2 {
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.08;
	margin: 10px 0 0;
}

.about-copy {
	color: #d6e0ec;
	font-size: 18px;
	line-height: 1.7;
}

.about-copy p:first-child {
	margin-top: 0;
}

.about-audience-grid,
.about-principle-list {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 22px 0;
	padding: 0;
}

.about-audience-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-audience-grid li,
.about-principle-list li {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	color: #e7f0fb;
	font-weight: 800;
	padding: 13px 14px;
}

.about-principles-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-principles-grid article {
	padding: 24px;
}

.about-principles-grid h3 {
	font-size: 18px;
	line-height: 1.2;
	margin: 0 0 12px;
}

.about-principles-grid p,
.about-founder-card p {
	color: var(--cw-muted);
}

.clerwell-contact-hero h1 {
	font-size: clamp(42px, 6vw, 76px);
	line-height: 0.98;
	margin: 8px 0 20px;
	max-width: 940px;
}

.clerwell-contact-grid {
	align-items: stretch;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
}

.contact-card {
	padding: 30px;
}

.contact-card h2 {
	font-size: 30px;
	line-height: 1.1;
	margin: 8px 0 14px;
}

.contact-card p,
.contact-card li {
	color: var(--cw-muted);
}

.contact-card ul {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 18px 0 24px;
	padding: 0;
}

.contact-card li {
	border-bottom: 1px solid var(--cw-line);
	padding-bottom: 10px;
}

.contact-card li:last-child {
	border-bottom: 0;
}

.company-details {
	border-top: 1px solid var(--cw-line);
	display: grid;
	gap: 8px;
	margin: 22px 0 24px;
	padding-top: 18px;
}

.company-details p {
	margin: 0;
}

.contact-form-slot {
	margin-top: 22px;
}

.contact-shortcode-slot {
	background: rgba(255, 255, 255, 0.055);
	border: 1px dashed rgba(203, 215, 232, 0.28);
	border-radius: 8px;
	color: #dceaff;
	font-weight: 800;
	margin-top: 22px;
	padding: 22px;
}

.contact-form__fields {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-form__fields label {
	color: #dbe8ff;
	display: grid;
	font-weight: 800;
	gap: 7px;
}

.contact-form__fields input:not([type="checkbox"]),
.contact-form__fields textarea {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--cw-line);
	border-radius: 6px;
	color: var(--cw-text);
	font: inherit;
	min-height: 48px;
	padding: 12px 14px;
	width: 100%;
}

.contact-form__fields textarea {
	resize: vertical;
}

.contact-form__fields input:not([type="checkbox"]):focus,
.contact-form__fields textarea:focus {
	border-color: rgba(105, 157, 255, 0.86);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
	outline: none;
}

.contact-form__fields button {
	background: linear-gradient(180deg, var(--cw-blue-bright), var(--cw-blue));
	border: 1px solid rgba(80, 140, 255, 0.95);
	border-radius: 6px;
	box-shadow: 0 14px 34px rgba(37, 99, 235, 0.28);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	grid-column: 1 / -1;
	min-height: 52px;
	padding: 0 24px;
}

.contact-form__fields button:hover,
.contact-form__fields button:focus-visible {
	transform: translateY(-1px);
}

.contact-form__wide,
.contact-form__message {
	grid-column: 1 / -1;
}

.contact-form__acceptance {
	align-items: start;
	color: var(--cw-muted);
	display: grid;
	font-size: 14px;
	font-weight: 700;
	gap: 10px;
	grid-template-columns: auto 1fr;
	line-height: 1.5;
}

.contact-form__acceptance input {
	accent-color: var(--cw-blue-bright);
	height: 18px;
	margin-top: 2px;
	width: 18px;
}

.contact-form__acceptance a {
	color: #8db7ff;
	font-weight: 900;
}

.contact-form__trap {
	display: none;
}

.contact-form__message {
	border: 1px solid var(--cw-line);
	border-radius: 8px;
	margin-bottom: 18px;
	padding: 15px 16px;
}

.contact-form__message strong {
	color: #fff;
	display: block;
	margin-bottom: 4px;
}

.contact-form__message p {
	color: inherit;
	margin: 0;
}

.contact-form__message--success {
	background: rgba(56, 216, 127, 0.1);
	border-color: rgba(56, 216, 127, 0.32);
	color: #d9ffe7;
}

.contact-form__message--error {
	background: rgba(255, 90, 90, 0.1);
	border-color: rgba(255, 90, 90, 0.35);
	color: #ffd6d6;
}

.early-access-page {
	background:
		radial-gradient(circle at 70% 0%, rgba(56, 216, 127, 0.12), transparent 32%),
		radial-gradient(circle at 24% 0%, rgba(37, 99, 235, 0.28), transparent 34%),
		#030b15;
	overflow: hidden;
	padding-bottom: 72px;
	padding-top: 74px;
	position: relative;
}

.early-access-page__backdrop {
	background:
		linear-gradient(90deg, rgba(2, 8, 18, 0.18), rgba(2, 8, 18, 0.9) 64%),
		url("../images/early-access-office.jpg");
	background-position: center;
	background-size: cover;
	inset: 0;
	opacity: 0.14;
	position: absolute;
}

.early-access-hero {
	position: relative;
	z-index: 1;
}

.early-access-hero > .wp-block-group__inner-container {
	align-items: center;
	display: grid;
	gap: 42px;
	grid-template-columns: minmax(320px, 0.84fr) minmax(420px, 1.16fr);
	width: 100%;
}

.early-access-copy h1 {
	font-size: clamp(46px, 7vw, 82px);
	line-height: 0.96;
	margin: 8px 0 22px;
	max-width: 760px;
}

.early-access-copy .section-lede {
	margin: 0 0 28px;
	max-width: 620px;
}

.early-access-note {
	max-width: 620px;
	padding: 24px;
}

.early-access-note p:not(.panel-label) {
	color: var(--cw-muted);
	font-size: 17px;
	margin: 8px 0 0;
}

.early-access-note a {
	color: #8db7ff;
	font-weight: 900;
}

.early-access-form {
	padding: 30px;
}

.early-access-form__fields {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.early-access-form__fields label {
	color: #dbe8ff;
	display: grid;
	font-weight: 800;
	gap: 7px;
}

.early-access-form__fields input,
.early-access-form__fields select,
.early-access-form__fields textarea {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--cw-line);
	border-radius: 6px;
	color: var(--cw-text);
	font: inherit;
	min-height: 48px;
	padding: 12px 14px;
	width: 100%;
}

.early-access-form__fields select {
	appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, #dbe8ff 50%),
		linear-gradient(135deg, #dbe8ff 50%, transparent 50%);
	background-position:
		calc(100% - 18px) 20px,
		calc(100% - 12px) 20px;
	background-repeat: no-repeat;
	background-size: 6px 6px;
}

.early-access-form__fields textarea {
	resize: vertical;
}

.early-access-form__fields button {
	background: linear-gradient(180deg, var(--cw-blue-bright), var(--cw-blue));
	border: 1px solid rgba(80, 140, 255, 0.95);
	border-radius: 6px;
	box-shadow: 0 14px 34px rgba(37, 99, 235, 0.28);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	grid-column: 1 / -1;
	min-height: 52px;
	padding: 0 24px;
}

.early-access-form__wide,
.early-access-message {
	grid-column: 1 / -1;
}

.early-access-form__trap {
	display: none;
}

.early-access-message {
	border: 1px solid var(--cw-line);
	border-radius: 8px;
	margin-bottom: 18px;
	padding: 15px 16px;
}

.early-access-message strong {
	color: #fff;
	display: block;
	margin-bottom: 4px;
}

.early-access-message p {
	margin: 0;
}

.early-access-message--success {
	background: rgba(56, 216, 127, 0.1);
	border-color: rgba(56, 216, 127, 0.32);
	color: #d9ffe7;
}

.early-access-message--error {
	background: rgba(255, 90, 90, 0.1);
	border-color: rgba(255, 90, 90, 0.35);
	color: #ffd6d6;
}

.early-access-steps {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.early-access-steps article {
	padding: 26px;
}

.early-access-steps span {
	color: var(--cw-green);
	font-size: 13px;
	font-weight: 900;
}

.early-access-steps h3 {
	font-size: 22px;
	line-height: 1.15;
	margin: 10px 0 12px;
}

.early-access-steps p {
	color: var(--cw-muted);
	margin: 0;
}

.tml,
.theme-my-login {
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
		var(--cw-panel);
	border: 1px solid var(--cw-line);
	border-radius: var(--cw-radius);
	box-shadow: var(--cw-shadow);
	color: var(--cw-muted);
	margin: 0 auto;
	max-width: 560px;
	padding: 30px;
}

.tml form,
.theme-my-login form {
	display: grid;
	gap: 16px;
}

.tml label,
.theme-my-login label {
	color: #dbe8ff;
	display: grid;
	font-weight: 800;
	gap: 7px;
}

.tml input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.theme-my-login input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--cw-line);
	border-radius: 6px;
	color: var(--cw-text);
	font: inherit;
	min-height: 48px;
	padding: 12px 14px;
	width: 100%;
}

.tml input[type="submit"],
.tml button[type="submit"],
.tml .tml-button,
.theme-my-login input[type="submit"],
.theme-my-login button[type="submit"] {
	background: linear-gradient(180deg, var(--cw-blue-bright), var(--cw-blue));
	border: 1px solid rgba(80, 140, 255, 0.95);
	border-radius: 6px;
	box-shadow: 0 14px 34px rgba(37, 99, 235, 0.28);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	min-height: 50px;
	padding: 0 22px;
	width: 100%;
}

.tml .tml-links,
.tml .tml-action-links,
.theme-my-login .tml-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

.tml a,
.theme-my-login a {
	color: #8db7ff;
	font-weight: 800;
}

.tml .tml-error,
.tml .tml-errors,
.tml .tml-alerts,
.tml .tml-message,
.theme-my-login .tml-error,
.theme-my-login .tml-message {
	border: 1px solid var(--cw-line);
	border-radius: 8px;
	margin-bottom: 16px;
	padding: 13px 14px;
}

.tml .tml-error,
.tml .tml-errors,
.theme-my-login .tml-error {
	background: rgba(255, 90, 90, 0.1);
	border-color: rgba(255, 90, 90, 0.35);
	color: #ffd6d6;
}

.tml .tml-message,
.tml .tml-alerts,
.theme-my-login .tml-message {
	background: rgba(56, 216, 127, 0.1);
	border-color: rgba(56, 216, 127, 0.32);
	color: #d9ffe7;
}

.clerwell-pattern-page {
	background: #020812;
	color: #f6f9ff;
	padding: 72px 24px;
}

.clerwell-pattern-page > * {
	max-width: 1120px;
}

.clerwell-pattern-page h1 {
	font-size: clamp(42px, 7vw, 76px);
	line-height: 0.98;
}

.clerwell-pattern-cards > .wp-block-column,
.clerwell-pattern-pricing > .wp-block-column {
	background: rgba(13, 28, 43, 0.82);
	border: 1px solid rgba(162, 190, 217, 0.17);
	border-radius: var(--cw-radius);
	padding: 24px;
}

@media (max-width: 1100px) {
	.site-header__inner {
		grid-template-columns: auto auto;
	}

	.header-actions {
		display: none;
	}

	.main-navigation {
		justify-content: end;
	}

	.menu-toggle {
		display: block;
	}

	.primary-menu {
		background: rgba(2, 8, 18, 0.98);
		border: 1px solid var(--cw-line);
		border-radius: var(--cw-radius);
		box-shadow: var(--cw-shadow);
		display: none;
		flex-direction: column;
		gap: 0;
		padding: 10px;
		position: absolute;
		right: 24px;
		top: 70px;
		width: min(320px, calc(100vw - 48px));
	}

	.main-navigation.is-open .primary-menu {
		display: flex;
	}

	.primary-menu li,
	.primary-menu a {
		width: 100%;
	}

	.primary-menu a {
		display: block;
		padding: 13px 14px;
	}

	.hero-grid {
		min-height: auto;
		padding-bottom: 56px;
		padding-top: 64px;
	}

	.hero-grid > .wp-block-group__inner-container {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

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

	.hero-worker-scene {
		grid-column: auto;
		grid-template-areas:
			"profile feed"
			"approval feed";
		grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
		margin-top: 0;
	}

	.side-panels {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.onboarding-grid,
	.role-grid,
	.trust-grid,
	.feature-grid,
	.feature-grid--wide {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.outcome-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.prose-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.identity-copy {
		border-left: 0;
		padding-left: 0;
	}

	.onboarding-console {
		grid-template-columns: 1fr;
	}

	.onboarding-console__profile {
		border-bottom: 1px solid var(--cw-line);
		border-right: 0;
		padding-bottom: 20px;
		padding-right: 0;
	}

	.workspace-story {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.workspace-map {
		grid-row: auto;
	}

	.task-card {
		grid-column: auto;
	}

	.pricing-grid {
		grid-template-columns: 1fr;
		max-width: 560px;
	}

	.clerwell-post-grid,
	.about-principles-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.early-access-hero > .wp-block-group__inner-container,
	.about-two-col > .wp-block-group__inner-container,
	.clerwell-about-intro > .wp-block-group__inner-container,
	.clerwell-contact-grid {
		grid-template-columns: 1fr;
	}

	.site-footer__inner {
		grid-template-columns: 1fr;
		padding-bottom: 28px;
		padding-top: 28px;
		text-align: center;
	}

	.site-footer__brand,
	.footer-menu,
	.site-footer__email {
		justify-content: center;
	}
}

@media (max-width: 760px) {
	.site-header__inner,
	.section-shell,
	.site-footer__inner,
	.site-footer__widgets,
	.content-shell {
		padding-left: 20px;
		padding-right: 20px;
	}

	.clerwell-prose-card,
	.contact-card,
	.early-access-form,
	.about-statement,
	.about-founder-card,
	.tml,
	.theme-my-login {
		padding: 22px;
	}

	.clerwell-page-hero .entry-title,
	.clerwell-blog-hero h1,
	.clerwell-single-post .entry-title,
	.clerwell-contact-hero h1,
	.clerwell-about-hero h1 {
		font-size: 42px;
	}

	.clerwell-single-post .entry-header,
	.clerwell-single-post .post-thumbnail,
	.clerwell-single-main .post-navigation,
	.clerwell-single-main .comments-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	.hero-section,
	.hero-grid {
		min-height: auto;
	}

	.hero-copy h1,
	.cta-section h2 {
		font-size: 42px;
	}

	.hero-lede {
		font-size: 17px;
	}

	.hero-copy {
		max-width: 350px;
	}

	.button {
		width: 100%;
	}

	.wp-block-button,
	.wp-block-button__link {
		width: 100%;
	}

	.search-form {
		grid-template-columns: 1fr;
	}

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

	.worker-profile__head,
	.role-card__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.profile-list div {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.side-panels,
	.comparison-grid,
	.workflow-comparison,
	.onboarding-grid,
	.role-grid,
	.trust-grid,
	.feature-grid,
	.feature-grid--wide,
	.contact-form__fields,
	.early-access-form__fields,
	.early-access-steps,
	.clerwell-post-grid,
	.about-audience-grid,
	.about-principles-grid {
		grid-template-columns: 1fr;
	}

	.hero-worker-scene {
		grid-template-areas:
			"profile"
			"feed"
			"approval";
		grid-template-columns: 1fr;
	}

	.onboarding-console {
		padding: 18px;
	}

	.onboarding-console__profile .button {
		width: 100%;
	}

	.onboarding-checklist li {
		align-items: start;
		gap: 6px;
		grid-template-columns: 1fr;
	}

	.workspace-story {
		grid-template-columns: 1fr;
	}

	.workspace-map__grid {
		grid-template-columns: 1fr;
	}

	.message-row--worker {
		margin-left: 0;
	}

	.directory-row {
		grid-template-columns: auto 1fr;
	}

	.directory-row em {
		grid-column: 2;
	}

	.flow-row {
		grid-template-columns: 1fr;
	}

	.flow-row span {
		aspect-ratio: auto;
		border-radius: 999px;
		max-width: none;
		min-height: 44px;
	}

	.timeline-list {
		padding: 18px;
	}

	.timeline-list::before,
	.timeline-list li::before {
		display: none;
	}

	.timeline-list li {
		align-items: start;
		gap: 8px;
		grid-template-columns: 1fr;
		padding: 16px 0;
	}

	.timeline-list span {
		padding-left: 0;
	}

	.timeline-list p {
		text-align: left;
	}

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