.betonx,
.betonx body {
	background: var(--bx-white);
	color: var(--bx-text);
	font-family: system-ui, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: var(--bx-fs-body);
	line-height: 1.65;
}

body.betonx #page,
body.betonx .site,
body.betonx .site.grid-container,
body.betonx .container.grid-container,
body.betonx .grid-container,
body.betonx .site-content,
body.betonx #page.site,
body.betonx.home .site.grid-container,
body.betonx.home .site-content,
body.betonx.bx-landing .site.grid-container,
body.betonx.bx-landing .site-content,
body.betonx.bx-landing .content-area,
body.betonx.bx-landing .inside-article {
	max-width: none !important;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

body.betonx.home .site-content,
body.betonx.bx-landing .site-content {
	padding: 0;
}

.betonx #bx-main,
.bx-main {
	overflow-x: hidden;
	width: 100%;
}

.bx-wrap,
.bx-container {
	width: min(calc(100% - (var(--bx-gutter) * 2)), var(--bx-container));
	max-width: none;
	margin-inline: auto;
}

.bx-wrap--wide,
.bx-container-wide,
.bx-hero .bx-wrap,
.bx-band .bx-wrap {
	width: min(calc(100% - (var(--bx-gutter) * 2)), var(--bx-container-wide));
	max-width: none;
	margin-inline: auto;
}

.bx-section {
	padding-block: var(--bx-section-y);
}

.bx-section--muted {
	background: var(--bx-bg);
}

.bx-page-hero,
.bx-hero {
	background:
		radial-gradient(1200px 400px at 80% 0%, rgba(53, 169, 54, 0.16), transparent 60%),
		linear-gradient(135deg, #ffffff 0%, #d8f0e0 48%, #f7faf8 100%);
}

.bx-page-hero {
	padding: 48px 0 32px;
}

.bx-eyebrow {
	color: var(--bx-green);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0 0 10px;
}

.betonx h1,
.bx-hero h1,
.bx-page-hero h1 {
	color: var(--bx-dark);
	font-size: var(--bx-fs-h1);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -0.03em;
	margin: 0 0 16px;
	text-transform: none;
	max-width: none;
	hyphens: none;
	overflow-wrap: normal;
}

.betonx h2 {
	color: var(--bx-dark);
	font-size: var(--bx-fs-h2);
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 28px;
}

.betonx h3 {
	color: var(--bx-dark);
	font-size: clamp(20px, 2vw, 26px);
	margin: 0 0 10px;
}

.bx-lead {
	font-size: clamp(16px, 1.15vw, 20px);
	max-width: min(760px, 100%);
	margin: 0 0 22px;
}

.bx-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.bx-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 22px;
	border-radius: var(--bx-radius-sm);
	background: var(--bx-green);
	color: var(--bx-white);
	font-weight: 700;
	text-decoration: none;
	border: 1px solid var(--bx-green);
	transition: transform 0.18s ease, background 0.18s ease;
}

.bx-btn:hover {
	background: #06662b;
	color: var(--bx-white);
	transform: translateY(-2px);
}

.bx-btn--ghost {
	background: var(--bx-white);
	color: var(--bx-green);
	border-color: var(--bx-green);
}

.bx-btn--ghost:hover {
	border-color: var(--bx-green);
	color: var(--bx-green);
	background: var(--bx-green-light);
}

.bx-btn--header {
	min-height: 44px;
}

.bx-grid-2,
.bx-grid-3,
.bx-grid-4 {
	display: grid;
	gap: 20px;
}

.bx-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bx-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bx-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }

.bx-tile {
	background: var(--bx-white);
	border: 1px solid var(--bx-border);
	border-top: 4px solid var(--bx-green);
	border-radius: var(--bx-radius-md);
	padding: 22px;
	box-shadow: var(--bx-shadow-sm);
	min-height: 220px;
	height: 100%;
}

.bx-tile__ico {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--bx-green-light);
	color: var(--bx-green);
	margin-bottom: 12px;
}

.bx-adv-photos {
	margin-top: 24px;
	gap: 24px;
}

.bx-tile--photo {
	padding: 12px 12px 16px;
	display: flex;
	flex-direction: column;
}

.bx-tile--photo figure {
	margin: 0;
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	height: 100%;
}

.bx-tile--photo .bx-tile__media {
	flex: 1;
	aspect-ratio: 4 / 3;
	min-height: 176px;
	overflow: hidden;
	border-radius: 12px;
	background: var(--bx-bg);
}

.bx-tile--photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.bx-tile--photo--top img {
	object-position: center top;
}

.bx-tile--photo--mid img {
	object-position: center 35%;
}

.bx-tile--photo figcaption {
	margin: 10px 4px 0;
	color: var(--bx-dark);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.bx-hero {
	padding: clamp(32px, 4vw, 56px) 0 var(--bx-section-y);
	min-height: clamp(580px, 62vh, 680px);
	display: flex;
	align-items: center;
}

.bx-hero__grid,
.bx-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
	align-items: center;
	gap: clamp(40px, 5vw, 100px);
	width: min(calc(100% - (var(--bx-gutter) * 2)), var(--bx-container-wide));
}

.bx-hero__copy {
	min-width: 0;
}

.bx-hero__photo {
	min-width: 0;
}

.bx-hero__photo img {
	width: 100%;
	max-width: none;
	height: auto;
	aspect-ratio: 16 / 11;
	object-fit: cover;
	border-radius: var(--bx-radius-lg);
	display: block;
}

.bx-band img,
.bx-split img,
.bx-article__heroimg img {
	width: 100%;
	max-width: none;
	height: auto;
	border-radius: var(--bx-radius-lg);
	display: block;
	object-fit: cover;
}

.bx-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	list-style: none;
	padding: 0;
	margin: 28px 0 0;
}

.bx-trust li {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--bx-dark);
	font-weight: 600;
	background: var(--bx-white);
	border: 1px solid var(--bx-border);
	border-radius: 999px;
	padding: 6px 12px 6px 8px;
}

.bx-trust svg { color: var(--bx-green); }

.bx-use {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	gap: 12px;
}

.bx-use__item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
	border-radius: var(--bx-radius-md);
	border: 1px solid var(--bx-border);
	background: var(--bx-green-light);
	color: var(--bx-dark);
	font-weight: 700;
	text-decoration: none;
}

.bx-use__item:hover {
	border-color: var(--bx-green);
	background: var(--bx-green-light);
}

.bx-band {
	background: var(--bx-dark);
	color: #d7e4dc;
	padding: 64px 0;
}

.bx-band h2 { color: var(--bx-white); }

.bx-band__in {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	align-items: center;
}

.bx-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 36px;
	align-items: center;
}

.bx-facts {
	padding-left: 18px;
}

.bx-cta {
	padding-block: var(--bx-section-y);
	background: linear-gradient(135deg, #0a7a36 0%, #35a936 100%);
	color: #fff;
	text-align: center;
}

.bx-cta h2,
.bx-cta p {
	color: #fff;
}

.bx-cta .bx-btn {
	background: #fff;
	color: var(--bx-green);
	border-color: #fff;
}

.bx-cta .bx-btn--ghost {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

.bx-text-link {
	color: var(--bx-green);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.bx-lead a,
.bx-facts a {
	color: var(--bx-green);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.bx-band .bx-text-link,
.bx-cta .bx-text-link {
	color: #fff;
}

.bx-muted { color: var(--bx-text); margin-left: 12px; }

.bx-bc {
	font-size: 14px;
	margin-bottom: 12px;
}

.bx-bc a { color: var(--bx-green); }

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.betonx .sidebar,
.betonx .widget-area,
.betonx .inside-article > .entry-meta,
.betonx .comments-area {
	display: none !important;
}