.home-page {
	--paper: #f6f8f3;
	--paper-soft: #eef2ea;
	--paper-warm: #fbf8ef;
	--paper-green: #eef7df;
}

.home-page .hero {
	padding-top: 112px;
	padding-bottom: 104px;
}

.home-page .hero-grid {
	grid-template-columns: minmax(0, 0.78fr) minmax(560px, 1.22fr);
	gap: 76px;
	align-items: center;
}

.home-page .hero-copy {
	position: relative;
	z-index: 2;
}

.home-page .hero h1 {
	max-width: 720px;
	font-size: clamp(52px, 5vw, 76px);
	font-weight: 480;
}

.home-page .hero h1 strong {
	font-weight: 760;
}

.home-page .hero-lead {
	max-width: 610px;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.6;
}

.home-page .nia-wall {
	width: 108%;
	margin-left: -2%;
}

.home-page .nia-wall-surface {
	padding: 36px 34px 38px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 32%),
		#edf1e9;
}

.home-page .nia-wall-header {
	margin-bottom: 34px;
}

.home-page .nia-wall-header strong {
	font-weight: 600;
}

.home-page .nia-columns {
	gap: 22px;
}

.home-page .nia-column-body {
	gap: 20px;
}

.home-page .nia-column-title {
	font-weight: 600;
}

.home-page .nia-task {
	border: 0;
	box-shadow: none;
}

.home-page .nia-task strong {
	font-weight: 600;
}

.home-page .nia-task small {
	font-weight: 500;
}

.home-page .nia-wall-footer {
	margin-top: 18px;
	font-size: 15px;
}

.home-page .noudoc-summary {
	position: relative;
	padding: 118px 0 126px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background: var(--dark);
	color: #f5f7f2;
	overflow: hidden;
}

.home-page .noudoc-summary::after {
	position: absolute;
	top: 34px;
	right: 5%;
	width: 86px;
	height: 86px;
	background: url("/static/icons/handmade/global-handmade-symbol-svgrepo-com.svg") no-repeat center / contain;
	content: "";
	filter: invert(1);
	opacity: 0.09;
	pointer-events: none;
	transform: rotate(8deg);
}

.home-page .summary-grid {
	position: relative;
	z-index: 1;
	grid-template-columns: minmax(130px, 0.35fr) minmax(0, 1.15fr) minmax(360px, 1fr);
	gap: 62px;
	align-items: center;
}

.home-page .summary-note,
.home-page .noudoc-summary .kicker {
	color: #aeb6aa;
}

.home-page .summary-copy h2 {
	max-width: 700px;
	font-size: clamp(44px, 4.8vw, 72px);
	font-weight: 600;
	color: #f8faf6;
}

.home-page .summary-copy p {
	max-width: 720px;
	color: #aab2a5;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.75;
}

.home-page .summary-points {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	border: 0;
}

.home-page .summary-points > div {
	position: relative;
	min-height: 142px;
	padding: 22px 20px 20px;
	border: 0;
	box-shadow: none;
	background: #f4f5ef;
	color: var(--ink);
}

.home-page .summary-points > div:nth-child(1) {
	background: #f2f3ee;
	transform: rotate(-0.25deg);
}

.home-page .summary-points > div:nth-child(2) {
	background: #fff0c9;
	transform: translateY(12px) rotate(0.4deg);
}

.home-page .summary-points > div:nth-child(3) {
	background: #e8ffc0;
	transform: rotate(-0.35deg);
}

.home-page .summary-points > div:nth-child(4) {
	background: #e7f5ff;
	transform: translateY(12px) rotate(0.25deg);
}

.home-page .summary-points span {
	font-size: 17px;
	font-weight: 600;
}

.home-page .summary-points strong {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.home-page .summary-points small {
	color: #586055;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.45;
}

.home-page #product {
	padding-top: 138px;
	padding-bottom: 142px;
	background: var(--paper);
}

.home-page #product .section-heading {
	margin-bottom: 76px;
}

.home-page #product h2,
.home-page .case-heading h2,
.home-page .section-dark h2,
.home-page #ai h2,
.home-page .audience-heading h2,
.home-page .cta-inner h2 {
	font-weight: 600;
}

.home-page .sticky-grid {
	gap: 42px;
}

.home-page .sticky-note,
.home-page .feature-grid .sticky-note,
.home-page .ai-quote.sticky-note {
	border: 0;
	box-shadow: none;
}

.home-page .sticky-grid > :nth-child(1) {
	transform: rotate(-0.65deg) translateY(4px);
}

.home-page .sticky-grid > :nth-child(2) {
	transform: rotate(0.45deg) translateY(24px);
}

.home-page .sticky-grid > :nth-child(3) {
	transform: rotate(-0.25deg) translateY(-4px);
}

.home-page .feature-card h3 {
	font-weight: 600;
}

.home-page .feature-card p {
	font-weight: 400;
}

.home-page .case-section {
	position: relative;
	padding-top: 132px;
	padding-bottom: 140px;
	background: #edf1e9;
	overflow: hidden;
}

.home-page .case-section::before {
	position: absolute;
	top: 58px;
	right: 42px;
	width: 92px;
	height: 92px;
	border: 0;
	border-radius: 0;
	background: url("/static/icons/handmade/paper-plane-handmade-folded-shape-svgrepo-com.svg") no-repeat center / contain;
	content: "";
	opacity: 0.12;
	pointer-events: none;
	transform: rotate(13deg);
}

.home-page .case-layout {
	grid-template-columns: minmax(280px, 0.55fr) minmax(0, 1.45fr);
	gap: 82px;
}

.home-page .case-heading h2 {
	font-size: clamp(46px, 4.7vw, 70px);
}

.home-page .case-timeline {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	padding-top: 44px;
}

.home-page .case-timeline::before {
	position: absolute;
	top: 18px;
	left: 5%;
	right: 5%;
	height: 2px;
	background: rgba(16, 19, 15, 0.3);
	content: "";
}

.home-page .case-step {
	min-height: 310px;
	padding: 26px 22px 24px;
	border: 0;
	box-shadow: none;
}

.home-page .case-step::before {
	position: absolute;
	top: -33px;
	left: 22px;
	width: 12px;
	height: 12px;
	border: 2px solid var(--ink);
	border-radius: 50%;
	background: var(--background);
	content: "";
}

.home-page .case-step:nth-child(2),
.home-page .case-step:nth-child(4) {
	transform: translateY(34px) rotate(0.35deg);
}

.home-page .case-time {
	margin-bottom: 58px;
	font-size: 17px;
	font-weight: 600;
}

.home-page .case-step strong {
	font-size: 21px;
	font-weight: 600;
}

.home-page .case-step p {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.62;
}

.home-page .section-dark {
	padding-top: 132px;
	padding-bottom: 132px;
}

.home-page .section-dark .split-section {
	gap: 110px;
}

.home-page .integration-list span {
	font-weight: 600;
}

.home-page .integration-list small {
	font-weight: 400;
}

.home-page #ai {
	padding-top: 136px;
	padding-bottom: 142px;
	background: #fbfcf8;
}

.home-page #ai .ai-grid {
	grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
	gap: 96px;
	align-items: center;
}

.home-page #ai .ai-quote {
	border: 0;
	box-shadow: none;
	transform: rotate(-1.1deg);
}

.home-page #ai .section-copy {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.72;
}

.home-page .audience-section {
	position: relative;
	padding-top: 138px;
	padding-bottom: 144px;
	background: #f1f4ed;
	overflow: hidden;
}

.home-page .audience-section::before {
	position: absolute;
	left: 4%;
	bottom: 36px;
	width: 72px;
	height: 72px;
	background: url("/static/icons/handmade/global-handmade-symbol-svgrepo-com.svg") no-repeat center / contain;
	content: "";
	opacity: 0.08;
	pointer-events: none;
	transform: rotate(-8deg);
}

.home-page .audience-heading {
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
	gap: 96px;
	margin-bottom: 72px;
}

.home-page .audience-heading h2 {
	max-width: 760px;
	font-size: clamp(46px, 4.8vw, 72px);
}

.home-page .audience-heading > p {
	font-weight: 400;
}

.home-page .audience-grid {
	gap: 18px;
	border: 0;
}

.home-page .audience-card {
	min-height: 360px;
	padding: 32px 30px 34px;
	border: 0;
	box-shadow: none;
	background: #fffdf8;
}

.home-page .audience-card:nth-child(1) {
	transform: rotate(-0.45deg);
}

.home-page .audience-card:nth-child(2) {
	background: #eaffc9;
	transform: translateY(22px) rotate(0.4deg);
}

.home-page .audience-card:nth-child(3) {
	background: #fff0d6;
	transform: rotate(-0.25deg);
}

.home-page .audience-index {
	margin-bottom: 88px;
	font-size: 18px;
	font-weight: 600;
}

.home-page .audience-card h3 {
	font-size: 34px;
	font-weight: 600;
}

.home-page .audience-card p {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.68;
}

.home-page .audience-card small {
	font-size: 13px;
	font-weight: 600;
}

.home-page .cta-section {
	position: relative;
	padding: 110px 0;
	border-top: 0;
	background:
		linear-gradient(100deg, rgba(183, 255, 50, 0.28) 0 34%, transparent 34% 100%),
		#fffdf8;
	overflow: hidden;
}

.home-page .cta-section::after {
	position: absolute;
	right: 6%;
	bottom: 22px;
	width: 88px;
	height: 88px;
	border: 0;
	border-radius: 0;
	background: url("/static/icons/handmade/checklist-paper-sheet-handmade-symbol-svgrepo-com.svg") no-repeat center / contain;
	content: "";
	opacity: 0.08;
	pointer-events: none;
	transform: rotate(7deg);
}

.home-page .cta-inner {
	position: relative;
	z-index: 1;
	align-items: center;
	gap: 70px;
}

.home-page .cta-inner h2 {
	max-width: 860px;
	font-size: clamp(44px, 5vw, 72px);
}

.home-page .cta-copy {
	max-width: 680px;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.7;
}

.home-page .cta-inner > .button {
	min-width: 230px;
	min-height: 58px;
}

@media (max-width: 1180px) {
	.home-page .hero-grid {
		grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr);
		gap: 52px;
	}

	.home-page .nia-wall {
		width: 100%;
		margin-left: 0;
	}

	.home-page .case-timeline {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.home-page .case-timeline::before,
	.home-page .case-step::before {
		display: none;
	}

	.home-page .case-step:nth-child(2),
	.home-page .case-step:nth-child(4) {
		transform: none;
	}
}

@media (max-width: 1050px) {
	.home-page .hero-grid,
	.home-page .summary-grid,
	.home-page .case-layout,
	.home-page .audience-heading,
	.home-page #ai .ai-grid {
		grid-template-columns: 1fr;
	}

	.home-page .hero-grid {
		gap: 64px;
	}

	.home-page .summary-grid,
	.home-page .case-layout,
	.home-page .audience-heading,
	.home-page #ai .ai-grid {
		gap: 44px;
	}

	.home-page .summary-points {
		max-width: 760px;
	}

	.home-page .case-heading {
		position: static;
	}

	.home-page .audience-card:nth-child(2) {
		transform: none;
	}
}

@media (max-width: 800px) {
	.home-page .summary-points,
	.home-page .case-timeline,
	.home-page .audience-grid {
		grid-template-columns: 1fr;
	}

	.home-page .summary-points > div:nth-child(2),
	.home-page .summary-points > div:nth-child(4),
	.home-page .sticky-grid > :nth-child(1),
	.home-page .sticky-grid > :nth-child(2),
	.home-page .sticky-grid > :nth-child(3),
	.home-page .audience-card:nth-child(1),
	.home-page .audience-card:nth-child(2),
	.home-page .audience-card:nth-child(3) {
		transform: none;
	}

	.home-page .audience-card {
		min-height: 290px;
	}

	.home-page .cta-inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 620px) {
	.home-page .hero {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.home-page .noudoc-summary,
	.home-page #product,
	.home-page .case-section,
	.home-page .section-dark,
	.home-page #ai,
	.home-page .audience-section,
	.home-page .cta-section {
		padding-top: 82px;
		padding-bottom: 82px;
	}

	.home-page .summary-copy h2,
	.home-page .case-heading h2,
	.home-page .audience-heading h2,
	.home-page .cta-inner h2 {
		font-size: 40px;
	}

	.home-page .summary-copy p,
	.home-page .audience-heading > p,
	.home-page #ai .section-copy,
	.home-page .cta-copy {
		font-size: 16px;
	}

	.home-page .nia-wall-surface {
		padding: 24px 18px 26px;
	}

	.home-page .cta-section {
		background: #fffdf8;
	}

	.home-page .noudoc-summary::after,
	.home-page .case-section::before,
	.home-page .audience-section::before,
	.home-page .cta-section::after {
		display: none;
	}
}