@font-face {
	font-family: Manrope;
	src: url("/assets/manrope-variable.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: Georgia, "Times New Roman", serif;
	font-weight: 400;
	letter-spacing: -0.045em;
}
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-weight: 400;
	color: var(--green);
}
a,
summary {
	touch-action: manipulation;
}
.container {
	width: min(1280px, calc(100% - 112px));
	margin-inline: auto;
}
.section {
	padding-block: 112px;
}
.eyebrow,
.folio-label,
.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(--ink);
	border-radius: 4px;
	background: var(--ink);
	color: var(--paper);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.5;
	transition:
		background 0.16s,
		color 0.16s;
}
.button:hover {
	background: #3b423e;
	color: #fff;
}
.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;
}

/* One editorial idea, from the founder's observation to a considered claim. */
.launch-hero {
	background: var(--paper);
	overflow: hidden;
}
.hero-heading {
	display: grid;
	grid-template-columns: 1.02fr 1fr;
	gap: 80px;
	align-items: center;
	padding-block: 82px 74px;
}
.hero-copy {
	padding-bottom: 22px;
}
.hero-copy > .eyebrow {
	font-size: 9px;
	letter-spacing: 1.35px;
	margin-bottom: 31px;
}
.hero-copy h1 {
	font-size: clamp(68px, 6vw, 88px);
	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: 495px;
	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;
}
.editorial-folio {
	margin: 0;
	position: relative;
	padding-bottom: 8px;
}
.editorial-folio > figcaption {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	border-top: 1px solid var(--ink);
	padding-block: 13px 24px;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: 0.9px;
}
.editorial-folio > figcaption > span {
	font-weight: 450;
	color: var(--muted);
	text-align: right;
}
.founder-note {
	position: relative;
	margin-left: 35px;
	padding: 22px 27px 20px;
	background: var(--mint-pale);
	border-top: 2px solid var(--green);
	transform: rotate(1.6deg);
	z-index: 1;
}
.folio-label {
	display: block;
	margin-bottom: 13px;
	font-size: 8px;
	letter-spacing: 1.25px;
}
.founder-note blockquote {
	margin: 0 0 13px;
	font-family: Georgia, serif;
	font-size: 22px;
	line-height: 1.35;
	letter-spacing: -0.5px;
	color: #24473a;
}
.note-signoff {
	font-size: 9px;
	color: #3e5b4e;
}
.article-paper {
	position: relative;
	margin: 22px 14px 0 0;
	background: var(--white);
	border: 1px solid #d2d4cb;
	padding: 25px 31px 23px;
	box-shadow:
		7px 8px 0 #e9eae3,
		7px 8px 0 1px #d2d4cb;
}
.paper-masthead {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--line);
	padding-bottom: 13px;
	margin-bottom: 21px;
	font-size: 8px;
	letter-spacing: 1.1px;
	color: #656e63;
}
.article-paper h2 {
	font-size: 36px;
	line-height: 1.12;
	margin-bottom: 13px;
	max-width: 370px;
	letter-spacing: -1.2px;
}
.article-deck {
	font-family: Georgia, serif;
	font-size: 15px;
	line-height: 1.5;
	color: #596158;
	max-width: 350px;
	margin-bottom: 19px;
}
.article-columns {
	display: grid;
	grid-template-columns: 1fr 105px;
	gap: 27px;
	align-items: start;
}
.article-columns > p {
	font-family: Georgia, serif;
	font-size: 15px;
	line-height: 1.6;
	color: #343d35;
	margin-bottom: 20px;
}
.article-columns mark {
	background: #cdecdc;
	color: #253b2c;
	padding: 2px 0;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.margin-note {
	border-left: 1px solid var(--green);
	padding-left: 10px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 1.35;
	color: var(--green);
	padding-top: 4px;
	margin-top: 4px;
}
.margin-note > span {
	font-family: Manrope, sans-serif;
	font-style: normal;
	display: block;
	font-size: 7px;
	line-height: 1.5;
	letter-spacing: 0.75px;
	margin-bottom: 7px;
}
.research-line {
	border-top: 1px solid var(--line);
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 16px;
	padding-block: 13px;
}
.research-line > span,
.revision-line > span:first-child {
	font-size: 7px;
	letter-spacing: 1px;
	line-height: 1.7;
	font-weight: 650;
	color: var(--green);
}
.research-line > p {
	font-size: 10px;
	line-height: 1.6;
	margin: 0;
}
.revision-line {
	border-top: 1px solid var(--line);
	padding-top: 14px;
}
.revision-line > span:first-child {
	display: block;
	margin-bottom: 7px;
}
.revision-line p {
	font-size: 11px;
	line-height: 1.7;
	margin: 0 0 5px;
	color: var(--ink);
}
.revision-line del {
	color: #81604f;
	text-decoration-color: #9b6045;
}
.revision-line ins {
	text-decoration: none;
	background: #dcf0e4;
	color: #285b42;
	padding: 2px 3px;
}
.editor-note {
	font-size: 9px;
	font-family: Georgia, serif;
	font-style: italic;
	color: var(--green);
}
.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: Georgia, 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: Georgia, 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: Georgia, serif;
	font-style: italic;
	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: Georgia, 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: Georgia, 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: Georgia, 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;
}
.cta-section {
	background: var(--mint-pale);
	padding-block: 90px;
	border-bottom: 1px solid #a6c7b7;
}
.cta-inner {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 80px;
}
.cta-inner h2 {
	max-width: 870px;
}
.cta-inner p:not(.eyebrow) {
	margin-bottom: 12px;
}
.cta-inner .text-link {
	font-size: 11px;
}
.cta-action {
	text-align: center;
}
.cta-action > span {
	display: block;
	color: #4d6b5b;
	font-size: 9px;
	margin-top: 13px;
}
.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: Georgia, serif;
	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: Georgia, serif;
	font-size: 41px;
	line-height: 1.13;
	font-weight: 400;
	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: Georgia, 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: Georgia, serif;
	font-size: 61px;
	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: Georgia, serif;
	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: Georgia, serif;
	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: 92px;
	}
	.hero-copy .lead {
		font-size: 22px;
	}
}
@media (max-width: 1150px) {
	.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: 72px;
	}
	.hero-copy .lead {
		font-size: 19px;
	}
	.hero-copy .actions {
		gap: 18px;
		flex-wrap: wrap;
	}
	.hero-copy > .eyebrow {
		font-size: 8px;
	}
	.article-paper {
		padding: 22px 24px;
	}
	.article-paper h2 {
		font-size: 32px;
	}
	.founder-note {
		margin-left: 20px;
		padding: 21px;
	}
	.founder-note blockquote {
		font-size: 20px;
	}
	.article-columns {
		gap: 18px;
		grid-template-columns: 1fr 90px;
	}
	.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 {
		gap: 40px;
	}
	.cta-inner h2 {
		font-size: 46px;
	}
}
@media (max-width: 900px) {
	.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: 61px;
	}
	.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;
	}
	.editorial-folio > figcaption {
		font-size: 7px;
		gap: 10px;
	}
	.article-paper {
		padding: 20px;
	}
	.article-paper h2 {
		font-size: 29px;
	}
	.founder-note blockquote {
		font-size: 18px;
	}
	.folio-label {
		font-size: 7px;
	}
	.article-columns {
		display: block;
	}
	.margin-note {
		display: none;
	}
	.article-columns > p {
		font-size: 14px;
	}
	.article-deck {
		font-size: 13px;
	}
	.research-line {
		grid-template-columns: 82px 1fr;
		gap: 10px;
	}
	.research-line > span {
		font-size: 6px;
	}
	.revision-line p {
		font-size: 10px;
	}
	.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-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.cta-action {
		text-align: left;
	}
	.cta-action > span {
		margin-left: 0;
	}
	.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) {
	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(54px, 13.5vw, 78px);
		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;
	}
	.editorial-folio {
		max-width: 460px;
		width: 100%;
		margin-inline: auto;
		padding-bottom: 8px;
	}
	.editorial-folio > figcaption {
		padding-block: 12px 20px;
		font-size: 6.5px;
		letter-spacing: 0.7px;
		align-items: start;
	}
	.editorial-folio > figcaption > span {
		max-width: 90px;
	}
	.founder-note {
		margin-left: 20px;
		padding: 19px 21px;
	}
	.founder-note blockquote {
		font-size: 20px;
	}
	.folio-label {
		font-size: 7px;
	}
	.note-signoff {
		font-size: 8px;
	}
	.article-paper {
		margin-top: 20px;
		margin-right: 10px;
		padding: 24px 22px;
	}
	.paper-masthead {
		font-size: 7px;
		margin-bottom: 20px;
	}
	.article-paper h2 {
		font-size: 32px;
		max-width: 350px;
	}
	.article-deck {
		font-size: 14px;
	}
	.article-columns {
		display: grid;
		grid-template-columns: 1fr 81px;
		gap: 17px;
	}
	.article-columns > p {
		font-size: 14px;
	}
	.margin-note {
		display: block;
		font-size: 12px;
	}
	.margin-note > span {
		font-size: 6px;
	}
	.research-line {
		grid-template-columns: 88px 1fr;
		gap: 12px;
	}
	.research-line > span,
	.revision-line > span:first-child {
		font-size: 6.5px;
	}
	.research-line > p {
		font-size: 9px;
	}
	.revision-line p {
		font-size: 10px;
		line-height: 1.8;
	}
	.editor-note {
		font-size: 8px;
	}
	.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: 61px;
		gap: 14px;
	}
	.offer-plan > .eyebrow {
		font-size: 9px;
	}
	.offer-plan > p:not(.offer-price) {
		font-size: 12px;
	}
	.cta-section {
		padding-block: 62px;
	}
	.cta-inner {
		gap: 25px;
	}
	.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;
	}
	.cta-action > span {
		font-size: 9px;
	}
	.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: 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;
	}
	.article-paper {
		padding: 21px 19px;
	}
	.article-paper h2 {
		font-size: 29px;
	}
	.article-columns {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.margin-note {
		display: none;
	}
	.founder-note blockquote {
		font-size: 18px;
	}
	.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;
	}
}