@charset "utf-8";

/* Final page-wide rhythm pass. Keep each section's visual identity while
   aligning spacing, typography and content density across the LP. */
:root {
	--ai-ink: #0d315c;
	--ai-body: #536b85;
	--ai-blue: #1769e8;
	--ai-line: #d8e5f5;
}

#home_worry,
#home_solution,
#home_intro,
#home_case,
#home_merit,
#home_scene,
#home_price,
#home_roadmap,
#home_trust,
#home_faq,
#home_contact {
	scroll-margin-top: 84px;
}

/* Section spacing */
#home_worry,
#home_solution,
#home_intro,
#home_case,
#home_merit,
#home_scene,
#home_faq {
	padding-top: 96px;
	padding-bottom: 104px;
}

#home_roadmap {
	padding-top: 96px;
	padding-bottom: 112px;
}

#home_trust,
#home_contact {
	padding-top: 96px !important;
	padding-bottom: 104px !important;
}

/* Heading rhythm */
.ai-worry-section__heading,
.ai-service-pillars__heading,
.ai-flow-section__heading,
.ai-usecase-section__heading,
.ai-quality-features__heading,
.ai-scene-section__heading,
.ai-price-section__heading,
.ai-roadmap-section__heading,
.ai-trust-section__heading,
.ai-faq-section__heading {
	margin-bottom: 44px;
}

.ai-worry-section__heading h2,
.ai-service-pillars__heading h2,
.ai-flow-section__heading h2,
.ai-usecase-section__heading h2,
.ai-quality-features__heading h2,
.ai-scene-section__heading h2,
.ai-roadmap-section__heading h2,
.ai-trust-section__heading h2 {
	letter-spacing: 0;
	line-height: 1.5;
}

.ai-worry-section__heading h2,
.ai-service-pillars__heading h2,
.ai-flow-section__heading h2,
.ai-usecase-section__heading h2,
.ai-quality-features__heading h2,
.ai-scene-section__heading h2,
.ai-roadmap-section__heading h2 {
	color: var(--ai-ink);
	font-size: 38px;
}

.ai-worry-section__heading > p:not(.ai-worry-section__eyebrow),
.ai-service-pillars__heading > p:not(.ai-service-pillars__eyebrow),
.ai-flow-section__heading > p:not(.ai-flow-section__eyebrow),
.ai-usecase-section__heading > p:not(.ai-usecase-section__eyebrow),
.ai-quality-features__heading > p:not(.ai-quality-features__eyebrow),
.ai-scene-section__heading > p:not(.ai-scene-section__eyebrow),
.ai-roadmap-section__heading > p:not(.ai-roadmap-section__eyebrow) {
	color: var(--ai-body);
	font-size: 15px;
	letter-spacing: 0;
	line-height: 1.9;
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
}

/* Repeated surfaces */
.ai-service-flowline,
.ai-usecase-grid,
.ai-quality-features__grid,
.ai-roadmap-features,
.ai-faq-list {
	gap: 20px;
}

.ai-service-pillar,
.ai-usecase-card,
.ai-quality-feature,
.ai-roadmap-feature,
.ai-faq-item {
	border-color: var(--ai-line);
}

.ai-service-pillar h3,
.ai-usecase-card h3,
.ai-flow-step h3,
.ai-quality-feature h3,
.ai-scene-card h3,
.ai-roadmap-feature h3,
.ai-trust-service h3,
.ai-faq-question {
	letter-spacing: 0;
}

.ai-service-pillar p,
.ai-usecase-card p,
.ai-flow-step p,
.ai-quality-feature p,
.ai-scene-card p,
.ai-roadmap-feature p,
.ai-trust-service p,
.ai-faq-answer {
	letter-spacing: 0;
}

/* Pricing has its own compact hero; only align its outer rhythm. */
#home_price.ai-price-section {
	padding-bottom: 104px;
}

#home_price .ai-price-section__heading {
	margin-bottom: 36px;
}

/* Contact heading follows the same editorial rhythm as the other sections. */
#home_contact .ai-entry-contact__copy {
	margin-bottom: 32px;
}

#home_contact .ai-entry-contact__copy h2 {
	letter-spacing: 0;
	line-height: 1.45;
}

#home_contact .ai-entry-contact__copy > p:last-child {
	color: var(--ai-body);
	line-height: 1.9;
}

@media (max-width: 1024px) {
	#home_worry,
	#home_solution,
	#home_intro,
	#home_case,
	#home_merit,
	#home_scene,
	#home_roadmap,
	#home_trust,
	#home_faq,
	#home_contact {
		padding-top: 80px !important;
		padding-bottom: 88px !important;
	}

	.ai-worry-section__heading,
	.ai-service-pillars__heading,
	.ai-flow-section__heading,
	.ai-usecase-section__heading,
	.ai-quality-features__heading,
	.ai-scene-section__heading,
	.ai-roadmap-section__heading,
	.ai-trust-section__heading,
	.ai-faq-section__heading {
		margin-bottom: 38px;
	}

	.ai-worry-section__heading h2,
	.ai-service-pillars__heading h2,
	.ai-flow-section__heading h2,
	.ai-usecase-section__heading h2,
	.ai-quality-features__heading h2,
	.ai-scene-section__heading h2,
	.ai-roadmap-section__heading h2 {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	#home_worry,
	#home_solution,
	#home_intro,
	#home_case,
	#home_merit,
	#home_scene,
	#home_roadmap,
	#home_trust,
	#home_faq {
		padding: 64px 16px 72px !important;
	}

	#home_price.ai-price-section {
		padding: 0 16px 72px;
	}

	#home_contact {
		padding: 56px 15px 72px !important;
	}

	.ai-worry-section__heading,
	.ai-service-pillars__heading,
	.ai-flow-section__heading,
	.ai-usecase-section__heading,
	.ai-quality-features__heading,
	.ai-scene-section__heading,
	.ai-roadmap-section__heading,
	.ai-trust-section__heading,
	.ai-faq-section__heading {
		margin-bottom: 30px;
		text-align: center;
	}

	.ai-worry-section__heading h2,
	.ai-service-pillars__heading h2,
	.ai-flow-section__heading h2,
	.ai-usecase-section__heading h2,
	.ai-quality-features__heading h2,
	.ai-scene-section__heading h2,
	.ai-roadmap-section__heading h2 {
		font-size: 25px;
		line-height: 1.55;
	}

	.ai-worry-section__heading > p:not(.ai-worry-section__eyebrow),
	.ai-service-pillars__heading > p:not(.ai-service-pillars__eyebrow),
	.ai-flow-section__heading > p:not(.ai-flow-section__eyebrow),
	.ai-usecase-section__heading > p:not(.ai-usecase-section__eyebrow),
	.ai-quality-features__heading > p:not(.ai-quality-features__eyebrow),
	.ai-scene-section__heading > p:not(.ai-scene-section__eyebrow),
	.ai-roadmap-section__heading > p:not(.ai-roadmap-section__eyebrow) {
		font-size: 14px;
		line-height: 1.85;
	}

	.ai-service-flowline,
	.ai-usecase-grid,
	.ai-quality-features__grid,
	.ai-roadmap-features,
	.ai-faq-list {
		gap: 16px;
	}

	#home_price .ai-price-section__heading {
		margin-bottom: 0;
	}

	#home_contact .ai-entry-contact__copy {
		margin-bottom: 24px;
	}
}

@media (max-width: 375px) {
	.ai-worry-section__heading h2,
	.ai-service-pillars__heading h2,
	.ai-flow-section__heading h2,
	.ai-usecase-section__heading h2,
	.ai-quality-features__heading h2,
	.ai-scene-section__heading h2,
	.ai-roadmap-section__heading h2 {
		font-size: 23px;
	}
}
