/* Plus Jakarta Sans is bundled under the SIL Open Font License; see assets/fonts/OFL.txt. */
@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--crwn-lovable-navy: hsl(220 72% 25%);
	--crwn-lovable-navy-deep: hsl(220 72% 15%);
	--crwn-lovable-blue: hsl(220 72% 40%);
	--crwn-lovable-blue-deep: hsl(220 72% 15%);
	--crwn-lovable-blue-soft: hsl(220 72% 96%);
	--crwn-lovable-orange: hsl(25 95% 55%);
	--crwn-lovable-orange-deep: hsl(25 95% 45%);
	--crwn-lovable-orange-light: hsl(25 95% 65%);
	--crwn-lovable-cloud: hsl(220 20% 97%);
	--crwn-lovable-surface: #ffffff;
	--crwn-lovable-text: #0f1624;
	--crwn-lovable-muted: hsl(220 15% 50%);
	--crwn-lovable-line: hsl(220 20% 88%);
	--crwn-lovable-line-strong: #ccd2df;
	--crwn-lovable-success: #16744e;
	--crwn-lovable-success-bg: #eaf8f0;
	--crwn-lovable-danger: #b42336;
	--crwn-lovable-danger-bg: #fff0f2;
	--crwn-lovable-shell: 1400px;
	--crwn-lovable-gutter: 1rem;
	--crwn-lovable-section-space: 5rem;
	--crwn-lovable-display: "Space Grotesk", system-ui, sans-serif;
	--crwn-lovable-body: "Plus Jakarta Sans", system-ui, sans-serif;
	--crwn-lovable-shadow: 0 4px 24px -4px hsl(220 72% 25% / 8%);
	--crwn-lovable-overlay-shadow: 0 12px 40px -8px hsl(220 72% 25% / 15%);
	--crwn-lovable-radius: .75rem;
	--crwn-lovable-radius-small: .375rem;
	--crwn-lovable-ease: cubic-bezier(.16, 1, .3, 1);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	background: var(--crwn-lovable-cloud);
}

body {
	min-width: 320px;
	margin: 0;
	overflow-x: clip;
	background: var(--crwn-lovable-cloud);
	color: var(--crwn-lovable-text);
	font-family: var(--crwn-lovable-body);
	font-size: 16px;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
	font: inherit;
}

button,
summary,
a,
input,
select,
textarea {
	-webkit-tap-highlight-color: transparent;
}

img,
svg {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
	text-underline-offset: .19em;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
blockquote,
dl,
dd {
	margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1rem;
	color: var(--crwn-lovable-text);
	font-family: var(--crwn-lovable-display);
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.2;
	/* The supplied Tailwind build has no text-wrap utility on headings.  A
	 * balanced line break changes the source's mobile geometry (especially the
	 * Ultimate heading), so preserve the browser's normal wrapping algorithm. */
	text-wrap: wrap;
}

h1 {
	font-size: 3rem;
	line-height: 1;
}

h2 {
	font-size: 1.875rem;
	line-height: 1.2;
}

h3 {
	font-size: 1.125rem;
	line-height: 1.55;
}

@media (min-width: 768px) {
	h2 {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}
}

p:last-child,
ul:last-child,
ol:last-child {
	margin-bottom: 0;
}

::selection {
	background: var(--crwn-lovable-orange);
	color: #fff;
}

:focus-visible {
	outline: 3px solid var(--crwn-lovable-orange);
	outline-offset: 4px;
}

.screen-reader-text,
.screen-reader-text span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	z-index: 100000;
	top: 5px;
	left: 5px;
	display: block;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	clip: auto;
	background: #fff;
	color: var(--crwn-lovable-navy);
	font-size: 14px;
	font-weight: 800;
	line-height: normal;
	text-decoration: none;
}

.crwn-lovable-shell {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), var(--crwn-lovable-shell));
	margin-inline: auto;
}

.crwn-lovable-skip-link {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 1rem;
	min-height: 44px;
	padding: .7rem 1rem;
	transform: translateY(-130%);
	border-radius: 0 0 10px 10px;
	background: var(--crwn-lovable-navy);
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	transition: transform .18s var(--crwn-lovable-ease);
}

.crwn-lovable-skip-link:focus {
	transform: translateY(0);
}

/* Header */

.crwn-lovable-site-header {
	position: fixed;
	z-index: 50;
	top: 0;
	right: 0;
	left: 0;
	border-bottom: 1px solid rgb(228 231 238 / 85%);
	background: rgb(255 255 255 / 80%);
	backdrop-filter: blur(24px);
}

.crwn-lovable-site-header__inner {
	position: relative;
	display: flex;
	width: min(100%, var(--crwn-lovable-shell));
	min-height: 64px;
	align-items: center;
	justify-content: space-between;
	padding-right: 1rem;
	padding-left: 1rem;
}

.crwn-lovable-brand {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--crwn-lovable-text);
	font-family: var(--crwn-lovable-display);
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.75rem;
	text-decoration: none;
}

.crwn-lovable-brand__crown {
	width: 28px;
	height: 28px;
	display: block;
	object-fit: contain;
}

/* Use the supplied brand mark for every decorative crown treatment. */
.crwn-lovable-section__eyebrow-icon,
.crwn-lovable-section__eyebrow > svg,
.crwn-lovable-home-closing-section > .crwn-lovable-home-closing-section__inner > svg,
.crwn-lovable-demo-form-section__closing > svg,
.crwn-lovable-integrations-crown-section__inner > svg,
.crwn-lovable-about-architecture-section article > svg {
	background: url("../../assets/brand/logo-icon-orange.svg") center / contain no-repeat;
	fill: none;
	stroke: none;
	color: transparent;
	object-fit: contain;
}

.crwn-lovable-section__eyebrow > svg path,
.crwn-lovable-home-closing-section > .crwn-lovable-home-closing-section__inner > svg path,
.crwn-lovable-demo-form-section__closing > svg path,
.crwn-lovable-integrations-crown-section__inner > svg path,
.crwn-lovable-about-architecture-section article > svg path {
	display: none;
}

.crwn-lovable-primary-navigation,
.crwn-lovable-primary-navigation__links,
.crwn-lovable-primary-navigation__actions,
.crwn-lovable-site-header__actions {
	display: flex;
	align-items: center;
}

.crwn-lovable-primary-navigation {
	flex: 0 1 auto;
}

.crwn-lovable-primary-navigation__links {
	gap: .25rem;
}

.crwn-lovable-primary-navigation__links > a,
.crwn-lovable-solutions > summary {
	position: relative;
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	gap: .35rem;
	padding: .5rem .75rem;
	border-radius: .625rem;
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-decoration: none;
	cursor: pointer;
}

.crwn-lovable-primary-navigation__links > a::after,
.crwn-lovable-solutions > summary::after {
	display: none;
}

.crwn-lovable-primary-navigation__links > a:hover,
.crwn-lovable-solutions > summary:hover {
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-primary-navigation__links > a:hover::after,
.crwn-lovable-primary-navigation__links > a.is-current::after,
.crwn-lovable-solutions > summary:hover::after,
.crwn-lovable-solutions > summary.is-current::after {
	transform: scaleX(1);
}

.crwn-lovable-solutions {
	position: relative;
}

.crwn-lovable-solutions > summary {
	list-style: none;
}

.crwn-lovable-solutions > summary::-webkit-details-marker {
	display: none;
}

.crwn-lovable-solutions > summary svg {
	width: 1rem;
	height: 1rem;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	transition: transform .18s var(--crwn-lovable-ease);
}

.crwn-lovable-solutions > summary {
	gap: .25rem;
}

.crwn-lovable-solutions[open] > summary svg {
	transform: rotate(180deg);
}

.crwn-lovable-solutions__panel {
	position: absolute;
	z-index: 70;
	top: 100%;
	left: 0;
	display: grid;
	width: min(16rem, calc(100vw - 2rem));
	padding: .5rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-solutions__panel a {
	display: flex;
	min-height: 36px;
	align-items: center;
	justify-content: space-between;
	padding: .5rem .75rem;
	border-radius: .625rem;
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-decoration: none;
	transition: background-color .15s ease, color .15s ease;
}

.crwn-lovable-solutions__heading,
.crwn-lovable-solutions__mobile-heading {
	display: none;
}

.crwn-lovable-solutions__panel a:hover,
.crwn-lovable-solutions__panel a[aria-current="page"] {
	background: hsl(220 20% 97%);
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-solutions__panel small {
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: var(--crwn-lovable-orange);
	font-size: .625rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: inherit;
}

.crwn-lovable-footer-column small {
	display: inline-flex;
	align-items: center;
	padding: .15rem .45rem;
	border-radius: 999px;
	background: rgb(237 140 32 / 18%);
	color: #ffc276;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1.2;
}


.crwn-lovable-site-header__actions,
.crwn-lovable-primary-navigation__actions {
	gap: .75rem;
}

.crwn-lovable-primary-navigation__actions--mobile {
	display: none;
}

.crwn-lovable-language-switch {
	display: inline-flex;
	min-height: 0;
	align-items: center;
	gap: 0;
	padding: 0;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .625rem;
	background: #fff;
}

.crwn-lovable-language-switch--mobile {
	display: none;
}

.crwn-lovable-language-switch a {
	display: inline-flex;
	min-width: 0;
	min-height: 0;
	align-items: center;
	justify-content: center;
	padding: .375rem .625rem;
	border-radius: 0;
	color: var(--crwn-lovable-muted);
	font-size: .75rem;
	font-weight: 600;
	line-height: 1rem;
	letter-spacing: normal;
	text-decoration: none;
}

.crwn-lovable-language-switch a:hover,
.crwn-lovable-language-switch a[aria-current="true"] {
	background: var(--crwn-lovable-orange);
	color: #fff;
}

.crwn-lovable-menu-toggle {
	display: none;
	width: 48px;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin-left: auto;
	border: 1px solid var(--crwn-lovable-line-strong);
	border-radius: 10px;
	background: #fff;
	color: var(--crwn-lovable-navy);
	cursor: pointer;
}

.crwn-lovable-menu-toggle__lines {
	display: grid;
	width: 20px;
	gap: 4px;
}

.crwn-lovable-menu-toggle__lines i {
	display: block;
	width: 100%;
	height: 2px;
	transform-origin: center;
	background: currentcolor;
	transition: transform .18s var(--crwn-lovable-ease), opacity .18s ease;
}

.crwn-lovable-site-header.is-menu-open .crwn-lovable-menu-toggle__lines i:first-child {
	transform: translateY(6px) rotate(45deg);
}

.crwn-lovable-site-header.is-menu-open .crwn-lovable-menu-toggle__lines i:nth-child(2) {
	opacity: 0;
}

.crwn-lovable-site-header.is-menu-open .crwn-lovable-menu-toggle__lines i:last-child {
	transform: translateY(-6px) rotate(-45deg);
}

/* Core document and Lovable Gutenberg contract */

.crwn-lovable-document,
.crwn-lovable-main {
	display: block;
	overflow: hidden;
	background: var(--crwn-lovable-surface);
}

.crwn-lovable-document {
	padding-top: 64px;
}

.crwn-lovable-document > *,
.crwn-lovable-main > * {
	position: relative;
}

.crwn-lovable-section {
	padding: var(--crwn-lovable-section-space) 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-section > :is(.crwn-lovable-section__header, .crwn-lovable-grid__header, .crwn-lovable-grid, .crwn-lovable-form, .crwn-lovable-section__actions, .wp-block-group__inner-container, .wp-block-columns, .wp-block-table, .wp-block-image, .wp-block-buttons, .wp-block-list, p, blockquote) {
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin-right: auto;
	margin-left: auto;
}

.crwn-lovable-document--home .crwn-lovable-section--principles,
.crwn-lovable-document--home .crwn-lovable-section--modules,
.crwn-lovable-document--home .crwn-lovable-section--why {
	background: hsl(220 20% 93% / 50%);
}

.crwn-lovable-section__header {
	max-width: 800px;
	margin-bottom: 3rem;
}

.crwn-lovable-section__meta,
.crwn-lovable-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem;
	align-items: center;
	margin-bottom: .82rem;
}

.crwn-lovable-section__label,
.crwn-lovable-card__label {
	margin: 0;
	color: var(--crwn-lovable-blue);
	font-size: .73rem;
	font-weight: 800;
	letter-spacing: .09em;
	line-height: 1.25;
	text-transform: uppercase;
}

.crwn-lovable-section__eyebrow {
	margin-bottom: .75rem;
	color: var(--crwn-lovable-blue);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1.3;
	text-transform: uppercase;
}

.crwn-lovable-section__title {
	max-width: none;
	margin-bottom: 1.25rem;
}

.crwn-lovable-section__body {
	max-width: none;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625;
}

.crwn-lovable-section__body > * + * {
	margin-top: 1rem;
}

/* Product pages keep the source hero deliberately concise; the remaining
 * editor-owned introduction is a separate, protected composition block. */
.crwn-lovable-section--product-intro .crwn-lovable-section__header {
	max-width: 768px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}

.crwn-lovable-section--product-intro .crwn-lovable-section__body {
	max-width: 672px;
	margin: 0 auto;
}

.crwn-lovable-section__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .85rem;
	align-items: center;
	margin-top: 2rem;
	margin-bottom: 0;
}

.crwn-lovable-section__header .wp-block-buttons,
.crwn-lovable-hero .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: .85rem;
	margin-top: 1.7rem;
}

.crwn-lovable-hero {
	isolation: isolate;
	min-height: 0;
	padding-top: 9rem;
	padding-bottom: 9rem;
	overflow: hidden;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	color: #fff;
}

.crwn-lovable-hero::before {
	content: none;
}

.crwn-lovable-hero::after {
	content: none;
}

.crwn-lovable-hero__glow {
	position: absolute;
	z-index: 0;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(ellipse at top right, hsl(25 95% 55% / 15%), transparent 60%);
}

.crwn-lovable-hero__wave {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	pointer-events: none;
	fill: var(--crwn-lovable-cloud);
}

.crwn-lovable-hero .crwn-lovable-section__header {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 768px);
	max-width: 768px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
	color: #fff;
	text-align: center;
}

.crwn-lovable-hero .crwn-lovable-section__meta {
	justify-content: center;
	margin-bottom: 1rem;
}

.crwn-lovable-hero .crwn-lovable-section__label {
	color: rgb(255 255 255 / 80%);
}

.crwn-lovable-hero .crwn-lovable-section__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .375rem 1rem;
	margin-bottom: 2rem;
	border: 1px solid rgb(255 255 255 / 23%);
	border-radius: 999px;
	background: rgb(255 255 255 / 8%);
	color: rgb(255 255 255 / 88%);
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: normal;
	text-transform: none;
}

.crwn-lovable-hero .crwn-lovable-section__eyebrow svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-hero .crwn-lovable-section__actions {
	position: relative;
	z-index: 1;
	gap: 1rem;
	justify-content: center;
	margin-top: 0;
}

.crwn-lovable-hero .crwn-lovable-section__title,
.crwn-lovable-hero h1,
.crwn-lovable-hero h2,
.crwn-lovable-hero h3 {
	max-width: none;
	margin-bottom: 1rem;
	color: #fff;
	font-size: clamp(3rem, 8vw, 4.5rem);
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1;
}

@media (min-width: 768px) {
	.crwn-lovable-hero .crwn-lovable-section__title,
	.crwn-lovable-hero h1,
	.crwn-lovable-hero h2,
	.crwn-lovable-hero h3 {
		font-size: 4.5rem;
		line-height: 4.5rem;
	}
}

.crwn-lovable-hero .crwn-lovable-section__body {
	max-width: 672px;
	color: rgb(255 255 255 / 70%);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-hero .crwn-lovable-section__body :is(strong, b) {
	color: #fff;
}

.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body {
	text-align: center;
}

.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p {
	margin: 0;
}

.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(1) {
	margin-bottom: 2rem;
	background-image: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 65%) 100%);
	background-clip: text;
	color: transparent;
	font-family: var(--crwn-lovable-display);
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 2.25rem;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(1) :is(strong, b) {
	color: inherit;
}

.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(2) {
	margin-bottom: .75rem;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.75rem;
}

.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(3) {
	margin-bottom: 2.5rem;
	color: rgb(255 255 255 / 70%);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.75rem;
}

.crwn-lovable-document--crm .crwn-lovable-hero .crwn-lovable-section__title,
.crwn-lovable-document--crm .crwn-lovable-hero h1,
.crwn-lovable-document--warehouse .crwn-lovable-hero .crwn-lovable-section__title,
.crwn-lovable-document--warehouse .crwn-lovable-hero h1,
.crwn-lovable-document--ai .crwn-lovable-hero .crwn-lovable-section__title,
.crwn-lovable-document--ai .crwn-lovable-hero h1,
.crwn-lovable-document--ultimate .crwn-lovable-hero .crwn-lovable-section__title,
.crwn-lovable-document--ultimate .crwn-lovable-hero h1 {
	max-width: 16ch;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 1;
}

.crwn-lovable-eyebrow,
.crwn-lovable-hero .wp-block-group > p:first-child:not(.crwn-lovable-section__body) {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	padding: .35rem .9rem;
	margin-bottom: 1.55rem;
	border: 1px solid rgb(255 255 255 / 23%);
	border-radius: 999px;
	background: rgb(255 255 255 / 8%);
	color: rgb(255 255 255 / 88%);
	font-size: .82rem;
	font-weight: 700;
	line-height: 1.2;
}

.crwn-lovable-eyebrow::before {
	width: 14px;
	height: 14px;
	margin-right: .5rem;
	background: url("../../assets/brand/crwn-crown.svg") center / contain no-repeat;
	content: "";
}

.crwn-lovable-document--home .crwn-lovable-section:not(.crwn-lovable-hero):first-of-type .crwn-lovable-section__header,
.crwn-lovable-section--intro .crwn-lovable-section__header,
.crwn-lovable-section--erp .crwn-lovable-section__header {
	display: grid;
	max-width: var(--crwn-lovable-shell);
	grid-template-columns: minmax(0, 1fr) minmax(260px, .74fr);
	gap: clamp(2rem, 8vw, 8rem);
	align-items: start;
}

.crwn-lovable-document--home .crwn-lovable-section:not(.crwn-lovable-hero):first-of-type .crwn-lovable-section__meta,
.crwn-lovable-document--home .crwn-lovable-section:not(.crwn-lovable-hero):first-of-type .crwn-lovable-section__eyebrow,
.crwn-lovable-section--intro .crwn-lovable-section__meta,
.crwn-lovable-section--intro .crwn-lovable-section__eyebrow,
.crwn-lovable-section--erp .crwn-lovable-section__meta,
.crwn-lovable-section--erp .crwn-lovable-section__eyebrow {
	grid-column: 1 / -1;
}

.crwn-lovable-document--home .crwn-lovable-section:not(.crwn-lovable-hero):first-of-type .crwn-lovable-section__title,
.crwn-lovable-section--intro .crwn-lovable-section__title,
.crwn-lovable-section--erp .crwn-lovable-section__title {
	max-width: 14ch;
	margin-bottom: 0;
}

.crwn-lovable-document--home .crwn-lovable-section:not(.crwn-lovable-hero):first-of-type .crwn-lovable-section__body,
.crwn-lovable-section--intro .crwn-lovable-section__body,
.crwn-lovable-section--erp .crwn-lovable-section__body {
	max-width: 62ch;
}

.crwn-lovable-home-erp {
	display: grid;
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 1024px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3rem;
	align-items: start;
	margin: 0 auto;
}

.crwn-lovable-home-erp .crwn-lovable-section__title {
	max-width: none;
	margin-bottom: 1.25rem;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 2.5rem;
}

.crwn-lovable-home-erp .crwn-lovable-section__body {
	max-width: none;
}

.crwn-lovable-home-erp .crwn-lovable-section__body p {
	margin: 0;
}

.crwn-lovable-home-erp .crwn-lovable-section__body p + p {
	margin-top: 1rem;
}

.crwn-lovable-home-erp__aside {
	padding: 2rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-home-erp__highlight p {
	margin: 0 0 1.5rem;
	color: var(--crwn-lovable-text);
	font-family: var(--crwn-lovable-display);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.375;
}

.crwn-lovable-home-erp__note {
	display: flex;
	gap: .75rem;
	align-items: center;
	padding-top: 1.25rem;
	border-top: 1px solid var(--crwn-lovable-line);
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-home-erp__note svg {
	width: 1.25rem;
	height: 1.25rem;
	flex: 0 0 auto;
	fill: none;
	stroke: var(--crwn-lovable-orange);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-home-erp__note p {
	margin: 0;
}

.crwn-lovable-home-closing-section {
	background: var(--crwn-lovable-cloud) !important;
	color: var(--crwn-lovable-text);
}

.crwn-lovable-home-closing-section__inner {
	display: flex;
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 768px);
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-home-closing-section__inner > svg {
	width: 2rem;
	height: 2rem;
	margin-bottom: 1.5rem;
	fill: none;
	stroke: var(--crwn-lovable-orange);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-home-closing-section__body {
	margin-bottom: 2.5rem;
	color: var(--crwn-lovable-text);
	font-family: var(--crwn-lovable-display);
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 2.25rem;
}

.crwn-lovable-home-closing-section__body p {
	margin: 0;
}

.crwn-lovable-home-wholesale-section__shell {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	margin: 0 auto;
}

.crwn-lovable-home-wholesale-section__heading {
	margin-bottom: 3rem;
	line-height: 1.5rem;
	text-align: center;
}

.crwn-lovable-home-wholesale-section__heading > span {
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1.25rem;
	text-transform: uppercase;
}

.crwn-lovable-home-wholesale-section__heading h2 {
	margin: .5rem 0 1rem;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 2.5rem;
}

.crwn-lovable-home-wholesale-section__body {
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-home-wholesale-section__body p {
	margin: 0;
}

.crwn-lovable-home-wholesale-section__body p + p {
	margin-top: 1.25rem;
}

.crwn-lovable-home-ultimate-section__shell {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), calc(var(--crwn-lovable-shell) - (var(--crwn-lovable-gutter) * 2)));
	margin: 0 auto;
}

.crwn-lovable-home-ultimate-section__panel {
	position: relative;
	overflow: hidden;
	padding: 4rem;
	border-radius: 1rem;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	text-align: center;
}

.crwn-lovable-home-ultimate-section__glow {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(circle at bottom left, hsl(25 95% 55% / 20%), transparent 60%);
}

.crwn-lovable-home-ultimate-section__inner {
	position: relative;
	z-index: 1;
	max-width: 42rem;
	margin: 0 auto;
}

.crwn-lovable-home-ultimate-section__inner h2 {
	margin: 0 0 1rem;
	color: #fff;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 2.5rem;
}

.crwn-lovable-home-ultimate-section__lead,
.crwn-lovable-home-ultimate-section__summary {
	color: rgb(255 255 255 / 70%);
	font-size: 1rem;
	line-height: 1.5rem;
}

.crwn-lovable-home-ultimate-section__lead p {
	margin: 0 0 1.5rem;
}

.crwn-lovable-home-ultimate-section__formula {
	margin-bottom: 1.5rem;
	background-image: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 65%) 100%);
	background-clip: text;
	color: transparent;
	font-family: var(--crwn-lovable-display);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.crwn-lovable-home-ultimate-section__formula p,
.crwn-lovable-home-ultimate-section__summary p {
	margin: 0;
}

.crwn-lovable-home-ultimate-section__summary {
	margin-bottom: 2rem;
}

.crwn-lovable-form-page__hero {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.crwn-lovable-form-page__hero-inner {
	position: relative;
	z-index: 1;
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 768px);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-form-page__hero-inner h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(3rem, 6vw, 4.5rem);
	line-height: 1;
}

.crwn-lovable-form-page__surface {
	padding: var(--crwn-lovable-section-space) 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-form-page__shell {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 920px);
	margin: 0 auto;
}

.crwn-lovable-form-page__intro {
	max-width: 672px;
	margin: 0 auto 2rem;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625;
	text-align: center;
}

.crwn-lovable-form-page__intro p {
	margin: 0;
}

.crwn-lovable-section--cta,
.crwn-lovable-section--demo,
.crwn-lovable-section--contact,
.crwn-lovable-section--closing {
	background: var(--crwn-lovable-navy) !important;
	color: #fff;
}

.crwn-lovable-section--cta .crwn-lovable-section__title,
.crwn-lovable-section--demo .crwn-lovable-section__title,
.crwn-lovable-section--contact .crwn-lovable-section__title,
.crwn-lovable-section--closing .crwn-lovable-section__title,
.crwn-lovable-section--cta h2,
.crwn-lovable-section--demo h2,
.crwn-lovable-section--contact h2,
.crwn-lovable-section--closing h2 {
	color: #fff;
}

.crwn-lovable-section--cta .crwn-lovable-section__body,
.crwn-lovable-section--demo .crwn-lovable-section__body,
.crwn-lovable-section--contact .crwn-lovable-section__body,
.crwn-lovable-section--closing .crwn-lovable-section__body {
	color: rgb(255 255 255 / 73%);
}

.crwn-lovable-section--cta .crwn-lovable-section__header,
.crwn-lovable-section--demo .crwn-lovable-section__header,
.crwn-lovable-section--contact .crwn-lovable-section__header,
.crwn-lovable-section--closing .crwn-lovable-section__header {
	max-width: var(--crwn-lovable-shell);
}

.crwn-lovable-section--cta .crwn-lovable-button,
.crwn-lovable-section--demo .crwn-lovable-button,
.crwn-lovable-section--contact .crwn-lovable-button,
.crwn-lovable-section--closing .crwn-lovable-button {
	background: #fff;
	color: var(--crwn-lovable-navy);
}

.crwn-lovable-section--cta .crwn-lovable-button:hover,
.crwn-lovable-section--demo .crwn-lovable-button:hover,
.crwn-lovable-section--contact .crwn-lovable-button:hover,
.crwn-lovable-section--closing .crwn-lovable-button:hover {
	background: #ffe6c4;
}

.crwn-lovable-section--cta .crwn-lovable-button--secondary,
.crwn-lovable-section--demo .crwn-lovable-button--secondary,
.crwn-lovable-section--contact .crwn-lovable-button--secondary,
.crwn-lovable-section--closing .crwn-lovable-button--secondary {
	border-color: rgb(255 255 255 / 52%);
	background: transparent;
	color: #fff;
}

.crwn-lovable-section--cta .crwn-lovable-button--secondary:hover,
.crwn-lovable-section--demo .crwn-lovable-button--secondary:hover,
.crwn-lovable-section--contact .crwn-lovable-button--secondary:hover,
.crwn-lovable-section--closing .crwn-lovable-button--secondary:hover {
	border-color: #fff;
	background: rgb(255 255 255 / 14%);
	color: #fff;
}

/* The frozen home close is a light, centred invitation rather than a dark CTA band. */
.crwn-lovable-home-closing-section {
	background: var(--crwn-lovable-cloud) !important;
	color: var(--crwn-lovable-text);
}

.crwn-lovable-home-closing-section .crwn-lovable-button {
	background: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 45%) 100%);
	color: #fff;
}

/* Buttons, text links, badges */

.crwn-lovable-button,
.crwn-lovable-form button[type="submit"],
.crwn-lovable-document .wp-block-button__link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: .5rem 2rem;
	border: 0;
	border-radius: .625rem;
	background: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 45%) 100%);
	color: #fff;
	font-family: var(--crwn-lovable-body);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
	text-decoration: none;
	cursor: pointer;
	transition: transform .18s var(--crwn-lovable-ease), background-color .18s ease, border-color .18s ease, color .18s ease;
}

.crwn-lovable-button:hover,
.crwn-lovable-form button[type="submit"]:hover,
.crwn-lovable-document .wp-block-button__link:hover {
	transform: translateY(-2px);
	/* Tailwind's hover:bg-primary/90 changes only background-color. Keeping
	 * background-image intact is essential for the source accent gradients. */
	background-color: var(--crwn-lovable-orange-deep);
	color: #fff;
}

.crwn-lovable-button > span[aria-hidden="true"],
.crwn-lovable-text-link > span[aria-hidden="true"] {
	font-size: 1.25em;
	line-height: 1;
	transition: transform .18s var(--crwn-lovable-ease);
}

.crwn-lovable-button__icon {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	margin-left: .25rem;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-text-link__icon {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-button:hover > span[aria-hidden="true"],
.crwn-lovable-text-link:hover > span[aria-hidden="true"] {
	transform: translateX(3px);
}

.crwn-lovable-button--compact {
	min-height: 36px;
	padding: .5rem .75rem;
	font-size: .875rem;
}

.crwn-lovable-button--secondary,
.crwn-lovable-document .is-style-outline .wp-block-button__link {
	border: 1px solid rgb(21 31 50 / 52%);
	background: transparent;
	color: var(--crwn-lovable-navy);
}

.crwn-lovable-button--secondary:hover,
.crwn-lovable-document .is-style-outline .wp-block-button__link:hover {
	border-color: var(--crwn-lovable-navy);
	background: rgb(255 255 255 / 16%);
	color: var(--crwn-lovable-navy);
}

.crwn-lovable-hero .is-style-outline .wp-block-button__link,
.crwn-lovable-hero .crwn-lovable-button--secondary {
	border-width: 2px;
	border-color: rgb(255 255 255 / 30%);
	color: #fff;
}

.crwn-lovable-hero .crwn-lovable-button:not(.crwn-lovable-button--secondary),
.crwn-lovable-home-ultimate-section .crwn-lovable-button {
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
}

.crwn-lovable-hero .is-style-outline .wp-block-button__link:hover,
.crwn-lovable-hero .crwn-lovable-button--secondary:hover {
	border-color: #fff;
	background: rgb(255 255 255 / 14%);
	color: #fff;
}

.crwn-lovable-text-link {
	display: inline-flex;
	min-height: 0;
	align-items: center;
	gap: .25rem;
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
	text-decoration: none;
}

.crwn-lovable-text-link:hover {
	color: var(--crwn-lovable-orange-deep);
	text-decoration: underline;
}

.crwn-lovable-badge,
.crwn-lovable-status,
.crwn-lovable-card small {
	display: inline-flex;
	width: fit-content;
	min-height: 24px;
	align-items: center;
	padding: .22rem .48rem;
	border-radius: 999px;
	background: #fff0de;
	color: #aa5708;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .05em;
	line-height: 1.1;
}

/* Grids, cards, media and default Gutenberg blocks */

.crwn-lovable-grid__header {
	max-width: 800px;
	margin-bottom: 3rem;
	text-align: center;
}

.crwn-lovable-grid__intro {
	margin-bottom: .55rem;
	font-size: clamp(1.2rem, 2vw, 1.45rem);
}

.crwn-lovable-grid__body {
	max-width: 64ch;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.65;
}

.crwn-lovable-grid__body > *:last-child {
	margin-bottom: 0;
}

.crwn-lovable-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

.crwn-lovable-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crwn-lovable-section--principles .crwn-lovable-section__header {
	max-width: none;
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin-bottom: 3rem;
	text-align: center;
}

.crwn-lovable-section--principles .crwn-lovable-section__title {
	margin: .5rem 0 1rem;
}

.crwn-lovable-section--principles .crwn-lovable-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1.25rem;
	counter-reset: crwn-lovable-principle;
}

.crwn-lovable-section--principles .crwn-lovable-card {
	padding: 1.5rem;
	counter-increment: crwn-lovable-principle;
}

.crwn-lovable-section--principles .crwn-lovable-card::before {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	margin-bottom: 1rem;
	border-radius: .625rem;
	background: hsl(25 95% 55% / 10%);
	color: var(--crwn-lovable-orange);
	content: counter(crwn-lovable-principle);
	font-family: var(--crwn-lovable-display);
	font-size: .875rem;
	font-weight: 700;
}

.crwn-lovable-section--principles .crwn-lovable-card__title {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.crwn-lovable-section--principles .crwn-lovable-grid,
	.crwn-lovable-section--why .crwn-lovable-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.crwn-lovable-section--workflow .crwn-lovable-grid,
.crwn-lovable-section--steps .crwn-lovable-grid,
.crwn-lovable-section--process .crwn-lovable-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: var(--crwn-lovable-radius);
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-section--workflow .crwn-lovable-card,
.crwn-lovable-section--steps .crwn-lovable-card,
.crwn-lovable-section--process .crwn-lovable-card {
	position: relative;
	padding: 1.55rem;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.crwn-lovable-section--workflow .crwn-lovable-card + .crwn-lovable-card,
.crwn-lovable-section--steps .crwn-lovable-card + .crwn-lovable-card,
.crwn-lovable-section--process .crwn-lovable-card + .crwn-lovable-card {
	border-left: 1px solid var(--crwn-lovable-line);
}

.crwn-lovable-section--workflow .crwn-lovable-card__icon,
.crwn-lovable-section--steps .crwn-lovable-card__icon,
.crwn-lovable-section--process .crwn-lovable-card__icon {
	width: 34px;
	height: 34px;
	margin-bottom: 1rem;
	border-radius: 50%;
	background: var(--crwn-lovable-orange);
	color: #fff;
	font-size: .82rem;
	font-weight: 800;
}

.crwn-lovable-grid--archive {
	padding-block: var(--crwn-lovable-section-space);
}

.crwn-lovable-card {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	padding: 1.5rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: var(--crwn-lovable-radius);
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-card > :first-child:not(.crwn-lovable-card__icon) {
	margin-top: 0;
}

.crwn-lovable-card__icon,
.crwn-lovable-card .wp-block-image:first-child img {
	display: grid;
	width: 50px;
	height: 50px;
	place-items: center;
	margin-bottom: 1.4rem;
	border-radius: 14px;
	background: #fff1df;
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-card__icon :is(svg, img) {
	width: 26px;
	height: 26px;
	object-fit: contain;
}

.crwn-lovable-card__title {
	margin-bottom: .5rem;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.55;
}

.crwn-lovable-card__body {
	flex: 1;
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.625;
}

.crwn-lovable-card__body > *:last-child {
	margin-bottom: 0;
}

.crwn-lovable-card__price {
	margin: 1.15rem 0 0;
	color: var(--crwn-lovable-navy);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.35;
}

.crwn-lovable-card__price--usage {
	padding-top: 1rem;
	border-top: 1px solid var(--crwn-lovable-line);
}

.crwn-lovable-card__body :is(ul, ol),
.crwn-lovable-card__list {
	display: grid;
	gap: .62rem;
	padding: 0;
	margin: 1.1rem 0 0;
	list-style: none;
}

.crwn-lovable-card__body :is(ul, ol) li,
.crwn-lovable-card__list li {
	position: relative;
	padding-left: 1.25rem;
	color: var(--crwn-lovable-muted);
}

.crwn-lovable-card__body :is(ul, ol) li::before,
.crwn-lovable-card__list li::before {
	position: absolute;
	top: .67em;
	left: 0;
	width: .42rem;
	height: .42rem;
	border-radius: 50%;
	background: var(--crwn-lovable-orange);
	content: "";
}

.crwn-lovable-card__cta {
	margin-top: 1.25rem;
}

.crwn-lovable-card .crwn-lovable-text-link {
	margin-top: 1.25rem;
}

.crwn-lovable-grid--modules .crwn-lovable-card--module {
	position: relative;
	padding: 1.75rem;
	border-color: var(--crwn-lovable-line);
	overflow: visible;
}

.crwn-lovable-grid--modules .crwn-lovable-card .crwn-lovable-text-link {
	margin-top: 0;
}

.crwn-lovable-document--home .crwn-lovable-section--modules .crwn-lovable-section__header,
.crwn-lovable-document--home .crwn-lovable-section--why .crwn-lovable-section__header {
	max-width: none;
	text-align: center;
}

.crwn-lovable-section--modules .crwn-lovable-section__title,
.crwn-lovable-section--why .crwn-lovable-section__title {
	margin: .5rem 0 1rem;
}

.crwn-lovable-home-why__icon {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin-bottom: 1rem;
	fill: none;
	stroke: var(--crwn-lovable-orange);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-section--why .crwn-lovable-card__title {
	line-height: 1.75rem;
}

.crwn-lovable-grid--modules .crwn-lovable-card--module::before {
	content: none;
}

.crwn-lovable-module__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 3rem;
	margin-bottom: 1.25rem;
}

.crwn-lovable-module__icon {
	display: grid;
	width: 3rem;
	height: 3rem;
	place-items: center;
	border-radius: var(--crwn-lovable-radius);
	background: hsl(25 95% 55% / 10%);
}

.crwn-lovable-module__icon svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: none;
	stroke: var(--crwn-lovable-orange);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-document--home .crwn-lovable-module__head .crwn-lovable-card__badge {
	min-height: 0;
	padding: .125rem .5rem;
	border: 1px solid hsl(25 95% 55% / 30%);
	border-radius: 9999px;
	background: hsl(25 95% 55% / 15%);
	color: var(--crwn-lovable-orange);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.03125rem;
}

.crwn-lovable-grid--modules .crwn-lovable-card__title {
	margin-bottom: .25rem;
	font-family: var(--crwn-lovable-display);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.75rem;
}

.crwn-lovable-module__subtitle {
	margin: 0 0 1rem;
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.25rem;
}

.crwn-lovable-grid--modules .crwn-lovable-card__body {
	margin-bottom: 1.5rem;
}

.crwn-lovable-grid--modules .crwn-lovable-card__body p {
	margin: 0;
}

.crwn-lovable-document--ultimate .crwn-lovable-section--modules {
	background: hsl(220 72% 96%);
}

.crwn-lovable-document--ultimate .crwn-lovable-grid--modules {
	gap: clamp(1rem, 2.5vw, 1.9rem);
}

.crwn-lovable-document--ultimate .crwn-lovable-card--module {
	padding-top: clamp(1.75rem, 3vw, 2.45rem);
	border-color: rgb(49 74 157 / 24%);
	background: #fff;
}

.crwn-lovable-document--ultimate .crwn-lovable-section--modules .crwn-lovable-card--module:nth-child(2),
.crwn-lovable-document--ultimate .crwn-lovable-section--modules .crwn-lovable-card--module:nth-child(3) {
	background: #fff;
}

.crwn-lovable-document--ultimate .crwn-lovable-card__list {
	gap: 0;
	margin-top: 1.25rem;
	border-top: 1px solid var(--crwn-lovable-line);
}

.crwn-lovable-document--ultimate .crwn-lovable-card__list li {
	padding: .72rem 0 .72rem 1.25rem;
	border-bottom: 1px solid var(--crwn-lovable-line);
	font-size: .92rem;
}

.crwn-lovable-section--modules .crwn-lovable-card:nth-child(2),
.crwn-lovable-section--solutions .crwn-lovable-card:nth-child(2) {
	background: #fff;
}

.crwn-lovable-section--modules .crwn-lovable-card:nth-child(3),
.crwn-lovable-section--solutions .crwn-lovable-card:nth-child(3) {
	background: #fff;
}

.crwn-lovable-document .wp-block-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 5vw, 5rem);
	align-items: center;
}

.crwn-lovable-document .wp-block-column {
	min-width: 0;
}

.crwn-lovable-document .wp-block-group {
	min-width: 0;
}

.crwn-lovable-document .wp-block-group.has-global-padding {
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
}

.crwn-lovable-document .wp-block-image {
	margin-bottom: 1.3rem;
}

.crwn-lovable-document .wp-block-image img {
	height: auto;
	border-radius: var(--crwn-lovable-radius);
}

.crwn-lovable-document .wp-block-quote {
	max-width: 730px;
	padding: 1.3rem 0;
	margin: 2rem auto;
	border-top: 2px solid var(--crwn-lovable-orange);
	color: var(--crwn-lovable-navy);
	font-family: var(--crwn-lovable-display);
	font-size: clamp(1.3rem, 2.5vw, 1.8rem);
	font-weight: 700;
	line-height: 1.35;
}

.crwn-lovable-document .wp-block-quote cite {
	display: block;
	margin-top: .8rem;
	color: var(--crwn-lovable-muted);
	font-family: var(--crwn-lovable-body);
	font-size: .82rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .03em;
}

.crwn-lovable-document .wp-block-list {
	display: grid;
	gap: .65rem;
	max-width: 67ch;
	padding-left: 1.2rem;
	color: var(--crwn-lovable-muted);
}

.crwn-lovable-document .wp-block-list li::marker {
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-document .wp-block-table {
	overflow-x: auto;
}

.crwn-lovable-document table {
	width: 100%;
	min-width: 580px;
	border-collapse: collapse;
	background: #fff;
}

.crwn-lovable-document th,
.crwn-lovable-document td {
	padding: 1rem;
	border-bottom: 1px solid var(--crwn-lovable-line);
	text-align: left;
}

.crwn-lovable-document th {
	color: var(--crwn-lovable-navy);
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.crwn-lovable-document td {
	color: var(--crwn-lovable-muted);
}

.crwn-lovable-section--pricing .crwn-lovable-grid,
.crwn-lovable-section--plans .crwn-lovable-grid {
	align-items: stretch;
}

.crwn-lovable-section--pricing .crwn-lovable-card,
.crwn-lovable-section--plans .crwn-lovable-card {
	border-color: rgb(49 74 157 / 22%);
}

.crwn-lovable-section--pricing .crwn-lovable-card:nth-child(2),
.crwn-lovable-section--plans .crwn-lovable-card:nth-child(2) {
	border-color: var(--crwn-lovable-orange);
	background: var(--crwn-lovable-navy);
	color: #fff;
}

.crwn-lovable-section--pricing .crwn-lovable-card:nth-child(2) :is(h2, h3, h4, h5, h6, .crwn-lovable-card__title),
.crwn-lovable-section--plans .crwn-lovable-card:nth-child(2) :is(h2, h3, h4, h5, h6, .crwn-lovable-card__title) {
	color: #fff;
}

.crwn-lovable-section--pricing .crwn-lovable-card:nth-child(2) .crwn-lovable-card__body,
.crwn-lovable-section--plans .crwn-lovable-card:nth-child(2) .crwn-lovable-card__body {
	color: rgb(255 255 255 / 74%);
}

.crwn-lovable-section--pricing .crwn-lovable-card:nth-child(2) .crwn-lovable-card__price,
.crwn-lovable-section--plans .crwn-lovable-card:nth-child(2) .crwn-lovable-card__price {
	border-color: rgb(255 255 255 / 22%);
	color: #fff;
}

.crwn-lovable-section--pricing .crwn-lovable-card:nth-child(2) .crwn-lovable-text-link,
.crwn-lovable-section--plans .crwn-lovable-card:nth-child(2) .crwn-lovable-text-link {
	color: #ffbd6b;
}

/* Administrator-owned price values + editor-owned plan copy. */
.crwn-lovable-catalog {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.5rem;
	align-items: stretch;
}

.crwn-lovable-catalog__plan {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	padding: 1.5rem;
	border-color: var(--crwn-lovable-line);
}

.crwn-lovable-catalog__plan-meta {
	display: flex;
	min-height: 1.5rem;
	gap: .4rem;
	align-items: flex-start;
	justify-content: flex-end;
	margin-bottom: .75rem;
}

.crwn-lovable-catalog__plan .crwn-lovable-card__title {
	margin-bottom: .65rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.crwn-lovable-catalog__summary {
	min-height: 2.5rem;
	margin: 0 0 1rem;
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
}

.crwn-lovable-catalog__prices {
	display: grid;
	gap: .4rem;
	padding: 1rem 0;
	margin: 0;
	border-top: 1px solid var(--crwn-lovable-line);
	border-bottom: 1px solid var(--crwn-lovable-line);
}

.crwn-lovable-catalog__prices div {
	display: flex;
	justify-content: space-between;
	gap: .75rem;
}

.crwn-lovable-catalog__prices dt {
	color: var(--crwn-lovable-muted);
	font-size: .75rem;
	font-weight: 600;
}

.crwn-lovable-catalog__prices dd {
	margin: 0;
	color: var(--crwn-lovable-navy);
	font-family: var(--crwn-lovable-display);
	font-size: 1rem;
	font-weight: 700;
}

.crwn-lovable-catalog__included {
	margin: 1.25rem 0 0;
	color: var(--crwn-lovable-text);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.crwn-lovable-catalog__plan .crwn-lovable-card__list {
	flex: 1;
	margin-top: .75rem;
	margin-bottom: 1.5rem;
}

.crwn-lovable-catalog__plan .crwn-lovable-card__list li {
	font-size: .8125rem;
	line-height: 1.35;
}

.crwn-lovable-catalog__plan .crwn-lovable-button {
	width: 100%;
	margin-top: auto;
}

.crwn-lovable-catalog__plan.crwn-lovable-card--ultimate {
	border: 2px solid var(--crwn-lovable-orange);
}

/* Forms supplied by crwn-lovable-core */

.crwn-lovable-form {
	display: grid;
	max-width: 920px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.15rem;
	padding: clamp(1.4rem, 4vw, 3rem);
	border: 1px solid var(--crwn-lovable-line);
	border-radius: var(--crwn-lovable-radius);
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-section--demo .crwn-lovable-form,
.crwn-lovable-section--contact .crwn-lovable-form {
	margin-top: 1.5rem;
}

.crwn-lovable-form > :is(h2, h3, .crwn-lovable-form__notice, .crwn-lovable-form__status, .crwn-lovable-form__actions),
.crwn-lovable-form__field--wide,
.crwn-lovable-form .wp-block-group {
	grid-column: 1 / -1;
}

.crwn-lovable-form__field {
	display: grid;
	gap: .45rem;
}

.crwn-lovable-form__field label,
.crwn-lovable-form label {
	color: var(--crwn-lovable-navy);
	font-size: .87rem;
	font-weight: 780;
}

.crwn-lovable-form input,
.crwn-lovable-form select,
.crwn-lovable-form textarea {
	width: 100%;
	min-height: 50px;
	padding: .75rem .88rem;
	border: 1px solid var(--crwn-lovable-line-strong);
	border-radius: 9px;
	background: #fff;
	color: var(--crwn-lovable-text);
	line-height: 1.35;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.crwn-lovable-form textarea {
	min-height: 140px;
	resize: vertical;
}

.crwn-lovable-form input:hover,
.crwn-lovable-form select:hover,
.crwn-lovable-form textarea:hover {
	border-color: #8994ab;
}

.crwn-lovable-form input:focus,
.crwn-lovable-form select:focus,
.crwn-lovable-form textarea:focus {
	border-color: var(--crwn-lovable-blue);
	outline: 3px solid rgb(49 74 157 / 18%);
	outline-offset: 0;
}

.crwn-lovable-form input[aria-invalid="true"],
.crwn-lovable-form select[aria-invalid="true"],
.crwn-lovable-form textarea[aria-invalid="true"] {
	border-color: var(--crwn-lovable-danger);
	background: var(--crwn-lovable-danger-bg);
}

.crwn-lovable-form :is(.crwn-lovable-form__error, .field-error) {
	min-height: 1.2rem;
	margin: 0;
	color: var(--crwn-lovable-danger);
	font-size: .8rem;
	font-weight: 650;
}

.crwn-lovable-form__status,
.crwn-lovable-form [role="alert"] {
	padding: .9rem 1rem;
	border-radius: 9px;
	background: var(--crwn-lovable-danger-bg);
	color: var(--crwn-lovable-danger);
	font-size: .9rem;
	font-weight: 650;
}

.crwn-lovable-form__status.is-success,
.crwn-lovable-form [role="status"] {
	background: var(--crwn-lovable-success-bg);
	color: var(--crwn-lovable-success);
}

.crwn-lovable-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .95rem;
	align-items: center;
	margin-top: .45rem;
}

.crwn-lovable-form button[disabled],
.crwn-lovable-form input[disabled],
.crwn-lovable-form select[disabled],
.crwn-lovable-form textarea[disabled] {
	cursor: not-allowed;
	opacity: .62;
}

.crwn-lovable-honeypot {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

/* Generic page fallbacks */

.crwn-lovable-entry,
.crwn-lovable-archive {
	padding-block: var(--crwn-lovable-section-space);
}

.crwn-lovable-entry__title {
	max-width: 14ch;
}

.crwn-lovable-entry__content {
	max-width: 760px;
}

.crwn-lovable-entry__content > * + * {
	margin-top: 1.25rem;
}

.crwn-lovable-entry__content :is(p, li) {
	color: var(--crwn-lovable-muted);
}

.crwn-lovable-entry__content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: .85rem;
}

.crwn-lovable-not-found {
	display: grid;
	min-height: 67svh;
	place-items: center;
	padding-block: var(--crwn-lovable-section-space);
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 25%) 50%, hsl(220 72% 35%) 100%);
	color: #fff;
	text-align: center;
}

.crwn-lovable-not-found h1 {
	max-width: 11ch;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}

.crwn-lovable-not-found p:not(.crwn-lovable-not-found__code) {
	margin-bottom: 1.7rem;
	color: rgb(255 255 255 / 78%);
}

.crwn-lovable-not-found__code {
	margin-bottom: .7rem;
	color: #ffbd6b;
	font-family: var(--crwn-lovable-display);
	font-size: clamp(5rem, 17vw, 11rem);
	font-weight: 800;
	letter-spacing: -.07em;
	line-height: .75;
}

/* Footer */

.crwn-lovable-site-footer {
	background: var(--crwn-lovable-navy-deep);
	color: #fff;
}

.crwn-lovable-site-footer__inner {
	width: min(100%, var(--crwn-lovable-shell));
	padding: 4rem var(--crwn-lovable-gutter);
}

.crwn-lovable-site-footer__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2.5rem;
}

.crwn-lovable-brand--footer {
	display: flex;
	color: #fff;
	font-size: 1.125rem;
	letter-spacing: normal;
	line-height: 1.75rem;
}

.crwn-lovable-brand--footer .crwn-lovable-brand__crown {
	width: 1.5rem;
	height: 1.5rem;
	stroke: var(--crwn-lovable-orange);
}

.crwn-lovable-site-footer__brand p {
	margin: 1rem 0 0;
	color: rgb(255 255 255 / 70%);
	font-size: .875rem;
	line-height: 1.625;
}

.crwn-lovable-footer-column {
	display: block;
}

.crwn-lovable-footer-column h2 {
	margin: 0 0 1rem;
	color: var(--crwn-lovable-orange);
	font-family: var(--crwn-lovable-display);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.5rem;
}

.crwn-lovable-footer-column ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: rgb(255 255 255 / 70%);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-footer-column li + li {
	margin-top: .5rem;
}

.crwn-lovable-footer-column a {
	color: inherit;
	text-decoration: none;
}

.crwn-lovable-footer-column a:hover {
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-site-footer__bottom {
	padding-top: 2rem;
	margin-top: 3rem;
	border-top: 1px solid rgb(255 255 255 / 10%);
	color: rgb(255 255 255 / 50%);
	font-size: .875rem;
	line-height: 1.25rem;
	text-align: center;
}

.crwn-lovable-site-footer__bottom p {
	margin: 0;
}

/* Responsive composition */

@media (max-width: 1023px) {
	.crwn-lovable-catalog {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.crwn-lovable-site-header__inner {
		min-height: 64px;
		gap: 0;
	}

	.crwn-lovable-site-header__actions {
		display: none;
	}

	.crwn-lovable-menu-toggle {
		display: inline-flex;
		order: 3;
		width: 24px;
		min-height: 24px;
		padding: 0;
		margin-left: .75rem;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.crwn-lovable-language-switch--mobile {
		display: inline-flex;
		order: 2;
		margin-left: auto;
	}

	.crwn-lovable-primary-navigation {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		display: none;
		max-height: 80vh;
		overflow-y: auto;
		padding: 0 var(--crwn-lovable-gutter) 1rem;
		border-bottom: 1px solid var(--crwn-lovable-line-strong);
		background: #fff;
		box-shadow: none;
	}

	.crwn-lovable-site-header.is-menu-open .crwn-lovable-primary-navigation {
		display: block;
	}

	.crwn-lovable-primary-navigation__links,
	.crwn-lovable-primary-navigation__actions {
		display: block;
	}

	.crwn-lovable-primary-navigation__actions--mobile {
		display: block;
	}

	.crwn-lovable-primary-navigation__actions .crwn-lovable-language-switch {
		display: none;
	}

	.crwn-lovable-primary-navigation__links > a {
		display: block;
		min-height: 40px;
		padding: .5rem 0;
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.crwn-lovable-primary-navigation__links > a.is-current {
		color: var(--crwn-lovable-orange);
	}

	.crwn-lovable-primary-navigation__links > * + * {
		margin-top: .25rem;
	}

	.crwn-lovable-primary-navigation__links > a::after {
		right: auto;
		bottom: .7rem;
		left: 0;
		width: 3px;
		height: auto;
		transform: scaleY(0);
	}

	.crwn-lovable-primary-navigation__links > a:hover::after,
	.crwn-lovable-primary-navigation__links > a.is-current::after {
		transform: scaleY(1);
	}

	.crwn-lovable-solutions > summary {
		display: none;
	}

	.crwn-lovable-solutions__mobile-heading {
		display: block;
		min-height: 28px;
		padding: .5rem 0 .25rem;
		color: var(--crwn-lovable-muted);
		font-size: .75rem;
		font-weight: 600;
		letter-spacing: .025em;
		line-height: 1rem;
		text-transform: uppercase;
	}

	.crwn-lovable-solutions__panel {
		position: static;
		display: none;
		width: 100%;
		margin: .25rem 0 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.crwn-lovable-site-header.is-menu-open .crwn-lovable-solutions__panel {
		display: block;
	}

	.crwn-lovable-solutions__panel a {
		min-height: 40px;
		gap: .5rem;
		padding: .5rem 0 .5rem .75rem;
		border-radius: 0;
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.crwn-lovable-solutions__panel a + a {
		margin-top: .25rem;
	}

	.crwn-lovable-solutions__panel small {
		padding: 0;
		border-radius: 0;
		background: transparent;
		color: var(--crwn-lovable-orange);
		font-size: .625rem;
		font-weight: 700;
		letter-spacing: .1em;
		line-height: .9375rem;
	}

	.crwn-lovable-primary-navigation__actions {
		padding: 0;
		margin-top: .25rem;
		border: 0;
	}

	.crwn-lovable-primary-navigation__actions .crwn-lovable-button {
		min-height: 36px;
		padding: 0 .75rem;
		width: 100%;
	}

	.crwn-lovable-document--home .crwn-lovable-section:not(.crwn-lovable-hero):first-of-type .crwn-lovable-section__header,
	.crwn-lovable-section--intro .crwn-lovable-section__header,
	.crwn-lovable-section--erp .crwn-lovable-section__header,
	.crwn-lovable-document .wp-block-columns {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.crwn-lovable-home-erp {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-home-erp .crwn-lovable-section__title {
		margin-bottom: 1.25rem;
	}

	.crwn-lovable-section--workflow .crwn-lovable-grid,
	.crwn-lovable-section--steps .crwn-lovable-grid,
	.crwn-lovable-section--process .crwn-lovable-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.crwn-lovable-section--workflow .crwn-lovable-card:nth-child(odd),
	.crwn-lovable-section--steps .crwn-lovable-card:nth-child(odd),
	.crwn-lovable-section--process .crwn-lovable-card:nth-child(odd) {
		border-left: 0;
	}

	.crwn-lovable-section--workflow .crwn-lovable-card:nth-child(n + 3),
	.crwn-lovable-section--steps .crwn-lovable-card:nth-child(n + 3),
	.crwn-lovable-section--process .crwn-lovable-card:nth-child(n + 3) {
		border-top: 1px solid var(--crwn-lovable-line);
	}

	.crwn-lovable-document--home .crwn-lovable-section:not(.crwn-lovable-hero):first-of-type .crwn-lovable-section__title,
	.crwn-lovable-section--intro .crwn-lovable-section__title,
	.crwn-lovable-section--erp .crwn-lovable-section__title {
		margin-bottom: 0;
	}

	.crwn-lovable-document--home .crwn-lovable-section--erp.crwn-lovable-home-erp-section .crwn-lovable-section__title {
		margin-bottom: 1.25rem;
	}

}

@media (max-width: 767px) {
	:root {
		--crwn-lovable-gutter: 1rem;
		--crwn-lovable-section-space: 5rem;
	}

	h1 {
		font-size: clamp(2.6rem, 14.2vw, 4.2rem);
	}

	h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-hero {
		min-height: 0;
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

	.crwn-lovable-hero .crwn-lovable-section__title,
	.crwn-lovable-hero h1,
	.crwn-lovable-hero h2,
	.crwn-lovable-hero h3 {
		font-size: 3rem;
		line-height: 3rem;
	}

	.crwn-lovable-hero .crwn-lovable-section__eyebrow {
		min-height: 0;
		padding: .375rem 1rem;
		font-size: .875rem;
		line-height: 1.25rem;
	}

	.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(1) {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(2) {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}

	.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(3) {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.crwn-lovable-home-closing-section__body {
		font-size: 1.5rem;
		line-height: 2.0625rem;
	}

	.crwn-lovable-section__header {
		margin-bottom: 2rem;
	}

	.crwn-lovable-section__title {
		max-width: 15ch;
	}

	.crwn-lovable-home-erp .crwn-lovable-section__title {
		margin-bottom: 1.25rem;
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-grid,
	.crwn-lovable-grid--two,
	.crwn-lovable-catalog,
	.crwn-lovable-form {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-section--principles .crwn-lovable-grid {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-section--principles .crwn-lovable-section__title {
		max-width: none;
	}

	.crwn-lovable-section--modules .crwn-lovable-section__header {
		margin-bottom: 3rem;
		text-align: center;
	}

	.crwn-lovable-section--modules .crwn-lovable-section__title {
		max-width: none;
	}

	.crwn-lovable-section--why .crwn-lovable-section__header {
		margin-bottom: 3rem;
		text-align: center;
	}

	.crwn-lovable-section--why .crwn-lovable-section__title {
		max-width: none;
	}

	.crwn-lovable-home-wholesale-section__heading h2,
	.crwn-lovable-home-ultimate-section__inner h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-home-ultimate-section__panel {
		padding: 2.5rem;
	}

	.crwn-lovable-section--workflow .crwn-lovable-grid,
	.crwn-lovable-section--steps .crwn-lovable-grid,
	.crwn-lovable-section--process .crwn-lovable-grid {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-section--workflow .crwn-lovable-card + .crwn-lovable-card,
	.crwn-lovable-section--steps .crwn-lovable-card + .crwn-lovable-card,
	.crwn-lovable-section--process .crwn-lovable-card + .crwn-lovable-card {
		border-top: 1px solid var(--crwn-lovable-line);
		border-left: 0;
	}

	.crwn-lovable-form {
		padding: 1.3rem;
	}

	.crwn-lovable-form__field--wide,
	.crwn-lovable-form > :is(h2, h3, p, .crwn-lovable-form__notice, .crwn-lovable-form__status, .crwn-lovable-form__actions) {
		grid-column: 1;
	}

	.crwn-lovable-document th,
	.crwn-lovable-document td {
		padding: .85rem;
	}

	.crwn-lovable-site-footer__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 639px) {
	.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__actions {
		width: 100%;
		flex-direction: column;
		align-items: stretch;
	}

	.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__actions .crwn-lovable-button {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.crwn-lovable-hero .wp-block-buttons,
	.crwn-lovable-section__header .wp-block-buttons,
	.crwn-lovable-section__actions,
	.crwn-lovable-form__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.crwn-lovable-hero .wp-block-buttons .wp-block-button,
	.crwn-lovable-section__header .wp-block-buttons .wp-block-button,
	.crwn-lovable-section__actions .crwn-lovable-button,
	.crwn-lovable-hero .wp-block-buttons .wp-block-button__link,
	.crwn-lovable-section__header .wp-block-buttons .wp-block-button__link,
	.crwn-lovable-form__actions .crwn-lovable-button,
	.crwn-lovable-form__actions button {
		width: 100%;
	}

}

/* Frozen CRM composition -------------------------------------------------- */

/* The source CRM page keeps its hero wide and its eyebrow deliberately plain,
 * unlike the home-page pill. These rules are page-scoped so the shared product
 * and home compositions retain their own frozen geometry. */
.crwn-lovable-document--crm .crwn-lovable-hero {
	padding-top: 7rem;
	padding-bottom: 7rem;
}

.crwn-lovable-document--crm .crwn-lovable-hero .crwn-lovable-section__header {
	width: min(100%, var(--crwn-lovable-shell));
	max-width: var(--crwn-lovable-shell);
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
}

.crwn-lovable-document--crm .crwn-lovable-hero .crwn-lovable-section__eyebrow {
	display: inline-flex;
	padding: 0;
	margin: 0 0 1rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1.25rem;
	text-transform: uppercase;
}

.crwn-lovable-document--crm .crwn-lovable-hero .crwn-lovable-section__eyebrow svg {
	display: none;
}

.crwn-lovable-document--crm .crwn-lovable-hero .crwn-lovable-section__title,
.crwn-lovable-document--crm .crwn-lovable-hero h1 {
	max-width: none;
	margin-bottom: 1.25rem;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 3.75rem;
}

.crwn-lovable-document--crm .crwn-lovable-hero .crwn-lovable-section__body p {
	margin: 0;
}

.crwn-lovable-document--crm .crwn-lovable-section--product-intro .crwn-lovable-section__header {
	max-width: 800px;
	margin-bottom: 0;
	text-align: center;
}

.crwn-lovable-document--crm .crwn-lovable-section--product-intro .crwn-lovable-section__body {
	max-width: none;
	margin: 0;
}

.crwn-lovable-document--crm .crwn-lovable-section--product-intro .crwn-lovable-section__body p {
	margin: 0;
}

.crwn-lovable-document--crm .crwn-lovable-section--product-intro .crwn-lovable-section__body p:first-child {
	margin-bottom: 1.5rem;
	color: var(--crwn-lovable-text);
	font-family: var(--crwn-lovable-display);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2rem;
}

.crwn-lovable-document--crm .crwn-lovable-section--capabilities {
	background: hsl(220 20% 93% / 50%) !important;
}

.crwn-lovable-document--crm .crwn-lovable-section--capabilities .crwn-lovable-section__header {
	max-width: none;
	margin-bottom: 3rem;
	text-align: center;
}

.crwn-lovable-document--crm .crwn-lovable-section--capabilities .crwn-lovable-section__title {
	margin: .5rem 0 1rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.crwn-lovable-document--crm .crwn-lovable-section--capabilities .crwn-lovable-section__body {
	max-width: 42rem;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-document--crm .crwn-lovable-section--capabilities .crwn-lovable-section__body p {
	margin: 0;
}

.crwn-lovable-document--crm .crwn-lovable-grid--crm-capabilities {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

.crwn-lovable-document--crm .crwn-lovable-card--numbered {
	padding: 1.5rem;
}

.crwn-lovable-document--crm .crwn-lovable-card--numbered .crwn-lovable-card__title {
	line-height: 1.75rem;
}

.crwn-lovable-document--crm .crwn-lovable-card__number {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	margin-bottom: 1rem;
	border-radius: .625rem;
	background: hsl(25 95% 55% / 10%);
	color: var(--crwn-lovable-orange);
	font-family: var(--crwn-lovable-display);
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.25rem;
}

/* The source has the CRM feature copy and the check-list in a compact 2-up
 * composition. Its editor card data remains the canonical list content. */
.crwn-lovable-document--crm .crwn-lovable-section--features {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 30.5rem));
	column-gap: 3rem;
	align-items: start;
	justify-content: center;
	padding-top: 5rem;
	padding-bottom: 5rem;
	background: var(--crwn-lovable-cloud) !important;
}

.crwn-lovable-document--crm .crwn-lovable-section--features > .crwn-lovable-section__header,
.crwn-lovable-document--crm .crwn-lovable-section--features > .crwn-lovable-grid {
	width: 30.5rem;
	max-width: none;
	padding: 0;
	margin: 0;
}

.crwn-lovable-document--crm .crwn-lovable-section--features .crwn-lovable-section__title {
	margin: 0 0 1.25rem;
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.crwn-lovable-document--crm .crwn-lovable-section--features .crwn-lovable-section__body {
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-document--crm .crwn-lovable-section--features .crwn-lovable-section__body p {
	margin: 0;
}

.crwn-lovable-document--crm .crwn-lovable-section--features .crwn-lovable-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
}

.crwn-lovable-document--crm .crwn-lovable-section--features .crwn-lovable-card {
	display: flex;
	min-height: 0;
	flex-direction: row;
	gap: .5rem;
	align-items: flex-start;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.crwn-lovable-document--crm .crwn-lovable-section--features .crwn-lovable-card::before {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	margin-top: .125rem;
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f97a1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	content: "";
}

.crwn-lovable-document--crm .crwn-lovable-section--features .crwn-lovable-card__title {
	margin: 0;
	color: var(--crwn-lovable-text);
	font-family: var(--crwn-lovable-body);
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	text-wrap: wrap;
}

.crwn-lovable-document--crm .crwn-lovable-crm-erp-section {
	background: hsl(220 20% 93% / 50%) !important;
}

.crwn-lovable-crm-erp-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-crm-erp-section__icon {
	width: 1.75rem;
	height: 1.75rem;
	margin: 0 auto 1.25rem;
	fill: none;
	stroke: var(--crwn-lovable-orange);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-crm-erp-section__inner h2 {
	margin: 0 0 1rem;
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.crwn-lovable-crm-erp-section__body {
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-crm-erp-section__body p {
	margin: 0;
}

.crwn-lovable-crm-erp-section__actions {
	display: flex;
	gap: .75rem;
	justify-content: center;
	margin-top: 2rem;
}

.crwn-lovable-crm-erp-section__actions .crwn-lovable-button {
	min-height: 2.5rem;
	padding: .5rem 1rem;
}

.crwn-lovable-crm-erp-section__actions .crwn-lovable-button--secondary {
	border-color: var(--crwn-lovable-line);
	background: rgb(246 247 249);
	color: var(--crwn-lovable-text);
	font-weight: 500;
}

@media (max-width: 1023px) {
	.crwn-lovable-document--crm .crwn-lovable-hero .crwn-lovable-section__title,
	.crwn-lovable-document--crm .crwn-lovable-hero h1 {
		font-size: 3rem;
		line-height: 3rem;
	}

	.crwn-lovable-document--crm .crwn-lovable-section--features {
		display: block;
	}

	.crwn-lovable-document--crm .crwn-lovable-section--features > .crwn-lovable-section__header,
	.crwn-lovable-document--crm .crwn-lovable-section--features > .crwn-lovable-grid {
		width: min(100%, var(--crwn-lovable-shell));
		max-width: var(--crwn-lovable-shell);
		padding-right: var(--crwn-lovable-gutter);
		padding-left: var(--crwn-lovable-gutter);
		margin-right: auto;
		margin-left: auto;
	}

	.crwn-lovable-document--crm .crwn-lovable-section--features > .crwn-lovable-section__header {
		margin-bottom: 3rem;
	}

	.crwn-lovable-document--crm .crwn-lovable-grid--crm-capabilities {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.crwn-lovable-document--crm .crwn-lovable-hero {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-document--crm .crwn-lovable-hero .crwn-lovable-section__title,
	.crwn-lovable-document--crm .crwn-lovable-hero h1 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
	}

	.crwn-lovable-document--crm .crwn-lovable-section--product-intro .crwn-lovable-section__body p:first-child {
		font-size: 1.25rem;
		line-height: 1.375;
	}

	.crwn-lovable-document--crm .crwn-lovable-section--capabilities .crwn-lovable-section__title {
		width: 100%;
		max-width: none;
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-document--crm .crwn-lovable-grid--crm-capabilities {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-document--crm .crwn-lovable-section--features > .crwn-lovable-section__header {
		margin-bottom: 3rem;
	}

	.crwn-lovable-crm-erp-section__inner h2 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

@media (max-width: 639px) {
	.crwn-lovable-document--crm .crwn-lovable-section--features .crwn-lovable-grid {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-document--crm .crwn-lovable-crm-erp-section__actions {
		flex-direction: column;
		align-items: stretch;
	}
}

/* Frozen Warehouse composition -------------------------------------------- */

.crwn-lovable-warehouse-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 7rem 0;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	color: #fff;
}

.crwn-lovable-warehouse-hero__inner {
	position: relative;
	z-index: 1;
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-warehouse-hero__meta {
	display: flex;
	min-height: 1.40625rem;
	gap: .75rem;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.crwn-lovable-warehouse-hero__label {
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1.25rem;
	text-transform: uppercase;
}

.crwn-lovable-warehouse-hero__badge,
.crwn-lovable-warehouse-beta-section__badge {
	display: inline-block;
	padding: .125rem .5rem;
	border: 1px solid hsl(25 95% 55% / 30%);
	border-radius: 999px;
	background: hsl(25 95% 55% / 15%);
	color: var(--crwn-lovable-orange);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.03125rem;
}

.crwn-lovable-document--warehouse .crwn-lovable-warehouse-hero h1 {
	max-width: none;
	margin: 0 0 1.25rem;
	color: #fff;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 3.75rem;
}

.crwn-lovable-warehouse-hero__body {
	max-width: 42rem;
	margin: 0 auto;
	color: rgb(255 255 255 / 70%);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-warehouse-hero__body p {
	margin: 0;
}

.crwn-lovable-warehouse-intro-section,
.crwn-lovable-warehouse-features-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-warehouse-intro-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	margin: 0 auto;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
	text-align: center;
}

.crwn-lovable-warehouse-intro-section__lead p {
	margin: 0 0 2.5rem;
}

.crwn-lovable-warehouse-intro-section__process {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	align-items: center;
	justify-content: center;
	color: var(--crwn-lovable-text);
}

.crwn-lovable-warehouse-intro-section__process-step {
	display: flex;
	gap: .5rem;
	align-items: center;
}

.crwn-lovable-warehouse-intro-section__process-step > span {
	display: block;
	padding: .5rem 1rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
	font-family: var(--crwn-lovable-display);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
}

.crwn-lovable-warehouse-intro-section__process-step svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	fill: none;
	stroke: var(--crwn-lovable-orange);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-warehouse-intro-section__result p {
	margin: 2.5rem 0 0;
}

.crwn-lovable-warehouse-workflow-section,
.crwn-lovable-warehouse-beta-section {
	padding: 5rem 0;
	background: hsl(220 20% 93% / 50%);
}

.crwn-lovable-warehouse-workflow-section__shell {
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
}

.crwn-lovable-warehouse-workflow-section__header {
	margin-bottom: 3rem;
	text-align: center;
}

.crwn-lovable-warehouse-workflow-section__header h2 {
	margin: .5rem 0 1rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.crwn-lovable-warehouse-workflow-section__header > div {
	max-width: 42rem;
	margin: 0 auto;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-warehouse-workflow-section__header p {
	margin: 0;
}

.crwn-lovable-warehouse-workflow-section__grid {
	display: grid;
	width: min(100%, 56rem);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	margin: 0 auto;
}

.crwn-lovable-warehouse-workflow-section__grid article {
	padding: 1.25rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
	color: var(--crwn-lovable-text);
	font-family: var(--crwn-lovable-display);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
	text-align: center;
}

.crwn-lovable-warehouse-features-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 56rem);
	margin: 0 auto;
}

.crwn-lovable-warehouse-features-section h2 {
	margin: .5rem 0 3rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
	text-align: center;
}

.crwn-lovable-warehouse-features-section ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.crwn-lovable-warehouse-features-section li {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-warehouse-features-section li svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	margin-top: .125rem;
	fill: none;
	stroke: var(--crwn-lovable-orange);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-warehouse-beta-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 42rem);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-warehouse-beta-section__badge {
	margin-bottom: 1.25rem;
}

.crwn-lovable-warehouse-beta-section h2 {
	margin: 0 0 1.5rem;
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.crwn-lovable-warehouse-beta-section .crwn-lovable-button {
	min-height: 2.5rem;
	padding: .5rem 1rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.crwn-lovable-document--warehouse .crwn-lovable-warehouse-hero h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
}

@media (max-width: 767px) {
	.crwn-lovable-warehouse-hero {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-document--warehouse .crwn-lovable-warehouse-hero h1 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
	}

	.crwn-lovable-document--warehouse .crwn-lovable-warehouse-workflow-section__header h2,
	.crwn-lovable-document--warehouse .crwn-lovable-warehouse-features-section h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-warehouse-workflow-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.crwn-lovable-document--warehouse .crwn-lovable-warehouse-features-section h2 {
		margin-bottom: 3rem;
	}

	.crwn-lovable-warehouse-beta-section h2 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

@media (max-width: 639px) {
	.crwn-lovable-warehouse-features-section ul {
		grid-template-columns: 1fr;
	}
}

/* Frozen AI composition --------------------------------------------------- */

.crwn-lovable-ai-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 7rem 0;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	color: #fff;
}

.crwn-lovable-ai-hero__inner {
	position: relative;
	z-index: 1;
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-ai-hero__meta {
	display: flex;
	min-height: 1.40625rem;
	gap: .75rem;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.crwn-lovable-ai-hero__label {
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1.25rem;
	text-transform: uppercase;
}

.crwn-lovable-ai-hero__badge,
.crwn-lovable-ai-beta-section__badge {
	display: inline-block;
	padding: .125rem .5rem;
	border: 1px solid hsl(25 95% 55% / 30%);
	border-radius: 999px;
	background: hsl(25 95% 55% / 15%);
	color: var(--crwn-lovable-orange);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.03125rem;
}

.crwn-lovable-document--ai .crwn-lovable-ai-hero h1 {
	max-width: none;
	margin: 0 0 1.25rem;
	color: #fff;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 3.75rem;
}

.crwn-lovable-ai-hero__body {
	max-width: 42rem;
	margin: 0 auto;
	color: rgb(255 255 255 / 70%);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-ai-hero__body p,
.crwn-lovable-ai-intro-section__body p,
.crwn-lovable-ai-examples-section__header p {
	margin: 0;
}

.crwn-lovable-ai-intro-section,
.crwn-lovable-ai-capabilities-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-ai-intro-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	margin: 0 auto;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
	text-align: center;
}

.crwn-lovable-ai-sparkles {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-ai-intro-section__icon {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0 auto 1.25rem;
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-ai-examples-section,
.crwn-lovable-ai-beta-section {
	padding: 5rem 0;
	background: hsl(220 20% 93% / 50%);
}

.crwn-lovable-ai-examples-section__shell {
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
}

.crwn-lovable-ai-examples-section__header {
	margin-bottom: 3rem;
	text-align: center;
}

.crwn-lovable-ai-examples-section__header h2 {
	margin: .5rem 0 1rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.crwn-lovable-ai-examples-section__header > div {
	max-width: 42rem;
	margin: 0 auto;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-ai-examples-section__grid {
	display: grid;
	width: min(100%, 64rem);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	margin: 0 auto;
}

.crwn-lovable-ai-examples-section__grid article {
	display: flex;
	gap: .75rem;
	align-items: flex-start;
	padding: 1.5rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-ai-examples-section__grid svg {
	width: 1.25rem;
	height: 1.25rem;
	flex: 0 0 auto;
	margin-top: .125rem;
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-ai-examples-section__grid span {
	font-size: .875rem;
	line-height: 1.625;
}

.crwn-lovable-ai-capabilities-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 56rem);
	margin: 0 auto;
}

.crwn-lovable-ai-capabilities-section h2 {
	margin: .5rem 0 3rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
	text-align: center;
}

.crwn-lovable-ai-capabilities-section ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.crwn-lovable-ai-capabilities-section li {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-ai-capabilities-section li svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	margin-top: .125rem;
	color: var(--crwn-lovable-orange);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-ai-beta-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 42rem);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-ai-beta-section__badge {
	margin-bottom: 1.25rem;
}

.crwn-lovable-ai-beta-section h2 {
	margin: 0 0 1.5rem;
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.crwn-lovable-ai-beta-section .crwn-lovable-button {
	min-height: 2.5rem;
	padding: .5rem 1rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.crwn-lovable-document--ai .crwn-lovable-ai-hero h1 {
		font-size: 3rem;
		line-height: 3rem;
	}

	.crwn-lovable-ai-examples-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.crwn-lovable-ai-hero {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-document--ai .crwn-lovable-ai-hero h1 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
	}

	.crwn-lovable-document--ai .crwn-lovable-ai-examples-section__header h2,
	.crwn-lovable-document--ai .crwn-lovable-ai-capabilities-section h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-ai-examples-section__grid {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-ai-beta-section h2 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

@media (max-width: 639px) {
	.crwn-lovable-ai-capabilities-section ul {
		grid-template-columns: 1fr;
	}
}

/* Frozen Ultimate composition --------------------------------------------- */

.crwn-lovable-ultimate-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 7rem 0;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	color: #fff;
}

.crwn-lovable-ultimate-hero__inner {
	position: relative;
	z-index: 1;
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-ultimate-hero__meta {
	display: flex;
	min-height: 1.25rem;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.crwn-lovable-ultimate-hero__label {
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1.25rem;
	text-transform: uppercase;
}

.crwn-lovable-document--ultimate .crwn-lovable-ultimate-hero h1 {
	max-width: none;
	margin: 0 0 1.25rem;
	color: #fff;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 3.75rem;
}

.crwn-lovable-ultimate-hero__body {
	max-width: 42rem;
	margin: 0 auto;
	color: rgb(255 255 255 / 70%);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-ultimate-hero__body p,
.crwn-lovable-ultimate-intro-section__formula p,
.crwn-lovable-ultimate-intro-section__body p {
	margin: 0;
}

.crwn-lovable-ultimate-intro-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-ultimate-intro-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-ultimate-intro-section__formula {
	margin-bottom: 1.5rem;
	color: var(--crwn-lovable-orange);
	font-family: var(--crwn-lovable-display);
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 2.5rem;
}

.crwn-lovable-ultimate-intro-section__body {
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-ultimate-modules-section {
	padding: 5rem 0;
	background: hsl(220 20% 93% / 50%);
}

.crwn-lovable-ultimate-modules-section__shell {
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
}

.crwn-lovable-ultimate-modules-section__header {
	margin-bottom: 3rem;
	text-align: center;
}

.crwn-lovable-ultimate-modules-section__header h2 {
	margin: .5rem 0 1rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.crwn-lovable-ultimate-modules-section__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

.crwn-lovable-ultimate-modules-section__grid article {
	display: flex;
	flex-direction: column;
	padding: 1.75rem;
	padding-bottom: 2rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

@media (min-width: 1024px) {
	.crwn-lovable-ultimate-modules-section__grid article {
		min-height: 24.625rem;
	}
}

.crwn-lovable-ultimate-module__head {
	display: flex;
	min-height: 2.75rem;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.25rem;
}

.crwn-lovable-ultimate-module__icon {
	display: inline-flex;
	width: 2.75rem;
	height: 2.75rem;
	align-items: center;
	justify-content: center;
	border-radius: var(--crwn-lovable-radius);
	background: hsl(25 95% 55% / 10%);
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-ultimate-module__icon svg,
.crwn-lovable-ultimate-module__head + h3 ~ ul svg,
.crwn-lovable-ultimate-modules-section__grid article > a svg {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-ultimate-module__icon svg {
	width: 1.25rem;
	height: 1.25rem;
}

.crwn-lovable-ultimate-module__badge {
	display: inline-block;
	padding: .125rem .5rem;
	border: 1px solid hsl(25 95% 55% / 30%);
	border-radius: 999px;
	background: hsl(25 95% 55% / 15%);
	color: var(--crwn-lovable-orange);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.03125rem;
}

.crwn-lovable-ultimate-modules-section h3 {
	margin: 0 0 1rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-ultimate-modules-section ul {
	padding: 0;
	margin: 0 0 1.5rem;
	list-style: none;
}

.crwn-lovable-ultimate-modules-section li {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-ultimate-modules-section li + li {
	margin-top: .5rem;
}

.crwn-lovable-ultimate-modules-section li svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	margin-top: .125rem;
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-ultimate-modules-section article > a {
	display: inline-flex;
	gap: .25rem;
	align-items: center;
	width: fit-content;
	margin-top: 0;
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
	text-decoration: none;
	transform: translateY(2px);
}

.crwn-lovable-ultimate-modules-section article > a svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
}

.crwn-lovable-ultimate-crown-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-ultimate-crown-section__shell {
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
}

.crwn-lovable-ultimate-crown-section__panel {
	position: relative;
	overflow: hidden;
	padding: 4rem;
	border-radius: 1rem;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	text-align: center;
}

.crwn-lovable-ultimate-crown-section__glow {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at bottom left, hsl(25 95% 55% / 20%), transparent 60%);
}

.crwn-lovable-ultimate-crown-section__inner {
	position: relative;
	z-index: 1;
}

.crwn-lovable-ultimate-crown-section h2 {
	margin: 0 0 1.5rem;
	color: #fff;
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.crwn-lovable-ultimate-crown-section__actions {
	display: flex;
	gap: .75rem;
	justify-content: center;
}

.crwn-lovable-ultimate-crown-section__actions .crwn-lovable-button {
	min-height: 2.75rem;
	padding: .5rem 2rem;
	border-radius: .375rem;
	box-shadow: rgb(0 0 0 / 10%) 0 10px 15px -3px, rgb(0 0 0 / 10%) 0 4px 6px -4px;
}

.crwn-lovable-ultimate-crown-section__actions .crwn-lovable-button--secondary {
	border: 2px solid rgb(255 255 255 / 30%);
	background: transparent;
	box-shadow: none;
	color: #fff;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.crwn-lovable-document--ultimate .crwn-lovable-ultimate-hero h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
}

@media (max-width: 767px) {
	.crwn-lovable-ultimate-hero {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-document--ultimate .crwn-lovable-ultimate-hero h1 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
	}

	.crwn-lovable-ultimate-intro-section__formula {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-document--ultimate .crwn-lovable-ultimate-modules-section__header h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-ultimate-modules-section__grid {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-ultimate-crown-section__panel {
		padding: 2.5rem;
	}
}

@media (max-width: 639px) {
	.crwn-lovable-ultimate-crown-section__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.crwn-lovable-ultimate-crown-section__actions .crwn-lovable-button {
		width: 100%;
	}
}

/* Frozen Demo and Contact composition ------------------------------------- */

.crwn-lovable-demo-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 7rem 0;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	color: #fff;
}

.crwn-lovable-demo-hero__inner {
	position: relative;
	z-index: 1;
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-document--demo .crwn-lovable-demo-hero h1,
.crwn-lovable-document--contact .crwn-lovable-demo-hero h1 {
	max-width: none;
	margin: 0 0 1.25rem;
	color: #fff;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 3.75rem;
}

.crwn-lovable-demo-hero__body {
	max-width: 42rem;
	margin: 0 auto;
	color: rgb(255 255 255 / 70%);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-demo-hero__body p {
	margin: 0;
}

.crwn-lovable-demo-form-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-demo-form-section__shell {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 42rem);
	margin: 0 auto;
}

.crwn-lovable-demo-form-section .crwn-lovable-form {
	display: grid;
	max-width: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
	padding: 2rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-demo-form-section .crwn-lovable-form__field {
	display: block;
	margin: 0;
}

.crwn-lovable-demo-form-section .crwn-lovable-form__field label {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	font-weight: 500;
	line-height: 1rem;
}

.crwn-lovable-demo-form-section .crwn-lovable-form input,
.crwn-lovable-demo-form-section .crwn-lovable-form textarea {
	box-sizing: border-box;
	min-height: 0;
	padding: .5rem .75rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .625rem;
	background: var(--crwn-lovable-surface);
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
}

.crwn-lovable-demo-form-section .crwn-lovable-form input {
	height: 2.5rem;
}

.crwn-lovable-demo-form-section .crwn-lovable-form textarea {
	height: 7.375rem;
	min-height: 7.375rem;
	resize: vertical;
}

.crwn-lovable-demo-form-section .crwn-lovable-form__field--wide,
.crwn-lovable-demo-form-section .crwn-lovable-form__status,
.crwn-lovable-demo-form-section .crwn-lovable-form__actions {
	grid-column: 1 / -1;
}

.crwn-lovable-demo-form-section .crwn-lovable-form__actions {
	display: block;
	margin: 0;
}

.crwn-lovable-demo-form-section .crwn-lovable-form button[type="submit"] {
	width: 100%;
	min-height: 2.75rem;
	padding: 0 2rem;
	border-radius: .625rem;
	background: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 45%) 100%);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
}

.crwn-lovable-demo-form-section__closing {
	display: flex;
	gap: .5rem;
	align-items: center;
	justify-content: center;
	margin: 2rem 0 0;
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-demo-form-section__closing svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	color: var(--crwn-lovable-orange);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.crwn-lovable-document--demo .crwn-lovable-demo-hero h1,
	.crwn-lovable-document--contact .crwn-lovable-demo-hero h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
}

@media (max-width: 767px) {
	.crwn-lovable-demo-hero {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-document--demo .crwn-lovable-demo-hero h1,
	.crwn-lovable-document--contact .crwn-lovable-demo-hero h1 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
	}

	.crwn-lovable-demo-form-section .crwn-lovable-form {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-demo-form-section .crwn-lovable-form__field--wide,
	.crwn-lovable-demo-form-section .crwn-lovable-form__status,
	.crwn-lovable-demo-form-section .crwn-lovable-form__actions {
		grid-column: 1;
	}
}

/* Frozen Integrations composition ----------------------------------------- */

.crwn-lovable-integrations-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 7rem 0;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	color: #fff;
}

.crwn-lovable-integrations-hero__inner {
	position: relative;
	z-index: 1;
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-integrations-hero__meta {
	display: flex;
	min-height: 1.25rem;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.crwn-lovable-integrations-hero__eyebrow {
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1.25rem;
	text-transform: uppercase;
}

.crwn-lovable-document--integrations .crwn-lovable-integrations-hero h1 {
	max-width: none;
	margin: 0 0 1.25rem;
	color: #fff;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 3.75rem;
}

.crwn-lovable-integrations-narrative-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-integrations-narrative-section__inner {
	display: grid;
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	gap: 1.25rem;
	margin: 0 auto;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-integrations-narrative-section__inner p {
	margin: 0;
}

.crwn-lovable-integrations-narrative-section__callout {
	padding: 1.5rem;
	border-left: 4px solid var(--crwn-lovable-orange);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
	color: var(--crwn-lovable-text);
}

.crwn-lovable-integrations-narrative-section__callout p {
	font-family: var(--crwn-lovable-display);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.375;
}

/* The seed document preserves emphasis with <strong>, whereas the source
 * callout is one medium-weight paragraph. Do not let the UA bolder rule turn
 * that harmless editor markup into a heavier visual line. */
.crwn-lovable-integrations-narrative-section__callout p :is(strong, b) {
	font-weight: inherit;
}

.crwn-lovable-integrations-cards-section {
	padding: 5rem 0;
	background: hsl(220 20% 93% / 50%);
}

.crwn-lovable-integrations-cards-section__grid {
	display: grid;
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 56rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	margin: 0 auto;
}

.crwn-lovable-integrations-cards-section article {
	padding: 1.75rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-integrations-cards-section article > svg {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0 1rem;
	color: var(--crwn-lovable-orange);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-integrations-cards-section h2 {
	margin: 0 0 .75rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.crwn-lovable-integrations-cards-section p {
	margin: 0;
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.625;
}

.crwn-lovable-integrations-crown-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-integrations-crown-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-integrations-crown-section__inner > svg {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0 auto 1.25rem;
	color: var(--crwn-lovable-orange);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-integrations-crown-section__inner p {
	margin: 0 0 2rem;
	font-family: var(--crwn-lovable-display);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2rem;
}

.crwn-lovable-integrations-crown-section .crwn-lovable-button {
	min-height: 2.5rem;
	padding: .5rem 1rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.crwn-lovable-document--integrations .crwn-lovable-integrations-hero h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
}

@media (max-width: 767px) {
	.crwn-lovable-integrations-hero {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-document--integrations .crwn-lovable-integrations-hero h1 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
	}

	.crwn-lovable-integrations-narrative-section,
	.crwn-lovable-integrations-cards-section,
	.crwn-lovable-integrations-crown-section {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-integrations-cards-section__grid {
		grid-template-columns: 1fr;
	}

	.crwn-lovable-integrations-crown-section__inner p {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
}

/* Frozen About composition ------------------------------------------------ */

.crwn-lovable-about-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 7rem 0;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	color: #fff;
}

.crwn-lovable-about-hero__inner {
	position: relative;
	z-index: 1;
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-document--about .crwn-lovable-about-hero h1 {
	max-width: none;
	margin: 0 0 1.25rem;
	color: #fff;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 3.75rem;
}

.crwn-lovable-about-hero__body {
	max-width: 42rem;
	margin: 0 auto;
	color: rgb(255 255 255 / 70%);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-about-hero__body p {
	margin: 0;
}

.crwn-lovable-about-narrative-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-about-narrative-section__inner {
	display: grid;
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	gap: 1.25rem;
	margin: 0 auto;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-about-narrative-section p {
	margin: 0;
}

.crwn-lovable-about-architecture-section {
	padding: 5rem 0;
	background: hsl(220 20% 93% / 50%);
}

.crwn-lovable-about-architecture-section__shell {
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
}

.crwn-lovable-about-architecture-section__header {
	margin-bottom: 3rem;
	text-align: center;
}

.crwn-lovable-about-architecture-section__header h2 {
	margin: .5rem 0 1rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.crwn-lovable-about-architecture-section__list {
	display: grid;
	width: min(100%, 48rem);
	gap: 1rem;
	margin: 0 auto;
}

.crwn-lovable-about-architecture-section article {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	padding: 1.5rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-about-architecture-section article > svg {
	width: 1.25rem;
	height: 1.25rem;
	flex: 0 0 auto;
	margin-top: .25rem;
	color: var(--crwn-lovable-orange);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-about-architecture-section h3 {
	margin: 0 0 .25rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-about-architecture-section p {
	margin: 0;
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.625;
}

.crwn-lovable-about-crown-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-about-crown-section__inner {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-about-crown-section__inner p {
	margin: 0 0 2rem;
	font-family: var(--crwn-lovable-display);
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 2.25rem;
}

.crwn-lovable-about-crown-section .crwn-lovable-button {
	min-height: 2.5rem;
	padding: .5rem 1rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.crwn-lovable-document--about .crwn-lovable-about-hero h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
}

@media (max-width: 767px) {
	.crwn-lovable-about-hero {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-document--about .crwn-lovable-about-hero h1 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
	}

	.crwn-lovable-document--about .crwn-lovable-about-architecture-section__header h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-about-crown-section__inner p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

/* Frozen Pricing composition --------------------------------------------- */

.crwn-lovable-pricing-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 7rem 0;
	background: linear-gradient(135deg, hsl(220 72% 15%) 0%, hsl(220 72% 30%) 50%, hsl(220 60% 40%) 100%);
	color: #fff;
}

.crwn-lovable-pricing-hero__inner {
	position: relative;
	z-index: 1;
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-pricing-hero__meta {
	display: flex;
	min-height: 1.25rem;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	color: var(--crwn-lovable-orange);
	font-size: .875rem;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1.25rem;
	text-transform: uppercase;
}

.crwn-lovable-document--pricing .crwn-lovable-pricing-hero h1 {
	max-width: none;
	margin: 0 0 1.25rem;
	color: #fff;
	font-size: 3.75rem;
	letter-spacing: normal;
	line-height: 3.75rem;
}

.crwn-lovable-pricing-hero__body {
	max-width: 42rem;
	margin: 0 auto;
	color: rgb(255 255 255 / 70%);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-pricing-hero__body p {
	margin: 0;
}

.crwn-lovable-pricing-plans-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-pricing-plans-section__shell,
.crwn-lovable-pricing-usage-section__shell {
	width: min(100%, var(--crwn-lovable-shell));
	padding-right: var(--crwn-lovable-gutter);
	padding-left: var(--crwn-lovable-gutter);
	margin: 0 auto;
}

.crwn-lovable-pricing-plans-section__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.5rem;
}

.crwn-lovable-pricing-plan {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	padding: 1.5rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-pricing-plan--ultimate {
	border-color: var(--crwn-lovable-orange);
	background: var(--crwn-lovable-navy);
	box-shadow: var(--crwn-lovable-overlay-shadow);
	color: #fff;
}

.crwn-lovable-pricing-plan__meta {
	display: flex;
	min-height: 1.625rem;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.crwn-lovable-pricing-plan__beta {
	display: inline-block;
	padding: .125rem .5rem;
	border: 1px solid hsl(25 95% 55% / 30%);
	border-radius: 999px;
	background: hsl(25 95% 55% / 15%);
	color: var(--crwn-lovable-orange);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.03125rem;
}

.crwn-lovable-pricing-plan__chosen {
	display: inline-block;
	padding: .25rem .75rem;
	border-radius: 999px;
	background: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 45%) 100%);
	color: #fff;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1rem;
}

.crwn-lovable-pricing-plan h2 {
	margin: 0;
	color: inherit;
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.crwn-lovable-pricing-plan__summary {
	min-height: 1.25rem;
	margin: .25rem 0 1.25rem;
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-pricing-plan--ultimate .crwn-lovable-pricing-plan__summary,
.crwn-lovable-pricing-plan--ultimate :is(.crwn-lovable-pricing-plan__base span, .crwn-lovable-pricing-plan__per-user span) {
	color: rgb(255 255 255 / 70%);
}

.crwn-lovable-pricing-plan__base {
	margin-bottom: 1.25rem;
}

.crwn-lovable-pricing-plan__base p,
.crwn-lovable-pricing-plan__per-user p {
	margin: 0 0 .25rem;
	color: var(--crwn-lovable-orange);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .025em;
	line-height: 1rem;
	text-transform: uppercase;
}

.crwn-lovable-pricing-plan__base > div,
.crwn-lovable-pricing-plan__per-user > div {
	display: flex;
	gap: .25rem;
	align-items: baseline;
}

.crwn-lovable-pricing-plan__base strong {
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.crwn-lovable-pricing-plan__per-user {
	padding-top: 1rem;
	margin-bottom: 1.5rem;
	border-top: 1px solid var(--crwn-lovable-line);
}

.crwn-lovable-pricing-plan--ultimate .crwn-lovable-pricing-plan__per-user {
	border-top-color: rgb(255 255 255 / 15%);
}

.crwn-lovable-pricing-plan__per-user strong {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.crwn-lovable-pricing-plan__base span,
.crwn-lovable-pricing-plan__per-user span {
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-pricing-plan ul {
	display: block;
	flex: 1;
	padding: 0;
	margin: 0 0 2rem;
	list-style: none;
}

.crwn-lovable-pricing-plan li {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-pricing-plan li + li {
	margin-top: .625rem;
}

.crwn-lovable-pricing-plan li svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	margin-top: .125rem;
	color: var(--crwn-lovable-orange);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-pricing-plan > a {
	display: flex;
	min-height: 2.5rem;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: .5rem 1rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .375rem;
	background: var(--crwn-lovable-cloud);
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-decoration: none;
}

.crwn-lovable-pricing-plan:not(.crwn-lovable-pricing-plan--ultimate) > a:hover {
	border-color: var(--crwn-lovable-orange);
	background: hsl(25 95% 55% / 12%);
}

.crwn-lovable-pricing-plan--ultimate > a {
	border: 0;
	background: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 45%) 100%);
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
	color: #fff;
	font-weight: 600;
}

.crwn-lovable-pricing-plans-section__notice {
	margin-top: 2rem;
	color: var(--crwn-lovable-muted);
	font-size: .75rem;
	line-height: 1rem;
	text-align: center;
}

.crwn-lovable-pricing-plans-section__notice p {
	margin: 0;
}

.crwn-lovable-pricing-usage-section {
	padding: 5rem 0;
	background: hsl(220 20% 93% / 50%);
}

.crwn-lovable-pricing-usage-section__header {
	margin-bottom: 3rem;
	text-align: center;
}

.crwn-lovable-pricing-usage-section__header h2 {
	margin: .5rem 0 1rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.crwn-lovable-pricing-usage-section__grid {
	display: grid;
	width: min(100%, 56rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	margin: 0 auto;
}

.crwn-lovable-pricing-usage-section__grid article {
	padding: 1.75rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
}

.crwn-lovable-pricing-usage-section__icon {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin-bottom: 1rem;
	color: var(--crwn-lovable-orange);
}

.crwn-lovable-pricing-usage-section__icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-pricing-usage-section h3 {
	margin: 0 0 .5rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.crwn-lovable-pricing-usage-section__body {
	margin-bottom: 1.25rem;
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.421875rem;
}

.crwn-lovable-pricing-usage-section__body p {
	margin: 0;
}

.crwn-lovable-pricing-usage-section__price {
	display: flex;
	gap: .5rem;
	align-items: baseline;
	padding-top: 1rem;
	border-top: 1px solid var(--crwn-lovable-line);
}

.crwn-lovable-pricing-usage-section__price strong {
	font-size: 1.5rem;
	line-height: 2rem;
}

.crwn-lovable-pricing-usage-section__price span {
	color: var(--crwn-lovable-muted);
	font-size: .875rem;
	line-height: 1.25rem;
}

.crwn-lovable-pricing-roadmap-section {
	padding: 5rem 0;
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-pricing-roadmap-section__shell {
	width: min(calc(100% - (var(--crwn-lovable-gutter) * 2)), 48rem);
	margin: 0 auto;
	text-align: center;
}

.crwn-lovable-pricing-roadmap-section__header {
	margin-bottom: 3rem;
}

.crwn-lovable-pricing-roadmap-section__header h2 {
	margin: .5rem 0 1rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.crwn-lovable-pricing-roadmap-section__header > div {
	max-width: 42rem;
	margin: 0 auto;
	color: var(--crwn-lovable-muted);
	font-size: 1rem;
	line-height: 1.625rem;
}

.crwn-lovable-pricing-roadmap-section__header p {
	margin: 0;
}

.crwn-lovable-pricing-roadmap-section__tags {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	justify-content: center;
}

.crwn-lovable-pricing-roadmap-section__tags span {
	display: inline-flex;
	gap: .5rem;
	align-items: center;
	padding: .5rem 1rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .75rem;
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
	font-family: var(--crwn-lovable-display);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
}

.crwn-lovable-pricing-roadmap-section__tags svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	color: var(--crwn-lovable-orange);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-pricing-roadmap-section .crwn-lovable-button {
	min-height: 2.5rem;
	padding: .5rem 1rem;
	margin-top: 2.5rem;
	box-shadow: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.crwn-lovable-document--pricing .crwn-lovable-pricing-hero h1 {
		font-size: 3rem;
		line-height: 3rem;
	}

	.crwn-lovable-pricing-plans-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.crwn-lovable-pricing-plan {
		min-height: 35.0625rem;
	}
}

@media (max-width: 767px) {
	.crwn-lovable-pricing-hero {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.crwn-lovable-document--pricing .crwn-lovable-pricing-hero h1 {
		font-size: 2.25rem;
		line-height: 2.8125rem;
	}

	.crwn-lovable-document--pricing .crwn-lovable-pricing-usage-section__header h2,
	.crwn-lovable-document--pricing .crwn-lovable-pricing-roadmap-section__header h2 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.crwn-lovable-pricing-plans-section__grid,
	.crwn-lovable-pricing-usage-section__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

@media (forced-colors: active) {
	.crwn-lovable-button,
	.crwn-lovable-form button[type="submit"],
	.crwn-lovable-document .wp-block-button__link {
		border: 1px solid ButtonText;
	}
}

/* Source interaction contracts ------------------------------------------------
 *
 * The attached Lovable React project is the frozen authority for public states.
 * Keep these rules last: older protected-layout rules own geometry, while this
 * layer owns the exact reachable hover, focus, motion and feedback contracts.
 */

:root {
	--crwn-lovable-source-transition: .15s cubic-bezier(.4, 0, .2, 1);
	--crwn-lovable-source-focus-offset: var(--crwn-lovable-cloud);
	--crwn-lovable-source-focus-ring: var(--crwn-lovable-navy);
}

/* Tailwind's `antialiased` body utility is present in the supplied source.
 * Scope it to this co-installable theme so an existing WordPress site keeps
 * its own font-rendering policy. */
body.crwn-lovable-theme {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: auto;
}

/* Layout.tsx uses a transparent, overflow-visible <main> over the cloud
 * body. The protected document must not introduce a white canvas behind the
 * fixed translucent navigation or between source sections. */
.crwn-lovable-document,
.crwn-lovable-main {
	overflow: visible;
	background: transparent;
}

.crwn-lovable-site-header {
	border-bottom-color: var(--crwn-lovable-line);
}

/* Shadcn Button / Input focus-visible contract used by the source app. */
.crwn-lovable-button:focus-visible,
.crwn-lovable-document .wp-block-button__link:focus-visible,
.crwn-lovable-site-header :is(.crwn-lovable-primary-navigation__links > a, .crwn-lovable-solutions > summary, .crwn-lovable-language-switch a):focus-visible,
.crwn-lovable-form :is(input, select, textarea, button):focus-visible,
.crwn-lovable-pricing-plan > a:focus-visible,
.crwn-lovable-text-link:focus-visible,
.crwn-lovable-footer-column a:focus-visible {
	outline: 2px solid transparent;
	outline-offset: 2px;
	box-shadow: 0 0 0 2px var(--crwn-lovable-source-focus-offset), 0 0 0 4px var(--crwn-lovable-source-focus-ring);
}

/* Desktop navigation mirrors Navbar.tsx: text state only, no underline or
 * rotating chevron. The native <details> preserves keyboard semantics while
 * theme.js gives it the same pointer-enter/pointer-leave lifecycle. */
@media (min-width: 1024px) {
	.crwn-lovable-primary-navigation__links > a,
	.crwn-lovable-solutions > summary {
		border-radius: .625rem;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-duration: .15s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	}

	.crwn-lovable-primary-navigation__links > a::after,
	.crwn-lovable-solutions > summary::after {
		display: none;
	}

	.crwn-lovable-primary-navigation__links > a:hover,
	.crwn-lovable-solutions > summary:hover {
		color: var(--crwn-lovable-orange);
	}

	/* The source's Button composition leaves its current route foreground-colour
	 * black at rest (the text-foreground utility wins over text-accent). */
	.crwn-lovable-primary-navigation__links > a.is-current {
		color: var(--crwn-lovable-text);
	}

	.crwn-lovable-solutions > summary svg {
		transition: none;
		stroke-width: 2;
	}

	.crwn-lovable-solutions[open] > summary svg {
		transform: none;
	}

	.crwn-lovable-solutions__panel {
		display: block;
		border-radius: var(--crwn-lovable-radius);
		box-shadow: var(--crwn-lovable-overlay-shadow);
	}

	.crwn-lovable-solutions__panel a {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-duration: .15s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	}

	.crwn-lovable-solutions__panel a:hover {
		background: hsl(220 20% 93%);
		color: var(--crwn-lovable-text);
	}

	.crwn-lovable-solutions__panel a[aria-current="page"] {
		color: var(--crwn-lovable-orange);
	}

	.crwn-lovable-solutions__panel a[aria-current="page"]:not(:hover) {
		background: transparent;
	}
}

/* LanguageSwitcher.tsx: only the selected locale is orange. */
.crwn-lovable-language-switch {
	overflow: hidden;
	/* LanguageSwitcher.tsx has only a border; its interior stays transparent
	 * over the translucent Navbar rather than introducing a white tile. */
	background: transparent;
}

.crwn-lovable-language-switch a {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.crwn-lovable-language-switch a:hover:not([aria-current="true"]) {
	background: transparent;
	color: var(--crwn-lovable-text);
}

.crwn-lovable-language-switch a[aria-current="true"] {
	background: var(--crwn-lovable-orange);
	color: #fff;
}

/* The source mobile trigger is a bare Lucide Menu/X icon, not a boxed or
 * morphing hamburger. */
.crwn-lovable-menu-toggle__icon {
	display: block;
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-menu-toggle__icon--close {
	display: none;
}

.crwn-lovable-site-header.is-menu-open .crwn-lovable-menu-toggle__icon--open {
	display: none;
}

.crwn-lovable-site-header.is-menu-open .crwn-lovable-menu-toggle__icon--close {
	display: block;
}

/* Button variants taken from components/ui/button.tsx. Visible gradient CTAs
 * inherit the default button hover beneath their opaque gradient, exactly as
 * Tailwind does; never add a lift or a replacement orange fill. */
.crwn-lovable-button,
.crwn-lovable-form button[type="submit"],
.crwn-lovable-document .wp-block-button__link {
	transform: none;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.crwn-lovable-button:hover,
.crwn-lovable-form button[type="submit"]:hover,
.crwn-lovable-document .wp-block-button__link:hover {
	transform: none;
	background-color: hsl(220 72% 25% / 90%);
	color: #fff;
}

.crwn-lovable-button--hero:hover {
	opacity: .9;
}

.crwn-lovable-button--secondary,
.crwn-lovable-document .is-style-outline .wp-block-button__link {
	border-color: var(--crwn-lovable-line);
	background: var(--crwn-lovable-cloud);
	color: var(--crwn-lovable-text);
}

.crwn-lovable-button--secondary:hover,
.crwn-lovable-document .is-style-outline .wp-block-button__link:hover {
	border-color: var(--crwn-lovable-line);
	background: var(--crwn-lovable-orange);
	color: #fff;
}

.crwn-lovable-button--hero-outline,
.crwn-lovable-hero .crwn-lovable-button--hero-outline {
	border: 2px solid rgb(255 255 255 / 30%);
	background: transparent;
	box-shadow: none;
	color: #fff;
}

.crwn-lovable-button--hero-outline:hover,
.crwn-lovable-hero .crwn-lovable-button--hero-outline:hover {
	border-color: rgb(255 255 255 / 30%);
	background: rgb(255 255 255 / 10%);
	color: #fff;
	opacity: 1;
}

.crwn-lovable-ultimate-crown-section__actions .crwn-lovable-button {
	border-radius: .625rem;
}

.crwn-lovable-button > span[aria-hidden="true"],
.crwn-lovable-text-link > span[aria-hidden="true"] {
	transform: none;
	transition: none;
}

.crwn-lovable-button:hover > span[aria-hidden="true"],
.crwn-lovable-text-link:hover > span[aria-hidden="true"] {
	transform: none;
}

/* Index.tsx / SolutionUltimate.tsx links animate their gap, not their arrow
 * and never acquire an underline. */
.crwn-lovable-text-link,
.crwn-lovable-ultimate-modules-section article > a {
	gap: .25rem;
	transition: all var(--crwn-lovable-source-transition);
}

.crwn-lovable-text-link:hover,
.crwn-lovable-ultimate-modules-section article > a:hover {
	gap: .5rem;
	color: var(--crwn-lovable-orange);
	text-decoration: none;
}

/* Footer.tsx uses a muted inverse link that turns accent, without an
 * underline, on hover. */
.crwn-lovable-footer-column a {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.crwn-lovable-footer-column a:hover {
	color: var(--crwn-lovable-orange);
	text-decoration: none;
}

/* Only the three module cards on the home route rise in elevation. */
.crwn-lovable-document--home .crwn-lovable-grid--modules .crwn-lovable-card--module {
	transition: box-shadow var(--crwn-lovable-source-transition), opacity var(--crwn-lovable-motion-duration, .5s) cubic-bezier(0, 0, .58, 1) var(--crwn-lovable-motion-delay, 0s), transform var(--crwn-lovable-motion-duration, .5s) cubic-bezier(0, 0, .58, 1) var(--crwn-lovable-motion-delay, 0s);
}

.crwn-lovable-document--home .crwn-lovable-grid--modules .crwn-lovable-card--module:hover {
	box-shadow: var(--crwn-lovable-overlay-shadow);
}

/* Home hero comes from Index.tsx rather than the generic editor renderer.
 * Its text container is `max-w-3xl`, while the imported HTML leaves the
 * lead in a <strong>; normalise that semantic wrapper to the source's direct
 * medium-weight paragraph without changing editor-owned copy. */
.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(1) :is(strong, b) {
	font-weight: 600;
}

@media (min-width: 768px) {
	/* The source's gradient is painted across its max-w-3xl content box,
	 * whereas the protected WP body keeps the following lead at max-w-2xl.
	 * Retain that readable 672px lead and use the original 768px paint area
	 * for the first line only. */
	.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__body p:nth-child(1) {
		background-position: center;
		background-size: 48rem 100%;
	}
}

.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__eyebrow {
	border-color: rgb(255 255 255 / 20%);
	border-radius: 9999px;
	background: rgb(255 255 255 / 10%);
	color: rgb(255 255 255 / 80%);
	backdrop-filter: blur(8px);
}

.crwn-lovable-document--home .crwn-lovable-hero .crwn-lovable-section__eyebrow svg {
	/* Tailwind leaves the badge icon shrinkable. At 390px this consumes the
	 * same 12.703px flex width as the source and keeps both text lines aligned. */
	flex: 0 1 auto;
	stroke: var(--crwn-lovable-orange);
}

/* Pricing.tsx has outline buttons for the first three plans and a hero button
 * for Ultimate. Their 10px radius is the source rounded-md token. */
.crwn-lovable-pricing-plan:not(.crwn-lovable-pricing-plan--ultimate) > a {
	border-color: var(--crwn-lovable-line);
	border-radius: .625rem;
	background: var(--crwn-lovable-cloud);
	color: var(--crwn-lovable-text);
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.crwn-lovable-pricing-plan:not(.crwn-lovable-pricing-plan--ultimate) > a:hover {
	border-color: var(--crwn-lovable-line);
	background: var(--crwn-lovable-orange);
	color: #fff;
}

.crwn-lovable-pricing-plan--ultimate > a {
	border: 0;
	border-radius: .625rem;
	background-image: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 45%) 100%);
	background-color: transparent;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
	color: #fff;
}

.crwn-lovable-pricing-plan--ultimate > a:hover {
	border-color: transparent;
	background-image: linear-gradient(135deg, hsl(25 95% 55%) 0%, hsl(25 95% 45%) 100%);
	background-color: transparent;
	color: #fff;
	opacity: .9;
}

/* Demo.tsx fields are Shadcn Input/Textarea primitives: compact, neutral
 * background, no hover treatment, and the source focus ring. */
.crwn-lovable-form {
	gap: 1.25rem;
	padding: 2rem;
	border-radius: var(--crwn-lovable-radius);
}

.crwn-lovable-form__field {
	display: grid;
	gap: .5rem;
}

.crwn-lovable-form__field label,
.crwn-lovable-form label {
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	font-weight: 500;
	line-height: 1;
}

.crwn-lovable-form :is(input, select, textarea) {
	min-height: 0;
	padding: .5rem .75rem;
	border-color: var(--crwn-lovable-line);
	border-radius: .625rem;
	background: var(--crwn-lovable-cloud);
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	transition: none;
}

.crwn-lovable-form input {
	height: 2.5rem;
}

/* Input.tsx uses text-base below md; Textarea stays text-sm. */
@media (max-width: 767px) {
	.crwn-lovable-demo-form-section .crwn-lovable-form input,
	.crwn-lovable-form input {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

.crwn-lovable-form textarea {
	min-height: 5rem;
	height: auto;
}

.crwn-lovable-form :is(input, select, textarea):hover {
	border-color: var(--crwn-lovable-line);
}

.crwn-lovable-form :is(input, textarea)::placeholder {
	/* Input.tsx / Textarea.tsx use placeholder:text-muted-foreground rather
	 * than the browser-default grey. */
	color: var(--crwn-lovable-muted);
	opacity: 1;
}

.crwn-lovable-form :is(input, select, textarea):focus,
.crwn-lovable-form :is(input, select, textarea):focus-visible {
	border-color: var(--crwn-lovable-line);
	outline: 2px solid transparent;
	outline-offset: 2px;
	box-shadow: 0 0 0 2px var(--crwn-lovable-source-focus-offset), 0 0 0 4px var(--crwn-lovable-source-focus-ring);
}

.crwn-lovable-form :is(input, select, textarea)[aria-invalid="true"] {
	border-color: var(--crwn-lovable-line);
	background: var(--crwn-lovable-cloud);
}

.crwn-lovable-form button[disabled],
.crwn-lovable-form input[disabled],
.crwn-lovable-form select[disabled],
.crwn-lovable-form textarea[disabled] {
	opacity: .5;
}

.crwn-lovable-form button[disabled] {
	cursor: default;
	pointer-events: none;
}

/* Demo.tsx uses an outer `space-y-5` stack containing a separate two-column
 * field grid. Preserve that exact DOM rhythm instead of treating every field
 * as a row in one form grid. The more specific rules intentionally override
 * the original protected-layout selectors above. */
.crwn-lovable-demo-form-section .crwn-lovable-form {
	display: block;
}

.crwn-lovable-demo-form-section .crwn-lovable-form__field-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
}

.crwn-lovable-demo-form-section .crwn-lovable-form__field {
	display: block;
	line-height: 1.5rem;
	margin: 0;
}

.crwn-lovable-demo-form-section .crwn-lovable-form__field label {
	display: inline;
	color: var(--crwn-lovable-text);
	font-size: .875rem;
	font-weight: 500;
	line-height: 1;
}

.crwn-lovable-demo-form-section .crwn-lovable-form__field > :is(input, textarea) {
	display: flex;
	margin-top: .5rem;
	background: var(--crwn-lovable-cloud);
	transition: all;
}

.crwn-lovable-demo-form-section .crwn-lovable-form__field-grid + .crwn-lovable-form__field--wide,
.crwn-lovable-demo-form-section .crwn-lovable-form__field--wide + .crwn-lovable-form__actions {
	margin-top: 1.25rem;
}

/* The security honeypot is deliberately between the message and submit
 * controls in WordPress, so it cannot use the source form's adjacent-sibling
 * spacing rule. Give the visible submit row the same 20px space explicitly. */
.crwn-lovable-demo-form-section .crwn-lovable-form__actions {
	margin-top: 1.25rem;
}

@media (min-width: 640px) {
	.crwn-lovable-demo-form-section .crwn-lovable-form__field-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Preserve the secure endpoint's feedback while making a successful demo
 * look exactly like Demo.tsx: form replacement plus a single source-style
 * toast. */
.crwn-lovable-form-success {
	padding: 2.5rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: var(--crwn-lovable-radius);
	background: #fff;
	box-shadow: var(--crwn-lovable-shadow);
	text-align: center;
}

.crwn-lovable-form-success__icon {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto 1.25rem;
	fill: none;
	stroke: var(--crwn-lovable-orange);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crwn-lovable-form-success p {
	margin: 0;
	font-family: var(--crwn-lovable-display);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.75rem;
}

.crwn-lovable-toast-viewport {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	max-height: 100vh;
	flex-direction: column-reverse;
	padding: 1rem;
	pointer-events: none;
}

.crwn-lovable-toast {
	position: relative;
	display: flex;
	overflow: hidden;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 2rem 1.5rem 1.5rem;
	border: 1px solid var(--crwn-lovable-line);
	border-radius: .625rem;
	background: var(--crwn-lovable-cloud);
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
	color: var(--crwn-lovable-text);
	pointer-events: auto;
	transition: all var(--crwn-lovable-source-transition);
	animation: crwn-lovable-toast-in-top .15s ease;
	touch-action: none;
	user-select: none;
}

.crwn-lovable-toast__title {
	margin: 0;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
}

.crwn-lovable-toast__close {
	position: absolute;
	top: .5rem;
	right: .5rem;
	display: grid;
	width: 1.5rem;
	height: 1.5rem;
	padding: .25rem;
	place-items: center;
	border: 0;
	border-radius: .625rem;
	background: transparent;
	color: rgb(15 22 36 / 50%);
	opacity: 0;
	transition: opacity var(--crwn-lovable-source-transition);
	cursor: pointer;
}

.crwn-lovable-toast:hover .crwn-lovable-toast__close,
.crwn-lovable-toast__close:focus {
	opacity: 1;
}

/* ToastClose.tsx uses Tailwind's focus:ring-2 contract.  Keep the focus
 * indication visible even though the close affordance itself is normally
 * transparent until the toast is hovered. */
.crwn-lovable-toast__close:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	box-shadow: 0 0 0 2px rgb(59 130 246 / 50%);
}

.crwn-lovable-toast__close:hover {
	color: var(--crwn-lovable-text);
}

.crwn-lovable-toast__close svg {
	width: 1rem;
	height: 1rem;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

@keyframes crwn-lovable-toast-in-top {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}

@keyframes crwn-lovable-toast-in-bottom {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}

@keyframes crwn-lovable-toast-out {
	from { transform: translateX(var(--crwn-lovable-toast-swipe-x, 0)); }
	to { opacity: .8; transform: translateX(100%); }
}

.crwn-lovable-toast[data-state="closed"] {
	animation: crwn-lovable-toast-out .15s ease;
}

.crwn-lovable-toast[data-swipe="move"] {
	transform: translateX(var(--crwn-lovable-toast-swipe-x, 0));
	transition: none;
}

.crwn-lovable-toast[data-swipe="cancel"] {
	transform: translateX(0);
}

.crwn-lovable-toast.is-destructive {
	border-color: hsl(0 84% 60%);
	background: hsl(0 84% 60%);
	color: #fff;
}

.crwn-lovable-toast.is-destructive .crwn-lovable-toast__close {
	color: rgb(252 165 165);
}

.crwn-lovable-toast.is-destructive .crwn-lovable-toast__close:hover {
	color: rgb(254 242 242);
}

.crwn-lovable-toast.is-destructive .crwn-lovable-toast__close:focus {
	box-shadow: 0 0 0 2px rgb(248 113 113);
}

/* Framer Motion equivalents used by the reachable marketing graph. The
 * observer applies classes only after JS loads, so no-JS content stays visible. */
.crwn-lovable-motion {
	opacity: 0;
	transform: translateY(var(--crwn-lovable-motion-y, 24px));
	transition: opacity var(--crwn-lovable-motion-duration, .5s) cubic-bezier(0, 0, .58, 1) var(--crwn-lovable-motion-delay, 0s), transform var(--crwn-lovable-motion-duration, .5s) cubic-bezier(0, 0, .58, 1) var(--crwn-lovable-motion-delay, 0s);
}

.crwn-lovable-motion.is-visible {
	opacity: 1;
	transform: none;
}

@media (min-width: 640px) {
	.crwn-lovable-demo-form-section .crwn-lovable-form,
	.crwn-lovable-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.crwn-lovable-toast-viewport {
		top: auto;
		right: 0;
		bottom: 0;
		left: auto;
		flex-direction: column;
	}

	.crwn-lovable-toast[data-state="open"] {
		animation-name: crwn-lovable-toast-in-bottom;
	}
}

@media (min-width: 768px) {
	.crwn-lovable-toast-viewport {
		max-width: 420px;
	}
}

@media (max-width: 1023px) {
	.crwn-lovable-menu-toggle {
		width: 24px;
		min-height: 24px;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--crwn-lovable-text);
	}

	.crwn-lovable-primary-navigation {
		border-bottom-color: var(--crwn-lovable-line);
	}

	.crwn-lovable-primary-navigation__links > a::after {
		display: none;
	}

	/* Navbar.tsx renders the mobile list inside the fixed <nav>, rather than
	 * as an absolutely positioned overlay. Reflow the fixed shell only while
	 * open so its translucent header and its lower menu border have the same
	 * 64px + menu geometry as the source, without moving the closed state. */
	.crwn-lovable-site-header.is-menu-open .crwn-lovable-site-header__inner {
		display: block;
		min-height: 0;
		padding: 0;
	}

	.crwn-lovable-site-header.is-menu-open .crwn-lovable-site-header__inner::before {
		display: block;
		height: 4rem;
		content: "";
	}

	.crwn-lovable-site-header.is-menu-open .crwn-lovable-brand {
		position: absolute;
		top: 1.125rem;
		left: 1rem;
	}

	.crwn-lovable-site-header.is-menu-open .crwn-lovable-language-switch--mobile {
		position: absolute;
		top: 1.0625rem;
		right: 3.25rem;
		margin: 0;
	}

	.crwn-lovable-site-header.is-menu-open .crwn-lovable-menu-toggle {
		position: absolute;
		top: 1.25rem;
		right: 1rem;
		margin: 0;
	}

	.crwn-lovable-site-header.is-menu-open .crwn-lovable-primary-navigation {
		position: static;
		display: block;
		width: 100%;
	}

	.crwn-lovable-solutions__panel a {
		justify-content: flex-start;
	}

	.crwn-lovable-solutions__panel a[aria-current="page"] {
		background: transparent;
	}
}

@media (max-width: 639px) {
	.crwn-lovable-form,
	.crwn-lovable-demo-form-section .crwn-lovable-form {
		grid-template-columns: 1fr;
		padding: 2rem;
	}

	.crwn-lovable-form__field--wide,
	.crwn-lovable-form > :is(h2, h3, p, .crwn-lovable-form__notice, .crwn-lovable-form__status, .crwn-lovable-form__actions) {
		grid-column: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.crwn-lovable-motion,
	.crwn-lovable-motion.is-visible,
	.crwn-lovable-toast {
		transform: none;
		transition: none;
		animation: none;
	}
}