/**
 * AIGROW: design refresh (v0.2).
 *
 * Loaded last. Moves the look away from "template" tropes (pills, rounded
 * bordered cards, watermark, decorative bars, sparkle icons) towards an
 * editorial, rule-based layout: hairlines, numbered indexes, plain labels,
 * generous whitespace.
 *
 * Contents
 *  1. Section rhythm
 *  2. Labels and tags (no pills)
 *  3. Decoration removed (watermark, speed lines, eyebrow bar)
 *  4. Audience index (home "Who it is for")
 *  5. Steps
 *  6. Post list (latest posts, research) and post cards
 *  7. Chloe line and panel
 *  8. Technology page
 *  9. Header: navigation state, language switcher
 */

/* -------------------------------------------------------------------------
 * 1. Section rhythm: heading always followed by air, even when the next
 *    block resets its own margin.
 * ---------------------------------------------------------------------- */
.aigrow-section > :is(h2, .aigrow-section__head, .aigrow-section__intro) + * {
	margin-block-start: var(--wp--preset--spacing--60);
}

.aigrow-section__foot {
	margin-block-start: var(--wp--preset--spacing--60);
}

/* -------------------------------------------------------------------------
 * 2. Labels and tags: small uppercase text, no background, no pill.
 * ---------------------------------------------------------------------- */
.aigrow-tag,
.aigrow-tags a,
.aigrow-tag--publications,
.aigrow-tags a[href*="/publications/"],
.aigrow-tag--events,
.aigrow-tags a[href*="/events/"] {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}

.aigrow-tags a:hover {
	color: var(--wp--preset--color--ink);
}

/* -------------------------------------------------------------------------
 * 3. Decoration removed
 * ---------------------------------------------------------------------- */
.aigrow-hero-home::before,
.aigrow-cta-band::after {
	content: none;
}

.is-style-eyebrow::before,
.aigrow-eyebrow::before {
	content: none;
}

.is-style-eyebrow,
.aigrow-eyebrow {
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--muted);
}

:where(.is-style-band-dark, .has-surface-dark-background-color) .is-style-eyebrow {
	color: rgba(255, 255, 255, 0.7);
}

/* -------------------------------------------------------------------------
 * 4. Audience index: four numbered columns on a rule, no boxes.
 * ---------------------------------------------------------------------- */
.aigrow-tiles {
	gap: 0 var(--wp--preset--spacing--50);
	counter-reset: aigrow-tile;
}

.aigrow-tile,
.aigrow-tile:hover {
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--40) 2rem var(--wp--preset--spacing--50) 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	background:
		linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary))
		top left / 0 3px no-repeat;
	box-shadow: none;
	counter-increment: aigrow-tile;
	transition: background-size var(--wp--custom--motion--base) var(--wp--custom--motion--ease-out);
}

.aigrow-tile:hover {
	background-size: 100% 3px;
}

/* No icon tile in the index. */
.aigrow-tile.has-icon::before {
	content: none;
}

/* Arrow, top right. */
.aigrow-tile::after,
.aigrow-tile.has-icon::after {
	content: "";
	position: absolute;
	top: calc(var(--wp--preset--spacing--40) + 0.15rem);
	right: 0;
	left: auto;
	width: 18px;
	height: 18px;
	background-color: var(--wp--preset--color--ink);
	-webkit-mask: url(../icons/arrow-right.svg) center / contain no-repeat;
	mask: url(../icons/arrow-right.svg) center / contain no-repeat;
	transition: transform var(--wp--custom--motion--base) var(--wp--custom--motion--ease-out);
}

.aigrow-tile:hover::after {
	background-color: var(--wp--preset--color--primary);
	transform: translateX(4px);
}

.aigrow-tile > h3 {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.25;
}

.aigrow-tile > h3::before {
	content: counter(aigrow-tile, decimal-leading-zero);
	display: block;
	margin-bottom: var(--wp--preset--spacing--40);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 400;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--muted);
}

.aigrow-tile > h3 a,
.aigrow-tile__title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

/* The pattern variant had its own inline arrow; the tile arrow replaces it. */
.aigrow-tile__title a::before {
	content: none;
}

.aigrow-tile:hover > h3 a {
	color: var(--wp--preset--color--primary);
}

.aigrow-tile p {
	max-width: 30ch;
}

/* -------------------------------------------------------------------------
 * 5. Steps: as many columns as steps from 1024px (no empty track), mono
 *    numbers on a rule instead of circles.
 * ---------------------------------------------------------------------- */
.aigrow-steps.aigrow-steps {
	grid-template-columns: minmax(0, 1fr);
	counter-reset: aigrow-step;
}

.aigrow-step:not(.has-icon) {
	padding-top: var(--wp--preset--spacing--40);
	padding-left: 0;
	border-top: 1px solid var(--wp--preset--color--line-strong);
}

.aigrow-step:not(.has-icon)::before {
	content: counter(aigrow-step, decimal-leading-zero);
	position: static;
	display: block;
	width: auto;
	height: auto;
	margin-bottom: var(--wp--preset--spacing--40);
	border: 0;
	border-radius: 0;
	background: none;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--primary);
}

.aigrow-step:not(.has-icon):not(:last-child)::after,
.aigrow-steps .aigrow-step:not(.has-icon):not(:last-child)::after {
	content: none;
}

.aigrow-step > p {
	max-width: 34ch;
}

@media (min-width: 782px) {

	.aigrow-steps.aigrow-steps {
		grid-template-columns: none;
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
	}

	.aigrow-steps .aigrow-step:not(.has-icon) {
		padding-top: var(--wp--preset--spacing--40);
	}
}

/* -------------------------------------------------------------------------
 * 6. Posts
 *
 * 6a. Every post card: no box, no left rule, no placeholder panel.
 * ---------------------------------------------------------------------- */
.aigrow-post-card,
.aigrow-post-card:hover,
.aigrow-post-card:not(:has(.aigrow-post-card__media)):has(.aigrow-tags a[href*="/publications/"]) {
	padding-top: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.aigrow-post-card:not(:has(.aigrow-post-card__media)) {
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--ink);
}

.aigrow-post-card:not(:has(.aigrow-post-card__media)):not(:has(.aigrow-tags a[href*="/publications/"]))::before {
	content: none;
}

.aigrow-post-card > *,
.aigrow-post-card > :last-child {
	padding-inline: 0;
	padding-bottom: 0;
}

.aigrow-post-card > .aigrow-post-card__media + * {
	margin-top: var(--wp--preset--spacing--20);
}

.aigrow-post-card__meta .wp-block-post-date {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--muted);
}

.aigrow-post-card__title {
	display: block;
	overflow: visible;
	-webkit-line-clamp: unset;
}

/*
 * 6b. List rows (home latest posts, technology research): date column on
 * the left, title and details on the right, a rule between rows.
 */
:is(.aigrow-latest-posts, .aigrow-tech-section) .aigrow-post-grid__list.wp-block-post-template {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

:is(.aigrow-latest-posts, .aigrow-tech-section) .aigrow-post-card {
	padding-block: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--wp--preset--color--line);
}

:is(.aigrow-latest-posts, .aigrow-tech-section) li:first-child .aigrow-post-card {
	border-top-color: var(--wp--preset--color--ink);
}

:is(.aigrow-latest-posts, .aigrow-tech-section) .aigrow-post-card__title {
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.2;
	letter-spacing: -0.01em;
	max-width: 32ch;
}

:is(.aigrow-latest-posts, .aigrow-tech-section) .aigrow-post-card__excerpt {
	max-width: 62ch;
	font-size: var(--wp--preset--font-size--medium);
}

:is(.aigrow-latest-posts, .aigrow-tech-section) .aigrow-post-card__title a:hover {
	text-decoration: none;
}

@media (min-width: 782px) {

	:is(.aigrow-latest-posts, .aigrow-tech-section) .aigrow-post-card {
		display: grid;
		grid-template-columns: 11rem minmax(0, 1fr);
		column-gap: var(--wp--preset--spacing--60);
		row-gap: var(--wp--preset--spacing--20);
		align-items: start;
	}

	:is(.aigrow-latest-posts, .aigrow-tech-section) .aigrow-post-card > * {
		grid-column: 2;
	}

	:is(.aigrow-latest-posts, .aigrow-tech-section) .aigrow-post-card > .aigrow-post-card__meta {
		flex-direction: column;
		grid-row: 1 / span 6;
		grid-column: 1;
		align-items: flex-start;
		gap: var(--wp--preset--spacing--20);
	}

	.aigrow-tech-section .aigrow-post-card {
		grid-template-columns: 8rem minmax(0, 1fr);
	}
}

/* -------------------------------------------------------------------------
 * 7. Chloe
 * ---------------------------------------------------------------------- */

/* 7a. One-line note under the product cards: plain text between rules. */
.aigrow-chloe-line {
	padding: var(--wp--preset--spacing--40) 0;
	border-block: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--text);
}

.aigrow-chloe-line::before {
	content: "Chloe";
	width: auto;
	height: auto;
	margin-top: 0.2em;
	background: none;
	-webkit-mask: none;
	mask: none;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wp--preset--color--chloe-text);
}

/* 7b. Chloe panel: the only warm surface, square, amber top rule. */
.is-style-chloe-panel {
	border-top: 3px solid var(--wp--preset--color--chloe);
	border-radius: 0 !important;
}

/* -------------------------------------------------------------------------
 * 8. Technology page: sticky index on the left, sections on rules.
 * ---------------------------------------------------------------------- */
.aigrow-tech {
	padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--80);
}

.aigrow-tech__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--60);
}

.aigrow-tech__layout > * {
	margin: 0;
}

.aigrow-tech-section {
	max-width: 46rem;
	padding-top: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--wp--preset--color--line);
	scroll-margin-top: calc(var(--aigrow-bar-height, 72px) + 24px);
}

.aigrow-tech-section [id] {
	scroll-margin-top: calc(var(--aigrow-bar-height, 72px) + 24px);
}

.aigrow-tech__sections > .aigrow-tech-section:first-child {
	padding-top: 0;
	border-top: 0;
}

.aigrow-tech-section.is-style-chloe-panel {
	max-width: none;
	padding: var(--wp--preset--spacing--60);
	border-top: 3px solid var(--wp--preset--color--chloe);
}

.aigrow-tech-section .aigrow-post-grid {
	max-width: none;
}

/* Index: plain links on a hairline, no chips. */
.aigrow-inpage-nav__list a,
.aigrow-inpage-nav__list a:hover {
	min-height: 40px;
	padding: 0 var(--wp--preset--spacing--30) 0 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-weight: 500;
	color: var(--wp--preset--color--muted);
}

.aigrow-inpage-nav__list {
	gap: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.aigrow-inpage-nav__list a:hover,
.aigrow-inpage-nav__list a[aria-current] {
	color: var(--wp--preset--color--ink);
}

@media (min-width: 1024px) {

	.aigrow-tech__layout {
		grid-template-columns: 13rem minmax(0, 1fr);
		gap: var(--wp--preset--spacing--80);
		align-items: start;
	}

	.aigrow-inpage-nav {
		position: sticky;
		top: calc(var(--aigrow-bar-height, 72px) + 24px);
	}

	.aigrow-inpage-nav__list {
		flex-direction: column;
		gap: 0;
		overflow: visible;
		border-bottom: 0;
		border-left: 1px solid var(--wp--preset--color--line);
	}

	.aigrow-inpage-nav__list a,
	.aigrow-inpage-nav__list a:hover {
		min-height: 40px;
		margin-left: -1px;
		padding-left: var(--wp--preset--spacing--40);
		border-left: 1px solid transparent;
	}

	.aigrow-inpage-nav__list a:hover,
	.aigrow-inpage-nav__list a[aria-current] {
		border-left-color: var(--wp--preset--color--ink);
		color: var(--wp--preset--color--ink);
	}
}

/* -------------------------------------------------------------------------
 * 9. Header
 *
 * 9a. Current menu item: thin underline, no tinted pill.
 * ---------------------------------------------------------------------- */
.aigrow-primary-nav .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.aigrow-primary-nav .wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
.aigrow-primary-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current] {
	background: none;
	box-shadow: inset 0 -2px 0 var(--wp--preset--color--primary);
	border-radius: 0;
}

/* 9b. Language switcher: quiet text "ΕΛ / EN", current in ink. */
.aigrow-lang__list {
	gap: 0;
	align-items: center;
	border: 0;
	border-radius: 0;
}

.aigrow-lang__item + .aigrow-lang__item::before {
	content: "/";
	padding-inline: 0.125rem;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--line-strong);
}

.aigrow-lang__item {
	display: flex;
	align-items: center;
}

.aigrow-lang__link,
.aigrow-lang__item:first-child .aigrow-lang__link,
.aigrow-lang__item:last-child .aigrow-lang__link {
	width: auto;
	min-width: 28px;
	height: 36px;
	padding-inline: 0.25rem;
	border-radius: 0;
	font-weight: 500;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--muted);
}

.aigrow-lang__link:hover {
	background: none;
	color: var(--wp--preset--color--ink);
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.aigrow-lang__item.is-current .aigrow-lang__link {
	background: none;
	font-weight: 700;
	color: var(--wp--preset--color--ink);
}

.aigrow-lang.is-variant-on-dark .aigrow-lang__link {
	color: rgba(255, 255, 255, 0.6);
}

.aigrow-lang.is-variant-on-dark .aigrow-lang__link:hover {
	background: none;
	color: var(--wp--preset--color--base);
}

.aigrow-lang.is-variant-on-dark .aigrow-lang__item.is-current .aigrow-lang__link {
	background: none;
	color: var(--wp--preset--color--base);
}

.aigrow-lang.is-variant-on-dark .aigrow-lang__item + .aigrow-lang__item::before {
	color: rgba(255, 255, 255, 0.35);
}

/* 9c. Products dropdown: full product icon (never cropped), name over a
 * one-line description, calm hover. */
.aigrow-primary-nav .is-product-item > .wp-block-navigation-item__content {
	display: grid !important; /* core navigation forces flex */
	grid-template-columns: 44px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 14px;
	row-gap: 2px;
	align-items: center;
}

.aigrow-primary-nav .is-product-item > .wp-block-navigation-item__content::before {
	grid-row: 1 / span 2;
	grid-column: 1;
	align-self: center;
	width: 44px;
	height: 44px;
	background-size: contain;
	border-radius: 10px;
}

.aigrow-primary-nav .is-product-proseed-ai > .wp-block-navigation-item__content::before,
.aigrow-primary-nav .is-product-urban-proseed-ai > .wp-block-navigation-item__content::before {
	background-size: contain;
}

.aigrow-primary-nav .is-product-item .wp-block-navigation-item__label {
	grid-row: 1;
	grid-column: 2;
	align-self: end;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}

.aigrow-primary-nav .is-product-item .wp-block-navigation-item__description {
	grid-row: 2;
	grid-column: 2;
	align-self: start;
	line-height: 1.4;
}

@media (min-width: 1200px) {

	.aigrow-primary-nav .is-products-menu > .wp-block-navigation__submenu-container {
		min-width: 360px !important;
		padding: var(--wp--preset--spacing--20) !important;
		border-radius: var(--wp--custom--radius--sm);
		box-shadow: 0 12px 32px rgba(15, 37, 43, 0.12);
	}

	.aigrow-primary-nav .is-products-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		min-height: 64px;
		padding: 10px 12px;
	}

	.aigrow-primary-nav .is-products-menu .wp-block-navigation__submenu-container .is-product-item > .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
		color: var(--wp--preset--color--primary);
	}

	.aigrow-primary-nav .is-all-products > .wp-block-navigation-item__content {
		min-height: 44px !important;
		font-weight: 600;
	}

	/* Top-level items: no tinted pill on hover or for the current page. */
	.aigrow-primary-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
		background: none;
		color: var(--wp--preset--color--primary);
	}

	.aigrow-primary-nav .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
	.aigrow-primary-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current],
	.aigrow-primary-nav .wp-block-navigation__container > .is-current-section > .wp-block-navigation-item__content {
		background: none;
		border-radius: 0;
		box-shadow: inset 0 -2px 0 var(--wp--preset--color--primary);
		color: var(--wp--preset--color--ink);
	}
}

/* 9d. Greece 2.0 banner: no hover underline (artwork stays untouched). */
.aigrow-g20__link::after,
.aigrow-g20__link:hover::after {
	content: none;
}

/* -------------------------------------------------------------------------
 * 10. Buttons: petrol, near-square corners, no lift or shadow.
 * ---------------------------------------------------------------------- */
.wp-block-button__link,
.wp-element-button {
	border-radius: 4px;
	font-weight: 600;
	letter-spacing: 0;
}

.wp-block-button:not(.is-style-outline, .is-style-external, .is-style-arrow, .is-style-tertiary, .is-style-on-dark, .is-style-outline-on-dark) > .wp-block-button__link {
	background-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
}

.wp-block-button:not(.is-style-outline, .is-style-external, .is-style-arrow, .is-style-tertiary, .is-style-on-dark, .is-style-outline-on-dark) > .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.wp-block-button:not(.is-style-arrow, .is-style-tertiary) .wp-block-button__link:hover {
	box-shadow: none;
}

.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-external > .wp-block-button__link {
	padding: calc(0.75rem - 1px) calc(1.375rem - 1px);
	border: 1px solid var(--wp--preset--color--ink);
	color: var(--wp--preset--color--ink);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-external > .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--ink);
	background-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
}

/* On dark: white solid / white hairline. */
.wp-block-button.is-style-on-dark > .wp-block-button__link {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
}

.wp-block-button.is-style-on-dark > .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--lime);
	color: var(--wp--preset--color--surface-dark);
}

.wp-block-button.is-style-outline-on-dark > .wp-block-button__link {
	padding: calc(0.75rem - 1px) calc(1.375rem - 1px);
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.wp-block-button.is-style-outline-on-dark > .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--base);
	background-color: transparent;
}

/* Header demo button: compact. */
.aigrow-header-bar .wp-block-button__link {
	min-height: 40px;
	padding: 0.5rem 1rem;
	font-size: var(--wp--preset--font-size--small);
}

/* -------------------------------------------------------------------------
 * 11. Home hero: text left, a real-size photo right, more air.
 * ---------------------------------------------------------------------- */
.aigrow-hero-home {
	padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--80);
}

.aigrow-hero-home__inner {
	gap: var(--wp--preset--spacing--70);
}

.aigrow-hero-home__visual figure,
.aigrow-hero-home__visual .wp-block-image {
	margin: 0;
}

.aigrow-hero-home__visual img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 4px;
}

@media (min-width: 1024px) {

	.aigrow-hero-home__text {
		flex-basis: 55% !important;
	}

	.aigrow-hero-home__visual {
		flex-basis: 45% !important;
	}
}

/* -------------------------------------------------------------------------
 * 12. Product cards: open columns on a rule, no box, no accent bar.
 * ---------------------------------------------------------------------- */
.aigrow-product-card,
.aigrow-product-card:hover {
	overflow: visible;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.aigrow-product-card__body {
	padding: var(--wp--preset--spacing--50) 0 0;
}

.aigrow-product-card__title {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 700;
	letter-spacing: -0.01em;
}

.aigrow-product-card__summary {
	max-width: 46ch;
}

.aigrow-product-card .aigrow-chip {
	display: none;
}

.aigrow-product-card__media {
	border-radius: 4px;
}

.aigrow-product-card:hover .aigrow-product-card__title {
	color: var(--wp--preset--color--primary);
}

/* -------------------------------------------------------------------------
 * 13. Chloe feature (home): text left, a chat card right.
 * ---------------------------------------------------------------------- */
.aigrow-chloe-feature {
	display: grid;
	gap: var(--wp--preset--spacing--60);
	align-items: center;
	margin-block-start: var(--wp--preset--spacing--80);
	padding: var(--wp--preset--spacing--60);
	border-radius: 8px;
	background: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--base);
}

.aigrow-chloe-feature__text > * {
	margin: 0;
}

.aigrow-chloe-feature__text > * + * {
	margin-block-start: var(--wp--preset--spacing--40);
}

.aigrow-chloe-feature__label {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--lime);
}

.aigrow-chloe-feature__lead {
	max-width: 38ch;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.aigrow-chloe-feature .is-style-arrow a {
	color: var(--wp--preset--color--base);
}

@media (min-width: 1024px) {

	.aigrow-chloe-feature {
		grid-template-columns: minmax(0, 1fr) minmax(0, 28rem);
		gap: var(--wp--preset--spacing--80);
		padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--80);
	}
}

/* The chat card (static illustration of the in-app assistant). */
.aigrow-chat {
	margin: 0;
	overflow: hidden;
	border-radius: 14px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--text);
	box-shadow: 0 24px 48px rgba(5, 30, 20, 0.28);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
}

.aigrow-chat__head {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.aigrow-chat__avatar {
	flex: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #fff url(../images/patterns/chloe-avatar.jpg) center / cover no-repeat;
	box-shadow: 0 0 0 1px var(--wp--preset--color--line);
}

.aigrow-chat__name {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	color: var(--wp--preset--color--ink);
}

.aigrow-chat__role {
	margin-left: auto;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--muted);
}

.aigrow-chat__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
}

.aigrow-chat__msg {
	max-width: 85%;
	margin: 0;
	padding: 10px 14px;
	border-radius: 14px;
}

.aigrow-chat__msg.is-user {
	align-self: flex-end;
	border-bottom-right-radius: 4px;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.aigrow-chat__msg.is-chloe {
	align-self: flex-start;
	border-bottom-left-radius: 4px;
	background: var(--wp--preset--color--canvas);
}

.aigrow-chat__msg p {
	margin: 0;
}

.aigrow-chat__record {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 4px 16px;
	margin: 10px 0 0;
	padding: 10px 12px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	background: var(--wp--preset--color--base);
}

.aigrow-chat__record dt {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--muted);
}

.aigrow-chat__record dd {
	margin: 0;
	font-weight: 700;
	color: var(--wp--preset--color--primary);
}

.aigrow-chat__input {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 10px 16px 14px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.aigrow-chat__input > :first-child {
	flex: 1;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--wp--preset--color--canvas);
	color: var(--wp--preset--color--muted);
}

.aigrow-chat__send {
	font-weight: 700;
	color: var(--wp--preset--color--primary);
}

/* -------------------------------------------------------------------------
 * 14. CTA band: tighter, no decoration.
 * ---------------------------------------------------------------------- */
.aigrow-cta-band.aigrow-cta-band {
	padding-block: var(--wp--preset--spacing--80);
}

@media (max-width: 599.98px) {

	.aigrow-chloe-feature {
		margin-inline: calc(-1 * var(--wp--style--root--padding-left));
		padding: var(--wp--preset--spacing--50) var(--wp--style--root--padding-left);
		border-radius: 0;
	}

	.aigrow-chat__msg {
		max-width: 92%;
	}

	.aigrow-chat__record {
		gap: 4px 10px;
		padding: 8px 10px;
	}

	.aigrow-chat__role {
		display: none;
	}

	/* Partner logos: two per row, never full-width blocks. */
	.aigrow-logo-row {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--preset--spacing--40);
		align-items: center;
	}

	.aigrow-logo-row img {
		max-height: 56px;
		width: auto !important;
		margin-inline: auto;
	}
}

/* -------------------------------------------------------------------------
 * 15. Section text column: eyebrow, heading and intro share the wide grid's
 *     left edge (instead of each centring at its own width), with a readable
 *     measure; grids after an intro get room.
 * ---------------------------------------------------------------------- */
.aigrow-section > :where(h2, h3, p, ul, ol, .wp-block-buttons, .aigrow-eyebrow, .is-style-eyebrow):not(.alignwide):not(.alignfull) {
	max-width: 46rem;
	margin-right: auto !important;
	margin-left: max(0px, calc((100% - var(--wp--style--global--wide-size)) / 2)) !important;
}

.aigrow-section > h2:not(.alignwide):not(.alignfull) {
	max-width: 34ch;
}

.aigrow-section > :is(.aigrow-eyebrow, .is-style-eyebrow) + h2 {
	margin-block-start: var(--wp--preset--spacing--30);
}

.aigrow-section > h2 + p {
	margin-block-start: var(--wp--preset--spacing--40);
}

.aigrow-section > * + :is(.aigrow-steps, .aigrow-tiles, .wp-block-query, .aigrow-logo-row, .wp-block-columns, .aigrow-feature-list) {
	margin-block-start: var(--wp--preset--spacing--70);
}

/* Feature list (product pages): open columns on a rule, then "and more". */
.aigrow-feature-list {
	gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}

.aigrow-feature-list > .aigrow-feature {
	padding: var(--wp--preset--spacing--40) 0 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line-strong);
	border-radius: 0;
	background: none;
}

.aigrow-feature-list + h3 {
	margin-block-start: var(--wp--preset--spacing--80);
}

@media (min-width: 782px) {

	.aigrow-features > .is-style-checks:not(.alignwide) {
		max-width: var(--wp--style--global--wide-size);
		columns: 2;
		column-gap: var(--wp--preset--spacing--60);
	}

	.aigrow-features > .is-style-checks li {
		break-inside: avoid;
	}
}

/* -------------------------------------------------------------------------
 * 16. Product hero and key facts
 * ---------------------------------------------------------------------- */
.aigrow-product-hero {
	padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--60);
}

.aigrow-product-hero > :not(.alignwide):not(.alignfull) {
	max-width: 46rem;
	margin-right: auto !important;
	margin-left: max(0px, calc((100% - var(--wp--style--global--wide-size)) / 2)) !important;
}

.aigrow-product-hero > * + * {
	margin-block-start: var(--wp--preset--spacing--40);
}

.aigrow-product-hero > .aigrow-eyebrow + h1 {
	margin-block-start: var(--wp--preset--spacing--30);
}

.aigrow-product-hero h1 {
	max-width: 20ch;
}

.aigrow-product-hero__icon img {
	width: 56px;
	height: 56px;
	border-radius: 12px;
}

.aigrow-product-hero > .aigrow-product-actions--hero {
	margin-block-start: var(--wp--preset--spacing--60) !important;
}

.aigrow-product-actions__site {
	margin-block-start: var(--wp--preset--spacing--40);
}

/* Key facts: one row of four, on a rule, aligned to the wide grid. */
.aigrow-key-facts.aigrow-key-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto var(--wp--preset--spacing--80) !important;
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--ink);
}

.aigrow-key-facts .aigrow-dl__row {
	margin: 0;
}

.aigrow-key-facts .aigrow-dt {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.aigrow-key-facts .aigrow-dd {
	margin: var(--wp--preset--spacing--10) 0 0;
	font-weight: 600;
	color: var(--wp--preset--color--ink);
}

@media (min-width: 782px) {

	.aigrow-key-facts.aigrow-key-facts {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.aigrow-key-facts .aigrow-dl__row {
	padding: 0;
	border: 0;
}

/* Current product inside the dropdown: quiet tint, no line. */
.aigrow-primary-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current],
.aigrow-primary-nav .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
	box-shadow: none !important;
	background: var(--wp--preset--color--canvas);
}

.aigrow-primary-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current] .wp-block-navigation-item__label {
	color: var(--wp--preset--color--primary);
}

/* -------------------------------------------------------------------------
 * 17. Craft details
 *
 * 17a. Typography: Commissioner's flare axis on display type (slight
 *      flared terminals), balanced headings, no orphans in paragraphs,
 *      tabular figures for dates and data.
 * ---------------------------------------------------------------------- */
h1,
h2,
.aigrow-display,
.aigrow-chloe-feature__lead,
.aigrow-product-card__title {
	font-variation-settings: "FLAR" 60, "VOLM" 20;
	text-wrap: balance;
}

h3,
h4 {
	font-variation-settings: "FLAR" 30;
	text-wrap: balance;
}

p,
li,
dd {
	text-wrap: pretty;
}

.wp-block-post-date,
.aigrow-chat__record dd,
.aigrow-key-facts .aigrow-dd,
.aigrow-g20-facts,
time {
	font-variant-numeric: tabular-nums;
}

::selection {
	background: var(--wp--preset--color--lime);
	color: var(--wp--preset--color--surface-dark);
}

/* Links in running text: fine underline that thickens on hover. */
:where(.entry-content, .aigrow-section, .aigrow-tech-section) p:not(.is-style-arrow) a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
	transition: text-decoration-thickness var(--wp--custom--motion--fast) ease, color var(--wp--custom--motion--fast) ease;
}

:where(.entry-content, .aigrow-section, .aigrow-tech-section) p:not(.is-style-arrow) a:not(.wp-element-button):hover {
	text-decoration-thickness: 2px;
}

/* Arrow links: one fine underline on hover (the arrow already moves). */
.is-style-arrow a:hover {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
}

/* 17b. Contour lines (field topography) in the dark bands. */
.aigrow-cta-band {
	background-image: url(../images/patterns/contours.svg);
	background-position: right -120px center;
	background-repeat: no-repeat;
	background-size: auto 140%;
}

.aigrow-cta-band::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--wp--preset--color--surface-dark) 35%, rgba(15, 37, 43, 0.86) 100%);
	pointer-events: none;
}

.aigrow-chloe-feature {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.aigrow-chloe-feature::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url(../images/patterns/contours.svg) left -260px bottom -180px / 900px auto no-repeat;
	opacity: 0.09;
	pointer-events: none;
}

/* 17c. Pull quote (company): large type, hanging opening mark, no bar. */
.aigrow-pull-quote.wp-block-quote {
	position: relative;
	margin-block: var(--wp--preset--spacing--60) 0;
	padding: 0 0 0 1.4em;
	border: 0;
}

.aigrow-pull-quote.wp-block-quote::before {
	content: "«";
	position: absolute;
	top: -0.12em;
	left: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 2.6em;
	line-height: 1;
	color: var(--wp--preset--color--leaf);
}

.aigrow-pull-quote.wp-block-quote p {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 500;
	font-variation-settings: "FLAR" 60;
	line-height: 1.35;
	color: var(--wp--preset--color--ink);
}

:lang(en) .aigrow-pull-quote.wp-block-quote::before {
	content: "“";
}

/* 17d. Hero: a live-looking field reading pinned to the photo. */
.aigrow-hero-home__visual {
	position: relative;
}

.aigrow-field-tag {
	position: absolute;
	bottom: var(--wp--preset--spacing--40);
	left: var(--wp--preset--spacing--40);
	display: grid;
	gap: 2px;
	min-width: 13.5rem;
	padding: 12px 16px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 12px 30px rgba(15, 37, 43, 0.18);
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 1.4;
	color: var(--wp--preset--color--muted);
	backdrop-filter: blur(6px);
}

.aigrow-field-tag__k {
	display: flex;
	gap: 6px;
	align-items: center;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.aigrow-field-tag__k::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--wp--preset--color--signal);
	box-shadow: 0 0 0 3px rgba(16, 160, 124, 0.18);
}

.aigrow-field-tag__v {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--ink);
}

.aigrow-field-tag__v em {
	margin-left: 6px;
	font-size: var(--wp--preset--font-size--small);
	font-style: normal;
	color: var(--wp--preset--color--primary);
}

@media (min-width: 1024px) {

	.aigrow-field-tag {
		bottom: calc(-1 * var(--wp--preset--spacing--50));
		left: calc(-1 * var(--wp--preset--spacing--60));
	}
}

@media (prefers-reduced-motion: reduce) {

	.aigrow-tile {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
 * 18. Post navigation: label over title, room before the CTA band.
 * ---------------------------------------------------------------------- */
.aigrow-post-nav {
	align-items: flex-start;
	margin-block-end: var(--wp--preset--spacing--80) !important;
	padding-block-start: var(--wp--preset--spacing--50);
	border-top-color: var(--wp--preset--color--ink);
}

.aigrow-post-nav .wp-block-post-navigation-link {
	display: flex;
	gap: var(--wp--preset--spacing--20);
	align-items: baseline;
	max-width: 32rem;
}

.aigrow-post-nav .post-navigation-link-next {
	margin-left: auto;
	text-align: right;
}

.aigrow-post-nav .wp-block-post-navigation-link a {
	font-weight: 600;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.aigrow-post-nav .wp-block-post-navigation-link a:hover {
	color: var(--wp--preset--color--primary);
	text-decoration: underline;
	text-underline-offset: 0.22em;
}

.aigrow-post-nav .post-navigation-link__label {
	display: block;
	margin-bottom: 4px;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.aigrow-post-nav:not(:has(a)) {
	display: none;
}

/* 17e. Hero visual = the real ProSeed.AI dashboard (not a cropped photo). */
.aigrow-hero-home__visual img {
	aspect-ratio: auto;
	object-fit: contain;
	border-radius: 14px;
	box-shadow:
		0 1px 2px rgba(15, 37, 43, 0.06),
		0 30px 60px -20px rgba(15, 37, 43, 0.35);
}

/* Chloe alert variant of the hero tag. */
.aigrow-field-tag.is-alert {
	max-width: 19rem;
	gap: 4px;
	padding: 14px 16px;
	border-left: 3px solid var(--wp--preset--color--chloe);
}

.aigrow-field-tag.is-alert .aigrow-field-tag__k::before {
	content: none;
}

.aigrow-field-tag__avatar {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #fff url(../images/patterns/chloe-avatar.jpg) center / cover no-repeat;
	box-shadow: 0 0 0 1px var(--wp--preset--color--line);
}

.aigrow-field-tag.is-alert .aigrow-field-tag__k {
	color: var(--wp--preset--color--chloe-text);
}

.aigrow-field-tag.is-alert .aigrow-field-tag__v {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.25;
}

.aigrow-field-tag__m {
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 1.45;
	color: var(--wp--preset--color--text);
}

/* Product screens: the dashboard large, the other two side by side. */
.aigrow-screens__list.aigrow-screens__list {
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--50);
}

.aigrow-screens__list .wp-block-image {
	margin: 0;
}

.aigrow-screens__list img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 24px 48px -24px rgba(15, 37, 43, 0.35);
}

.aigrow-screens__list figcaption {
	margin-top: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--muted);
}

@media (min-width: 782px) {

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

	.aigrow-screens__list > :first-child {
		grid-column: 1 / -1;
	}
}

/* Product card actions: same stack in every card, pinned to the bottom so
 * cards side by side line up. */
.aigrow-product-card__body {
	height: 100%;
}

.aigrow-product-card__actions.aigrow-product-card__actions {
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--30);
	margin-top: auto;
	padding-top: var(--wp--preset--spacing--40);
}

.aigrow-product-card__actions .aigrow-product-actions,
.aigrow-product-card__actions .wp-block-buttons {
	margin: 0 !important;
}

.aigrow-product-card__actions .aigrow-learn-more {
	min-height: 0;
}

/* Hero caption ("sample data") sits right-aligned under the dashboard. */
.aigrow-hero-home__visual figcaption {
	margin-top: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--x-small);
	text-align: right;
	color: var(--wp--preset--color--muted);
}

/* -------------------------------------------------------------------------
 * 19. App showcase: the Google Play graphics as a scrolling phone strip.
 * ---------------------------------------------------------------------- */
.aigrow-phone-strip {
	display: grid;
	grid-auto-columns: minmax(13rem, 1fr);
	grid-auto-flow: column;
	gap: var(--wp--preset--spacing--40);
	margin-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) !important;
	padding-bottom: var(--wp--preset--spacing--30);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}

.aigrow-phone-strip > .wp-block-image {
	margin: 0;
	scroll-snap-align: start;
}

.aigrow-phone-strip img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	border-radius: 18px;
	box-shadow: 0 18px 36px -18px rgba(15, 37, 43, 0.45);
	transition: transform var(--wp--custom--motion--base) var(--wp--custom--motion--ease-out);
}

.aigrow-phone-strip > .wp-block-image:nth-child(even) img {
	transform: translateY(var(--wp--preset--spacing--40));
}

.aigrow-phone-strip figcaption {
	display: none;
}

@media (min-width: 1200px) {

	.aigrow-phone-strip {
		grid-auto-columns: minmax(0, 1fr);
		overflow: visible;
		padding-bottom: var(--wp--preset--spacing--50);
	}

	.aigrow-phone-strip img:hover {
		transform: translateY(-6px);
	}

	.aigrow-phone-strip > .wp-block-image:nth-child(even) img:hover {
		transform: translateY(calc(var(--wp--preset--spacing--40) - 6px));
	}
}

@media (prefers-reduced-motion: reduce) {

	.aigrow-phone-strip img {
		transition: none;
	}
}

.aigrow-app-showcase {
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--canvas) 100%);
}