/* ============================================================================
 * Copia landing-page BASE — the provably-safe layer
 * ============================================================================
 * Every rule below was byte-identical across the live landing pages, so extracting
 * it here cannot change how any of them renders. Verified declaration-by-
 * declaration against the originals.
 *
 * This is deliberately NOT the full design system. The richer, opinionated
 * primitives (type scale, .btn, .eyebrow dashes, section rhythm, nav) live in
 * lp-components.css, because the live pages disagreed on those and forcing one
 * version onto an existing page would visibly change it. New pages load both.
 *
 * `!important` is preserved exactly as authored — removing it would change the
 * cascade against Enfold.
 * ========================================================================= */

.copia-lp {
	background:var(--ground);
	color:var(--cream);
	font-family:var(--sans);
	font-weight:400;
	line-height:1.65;
	font-size:17px;
	-webkit-font-smoothing:antialiased;
	position:relative;
	overflow:hidden;
}

.copia-lp * {
	box-sizing:border-box;
}

.copia-lp img {
	max-width:100%;
	display:block;
}

.copia-lp a {
	color:inherit;
	text-decoration:none;
}

.copia-lp h1 {
	font-size:clamp(2.5rem,5.6vw,4.4rem);
}

.copia-lp p {
	margin:0 0 1rem;
	color:var(--muted);
	max-width:var(--measure);
}

.copia-lp .lede {
	font-size:1.2rem;
	line-height:1.5;
	color:var(--cream);
}

.copia-lp .btn:hover {
	transform:translateY(-3px);
	background:var(--orange-2);
	color:var(--cream);
}

.copia-lp .btn.ghost {
	background:transparent;
	color:var(--cream);
	border:1px solid var(--line-2);
	box-shadow:none;
}

.copia-lp .btn.ghost:hover {
	background:rgba(255,86,67,.1);
	border-color:var(--orange);
	color:var(--cream);
}

.copia-lp .wrap {
	max-width:var(--maxw);
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.copia-lp .hero-inner {
	position:relative;
	z-index:2;
}

.copia-lp .hero h1 {
	margin-bottom:1.1rem;
}

.copia-lp .foot {
	background:var(--deep);
	border-top:1px solid var(--line);
	padding:clamp(2.8rem,5vw,4.5rem) var(--pad) 1.5rem;
	--foot-head:#8E96F2;
}

.copia-lp .foot-inner {
	max-width:var(--maxw);
	margin-left:auto;
	margin-right:auto;
	display:grid;
	grid-template-columns:1.1fr 2.9fr;
	gap:clamp(2rem,4vw,3.5rem);
}

.copia-lp .foot .logo {
	height:30px;
	width:auto;
	filter:brightness(0) invert(1);
	margin-bottom:1.2rem;
}

.copia-lp .foot .tagline {
	font-size:.85rem;
	color:var(--faint);
	max-width:23rem;
	line-height:1.65;
}

.copia-lp .social {
	display:flex;
	gap:.6rem;
	margin-top:1.4rem;
}

.copia-lp .social a {
	width:34px;
	height:34px;
	border-radius:50%;
	border:1px solid var(--line-2);
	display:grid;
	place-items:center;
	color:var(--muted);
	transition:.2s;
}

.copia-lp .social a:hover {
	color:var(--orange);
	border-color:var(--orange);
}

.copia-lp .social svg {
	width:16px;
	height:16px;
	fill:currentColor;
}

.copia-lp .foot-cols {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	column-gap:1.5rem;
	row-gap:clamp(1.9rem,3.5vw,2.8rem);
}

.copia-lp .fc-product {
	grid-column:1;
	grid-row:1;
}

.copia-lp .fc-solutions {
	grid-column:2 / 5;
	grid-row:1;
}

.copia-lp .fc-resources {
	grid-column:1;
	grid-row:2;
}

.copia-lp .fc-company {
	grid-column:2;
	grid-row:2;
}

.copia-lp .sol-sub {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:1.5rem;
}

.copia-lp .foot-cols h4 {
	font-size:.72rem;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--foot-head);
	margin:0 0 1.1rem !important;
	font-weight:700;
}

.copia-lp .foot-cols h5 {
	font-size:.92rem;
	color:var(--foot-head);
	margin:0 0 .9rem !important;
	font-weight:600;
	letter-spacing:-.01em;
}

.copia-lp .foot-cols h5 a {
	color:inherit;
	transition:.15s;
}

.copia-lp .foot-cols h5 a:hover {
	color:var(--orange);
}

.copia-lp .foot-cols ul {
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	display:flex !important;
	flex-direction:column !important;
	gap:.5rem !important;
}

.copia-lp .foot-cols li {
	margin:0 !important;
	padding:0 !important;
	min-height:0 !important;
	line-height:1.45 !important;
}

.copia-lp .foot-cols li::before {
	content:none !important;
}

.copia-lp .foot-cols a {
	font-size:.88rem;
	color:var(--muted);
	transition:.15s;
	line-height:1.45 !important;
}

.copia-lp .foot-cols a:hover {
	color:var(--orange);
}

.copia-lp .foot-legal {
	max-width:var(--maxw);
	margin:clamp(2.2rem,4vw,3.2rem) auto 0;
	padding-top:1.4rem;
	border-top:1px solid var(--line);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:.6rem 1.4rem;
	font-size:.8rem;
	color:var(--faint);
}

.copia-lp .foot-legal a {
	color:var(--faint);
}

.copia-lp .foot-legal a:hover {
	color:var(--muted);
}

.copia-lp .foot-legal .lg {
	display:flex;
	gap:1.1rem;
	flex-wrap:wrap;
}

.copia-lp.js .reveal {
	opacity:0;
	transform:translateY(22px);
	transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);
}

.copia-lp.js .reveal.in {
	opacity:1;
	transform:none;
}

@media(max-width:560px) {
	.copia-lp .foot-cols {
		grid-template-columns:1fr;
	}
	.copia-lp .fc-product,.copia-lp .fc-solutions,.copia-lp .fc-resources,.copia-lp .fc-company {
		grid-column:1;
		grid-row:auto;
	}
	.copia-lp .sol-sub {
		grid-template-columns:1fr;
		gap:1.2rem;
	}
}