@font-face {
	font-family: Manrope;
	src: url("/assets/manrope-variable.3ae11c49db0455a3.ttf") format("truetype");
	font-weight: 200 800;
	font-display: swap;
}
:root {
	--paper: #f7f6f1;
	--white: #fffefb;
	--ink: #242726;
	--muted: #626963;
	--line: #d9ddd5;
	--green: #176a52;
	--mint: #36d6a4;
	--mint-pale: #d9ede3;
	--dark: #242726;
	font-family:
		Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--ink);
	background: var(--paper);
	font-synthesis: none;
	color-scheme: light;
}
* {
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 112px;
}
body {
	margin: 0;
}
a {
	color: inherit;
	text-decoration: none;
}
button,
a,
summary {
	-webkit-tap-highlight-color: transparent;
}
a:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--green);
	outline-offset: 5px;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
h1,
h2,
h3,
p {
	margin-top: 0;
}
h1,
h2 {
	font-family: Manrope, sans-serif;
	font-weight: 800;
	letter-spacing: -0.05em;
}
h1 em,
h2 em,
.footer-signature em {
	font-style: normal;
	font-weight: inherit;
}
h1 {
	font-size: clamp(48px, 5.5vw, 80px);
	line-height: 1.06;
	margin-bottom: 28px;
}
h2 {
	font-size: clamp(36px, 3.8vw, 56px);
	line-height: 1.1;
	margin-bottom: 24px;
}
h3 {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 550;
	letter-spacing: -0.025em;
	margin-bottom: 14px;
}
p {
	font-size: 15px;
	line-height: 1.8;
	color: var(--muted);
	margin-bottom: 22px;
}
em {
	font-style: normal;
	font-weight: inherit;
	color: var(--green);
}
a,
summary {
	touch-action: manipulation;
}
.container {
	width: min(1280px, calc(100% - 112px));
	margin-inline: auto;
}
.section {
	padding-block: 112px;
}
.eyebrow,
.case-number {
	font-size: 10px;
	letter-spacing: 1.55px;
	font-weight: 650;
	line-height: 1.6;
	color: var(--green);
	text-transform: uppercase;
	margin-bottom: 24px;
}
.eyebrow {
	display: block;
}
.lead {
	font-size: 20px;
	line-height: 1.65;
	max-width: 670px;
	letter-spacing: -0.35px;
}
.large-copy {
	font-size: 22px;
	line-height: 1.65;
	letter-spacing: -0.4px;
	color: var(--ink);
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.skip {
	position: fixed;
	z-index: 30;
	top: -100px;
	left: 20px;
	background: var(--white);
	padding: 15px;
}
.skip:focus {
	top: 12px;
}
.site-header {
	position: sticky;
	top: 0;
	z-index: 10;
	background: var(--dark);
	border-bottom: 1px solid #ffffff20;
	color: var(--paper);
}
.header-inner {
	height: 90px;
	display: flex;
	align-items: center;
	gap: 44px;
}
.brand {
	display: block;
	width: 174px;
	flex-shrink: 0;
}
.brand img {
	width: 100%;
	height: auto;
}
.desktop-nav {
	margin-left: auto;
	display: flex;
	gap: 31px;
	align-items: center;
	font-size: 12px;
}
.desktop-nav a {
	padding: 14px 0;
	position: relative;
}
.desktop-nav a[aria-current] {
	color: var(--mint);
}
.desktop-nav a[aria-current]::after {
	content: "";
	height: 1px;
	background: var(--mint);
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
}
.header-actions {
	display: flex;
	align-items: center;
	gap: 26px;
	margin-left: 26px;
}
.sign-in {
	font-size: 12px;
}
.site-header a:hover {
	color: var(--mint);
}
.site-header a:focus-visible,
.site-header summary:focus-visible,
.site-footer a:focus-visible,
.dark-section a:focus-visible {
	outline-color: var(--mint);
}
.button {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 16px 23px;
	border: 1px solid var(--mint);
	border-radius: 4px;
	background: var(--mint);
	color: var(--ink);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.5;
	transition:
		background 0.16s,
		color 0.16s;
}
.button:hover {
	background: #72e4bc;
	border-color: #72e4bc;
	color: var(--ink);
}
.button.secondary {
	background: transparent;
	color: var(--ink);
	border-color: #9ca99e;
}
.button.secondary:hover {
	background: #e5e9e0;
}
.link-arrow {
	font-family: Manrope, sans-serif;
	font-size: 16px;
	font-weight: 450;
	line-height: 1;
	flex-shrink: 0;
}
.header-actions .button,
.site-header .button {
	background: var(--mint);
	border-color: var(--mint);
	color: var(--ink);
	padding: 12px 19px;
}
.site-header .button:hover {
	background: #72e4bc;
	color: var(--ink);
}
.mobile-menu {
	display: none;
}
.text-link {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.6;
	padding-block: 8px;
	border-bottom: 1px solid currentColor;
}
.text-link:hover {
	color: var(--green);
}
.actions {
	display: flex;
	align-items: center;
	gap: 25px;
}
.section-heading {
	margin-bottom: 48px;
	max-width: 840px;
}
.section-heading > p:last-child {
	max-width: 660px;
}
.section-heading h2 {
	margin-bottom: 20px;
}

/* Warm editorial photography, paired with a concrete publishing benefit. */
.launch-hero {
	background: var(--paper);
	overflow: hidden;
}
.hero-heading {
	display: grid;
	grid-template-columns: 1fr 1.02fr;
	gap: 70px;
	align-items: center;
	padding-block: 68px 64px;
}
.hero-copy {
	padding-bottom: 22px;
}
.hero-copy > .eyebrow {
	font-size: 9px;
	letter-spacing: 1.35px;
	margin-bottom: 31px;
}
.hero-copy h1 {
	font-size: clamp(64px, 5.7vw, 82px);
	line-height: 1.05;
	letter-spacing: -0.055em;
	max-width: 650px;
	margin-bottom: 32px;
}
.hero-copy h1 em {
	display: inline-block;
}
.hero-copy .lead {
	max-width: 400px;
	font-size: 21px;
	color: var(--ink);
	line-height: 1.6;
	margin-bottom: 20px;
}
.hero-detail {
	max-width: 455px;
	font-size: 15px;
	line-height: 1.85;
	margin-bottom: 29px;
}
.hero-understatement {
	font-size: 10px;
	margin: 24px 0 0;
	color: #626963;
}
.hero-editorial {
	position: relative;
	margin: 0;
	align-self: stretch;
	min-height: 590px;
	background: var(--dark);
}
.hero-editorial > img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	object-position: center 38%;
}
.hero-editorial figcaption {
	position: absolute;
	bottom: 25px;
	left: -25px;
	padding: 23px 28px 20px;
	background: var(--mint-pale);
	border-top: 2px solid var(--green);
	box-shadow: 0 8px 25px #20262015;
}
.hero-editorial figcaption > span:first-child {
	font-size: 8px;
	font-weight: 650;
	letter-spacing: 1.1px;
	color: var(--green);
}
.hero-editorial figcaption p {
	font: 750 30px / 1.15 Manrope, sans-serif;
	letter-spacing: -0.7px;
	color: var(--ink);
	margin: 12px 0 20px;
}
.photo-credit {
	display: block;
	font-size: 8px;
	letter-spacing: 0.85px;
	color: #4d6b5b;
}
.audience-strip {
	border-top: 1px solid #cdd4c9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	padding-block: 27px 29px;
}
.audience-strip p {
	font-size: 10px;
	line-height: 1.6;
	margin: 0;
}
.audience-strip > div {
	display: flex;
	gap: 45px;
}
.audience-strip > div > span {
	font-family: Manrope, sans-serif;
	font-size: 20px;
	letter-spacing: -0.45px;
}

/* A working notebook, not a fictional product interface. */
.founder-section {
	display: grid;
	grid-template-columns: 0.95fr 1fr;
	gap: 110px;
	border-bottom: 1px solid var(--line);
}
.founder-section > div > p:not(.eyebrow) {
	max-width: 440px;
}
.prompt-sheet {
	border-top: 2px solid var(--ink);
	padding-top: 17px;
}
.sheet-heading {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	font-size: 9px;
	letter-spacing: 1.1px;
	color: var(--green);
	margin-bottom: 12px;
}
.prompt-sheet ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.prompt-sheet li {
	display: flex;
	gap: 25px;
	border-bottom: 1px solid var(--line);
	padding-block: 23px 20px;
}
.prompt-sheet li > span {
	font-family: Manrope, sans-serif;
	font-size: 18px;
	color: var(--green);
}
.prompt-sheet h3 {
	font-size: 19px;
	line-height: 1.4;
	margin-bottom: 8px;
}
.prompt-sheet li p {
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
}
.sheet-footnote {
	font-size: 10px;
	line-height: 1.8;
	margin: 16px 0 0;
}
.ego-explainer {
	display: grid;
	grid-template-columns: 0.95fr 1fr;
	gap: 110px;
	align-items: center;
}
.ego-explainer .large-copy {
	max-width: 480px;
}
.ego-explainer > div > p:not(.large-copy):not(.eyebrow) {
	max-width: 480px;
}
.ego-example {
	border: 1px solid #bccdc1;
	background: #e6eee6;
	padding: 35px 37px;
	position: relative;
}
.ego-example::before {
	content: "";
	position: absolute;
	inset: 7px;
	border: 1px solid #c7d6c9;
	pointer-events: none;
}
.ego-example-top {
	display: flex;
	gap: 18px;
	align-items: center;
	border-bottom: 1px solid #bbcebc;
	padding-bottom: 21px;
	position: relative;
}
.ego-monogram {
	font-family: Manrope, sans-serif;
	font-style: normal;
	font-size: 49px;
	line-height: 1;
	color: var(--green);
	padding-right: 7px;
}
.ego-example-top .eyebrow {
	font-size: 8px;
	letter-spacing: 1.2px;
	margin-bottom: 8px;
}
.ego-example-top h3 {
	font-family: Manrope, sans-serif;
	font-size: 28px;
	font-weight: 400;
	margin: 0;
	letter-spacing: -0.8px;
}
.ego-example dl {
	margin: 7px 0 19px;
}
.ego-example dl > div {
	display: grid;
	grid-template-columns: 124px 1fr;
	gap: 20px;
	border-bottom: 1px solid #c7d6c9;
	padding-block: 13px;
}
.ego-example dt {
	font-size: 10px;
	color: #52644f;
}
.ego-example dd {
	font-size: 12px;
	line-height: 1.6;
	margin: 0;
	color: #263b2b;
}
.ego-example > p {
	font-size: 10px;
	margin: 0;
	color: #53634e;
}
.ego-clarity {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	border-top: 1px solid var(--line);
	padding-top: 36px;
	margin-top: 45px;
}
.ego-clarity h3 {
	font-size: 21px;
}
.ego-clarity p {
	font-size: 14px;
}
.dark-section {
	padding-block: 100px;
	background: var(--dark);
	color: var(--paper);
}
.split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 110px;
	align-items: start;
}
.dark-section .eyebrow,
.dark-section em {
	color: var(--mint);
}
.dark-section p {
	color: #bfc8bf;
	max-width: 460px;
}
.dark-section .large-copy {
	color: var(--paper);
}
.dark-section .text-link {
	color: var(--mint);
}
.dark-section .text-link:hover {
	color: #c5f6e0;
}
.benefit-stack article {
	display: flex;
	gap: 28px;
	padding-block: 24px;
	border-top: 1px solid #ffffff2b;
}
.benefit-stack article:first-child {
	padding-top: 4px;
	border: 0;
}
.benefit-stack article > span {
	font-family: Manrope, sans-serif;
	color: var(--mint);
	font-size: 20px;
	line-height: 1.5;
}
.benefit-stack h3 {
	font-size: 22px;
	font-weight: 450;
	margin-bottom: 10px;
}
.benefit-stack p {
	font-size: 13px;
	line-height: 1.8;
	margin-bottom: 0;
}

/* Actual application captures retain their aspect and can be inspected full size. */
.proof-heading {
	display: grid;
	grid-template-columns: 1fr 0.65fr;
	gap: 100px;
	align-items: end;
	margin-bottom: 35px;
}
.proof-heading h2 {
	margin-bottom: 0;
}
.proof-heading > p {
	margin-bottom: 3px;
	font-size: 15px;
	max-width: 410px;
}
.product-shot {
	margin: 0;
	border: 1px solid #cbd3c7;
	background: var(--white);
}
.shot-bar {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	background: #e4ebe2;
	border-bottom: 1px solid #cbd3c7;
	padding: 13px 19px;
	font-size: 8px;
	letter-spacing: 1px;
	color: #466140;
}
.shot-scroll {
	overflow: auto;
}
.shot-scroll img {
	width: 100%;
	min-width: 760px;
	max-width: none;
}
.product-shot figcaption {
	padding: 15px 19px;
	display: flex;
	justify-content: space-between;
	gap: 25px;
	border-top: 1px solid var(--line);
	font-size: 10px;
	color: var(--muted);
	line-height: 1.7;
}
.product-shot figcaption a {
	color: var(--green);
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}
.product-shot figcaption .link-arrow {
	font-size: 12px;
	margin-left: 4px;
}
.screenshot-detail {
	margin-top: 20px;
	border-bottom: 1px solid var(--line);
}
.screenshot-detail > summary {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	cursor: pointer;
	padding: 15px 0 19px;
	list-style: none;
}
.screenshot-detail > summary::-webkit-details-marker {
	display: none;
}
.screenshot-detail[open] > summary > span {
	transform: rotate(45deg);
}
.screenshot-detail[open] {
	border-bottom: 0;
}
.screenshot-detail > summary > span {
	font-size: 24px;
	font-weight: 300;
}
.mobile-shot-hint {
	display: none;
}
.soft-section {
	background: #e9eee5;
	padding-block: 90px;
}
.compact h2 {
	margin-bottom: 0;
}
.soft-section .large-copy {
	max-width: 500px;
}
.workflow {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border-top: 1px solid var(--ink);
}
.feature-card {
	padding: 28px 30px 10px 0;
	min-width: 0;
}
.feature-card + .feature-card {
	border-left: 1px solid var(--line);
	padding-left: 30px;
}
.card-index {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 1.3px;
	color: var(--green);
	display: block;
	margin-bottom: 33px;
	line-height: 1.6;
}
.feature-card h3 {
	font-size: 22px;
}
.feature-card p {
	font-size: 13px;
	line-height: 1.8;
}
.three-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid var(--line);
}
.integration-line {
	display: grid;
	grid-template-columns: 1fr 2.3fr auto;
	gap: 45px;
	align-items: center;
	border-top: 1px solid var(--line);
	padding-top: 25px;
	margin-top: 25px;
}
.integration-line > span {
	font-size: 10px;
	line-height: 1.8;
	letter-spacing: 1.2px;
	font-weight: 650;
	color: var(--green);
}
.integration-line p {
	font-size: 12px;
	margin: 0;
}
.home-offer {
	border-block: 1px solid var(--line);
	background: #eef0e9;
	padding-block: 75px;
}
.offer-inner {
	display: grid;
	grid-template-columns: 1fr 0.65fr;
	gap: 110px;
	align-items: center;
}
.offer-inner > div > p:not(.eyebrow) {
	max-width: 510px;
}
.offer-plan {
	border-left: 1px solid #bdcabb;
	padding-left: 64px;
}
.offer-plan > .eyebrow {
	margin-bottom: 14px;
}
.offer-plan .offer-price {
	font-family: Manrope, sans-serif;
	line-height: 1.3;
	font-size: 66px;
	letter-spacing: -3px;
	color: var(--ink);
	margin-bottom: 14px;
	display: flex;
	align-items: baseline;
	gap: 13px;
}
.offer-price > span {
	font-family: Manrope, sans-serif;
	font-size: 10px;
	letter-spacing: 0;
	color: var(--muted);
}
.offer-plan > p:not(.offer-price) {
	font-size: 12px;
}
.offer-plan > .fine-print {
	display: block;
	font-size: 9px;
	margin-top: 15px;
}
/* Atmospheric image banner. Copy remains over a deliberately dark field. */
.cta-section {
	position: relative;
	isolation: isolate;
	background: #202b25;
	color: var(--paper);
	padding-block: 86px;
	min-height: 570px;
	display: flex;
	align-items: center;
}
.cta-photo {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 60%;
}
.cta-section::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(
		90deg,
		#202b25f5 0%,
		#202b25eb 37%,
		#202b2599 60%,
		#202b2500 83%
	);
}
.cta-inner {
	display: block;
}
.cta-inner > div {
	max-width: 590px;
	width: 52%;
}
.cta-inner h2 {
	font-size: clamp(42px, 3.8vw, 56px);
	max-width: 570px;
}
.cta-inner .eyebrow,
.cta-inner em {
	color: var(--mint);
}
.cta-inner p:not(.eyebrow) {
	color: #e0e6df;
	max-width: 435px;
	font-size: 14px;
	margin-bottom: 28px;
}
.cta-inner .text-link {
	font-size: 11px;
	color: var(--paper);
}
.cta-inner .text-link:hover {
	color: var(--mint);
}
.cta-action {
	display: flex;
	align-items: center;
	gap: 26px;
	flex-wrap: wrap;
	text-align: left;
}
.cta-action .button {
	background: var(--mint);
	border-color: var(--mint);
	color: var(--ink);
}
.cta-action .button:hover {
	background: #72e4bc;
	border-color: #72e4bc;
}
.cta-section a:focus-visible {
	outline-color: var(--mint);
}
.cta-note {
	display: block;
	color: #d0dcd3;
	font-size: 9px;
	margin-top: 22px;
}
.site-footer {
	background: var(--dark);
	color: var(--paper);
	padding-top: 65px;
}
.footer-signature {
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding-bottom: 50px;
	border-bottom: 1px solid #ffffff29;
	margin-bottom: 54px;
	gap: 50px;
}
.footer-signature p {
	font-family: Manrope, sans-serif;
	font-weight: 650;
	color: var(--paper);
	font-size: clamp(44px, 5vw, 70px);
	letter-spacing: -2.4px;
	line-height: 1.05;
	margin: 0;
}
.footer-signature em {
	color: var(--mint);
}
.footer-signature > span {
	font-size: 9px;
	letter-spacing: 1.65px;
	line-height: 2.2;
	color: #acbbb0;
}
.footer-grid {
	display: grid;
	grid-template-columns: 1.65fr 1fr 1fr 1.2fr;
	gap: 55px;
	padding-bottom: 55px;
}
.footer-brand .brand {
	width: 185px;
	margin-bottom: 25px;
}
.footer-brand p {
	font-size: 12px;
	color: #c0c9c0;
	line-height: 1.8;
}
.footer-brand > span {
	font-size: 10px;
	line-height: 1.8;
	color: #a4b2a7;
}
.footer-grid > div > h2 {
	font-family: Manrope, sans-serif;
	font-size: 11px;
	font-weight: 650;
	letter-spacing: 0.2px;
	color: var(--mint);
	margin-bottom: 23px;
}
.footer-grid > div:not(:first-child) > a {
	display: block;
	font-size: 12px;
	color: #cbd3ca;
	margin-bottom: 17px;
	width: fit-content;
}
.footer-grid > div > p {
	font-size: 11px;
	color: #a4b2a7;
	margin-top: 24px;
}
.footer-grid a:hover {
	color: var(--mint);
}
.footer-bottom {
	border-top: 1px solid #ffffff29;
	padding-block: 24px;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	font-size: 9px;
	color: #a4b2a7;
}

/* Shared page system: generous article typography, clear rules, quiet details. */
.page-intro {
	padding-block: 78px 51px;
}
.page-intro h1 {
	font-size: clamp(46px, 5.4vw, 78px);
	max-width: 1100px;
}
.page-intro .lead {
	font-size: 18px;
	max-width: 710px;
	margin-bottom: 0;
}
.page-actions {
	display: flex;
	gap: 30px;
	align-items: center;
	margin-bottom: 45px;
}
.product-overview {
	padding: 22px 22px 0;
	background: #dfe8dc;
	border: 1px solid #c4d1bf;
}
.product-overview > .product-shot {
	border-bottom: 0;
}
.feature-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 110px;
	padding-block: 70px;
	border-top: 1px solid var(--line);
}
.feature-row:first-child {
	padding-top: 0;
	border: 0;
}
.feature-row:last-child {
	padding-bottom: 0;
}
.feature-row p {
	max-width: 500px;
}
.check-list {
	list-style: none;
	padding: 0;
	margin: 25px 0 0;
}
.check-list li {
	font-size: 13px;
	line-height: 1.8;
	position: relative;
	padding-left: 24px;
	margin-bottom: 10px;
	color: #4e5b4e;
}
.check-list li::before {
	content: "✓";
	color: var(--green);
	position: absolute;
	left: 0;
}
.editorial-panel {
	background: var(--dark);
	color: var(--paper);
	padding: 45px 42px;
	border-top: 3px solid var(--mint);
}
.editorial-panel > .eyebrow {
	color: var(--mint);
}
.editorial-panel h3 {
	font-family: Manrope, sans-serif;
	font-weight: 650;
	font-size: 41px;
	line-height: 1.13;
	letter-spacing: -1.4px;
	margin-bottom: 28px;
}
.editorial-panel p {
	color: #c4cec2;
	font-size: 14px;
}
.editorial-panel dt {
	color: var(--mint);
	font-size: 10px;
	font-weight: 600;
	margin-top: 22px;
}
.editorial-panel dd {
	font-size: 13px;
	line-height: 1.7;
	margin: 7px 0 0;
	color: #c4cec2;
}
.editorial-panel.light {
	background: #e4eddf;
	border-color: #9bb493;
	color: var(--ink);
}
.editorial-panel.light .eyebrow {
	color: var(--green);
}
.editorial-panel.light p {
	color: #52644f;
}
.note-label {
	display: block;
	font-size: 9px;
	letter-spacing: 1px;
	border-top: 1px solid #b9cdb1;
	padding-top: 20px;
	color: #506a46;
}
.review-product {
	margin-bottom: 100px;
}
.use-case {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 100px;
	border-top: 1px solid var(--line);
	padding-block: 75px;
}
.case-number {
	display: block;
	margin-bottom: 25px;
}
.use-case > div > p {
	max-width: 500px;
}
.case-detail {
	background: #ecf0e7;
	padding: 35px 39px;
}
.case-detail h3 {
	font-size: 11px;
	letter-spacing: 0.65px;
	font-weight: 700;
	color: var(--green);
	margin-top: 24px;
	margin-bottom: 10px;
}
.case-detail h3:first-child {
	margin-top: 0;
}
.case-detail p {
	font-size: 13px;
	line-height: 1.85;
}
.case-detail .example {
	font-family: Manrope, sans-serif;
	font-size: 21px;
	line-height: 1.5;
	color: var(--ink);
	border-top: 1px solid #c8d2c2;
	padding-top: 18px;
	margin-bottom: 0;
}
.pricing-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.price-card {
	border: 1px solid #cdd6c8;
	background: var(--white);
	padding: 32px;
}
.price-card.highlight {
	background: var(--dark);
	border-color: var(--dark);
	color: var(--paper);
}
.plan-name {
	font-size: 21px;
	font-weight: 550;
	letter-spacing: -0.5px;
	color: var(--ink);
	margin-bottom: 12px;
}
.plan-desc {
	font-size: 13px;
	min-height: 47px;
	line-height: 1.8;
	margin-bottom: 26px;
}
.price {
	font-family: Manrope, sans-serif;
	font-size: 54px;
	letter-spacing: -3px;
	line-height: 1;
	color: var(--ink);
	margin-bottom: 28px;
}
.price > span {
	font-family: Manrope, sans-serif;
	font-size: 10px;
	letter-spacing: 0;
	display: block;
	color: var(--muted);
	margin-top: 14px;
}
.price-card .button {
	width: 100%;
	font-size: 12px;
	padding: 14px 18px;
}
.price-card ul {
	list-style: none;
	margin: 29px 0 25px;
	padding: 24px 0 0;
	border-top: 1px solid var(--line);
	display: grid;
	gap: 17px;
	font-size: 12px;
}
.price-card li {
	display: flex;
	align-items: baseline;
	gap: 5px;
	flex-wrap: wrap;
}
.price-card li strong {
	font-weight: 650;
}
.plan-foot {
	font-size: 10px;
	color: #697761;
	margin: 0;
}
.highlight .plan-name,
.highlight .price {
	color: var(--paper);
}
.highlight .plan-desc,
.highlight .price > span,
.highlight .plan-foot {
	color: #bdc9bb;
}
.highlight ul {
	border-color: #ffffff29;
}
.highlight .button {
	background: var(--mint);
	border-color: var(--mint);
	color: var(--ink);
}
.highlight .button:hover {
	background: #72e4bc;
}
.fine-print {
	font-size: 11px;
	line-height: 1.8;
	color: var(--muted);
	margin-top: 22px;
}
.fine-print a {
	color: var(--green);
	text-decoration: underline;
}
.comparison-wrap {
	overflow-x: auto;
}
.comparison {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	text-align: left;
}
.comparison caption {
	text-align: left;
	font-family: Manrope, sans-serif;
	font-weight: 650;
	font-size: 32px;
	letter-spacing: -0.7px;
	margin-bottom: 28px;
}
.comparison th,
.comparison td {
	padding: 20px 22px;
	border-bottom: 1px solid #c6d1bf;
	line-height: 1.6;
}
.comparison th:first-child,
.comparison td:first-child {
	padding-left: 0;
}
.comparison thead th {
	color: var(--green);
	font-size: 11px;
}
.comparison tbody th {
	font-weight: 500;
}
.comparison td {
	color: #4d6046;
}
.faq-layout {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	gap: 100px;
}
.faq-item {
	border-top: 1px solid var(--line);
}
.faq-item:last-child {
	border-bottom: 1px solid var(--line);
}
.faq-item summary {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
	padding: 23px 0;
	font-size: 14px;
	font-weight: 550;
	line-height: 1.6;
	cursor: pointer;
}
.faq-item summary::-webkit-details-marker {
	display: none;
}
.faq-item summary > span {
	font-size: 24px;
	font-weight: 350;
	color: var(--green);
	line-height: 1;
}
.faq-item[open] summary > span {
	transform: rotate(45deg);
}
.faq-item > p {
	font-size: 13px;
	line-height: 1.9;
	margin-bottom: 26px;
	padding-right: 35px;
}
.trust-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 55px 85px;
	padding-bottom: 95px;
}
.trust-grid > article {
	border-top: 1px solid var(--ink);
	padding-top: 28px;
}
.trust-grid h2 {
	font-size: 40px;
}
.trust-grid > article > p {
	font-size: 14px;
}
.boundary {
	padding: 19px 21px;
	background: #e9eee4;
	border-left: 2px solid #829777;
	font-size: 12px !important;
	margin-top: 24px;
	margin-bottom: 0;
}
.support-panel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 70px;
}
.support-panel h2 {
	font-size: 40px;
}
.support-panel p {
	max-width: 660px;
	margin: 0;
}
.support-panel > .button {
	flex-shrink: 0;
}
.company-story {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 100px;
	padding-block: 20px 100px;
}
.company-identity {
	border-top: 1px solid var(--line);
	margin-top: 33px;
	padding-top: 26px;
}
.company-identity > .eyebrow {
	font-size: 9px;
	margin-bottom: 17px;
}
.company-identity h3 {
	font-size: 24px;
}
.company-identity p {
	font-size: 12px;
	margin: 0;
}
.contact-email {
	font-family: Manrope, sans-serif;
	font-weight: 650;
	font-size: clamp(28px, 3.6vw, 48px);
	display: inline-flex;
	gap: 20px;
	align-items: center;
	border-bottom: 1px solid var(--green);
	color: var(--green);
	margin-bottom: 55px;
	letter-spacing: -1.2px;
}
.contact-email > .link-arrow {
	font-size: 22px;
}
.contact-grid .feature-card h3 {
	font-size: 22px;
}
.help-layout {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 110px;
	align-items: start;
	padding-bottom: 95px;
}
.help-nav {
	position: sticky;
	top: 125px;
	display: grid;
	gap: 17px;
	border-top: 1px solid var(--ink);
	padding-top: 24px;
}
.help-nav a {
	font-size: 12px;
	line-height: 1.7;
	color: var(--green);
	width: fit-content;
}
.help-nav a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}
.guide {
	max-width: 780px;
}
.guide > section {
	padding-bottom: 35px;
	margin-bottom: 38px;
	border-bottom: 1px solid var(--line);
	scroll-margin-top: 112px;
}
.guide > section:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border: 0;
}
.guide h2 {
	font-size: 36px;
	letter-spacing: -1.05px;
}
.guide p,
.guide li {
	font-size: 14px;
	line-height: 1.9;
	color: #596553;
}
.guide li {
	padding-left: 4px;
	margin-bottom: 8px;
}
.guide p > a,
.guide li > a {
	color: var(--green);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.guide .text-link {
	font-size: 12px;
}
.guide-callout {
	background: #e8eee2;
	border-left: 2px solid #829d72;
	padding: 22px 25px;
	margin-block: 28px;
}
.guide-callout > strong {
	font-size: 13px;
	line-height: 1.6;
}
.guide-callout p {
	font-size: 13px;
	line-height: 1.85;
	margin: 10px 0 0;
}
.help-layout:not(:has(.help-nav)) {
	display: block;
	max-width: 950px;
}
.help-layout:not(:has(.help-nav)) > .guide {
	max-width: 780px;
}

@media (min-width: 1600px) {
	.hero-heading {
		gap: 95px;
		padding-top: 95px;
	}
	.hero-copy h1 {
		font-size: 86px;
	}
	.hero-copy .lead {
		font-size: 22px;
	}
}
@media (max-width: 1150px) {
	.hero-editorial {
		min-height: 565px;
	}
	.hero-editorial figcaption {
		left: -18px;
	}
	.cta-inner > div {
		width: 57%;
	}

	.container {
		width: calc(100% - 72px);
	}
	.header-inner {
		gap: 28px;
	}
	.desktop-nav {
		gap: 22px;
	}
	.header-actions {
		margin-left: 0;
		gap: 20px;
	}
	.brand {
		width: 155px;
	}
	.hero-heading {
		gap: 43px;
		padding-block: 65px;
	}
	.hero-copy h1 {
		font-size: 64px;
	}
	.hero-copy .lead {
		font-size: 19px;
	}
	.hero-copy .actions {
		gap: 18px;
		flex-wrap: wrap;
	}
	.hero-copy > .eyebrow {
		font-size: 8px;
	}
	.audience-strip > div {
		gap: 25px;
	}
	.audience-strip > div > span {
		font-size: 18px;
	}
	.founder-section,
	.ego-explainer,
	.split,
	.feature-row {
		gap: 65px;
	}
	.ego-example {
		padding: 30px;
	}
	.ego-example dl > div {
		grid-template-columns: 110px 1fr;
		gap: 15px;
	}
	.ego-example-top h3 {
		font-size: 25px;
	}
	.section {
		padding-block: 90px;
	}
	.offer-inner {
		gap: 70px;
	}
	.offer-plan {
		padding-left: 45px;
	}
	.proof-heading {
		gap: 60px;
	}
	.footer-grid {
		gap: 35px;
	}
	.price-card {
		padding: 26px;
	}
	.price {
		font-size: 52px;
	}
	.feature-card {
		padding-right: 22px;
	}
	.feature-card + .feature-card {
		padding-left: 22px;
	}
	.workflow h3 {
		font-size: 20px;
	}
	.workflow .card-index {
		font-size: 8px;
	}
	.integration-line {
		gap: 25px;
	}
	.help-layout {
		gap: 65px;
		grid-template-columns: 215px 1fr;
	}
	.faq-layout {
		gap: 60px;
	}
	.use-case,
	.company-story {
		gap: 65px;
	}
	.case-detail {
		padding: 30px;
	}
	.cta-inner h2 {
		font-size: 46px;
	}
}
@media (max-width: 900px) {
	.hero-editorial {
		min-height: 530px;
	}
	.hero-editorial figcaption {
		left: -12px;
		right: 18px;
		padding: 22px;
	}
	.hero-editorial figcaption p {
		font-size: 27px;
	}
	.photo-credit {
		font-size: 7px;
		letter-spacing: 0.6px;
	}
	.cta-inner > div {
		width: 65%;
	}
	.cta-section::after {
		background: linear-gradient(90deg, #202b25f5, #202b25de 50%, #202b2533);
	}

	.container {
		width: calc(100% - 48px);
	}
	.desktop-nav,
	.header-actions {
		display: none;
	}
	.header-inner {
		height: 78px;
		justify-content: space-between;
	}
	.brand {
		width: 158px;
	}
	.mobile-menu {
		display: block;
	}
	.mobile-menu > summary {
		font-size: 12px;
		list-style: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 24px;
		padding: 13px 0 13px 18px;
	}
	.mobile-menu > summary::-webkit-details-marker {
		display: none;
	}
	.mobile-menu > summary > span {
		font-size: 25px;
		font-weight: 300;
		line-height: 1;
		color: var(--mint);
	}
	.mobile-menu[open] > summary > span {
		transform: rotate(45deg);
	}
	.mobile-menu nav {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: var(--dark);
		padding: 20px 24px 28px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6px 28px;
		border-bottom: 1px solid #ffffff30;
		box-shadow: 0 20px 24px #20262030;
		max-height: calc(100dvh - 78px);
		overflow: auto;
	}
	.mobile-menu nav > a {
		font-size: 14px;
		padding-block: 13px;
	}
	.mobile-menu nav > a[aria-current] {
		color: var(--mint);
	}
	.mobile-menu nav > .button {
		margin-top: 6px;
		font-size: 12px;
	}
	.hero-heading {
		gap: 30px;
		padding-block: 60px;
	}
	.hero-copy h1 {
		font-size: 54px;
	}
	.hero-copy .lead {
		font-size: 17px;
	}
	.hero-detail {
		font-size: 13px;
	}
	.hero-copy > .eyebrow {
		font-size: 8px;
		max-width: 255px;
	}
	.hero-copy .actions {
		gap: 12px;
	}
	.hero-copy .text-link {
		font-size: 11px;
	}
	.audience-strip {
		gap: 25px;
	}
	.audience-strip > div {
		gap: 23px;
	}
	.audience-strip > div > span {
		font-size: 16px;
	}
	.founder-section,
	.ego-explainer,
	.split,
	.feature-row {
		gap: 45px;
	}
	.founder-section h2,
	.ego-explainer h2,
	.dark-section h2 {
		font-size: 42px;
	}
	.prompt-sheet h3 {
		font-size: 16px;
	}
	.prompt-sheet li {
		gap: 18px;
	}
	.prompt-sheet li p {
		font-size: 12px;
	}
	.ego-example {
		padding: 24px;
	}
	.ego-example-top {
		gap: 12px;
	}
	.ego-example-top h3 {
		font-size: 23px;
	}
	.ego-example dl > div {
		grid-template-columns: 95px 1fr;
		gap: 12px;
	}
	.ego-example dd {
		font-size: 11px;
	}
	.ego-example dt {
		font-size: 9px;
	}
	.ego-example-top .eyebrow {
		font-size: 7px;
	}
	.ego-monogram {
		font-size: 41px;
	}
	.proof-heading {
		gap: 40px;
		grid-template-columns: 1fr 0.8fr;
	}
	.proof-heading > p {
		font-size: 13px;
	}
	.workflow {
		grid-template-columns: repeat(2, 1fr);
	}
	.workflow > .feature-card:nth-child(3) {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid var(--line);
	}
	.workflow > .feature-card:nth-child(4) {
		border-top: 1px solid var(--line);
	}
	.workflow > .feature-card {
		padding-bottom: 17px;
	}
	.card-index {
		margin-bottom: 22px;
	}
	.integration-line {
		grid-template-columns: 1fr 2fr;
	}
	.integration-line > a {
		grid-column: 2;
		width: fit-content;
	}
	.offer-inner {
		gap: 45px;
	}
	.offer-plan {
		padding-left: 35px;
	}
	.offer-inner h2 {
		font-size: 42px;
	}
	.offer-plan .offer-price {
		font-size: 55px;
		flex-wrap: wrap;
		gap: 6px 10px;
	}
	.cta-action {
		text-align: left;
	}
	.footer-signature {
		padding-bottom: 38px;
	}
	.footer-grid {
		grid-template-columns: 1.5fr 1fr 1fr;
		gap: 35px 45px;
	}
	.footer-grid > div:last-child {
		grid-column: 2 / 4;
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
		gap: 15px 25px;
	}
	.footer-grid > div:last-child > h2 {
		width: 100%;
		margin: 0;
	}
	.footer-grid > div:last-child > p {
		margin: 0;
	}
	.price-card {
		padding: 24px 20px;
	}
	.price {
		font-size: 44px;
	}
	.plan-name {
		font-size: 19px;
	}
	.plan-desc {
		font-size: 11px;
		min-height: 60px;
	}
	.price-card .button {
		font-size: 10px;
		padding: 12px;
	}
	.pricing-grid {
		gap: 13px;
	}
	.price-card ul {
		font-size: 11px;
	}
	.price-card .plan-foot {
		font-size: 9px;
	}
	.three-grid .feature-card h3 {
		font-size: 19px;
	}
	.three-grid .feature-card p {
		font-size: 12px;
	}
	.editorial-panel {
		padding: 30px;
	}
	.editorial-panel h3 {
		font-size: 35px;
	}
	.page-intro h1 {
		font-size: 57px;
	}
	.case-detail {
		padding: 25px;
	}
	.use-case {
		gap: 40px;
	}
	.help-layout {
		grid-template-columns: 180px 1fr;
		gap: 45px;
	}
	.faq-layout {
		gap: 45px;
	}
	.trust-grid {
		gap: 45px;
	}
	.trust-grid h2 {
		font-size: 35px;
	}
	.company-story {
		gap: 45px;
	}
	.support-panel {
		gap: 35px;
	}
	.support-panel h2 {
		font-size: 34px;
	}
	.mobile-shot-hint {
		display: block;
		font-size: 10px;
		margin: 17px 0 0;
	}
}
@media (max-width: 680px) {
	.hero-editorial {
		min-height: 0;
		aspect-ratio: 1.08;
	}
	.hero-editorial > img {
		object-position: 68% 55%;
	}
	.hero-editorial figcaption {
		bottom: 18px;
		left: -7px;
		right: auto;
		padding: 19px 22px 17px;
	}
	.hero-editorial figcaption p {
		font-size: 28px;
		margin: 10px 0 15px;
	}
	.hero-editorial figcaption > span:first-child {
		font-size: 7px;
	}
	.cta-section {
		display: block;
		padding: 0 0 55px;
		min-height: 0;
	}
	.cta-photo {
		position: relative;
		z-index: 0;
		height: 290px;
		object-position: 72% 62%;
	}
	.cta-section::after {
		display: none;
	}
	.cta-inner {
		padding-top: 43px;
	}
	.cta-inner > div {
		width: 100%;
		max-width: 540px;
	}
	.cta-action {
		gap: 17px 25px;
	}

	html {
		scroll-padding-top: 97px;
	}
	.container {
		width: calc(100% - 40px);
	}
	.header-inner {
		height: 76px;
	}
	.brand {
		width: 155px;
	}
	.mobile-menu nav {
		grid-template-columns: 1fr;
		gap: 0;
		padding: 12px 20px 24px;
	}
	.mobile-menu nav > a {
		padding-block: 12px;
	}
	.mobile-menu nav > .button {
		margin-top: 10px;
		padding: 13px 18px;
	}
	.hero-heading {
		grid-template-columns: 1fr;
		gap: 44px;
		padding-block: 46px 37px;
	}
	.hero-copy {
		padding: 0;
	}
	.hero-copy > .eyebrow {
		font-size: 8px;
		letter-spacing: 1.1px;
		max-width: none;
		margin-bottom: 23px;
	}
	.hero-copy h1 {
		font-size: clamp(49px, 13.5vw, 76px);
		line-height: 1.06;
		letter-spacing: -0.053em;
		margin-bottom: 24px;
	}
	.hero-copy .lead {
		font-size: 18px;
		line-height: 1.65;
		max-width: 500px;
		margin-bottom: 16px;
	}
	.hero-detail {
		font-size: 13px;
		line-height: 1.8;
		max-width: 500px;
		margin-bottom: 24px;
	}
	.hero-copy .actions {
		gap: 18px;
		flex-wrap: wrap;
	}
	.hero-copy .button {
		font-size: 11px;
		padding: 14px 18px;
		gap: 20px;
	}
	.hero-copy .text-link {
		font-size: 10px;
		gap: 10px;
	}
	.hero-understatement {
		font-size: 9px;
		margin-top: 18px;
	}
	.audience-strip {
		display: block;
		padding-block: 25px 27px;
	}
	.audience-strip p {
		font-size: 9px;
		margin-bottom: 18px;
	}
	.audience-strip p br {
		display: none;
	}
	.audience-strip > div {
		justify-content: space-between;
		gap: 14px;
		flex-wrap: wrap;
	}
	.audience-strip > div > span {
		font-size: 16px;
	}
	.section {
		padding-block: 68px;
	}
	h2 {
		font-size: 39px;
		line-height: 1.12;
		letter-spacing: -1.4px;
		margin-bottom: 22px;
	}
	h3 {
		font-size: 20px;
	}
	p {
		font-size: 14px;
		line-height: 1.85;
	}
	.eyebrow {
		font-size: 9px;
		margin-bottom: 21px;
		letter-spacing: 1.35px;
	}
	.large-copy {
		font-size: 20px;
		line-height: 1.6;
	}
	.lead {
		font-size: 17px;
		line-height: 1.75;
	}
	.founder-section,
	.ego-explainer,
	.split,
	.feature-row,
	.proof-heading,
	.offer-inner,
	.company-story,
	.use-case,
	.faq-layout,
	.trust-grid,
	.help-layout {
		grid-template-columns: 1fr;
		gap: 33px;
	}
	.founder-section h2,
	.ego-explainer h2,
	.dark-section h2,
	.offer-inner h2 {
		font-size: 40px;
	}
	.founder-section h2 br:nth-child(2) {
		display: none;
	}
	.founder-section > .prompt-sheet {
		margin-top: 2px;
	}
	.founder-section .text-link {
		font-size: 11px;
	}
	.prompt-sheet li {
		padding-block: 21px;
	}
	.prompt-sheet h3 {
		font-size: 18px;
	}
	.prompt-sheet li p {
		font-size: 12px;
	}
	.sheet-heading {
		font-size: 8px;
	}
	.sheet-footnote {
		font-size: 10px;
	}
	.ego-explainer {
		gap: 33px;
	}
	.ego-explainer .large-copy {
		font-size: 20px;
	}
	.ego-example {
		padding: 26px;
	}
	.ego-example-top {
		gap: 14px;
	}
	.ego-example-top h3 {
		font-size: 26px;
	}
	.ego-example-top .eyebrow {
		font-size: 6.5px;
		letter-spacing: 0.75px;
	}
	.ego-example dl > div {
		grid-template-columns: 101px 1fr;
		gap: 15px;
		padding-block: 13px;
	}
	.ego-example dt {
		font-size: 9px;
	}
	.ego-example dd {
		font-size: 11px;
	}
	.ego-example > p {
		font-size: 9px;
	}
	.ego-clarity {
		grid-template-columns: 1fr;
		gap: 18px;
		padding-top: 28px;
		margin-top: 30px;
	}
	.ego-clarity h3 {
		font-size: 21px;
	}
	.ego-clarity p {
		font-size: 13px;
	}
	.dark-section {
		padding-block: 66px;
	}
	.dark-section h2 {
		margin-bottom: 24px;
	}
	.dark-section .split {
		gap: 34px;
	}
	.benefit-stack article {
		gap: 22px;
		padding-block: 23px;
	}
	.benefit-stack article:first-child {
		border-top: 1px solid #ffffff2b;
		padding-top: 24px;
	}
	.benefit-stack h3 {
		font-size: 20px;
	}
	.benefit-stack p {
		font-size: 13px;
	}
	.proof-heading {
		gap: 22px;
		margin-bottom: 28px;
	}
	.proof-heading > p {
		font-size: 13px;
		max-width: 500px;
	}
	.shot-bar {
		font-size: 6px;
		letter-spacing: 0.65px;
		padding: 12px;
		gap: 12px;
	}
	.shot-scroll img {
		min-width: 780px;
	}
	.product-shot figcaption {
		display: block;
		padding: 12px;
		font-size: 9px;
	}
	.product-shot figcaption > span {
		display: block;
		margin-bottom: 6px;
	}
	.product-shot figcaption a {
		font-size: 9px;
	}
	.screenshot-detail > summary {
		font-size: 12px;
		line-height: 1.7;
		padding-block: 12px 17px;
	}
	.screenshot-detail > summary > span {
		font-size: 23px;
	}
	.screenshot-detail {
		margin-top: 15px;
	}
	.mobile-shot-hint {
		font-size: 9px;
		line-height: 1.7;
	}
	.soft-section {
		padding-block: 65px;
	}
	.compact {
		gap: 24px;
	}
	.compact h2 {
		margin-bottom: 0;
	}
	.soft-section .large-copy {
		font-size: 21px;
		line-height: 1.65;
	}
	.section-heading {
		margin-bottom: 32px;
	}
	.workflow {
		grid-template-columns: 1fr;
	}
	.feature-card,
	.feature-card + .feature-card,
	.workflow > .feature-card:nth-child(3),
	.workflow > .feature-card:nth-child(4) {
		border-left: 0;
		padding: 26px 0 9px;
		border-top: 1px solid var(--line);
	}
	.feature-card:first-child {
		border-top: 0;
	}
	.workflow .card-index {
		font-size: 9px;
		margin-bottom: 16px;
	}
	.feature-card h3,
	.workflow h3 {
		font-size: 23px;
		margin-bottom: 11px;
	}
	.feature-card p {
		font-size: 13px;
	}
	.workflow > .feature-card {
		padding-bottom: 11px;
	}
	.three-grid {
		grid-template-columns: 1fr;
	}
	.three-grid .feature-card h3 {
		font-size: 23px;
	}
	.three-grid .feature-card p {
		font-size: 13px;
	}
	.three-grid .card-index {
		margin-bottom: 16px;
	}
	.integration-line {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 16px;
		padding-top: 25px;
	}
	.integration-line > a {
		grid-column: auto;
		font-size: 11px;
	}
	.integration-line > span {
		font-size: 9px;
	}
	.integration-line p {
		font-size: 12px;
		max-width: 500px;
	}
	.home-offer {
		padding-block: 62px;
	}
	.offer-inner {
		gap: 26px;
	}
	.offer-plan {
		padding: 28px 0 0;
		border-left: 0;
		border-top: 1px solid #bdcabb;
	}
	.offer-plan .offer-price {
		font-size: 54px;
		gap: 14px;
	}
	.offer-plan > .eyebrow {
		font-size: 9px;
	}
	.offer-plan > p:not(.offer-price) {
		font-size: 12px;
	}
	.cta-inner h2 {
		font-size: 39px;
		line-height: 1.12;
	}
	.cta-inner p:not(.eyebrow) {
		font-size: 13px;
	}
	.cta-inner .text-link {
		font-size: 10px;
	}
	.cta-action > .button {
		font-size: 11px;
	}
	.site-footer {
		padding-top: 49px;
	}
	.footer-signature {
		padding-bottom: 35px;
		margin-bottom: 36px;
		display: block;
	}
	.footer-signature p {
		font-size: clamp(30px, 9.5vw, 43px);
		letter-spacing: -1.4px;
		line-height: 1.08;
	}
	.footer-signature > span {
		display: block;
		margin-top: 22px;
		font-size: 7px;
		letter-spacing: 1.25px;
	}
	.footer-signature > span > br {
		display: none;
	}
	.footer-signature > span > br::after {
		content: " ";
	}
	.footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 33px 20px;
		padding-bottom: 34px;
	}
	.footer-brand {
		grid-column: 1 / -1;
	}
	.footer-brand .brand {
		width: 183px;
		margin-bottom: 21px;
	}
	.footer-brand p {
		font-size: 12px;
		margin-bottom: 13px;
	}
	.footer-brand > span {
		font-size: 10px;
	}
	.footer-grid > div > h2 {
		font-size: 11px;
		margin-bottom: 19px;
	}
	.footer-grid > div:not(:first-child) > a {
		font-size: 11px;
		margin-bottom: 15px;
	}
	.footer-grid > div:last-child {
		grid-column: 1 / -1;
		display: block;
	}
	.footer-grid > div:last-child > h2 {
		margin-bottom: 18px;
	}
	.footer-grid > div:last-child > a {
		display: inline-block;
		margin-right: 24px;
	}
	.footer-grid > div:last-child > p {
		font-size: 10px;
		margin-top: 8px;
	}
	.footer-bottom {
		font-size: 8px;
		padding-block: 22px;
		gap: 22px;
		line-height: 1.6;
	}
	.page-intro {
		padding-block: 47px 34px;
	}
	.page-intro h1 {
		font-size: 45px;
		line-height: 1.1;
		letter-spacing: -1.65px;
		margin-bottom: 24px;
	}
	.page-intro .lead {
		font-size: 16px;
		line-height: 1.75;
	}
	.page-actions {
		gap: 20px;
		flex-wrap: wrap;
		margin-bottom: 31px;
	}
	.page-actions .text-link {
		font-size: 11px;
	}
	.page-actions .button {
		font-size: 11px;
	}
	.product-overview {
		padding: 10px 10px 0;
	}
	.feature-row {
		padding-block: 45px;
		gap: 28px;
	}
	.feature-row h2 {
		font-size: 37px;
	}
	.feature-row p {
		font-size: 14px;
	}
	.check-list {
		margin-top: 20px;
	}
	.check-list li {
		font-size: 12px;
	}
	.editorial-panel {
		padding: 30px;
	}
	.editorial-panel h3 {
		font-size: 37px;
	}
	.editorial-panel p {
		font-size: 13px;
	}
	.editorial-panel dt {
		font-size: 10px;
	}
	.editorial-panel dd {
		font-size: 12px;
	}
	.note-label {
		font-size: 8px;
	}
	.review-product {
		margin-bottom: 65px;
	}
	.use-case {
		padding-block: 45px;
		gap: 28px;
	}
	.case-number {
		font-size: 8px;
		letter-spacing: 1.1px;
		margin-bottom: 22px;
	}
	.use-case h2 {
		font-size: 38px;
	}
	.use-case > div > p {
		font-size: 14px;
	}
	.use-case .button {
		font-size: 11px;
	}
	.case-detail {
		padding: 28px;
	}
	.case-detail h3 {
		font-size: 10px;
	}
	.case-detail p {
		font-size: 13px;
	}
	.case-detail .example {
		font-size: 22px;
	}
	.pricing-grid {
		grid-template-columns: 1fr;
		gap: 19px;
	}
	.price-card {
		padding: 29px;
	}
	.plan-name {
		font-size: 23px;
	}
	.plan-desc {
		font-size: 13px;
		min-height: 0;
		margin-bottom: 23px;
		max-width: 330px;
	}
	.price {
		font-size: 65px;
		margin-bottom: 24px;
	}
	.price > span {
		font-size: 11px;
		margin-top: 12px;
	}
	.price-card .button {
		font-size: 12px;
		padding: 14px 19px;
	}
	.price-card ul {
		font-size: 13px;
		margin-block: 25px 22px;
		gap: 17px;
	}
	.price-card .plan-foot {
		font-size: 10px;
	}
	.fine-print {
		font-size: 10px;
	}
	.comparison-wrap {
		width: calc(100% - 40px);
	}
	.comparison {
		font-size: 11px;
	}
	.comparison caption {
		font-size: 27px;
		line-height: 1.2;
		letter-spacing: -0.75px;
		margin-bottom: 20px;
	}
	.comparison th,
	.comparison td {
		padding: 15px 9px;
		min-width: 63px;
		vertical-align: top;
	}
	.comparison thead th {
		font-size: 9px;
	}
	.comparison tbody th {
		min-width: 93px;
	}
	.faq-layout {
		gap: 26px;
	}
	.faq-layout > div > p {
		font-size: 13px;
	}
	.faq-item summary {
		font-size: 13px;
		gap: 18px;
		padding-block: 21px;
	}
	.faq-item > p {
		font-size: 13px;
		padding-right: 20px;
	}
	.faq-item summary > span {
		font-size: 23px;
	}
	.trust-grid {
		gap: 31px;
		padding-bottom: 64px;
	}
	.trust-grid > article {
		padding-top: 24px;
	}
	.trust-grid h2 {
		font-size: 35px;
	}
	.trust-grid > article > p {
		font-size: 14px;
	}
	.boundary {
		padding: 17px 20px;
		font-size: 12px !important;
	}
	.support-panel {
		display: block;
	}
	.support-panel h2 {
		font-size: 35px;
	}
	.support-panel p {
		font-size: 14px;
		margin-bottom: 22px;
	}
	.company-story {
		gap: 15px;
		padding-block: 15px 62px;
	}
	.company-story h2 {
		font-size: 38px;
	}
	.company-story .large-copy {
		font-size: 20px;
	}
	.company-identity {
		margin-top: 27px;
		padding-top: 24px;
	}
	.company-identity h3 {
		font-size: 22px;
	}
	.contact-email {
		font-size: 29px;
		letter-spacing: -0.85px;
		gap: 17px;
		margin-bottom: 38px;
	}
	.contact-email > .link-arrow {
		font-size: 17px;
	}
	.contact-grid .feature-card h3 {
		font-size: 22px;
	}
	.help-layout {
		gap: 35px;
		padding-bottom: 65px;
	}
	.help-nav {
		position: static;
		gap: 7px;
		padding-top: 18px;
	}
	.help-nav a {
		font-size: 12px;
		display: block;
		padding-block: 7px;
	}
	.guide > section {
		padding-bottom: 30px;
		margin-bottom: 31px;
		scroll-margin-top: 97px;
	}
	.guide h2 {
		font-size: 33px;
		letter-spacing: -1px;
	}
	.guide p,
	.guide li {
		font-size: 14px;
		line-height: 1.85;
	}
	.guide ul {
		padding-left: 20px;
	}
	.guide-callout {
		padding: 20px;
		margin-block: 25px;
	}
	.guide-callout > strong {
		font-size: 12px;
	}
	.guide-callout p {
		font-size: 13px;
	}
	.guide .text-link {
		font-size: 11px;
	}
	.ego-clarity + .guide-callout {
		margin-bottom: 0;
	}
}
@media (max-width: 360px) {
	.container {
		width: calc(100% - 32px);
	}
	.hero-copy h1 {
		font-size: clamp(43px, 14vw, 49px);
	}
	.hero-copy > .eyebrow {
		font-size: 7px;
	}
	.hero-copy .actions {
		gap: 13px;
	}
	.hero-copy .button {
		font-size: 10px;
		padding: 13px 15px;
		gap: 13px;
	}
	.hero-copy .text-link {
		font-size: 9px;
		gap: 7px;
	}
	.hero-understatement {
		font-size: 8px;
	}
	.ego-example {
		padding: 23px;
	}
	.ego-example-top h3 {
		font-size: 24px;
	}
	.ego-example dl > div {
		grid-template-columns: 88px 1fr;
		gap: 11px;
	}
	.footer-signature p {
		font-size: 30px;
	}
	.contact-email {
		font-size: 26px;
	}
	.page-intro h1 {
		font-size: 40px;
	}
	.comparison th,
	.comparison td {
		padding-inline: 6px;
		min-width: 56px;
	}
	.comparison tbody th {
		min-width: 86px;
	}
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	*,
	*::before,
	*::after {
		transition: none !important;
	}
}

/* October 7 homepage: credibility gap, short copy, oversized graphic moments. */
.ego-punch-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; padding-block: 64px 72px; align-items: center; }
.ego-punch-copy h1 { font-size: clamp(44px, 5.2vw, 76px); line-height: 1.02; letter-spacing: -.06em; margin-bottom: 28px; }
.ego-punch-copy .lead { font-size: 21px; line-height: 1.45; color: var(--ink); margin-bottom: 12px; }
.ego-punch-copy > p:not(.eyebrow) { max-width: 460px; }
.ego-punch-copy .actions { margin-top: 30px; }
.ego-punch-art { position: relative; margin: 0; height: 610px; background: var(--dark); overflow: hidden; border-radius: 8px; }
.ego-punch-art img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.ego-punch-art figcaption { position: absolute; bottom: 22px; left: 22px; right: 22px; padding: 22px; background: var(--mint); color: var(--ink); font-size: clamp(22px, 2.6vw, 36px); font-weight: 800; letter-spacing: -.045em; line-height: 1.02; transform: rotate(-3deg); }
.ego-punch-pain { background: var(--mint); padding-block: 78px; }
.ego-punch-pain > .container { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }
.ego-punch-pain .eyebrow, .ego-punch-pain p { color: var(--ink); }
.ego-punch-pain h2 { font-size: clamp(36px, 4.5vw, 64px); }
.ego-punch-pain p { font-size: 18px; max-width: 430px; line-height: 1.55; }
.ego-date-art { background: var(--ink); color: var(--paper); padding: 35px; transform: rotate(3deg); border-radius: 6px; box-shadow: inset 0 0 0 1px #ffffff0d, 7px 9px 0 #bfd4c7, 12px 18px 28px #2328230d; }
.ego-date-art > span { font-size: 11px; letter-spacing: 2px; }
.ego-date-art strong { display: block; font-size: clamp(70px, 9vw, 136px); font-weight: 800; line-height: 1.15; letter-spacing: -.07em; }
.ego-date-art strong span { color: var(--mint); font-size: .5em; }
.ego-date-art p { color: var(--mint); font-size: 26px; font-weight: 750; margin: 0 0 24px; letter-spacing: -.04em; }
.ego-date-art small { font-size: 10px; color: #acbbb0; }
.page-home .product-proof { padding-block: 80px; }
.page-home .proof-heading { gap: 35px; margin-bottom: 30px; }
.page-home .proof-heading h2 { font-size: clamp(36px, 4vw, 56px); }
.ego-product-link { margin-top: 24px; }
.ego-punch-process { background: var(--dark); color: var(--paper); padding-block: 78px; }
.ego-punch-process .eyebrow, .ego-punch-process .text-link { color: var(--mint); }
.ego-punch-process h2 { max-width: 750px; }
.ego-punch-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; margin: 40px 0 24px; }
.ego-punch-steps article { border-top: 1px solid #ffffff35; padding-top: 20px; }
.ego-punch-steps article > span { color: var(--mint); font-size: 40px; font-weight: 800; letter-spacing: -.06em; }
.ego-punch-steps h3 { font-weight: 750; margin: 20px 0 12px; font-size: 26px; }
.ego-punch-steps p { color: #c4cec2; font-size: 15px; line-height: 1.6; }
.page-home .home-offer { padding-block: 75px; }
.ego-punch-close { padding-block: 90px; text-align: center; background: var(--mint-pale); }
.ego-punch-close h2 { font-size: clamp(44px, 6.5vw, 90px); letter-spacing: -.06em; line-height: 1.03; }
.ego-punch-close p:not(.eyebrow) { font-size: 12px; margin: 22px 0 0; }
.page-home .footer-signature { display: none; }
@media (max-width: 1000px) {
 .ego-punch-hero { gap: 28px; }
 .ego-punch-art { height: 530px; }
 .ego-punch-pain > .container { gap: 35px; }
 .ego-date-art { padding: 25px; }
}
@media (max-width: 760px) {
 .ego-punch-hero { grid-template-columns: 1fr; padding-block: 42px; gap: 35px; }
 .ego-punch-copy h1 { font-size: clamp(40px, 8.7vw, 64px); }
 .ego-punch-copy .lead { font-size: 19px; }
 .ego-punch-art { height: 390px; }
 .ego-punch-art img { object-position: center 28%; }
 .ego-punch-art figcaption { max-width: 350px; font-size: 28px; }
 .ego-punch-pain, .ego-punch-process { padding-block: 52px; }
 .ego-punch-pain > .container { grid-template-columns: 1fr; gap: 30px; }
 .ego-date-art { margin: 0 8px; }
 .ego-date-art strong { font-size: 108px; }
 .ego-punch-steps { grid-template-columns: 1fr; gap: 20px; margin-top: 30px; }
 .ego-punch-steps article { display: grid; grid-template-columns: 50px 1fr; gap: 10px 16px; }
 .ego-punch-steps h3 { margin: 7px 0 0; }
 .ego-punch-steps p { grid-column: 2; margin-bottom: 8px; }
 .page-home .product-proof, .page-home .home-offer { padding-block: 52px; }
 .ego-punch-close { padding-block: 60px; }
}
@media (max-width: 760px) {
 .ego-punch-pain > .container { grid-template-columns: minmax(0, 1fr); }
 .ego-date-art strong { font-size: clamp(76px, 26vw, 108px); }
 .ego-date-art p { font-size: clamp(20px, 6.5vw, 26px); }
}

/* Type-led hero: full-width charcoal with restrained mint atmosphere. */
.ego-punch-hero {
 display: block;
 padding-block: 88px 96px;
 color: var(--paper);
 background-color: var(--dark);
 background-image: radial-gradient(ellipse at 95% 10%, #36d6a412, transparent 55%), repeating-linear-gradient(120deg, transparent 0 119px, #ffffff03 120px 121px);
}
.ego-punch-copy h1 {
 max-width: 1150px;
 font-size: clamp(48px, 7.6vw, 110px);
 line-height: 1.01;
 letter-spacing: -.06em;
 margin-bottom: 34px;
}
.ego-punch-copy h1 em, .ego-punch-copy .eyebrow { color: var(--mint); }
.ego-punch-copy .lead { color: var(--paper); font-size: clamp(21px, 2.2vw, 28px); }
.ego-punch-copy > p:not(.eyebrow) { max-width: 640px; color: #c4cec2; }
.ego-punch-copy .lead { color: var(--paper); }
.ego-punch-copy .text-link { color: var(--paper); }
.ego-punch-copy a:focus-visible { outline-color: var(--mint); }
@media (max-width: 760px) {
 .ego-punch-hero { padding-block: 52px 60px; }
 .ego-punch-copy h1 { font-size: clamp(42px, 8.7vw, 64px); }
 .ego-punch-copy .actions { flex-wrap: wrap; }
 .ego-punch-copy .actions a { white-space: nowrap; }
}

/* Founder pass: credibility humor, light/dark rhythm and two service options. */
.ego-punch-pain { background: var(--paper); }
.ego-punch-pain h2 em, .ego-punch-process h2 em { color: var(--green); }
.ego-wins { list-style: none; padding: 0; margin: 28px 0; display: grid; gap: 13px; }
.ego-wins li { display: flex; align-items: center; gap: 14px; font-size: 18px; font-weight: 600; }
.ego-wins li::before { content: '✓'; display: grid; place-items: center; background: var(--mint); color: var(--ink); width: 30px; height: 30px; border-radius: 50%; font-size: 21px; flex-shrink: 0; }
.ego-punch-pain .ego-pain-punch { font-weight: 800; font-size: 25px; letter-spacing: -.035em; line-height: 1.3; margin-bottom: 12px; }
.ego-grave-scene { position: relative; padding-top: 180px; }
.ego-tombstone { position: absolute; width: 66%; height: 280px; top: 0; left: 17%; border-radius: 48% 48% 8px 8px; background: linear-gradient(125deg, #e1e4dc 8%, #d1d7cc 58%, #c3ccbf); border: 5px solid #e8ebe3; box-shadow: inset 0 0 0 1px #9da996, 5px 6px 0 #b7c1b1, 10px 14px 24px #2328230a; transform: rotate(-8deg); text-align: center; padding-top: 50px; }
.ego-tombstone::before { content: ''; position: absolute; inset: 9px; border: 1px solid #87957c40; border-radius: inherit; box-shadow: 0 1px 0 #f7f6f180; pointer-events: none; }
.ego-tombstone span { display: block; color: #697561; font-size: clamp(40px, 5vw, 70px); line-height: 1.05; font-weight: 800; letter-spacing: -.025em; text-shadow: 0 1px 0 #f7f6f1, 0 -1px 0 #56634f30; }
.ego-tombstone small { display: block; margin-top: 14px; font-size: 12px; color: #626d5c; }
.ego-tombstone small::before { content: ''; display: block; width: 30px; height: 1px; margin: 0 auto 10px; background: #8c9980; box-shadow: 0 1px 0 #f7f6f180; }
.ego-grave-scene .ego-date-art { position: relative; z-index: 1; }
.page-home .product-proof { background: var(--dark); color: var(--paper); }
.page-home .product-proof .eyebrow, .page-home .product-proof h2 em { color: var(--mint); }
.page-home .proof-heading { display: block; }
.page-home .product-proof .ego-product-link { color: var(--paper); }
.page-home .product-proof a:focus-visible { outline-color: var(--mint); }
.ego-punch-process { background: var(--paper); color: var(--ink); }
.ego-punch-process .eyebrow, .ego-punch-process .text-link { color: var(--green); }
.ego-punch-steps article { border-color: var(--line); }
.ego-punch-steps p { color: var(--muted); }
.ego-step-mark { display: flex; align-items: center; gap: 16px; }
.ego-step-mark svg { width: 48px; height: 48px; fill: none; stroke: var(--green); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.ego-step-mark small { font-size: 11px; color: var(--muted); letter-spacing: 1px; }
.page-home .offer-inner { display: block; }
.ego-offer-options { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 36px; }
.ego-offer-options .offer-plan { padding: 32px; border: 1px solid var(--line); background: var(--paper); border-radius: 6px; }
.ego-offer-options .offer-price { font-size: clamp(42px, 4vw, 60px); flex-wrap: wrap; gap: 5px 12px; letter-spacing: -.055em; }
.ego-offer-options .offer-plan > .fine-print { margin-top: 16px; }
.ego-starting { display: block; font-size: 12px; color: var(--muted); margin-bottom: 6px; }
.ego-offer-options .ego-managed { background: var(--dark); color: var(--paper); border-color: var(--dark); }
.ego-managed .eyebrow { color: var(--mint); }
.ego-managed .offer-price { color: var(--paper); }
.ego-managed p:not(.offer-price), .ego-managed .offer-price > span, .ego-managed .fine-print, .ego-managed .ego-starting { color: #c4cec2; }
@media (max-width: 760px) {
 .ego-grave-scene { padding-top: 155px; }
 .ego-tombstone { height: 250px; padding-top: 40px; }
 .ego-tombstone span { font-size: 55px; }
 .ego-punch-steps article { grid-template-columns: 54px minmax(0,1fr); }
 .ego-step-mark { flex-direction: column; gap: 5px; }
 .ego-punch-steps h3 { margin-top: 5px; }
 .ego-offer-options { grid-template-columns: minmax(0,1fr); }
 .ego-offer-options .offer-plan { padding: 25px; }
}

/* Original generated doodle: the neglected blog refuses to budge. */
.ego-punch-hero { position: relative; overflow: hidden; }
.ego-punch-copy { position: relative; z-index: 1; }
.ego-hero-doodle {
 position: absolute;
 right: 2%;
 bottom: 90px;
 width: 390px;
 height: 350px;
 background: url('/assets/blog-poke.5b88448cbd8fe98d.webp') right center / auto 100% no-repeat;
 opacity: .68;
 mix-blend-mode: lighten;
 pointer-events: none;
}
@media (max-width: 1200px) {
 .ego-hero-doodle { width: 270px; height: 240px; right: 2%; bottom: 65px; opacity: .45; }
 .ego-punch-copy > p:not(.eyebrow) { max-width: 65%; }
}
@media (max-width: 760px) {
 .ego-punch-copy > p:not(.eyebrow) { max-width: 100%; }
 .ego-punch-hero { padding-bottom: 230px; }
 .ego-hero-doodle { width: 245px; height: 205px; right: 20px; bottom: 10px; opacity: .7; }
}
.ego-punch-copy > .ego-hero-explanation { max-width: 680px; }
.ego-punch-close { background: var(--dark); color: var(--paper); }
.ego-punch-close .eyebrow, .ego-punch-close h2 em { color: var(--mint); }
.ego-punch-close p:not(.eyebrow) { color: #c4cec2; }
.ego-close-doodle { width: min(440px, 100%); height: 215px; margin: -12px auto 20px; background: url('/assets/blog-shrug.5bd33aaa86a9f8d5.webp') center / 155% auto no-repeat; mix-blend-mode: lighten; }
.ego-punch-close a:focus-visible { outline-color: var(--mint); }
@media (max-width: 1200px) and (min-width: 761px) { .ego-punch-copy > .ego-hero-explanation { max-width: 70%; } }
@media (max-width: 760px) { .ego-punch-copy > .ego-hero-explanation { max-width: 100%; } .ego-close-doodle { height: 185px; } }
/* Clearer header and consistent homepage section labels. */
.page-home .eyebrow { font-size: 12px; letter-spacing: 1.35px; }
.ego-punch-copy > .ego-hero-explanation { font-size: 18px; line-height: 1.65; max-width: 720px; }
.desktop-nav a, .sign-in, .mobile-menu > summary { font-size: 14px; }
.site-header .button { font-size: 14px; }
@media (max-width: 1200px) and (min-width: 761px) { .ego-punch-copy > .ego-hero-explanation { max-width: 72%; font-size: 17px; } }
@media (max-width: 760px) { .page-home .eyebrow { font-size: 11px; } .ego-punch-copy > .ego-hero-explanation { font-size: 17px; max-width: 100%; } }

/* Offset mint frames echo the stale card without competing with its type. */
.ego-date-art { position: relative; overflow: hidden; isolation: isolate; background-image: radial-gradient(ellipse at 110% 115%, #36d6a410, transparent 65%); }
.ego-date-geometry {
 position: absolute;
 z-index: -1;
 width: 66%;
 max-width: 285px;
 height: auto;
 right: -36px;
 bottom: -60px;
 color: var(--mint);
 transform: rotate(-18deg);
 pointer-events: none;
}
.ego-pain-punch .ego-checkout { color: var(--muted); }
.ego-hero-doodle { width: clamp(390px, 34vw, 530px); height: clamp(350px, 30vw, 460px); right: 1%; bottom: 48px; opacity: .8; }
@media (max-width: 1200px) and (min-width: 761px) {
 .ego-hero-doodle { width: 320px; height: 290px; bottom: 40px; right: 1%; opacity: .75; }
}
@media (max-width: 760px) {
 .ego-punch-hero { padding-bottom: 280px; }
 .ego-hero-doodle { width: min(310px, 90vw); height: 260px; right: 12px; bottom: 5px; opacity: .8; }
}

/* More readable actions across the public website. */
.button, .site-header .button { font-size: 16px; }
.ego-punch-copy .button, .ego-punch-copy .text-link { font-size: 18px; }
.ego-punch-copy .button { padding: 19px 28px; }
.ego-punch-copy .text-link { padding-block: 16px; }
.ego-punch-copy .actions { gap: 30px; }
@media (max-width: 760px) {
 .button, .site-header .button { font-size: 15px; }
 .ego-punch-copy .button, .ego-punch-copy .text-link { font-size: 17px; }
 .ego-punch-copy .button { padding: 18px 22px; }
 .ego-punch-copy .actions { gap: 18px; }
}
/* A compact publishing reminder, with its own space for the calendar. */
.page-home .ego-rhythm { padding-block: 48px 54px; border-top: 1px solid #176a521a; background: var(--mint-pale); }
.page-home .ego-rhythm > .container { display: grid; grid-template-columns: minmax(0, 1fr) 260px; column-gap: 40px; row-gap: 20px; align-items: center; }
.page-home .ego-rhythm-label { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; align-self: end; }
.page-home .ego-rhythm-label .eyebrow { margin: 0; }
.page-home .ego-coming-badge { border: 1px solid #176a5238; border-radius: 20px; padding: 5px 11px; font-size: 11px; line-height: 1; font-weight: 600; color: var(--green); }
.page-home .ego-rhythm-copy { grid-column: 1; align-self: start; }
.page-home .ego-rhythm h2 { font-size: clamp(30px, 3.35vw, 48px); line-height: 1.1; margin-bottom: 18px; }
.page-home .ego-rhythm h2 em { color: var(--green); }
.page-home .ego-rhythm p:not(.eyebrow) { font-size: 17px; line-height: 1.65; max-width: 650px; margin: 0; color: #42584b; }
.page-home .ego-rhythm-calendar { display: block; grid-column: 2; grid-row: 1 / 3; width: 100%; height: auto; }

/* Homepage finish: strong type, quiet framing, and a consistent editorial rhythm. */
.page-home .ego-punch-copy h1 { letter-spacing: -.065em; line-height: 1.025; }
.page-home .ego-punch-copy > .ego-hero-explanation { color: #d0d8ce; }
.page-home .ego-punch-pain > .container > div:first-child > p:last-child { margin-bottom: 0; }
.page-home .product-proof .product-shot { border: 1px solid #ffffff24; border-radius: 8px; overflow: hidden; box-shadow: 0 20px 50px #00000020; }
.page-home .product-proof .shot-bar { padding: 15px 20px; }
.page-home .product-proof .ego-product-link { margin-top: 28px; }
.page-home .ego-punch-process h2, .page-home .home-offer h2 { font-size: clamp(36px, 4vw, 56px); }
.page-home .ego-punch-steps { gap: 40px; margin-block: 40px 30px; }
.page-home .ego-punch-steps article { padding-top: 25px; }
.page-home .ego-step-mark svg { stroke-width: 2; }
.page-home .ego-punch-steps h3 { font-size: 24px; letter-spacing: -.035em; margin-block: 22px 12px; }
.page-home .ego-punch-steps p { font-size: 16px; line-height: 1.7; margin-bottom: 0; }
.page-home .ego-offer-options { gap: 24px; }
.page-home .ego-offer-options .offer-plan { display: flex; flex-direction: column; align-items: flex-start; padding: 36px; border-radius: 8px; box-shadow: 0 4px 12px #24272603; }
.page-home .ego-offer-options .offer-plan > .eyebrow { margin-bottom: 14px; }
.page-home .ego-offer-options .offer-plan:not(.ego-managed) > .eyebrow { margin-bottom: 37px; }
.page-home .ego-offer-options .offer-price { font-size: clamp(44px, 4.5vw, 64px); line-height: 1.15; letter-spacing: -.055em; margin-bottom: 18px; gap: 4px 12px; }
.page-home .ego-offer-options .offer-price > span { font-size: 11px; }
.page-home .ego-offer-options .offer-plan > p:not(.offer-price) { font-size: 15px; line-height: 1.6; margin-bottom: 28px; }
.page-home .ego-offer-options .offer-plan .button { margin-top: auto; }
.page-home .ego-offer-options .offer-plan > .fine-print { margin-top: 18px; font-size: 11px; line-height: 1.5; }
.page-home .ego-punch-close { border-top: 1px solid #ffffff12; }
.page-home .ego-punch-close h2 { line-height: 1.06; }
.page-home .ego-punch-close p:not(.eyebrow) { font-size: 13px; }
@media (max-width: 1000px) {
 .page-home .ego-rhythm > .container { grid-template-columns: minmax(0, 1fr) 210px; column-gap: 24px; }
 .page-home .ego-rhythm h2 br { display: none; }
 .page-home .ego-offer-options .offer-plan { padding: 28px; }
}
@media (max-width: 760px) {
 .page-home .ego-rhythm { padding-block: 32px 38px; }
 .page-home .ego-rhythm > .container { grid-template-columns: minmax(0, 1fr) 96px; column-gap: 16px; row-gap: 18px; }
 .page-home .ego-rhythm-label { gap: 10px; align-self: center; }
 .page-home .ego-rhythm-calendar { grid-column: 2; grid-row: 1; }
 .page-home .ego-rhythm-copy { grid-column: 1 / -1; }
 .page-home .ego-rhythm h2 { font-size: clamp(30px, 6vw, 42px); }
 .page-home .ego-rhythm p:not(.eyebrow) { font-size: 16px; }
 .page-home .ego-punch-steps { gap: 24px; margin-block: 30px; }
 .page-home .ego-punch-steps article { padding-top: 22px; }
 .page-home .ego-punch-steps h3 { margin-block: 5px 4px; font-size: 23px; }
 .page-home .ego-punch-steps p { font-size: 15px; }
 .page-home .ego-offer-options .offer-plan { padding: 26px; }
 .page-home .ego-offer-options .offer-plan:not(.ego-managed) > .eyebrow { margin-bottom: 20px; }
 .page-home .ego-offer-options .offer-price { font-size: clamp(42px, 10vw, 60px); }
 .page-home .product-proof .shot-bar { padding: 13px 14px; }
}

/* Native FAQ accordions keep the last objections easy to scan. */
.page-home .ego-home-faq { padding-block: 78px; background: var(--paper); }
.page-home .ego-home-faq .faq-layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; }
.page-home .ego-home-faq h2 { font-size: clamp(36px, 4vw, 56px); margin-bottom: 0; }
.page-home .ego-home-faq .faq-item summary { font-size: 17px; line-height: 1.5; font-weight: 650; letter-spacing: -.02em; padding-block: 23px; }
.page-home .ego-home-faq .faq-item summary > span { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; font-size: 26px; }
.page-home .ego-home-faq .faq-item summary:hover,
.page-home .ego-home-faq .faq-item[open] summary { color: var(--green); }
.page-home .ego-home-faq .faq-item > p { font-size: 16px; line-height: 1.7; padding-right: 49px; margin-bottom: 26px; color: var(--muted); }
@media (max-width: 1000px) {
 .page-home .ego-home-faq .faq-layout { gap: 40px; }
}
@media (max-width: 760px) {
 .page-home .ego-home-faq { padding-block: 52px; }
 .page-home .ego-home-faq .faq-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
 .page-home .ego-home-faq .faq-item summary { font-size: 16px; gap: 16px; padding-block: 20px; }
 .page-home .ego-home-faq .faq-item > p { font-size: 15px; padding-right: 0; margin-bottom: 24px; }
}

/* One consistent eyebrow treatment across every page and surface. */
:root body .eyebrow {
 font-family: Manrope, sans-serif;
 font-size: 12px;
 font-weight: 750;
 letter-spacing: 1.35px;
 line-height: 1.6;
}
@media (max-width: 760px) {
 :root body .eyebrow { font-size: 11px; }
}
/* Optical balance: bright lettering on charcoal needs less weight. */
:root body .ego-punch-hero .eyebrow,
:root body .product-proof .eyebrow,
:root body .ego-managed .eyebrow,
:root body .ego-punch-close .eyebrow { font-weight: 650; }
.page-home .ego-rhythm h2 { max-width: 100%; text-wrap: balance; }
.page-home .ego-rhythm h2 em { display: inline; }
/* Give the hero offer enough room before its deliberate sentence break. */
@media (min-width: 761px) {
 .page-home .ego-punch-copy > .ego-hero-explanation { max-width: 800px; width: 100%; }
}
@media (max-width: 760px) {
 .hero-copy-break { display: none; }
}

/* Inner pages share the homepage's direct voice, confident type and restrained palette. */
.page-inner .inner-hero { background: var(--dark); color: var(--paper); }
.page-inner .inner-hero .page-intro { padding-block: 76px 70px; }
.page-inner .inner-hero h1 { font-size: clamp(44px, 6vw, 86px); line-height: 1.06; letter-spacing: -.06em; max-width: 1120px; margin-bottom: 28px; }
.page-inner .inner-hero .eyebrow, .page-inner .inner-hero h1 em { color: var(--mint); }
.page-inner .inner-hero .lead { font-size: 20px; line-height: 1.6; color: #cbd6cd; max-width: 760px; }
.page-inner .eyebrow, .page-inner .card-index, .page-inner .case-number { font-size: 11px; letter-spacing: 1.2px; line-height: 1.5; }
.page-inner h2 { font-size: clamp(34px, 4vw, 56px); line-height: 1.1; letter-spacing: -.05em; }
.page-inner h2 em { color: var(--green); }
.page-inner .section, .page-inner .soft-section, .page-inner .dark-section { padding-block: 80px; }
.page-inner .section-heading { max-width: 820px; margin-bottom: 38px; }
.page-inner .section-heading > p { font-size: 17px; line-height: 1.7; }
.page-inner .page-actions { margin-block: 32px; }
.page-inner .product-overview { padding: 18px; border-radius: 10px; background: var(--mint-pale); border-color: #176a5224; }
.page-inner .product-shot { border-radius: 7px; overflow: hidden; border-color: #176a5224; }
.page-inner .feature-row { gap: 72px; padding-block: 64px; }
.page-inner .feature-row:first-child { padding-top: 0; }
.page-inner .feature-row:last-child { padding-bottom: 0; }
.page-inner .feature-row p, .page-inner .feature-card p, .page-inner .ego-clarity p { font-size: 16px; line-height: 1.7; }
.page-inner .feature-card { padding-top: 24px; }
.page-inner .feature-card h3 { font-size: 26px; line-height: 1.2; letter-spacing: -.035em; margin-block: 16px 14px; }
.page-inner .check-list li { font-size: 15px; }
.page-inner .editorial-panel { border-radius: 8px; padding: 36px; border-top: 0; }
.page-inner .editorial-panel h3 { font-size: clamp(30px, 3.3vw, 44px); font-weight: 750; letter-spacing: -.045em; }
.page-inner .editorial-panel p, .page-inner .editorial-panel dd { font-size: 15px; }
.page-inner .editorial-panel dt { font-size: 12px; }
.page-inner .editorial-panel.light { background: var(--mint-pale); }
.page-inner .note-label { font-size: 10px; line-height: 1.6; }
.page-inner .review-product { margin-bottom: 80px; }
.page-inner .use-case { padding-block: 64px; gap: 64px; }
.page-inner .use-case:first-child { border-top: 0; }
.page-inner .use-case > div > p { font-size: 17px; line-height: 1.7; }
.page-inner .use-case .button { margin-top: 10px; }
.page-inner .case-detail { background: var(--mint-pale); padding: 32px; border-radius: 8px; }
.page-inner .case-detail h3 { font-size: 12px; }
.page-inner .case-detail p { font-size: 15px; line-height: 1.7; }
.page-inner .case-detail .example { font-size: 21px; line-height: 1.45; letter-spacing: -.025em; }
.page-inner .pricing-section { padding-top: 48px; }
.page-inner .pricing-grid { gap: 20px; }
.page-inner .price-card { padding: 30px; border-radius: 8px; display: flex; flex-direction: column; }
.page-inner .plan-name { font-size: 24px; font-weight: 750; letter-spacing: -.035em; }
.page-inner .plan-desc { font-size: 15px; line-height: 1.6; min-height: 48px; }
.page-inner .price { font-size: clamp(44px, 4.5vw, 64px); font-weight: 750; letter-spacing: -.055em; }
.page-inner .price > span { font-size: 11px; font-weight: 500; }
.page-inner .price-card .button { font-size: 15px; }
.page-inner .price-card ul { font-size: 14px; line-height: 1.6; }
.page-inner .plan-foot { font-size: 11px; margin-top: auto; }
.page-inner .inner-managed { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.page-inner .inner-managed > div > p:not(.eyebrow):not(.inner-managed-price):not(.fine-print) { font-size: 17px; line-height: 1.7; max-width: 500px; }
.page-inner .inner-managed-offer { background: var(--dark); color: var(--paper); padding: 36px; border-radius: 8px; }
.page-inner .inner-managed-offer .eyebrow { color: var(--mint); display: block; margin-bottom: 20px; }
.page-inner .inner-managed-start { display: block; font-size: 12px; color: #cbd6cd; margin-bottom: 8px; }
.page-inner .inner-managed-price { color: var(--paper); font-size: clamp(46px, 5vw, 68px); font-weight: 750; line-height: 1.15; letter-spacing: -.055em; margin-bottom: 28px; }
.page-inner .inner-managed-price > span { display: block; font-size: 11px; font-weight: 500; letter-spacing: 0; margin-top: 12px; color: #cbd6cd; }
.page-inner .inner-managed-offer .fine-print { color: #cbd6cd; margin-bottom: 0; }
.page-inner .faq-layout { gap: 64px; }
.page-inner .faq-item summary { font-size: 17px; line-height: 1.5; font-weight: 650; }
.page-inner .faq-item summary > span { flex: 0 0 24px; text-align: center; }
.page-inner .faq-item[open] summary { color: var(--green); }
.page-inner .faq-item > p { font-size: 16px; line-height: 1.7; }
.page-inner .trust-grid { padding-top: 64px; padding-bottom: 80px; gap: 56px 72px; }
.page-inner .trust-grid h2 { font-size: clamp(30px, 3vw, 42px); }
.page-inner .trust-grid p { font-size: 16px; line-height: 1.7; }
.page-inner .trust-grid .boundary { font-size: 14px; }
.page-inner .dark-section h2 em { color: var(--mint); }
.page-inner .dark-section p:not(.eyebrow) { color: #cbd6cd; font-size: 16px; line-height: 1.7; }
.page-inner .dark-section .large-copy { font-size: 22px; color: var(--paper); }
.page-inner .support-panel h2 { font-size: 36px; }
.page-inner .support-panel p { font-size: 16px; }
.page-inner .company-story { padding-block: 64px 80px; gap: 72px; }
.page-inner .company-story p { font-size: 17px; line-height: 1.75; }
.page-inner .company-story .large-copy { font-size: 23px; line-height: 1.5; letter-spacing: -.025em; }
.page-inner .company-identity p { font-size: 14px; }
.page-inner .company-identity h3 { font-size: 25px; letter-spacing: -.035em; }
.page-inner .contact-email { font-size: clamp(24px, 3.6vw, 48px); letter-spacing: -.045em; max-width: 100%; }
.page-inner .help-layout { margin-top: 48px; padding-bottom: 80px; gap: 72px; }
.page-inner .help-nav { gap: 18px; }
.page-inner .help-nav a { font-size: 14px; }
.page-inner .guide h2 { font-size: 30px; }
.page-inner .guide p, .page-inner .guide li { font-size: 16px; line-height: 1.8; }
.page-inner .guide-callout { border-radius: 6px; background: var(--mint-pale); }
.page-inner .guide-callout p { font-size: 15px; line-height: 1.7; }
.page-inner .guide-callout strong { font-size: 15px; }
.page-inner .inner-cta { min-height: 0; padding-block: 76px; background: var(--dark); overflow: hidden; }
.page-inner .inner-cta::after { content: none; }
.page-inner .inner-cta .cta-inner { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: center; }
.page-inner .inner-cta .cta-inner > div { width: auto; max-width: none; }
.page-inner .inner-cta h2 { font-size: clamp(40px, 4.7vw, 68px); max-width: 850px; line-height: 1.06; }
.page-inner .inner-cta h2 em { color: var(--mint); }
.page-inner .inner-cta p:not(.eyebrow) { font-size: 17px; line-height: 1.65; max-width: 580px; }
.page-inner .inner-cta .text-link { font-size: 16px; }
.page-inner .inner-cta .cta-note { font-size: 12px; }
.page-inner .inner-cta-doodle { height: 260px; background: url('/assets/blog-shrug.5bd33aaa86a9f8d5.webp') center / 155% auto no-repeat; mix-blend-mode: lighten; }
.page-inner .footer-signature { display: none; }
@media (max-width: 1100px) {
 .page-inner .feature-row, .page-inner .use-case, .page-inner .company-story, .page-inner .faq-layout, .page-inner .inner-managed { gap: 40px; }
 .page-inner .price-card { padding: 24px; }
 .page-inner .plan-desc { min-height: 72px; }
 .page-inner .inner-cta .cta-inner { grid-template-columns: minmax(0, 1fr) 240px; gap: 24px; }
 .page-inner .help-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 44px; }
}
@media (max-width: 760px) {
 .page-inner .inner-hero .page-intro { padding-block: 48px; }
 .page-inner .inner-hero h1 { font-size: clamp(39px, 8vw, 60px); line-height: 1.07; }
 .page-inner .inner-hero .lead { font-size: 17px; }
 .page-inner .section, .page-inner .soft-section, .page-inner .dark-section { padding-block: 52px; }
 .page-inner h2 { font-size: clamp(32px, 7vw, 44px); }
 .page-inner .feature-row, .page-inner .use-case, .page-inner .company-story, .page-inner .faq-layout, .page-inner .inner-managed { grid-template-columns: minmax(0, 1fr); gap: 30px; }
 .page-inner .feature-row, .page-inner .use-case { padding-block: 44px; }
 .page-inner .feature-row:first-child { padding-top: 0; }
 .page-inner .feature-row:last-child { padding-bottom: 0; }
 .page-inner .editorial-panel, .page-inner .case-detail, .page-inner .inner-managed-offer { padding: 26px; }
 .page-inner .product-overview { padding: 8px; }
 .page-inner .review-product { margin-bottom: 52px; }
 .page-inner .pricing-section { padding-top: 32px; }
 .page-inner .pricing-grid { grid-template-columns: minmax(0, 1fr); }
 .page-inner .plan-desc { min-height: 0; }
 .page-inner .price { font-size: 56px; }
 .page-inner .faq-item summary { font-size: 16px; }
 .page-inner .faq-item > p { font-size: 15px; padding-right: 0; }
 .page-inner .trust-grid { padding-block: 40px 52px; gap: 36px; }
 .page-inner .company-story { padding-block: 40px 52px; }
 .page-inner .company-story .large-copy { font-size: 21px; }
 .page-inner .contact-email { font-size: clamp(23px, 5.8vw, 36px); gap: 12px; letter-spacing: -.045em; }
 .page-inner .help-layout { grid-template-columns: minmax(0, 1fr); margin-top: 32px; gap: 32px; padding-bottom: 52px; }
 .page-inner .help-nav { position: static; gap: 12px; }
 .page-inner .guide h2 { font-size: 28px; }
 .page-inner .guide p, .page-inner .guide li { font-size: 15px; }
 .page-inner .inner-cta { padding-block: 52px 32px; }
 .page-inner .inner-cta .cta-inner { grid-template-columns: minmax(0, 1fr); gap: 16px; }
 .page-inner .inner-cta h2 { font-size: clamp(36px, 8vw, 54px); }
 .page-inner .inner-cta-doodle { height: 180px; width: 270px !important; justify-self: end; }
 .page-inner .inner-cta .cta-action { gap: 22px; }
}
/* Legal documents keep their exact draft wording in a comfortable reading column. */
.page-inner main > .page-intro { max-width: 900px; padding-block: 64px 12px; }
.page-inner .help-layout:has(> div:empty) { display: block; max-width: 900px; }
.page-inner .help-layout > div:empty { display: none; }
.page-inner .help-layout:has(> div:empty) .guide { max-width: none; }
@media (max-width: 760px) {
 .page-inner main > .page-intro { padding-block: 44px 0; }
}

/* One marker system for content lists throughout the public website. */
main ul { list-style: none; padding-left: 0; }
main ul li { position: relative; padding-left: 42px; min-height: 30px; }
main ul li::before, main .check-list li::before, main .ego-wins li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--mint);
  color: var(--ink);
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 750;
  line-height: 1;
}
main .ego-wins li { display: block; line-height: 30px; }
main .check-list li { padding-left: 42px; }

.comparison-check { color: var(--green); font-size: 20px; font-weight: 750; }

/* All channel names share one intrinsic grid cell, so rotation cannot reflow type. */
.hero-channel-phrase { white-space: nowrap; }
.hero-channel { display: inline-grid; vertical-align: baseline; border-bottom: .045em solid currentColor; }
.hero-channel > span { grid-area: 1 / 1; opacity: 0; animation: hero-channel-cycle 9s infinite; }
.hero-channel > span:nth-child(2) { animation-delay: 3s; }
.hero-channel > span:nth-child(3) { animation-delay: 6s; }
@keyframes hero-channel-cycle {
  0%, 29% { opacity: 1; transform: translateY(0); }
  32% { opacity: 0; transform: translateY(-.12em); }
  33%, 96% { opacity: 0; transform: translateY(.12em); }
  100% { opacity: 1; transform: translateY(0); }
}
.ego-punch-hero .ego-hero-channels { max-width: 660px; margin: 24px 0 0; font-size: 14px; line-height: 1.6; color: #b8c3ba; }
@media (prefers-reduced-motion: reduce) {
  .hero-channel > span { animation: none; opacity: 0; }
  .hero-channel > span:first-child { opacity: 1; }
}
@media (max-width: 760px) {
  .ego-punch-hero h1 em > br { display: none; }
}

.keep-together { white-space: nowrap; }
/* Alternate the nudge banner composition on wider screens. */
@media (min-width: 761px) {
  .page-home .ego-rhythm > .container { grid-template-columns: 260px minmax(0, 1fr); }
  .page-home .ego-rhythm-calendar { grid-column: 1; grid-row: 1 / 3; }
  .page-home .ego-rhythm-label { grid-column: 2; grid-row: 1; }
  .page-home .ego-rhythm-copy { grid-column: 2; grid-row: 2; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .page-home .ego-rhythm > .container { grid-template-columns: 210px minmax(0, 1fr); }
}