
		.brochure-page {
			--brochure-green: #245c3a;
			--brochure-deep: #1c4032;
			--brochure-cream: #f5f4ed;
			--brochure-ink: #20352b;
			--brochure-muted: #68766c;
			color: var(--brochure-ink)
		}

		.brochure-shell {
			width: min(1200px, calc(100% - 56px));
			margin-inline: auto
		}

		.brochure-hero {
			position: relative;
			overflow: hidden;
			background: var(--brochure-cream);
			padding: clamp(58px, 8vw, 112px) 0
		}

		.brochure-hero:before {
			content: "";
			position: absolute;
			right: -170px;
			top: -250px;
			width: 600px;
			height: 600px;
			border: 1px solid #d9dfd3;
			border-radius: 50%;
			box-shadow: 0 0 0 55px #e9ebe2, 0 0 0 110px #eff0e9
		}

		.brochure-hero .brochure-shell {
			position: relative;
			z-index: 1;
			display: grid;
			grid-template-columns: 1.05fr .95fr;
			align-items: center;
			gap: 50px
		}

		.brochure-kicker {
			margin: 0 0 17px;
			color: var(--brochure-green);
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 2px;
			text-transform: uppercase
		}

		.brochure-copy h1 {
			max-width: 650px;
			margin: 0 0 20px;
			font-size: clamp(42px, 5.4vw, 72px);
			line-height: 1.02;
			letter-spacing: -2.5px;
			font-weight: 600
		}

		.brochure-intro {
			max-width: 590px;
			margin: 0;
			color: #5e6b61;
			font-size: 17px;
			line-height: 1.8
		}

		.brochure-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 12px;
			margin-top: 30px
		}

		.brochure-button {
			min-height: 50px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 11px;
			padding: 14px 20px;
			border: 1px solid var(--brochure-green);
			border-radius: 3px;
			text-decoration: none;
			font-size: 13px;
			font-weight: 700;
			transition: transform .2s, background .2s, color .2s
		}

		.brochure-button:hover {
			transform: translateY(-2px)
		}

		.brochure-button--primary {
			background: var(--brochure-green);
			color: #fff
		}

		.brochure-button--primary:hover {
			background: var(--brochure-deep)
		}

		.brochure-button--outline {
			color: var(--brochure-green);
			background: transparent
		}

		.brochure-button--outline:hover {
			background: #e5e9df
		}

		.brochure-note {
			display: flex;
			align-items: center;
			gap: 8px;
			margin: 19px 0 0;
			color: var(--brochure-muted);
			font-size: 12px
		}

		.brochure-visual {
			min-height: 450px;
			display: grid;
			place-items: center;
			position: relative
		}

		.brochure-orbit {
			position: absolute;
			border: 1px solid #d7dfd1;
			border-radius: 50%;
			aspect-ratio: 1
		}

		.brochure-orbit--one {
			width: min(90%, 420px)
		}

		.brochure-orbit--two {
			width: min(70%, 330px);
			border-style: dashed
		}

		.brochure-cover {
			position: relative;
			z-index: 1;
			width: min(285px, 70%);
			min-height: 380px;
			padding: 20px;
			background: #fff;
			box-shadow: 0 24px 65px #1b3e2a2b;
			transform: rotate(3deg);
			display: flex;
			flex-direction: column
		}

		.brochure-cover__top {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 10px
		}

		.brochure-cover__top img {
			width: 120px;
			height: auto;
			object-fit: contain
		}

		.brochure-cover__top span {
			font-size: 8px;
			letter-spacing: 1.7px;
			color: #68766c
		}

		.brochure-cover__image {
			height: 190px;
			margin: 18px -20px 14px;
			overflow: hidden;
			background: #e8ece3
		}

		.brochure-cover__image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block
		}

		.brochure-cover__bottom p {
			margin: 0;
			font-size: 22px;
			line-height: 1.18;
			letter-spacing: -.5px
		}

		.brochure-cover__bottom strong {
			color: var(--brochure-green);
			font-weight: 700
		}

		.brochure-cover__bottom span {
			display: block;
			margin-top: 13px;
			font-size: 8px;
			letter-spacing: 1.3px;
			color: #6b776d
		}

		.brochure-stamp {
			position: absolute;
			z-index: 2;
			right: 0;
			bottom: 45px;
			display: flex;
			align-items: center;
			gap: 10px;
			padding: 14px 17px;
			background: var(--brochure-green);
			color: #fff;
			box-shadow: 0 10px 25px #1b3e2a24;
			font-size: 11px;
			line-height: 1.35
		}

		.brochure-stamp i {
			font-size: 22px
		}

		.brochure-benefits {
			background: #fff;
			border-top: 1px solid #e4e7df;
			border-bottom: 1px solid #e4e7df
		}

		.brochure-benefits__grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 28px;
			padding-block: 30px
		}

		.brochure-benefit {
			display: flex;
			align-items: center;
			gap: 15px
		}

		.brochure-benefit__icon {
			width: 48px;
			height: 48px;
			flex: 0 0 48px;
			display: grid;
			place-items: center;
			background: #edf1e8;
			color: var(--brochure-green);
			font-size: 19px;
			border-radius: 50%
		}

		.brochure-benefit h2 {
			font-size: 15px;
			font-weight: 700;
			margin: 0 0 4px
		}

		.brochure-benefit p {
			margin: 0;
			color: var(--brochure-muted);
			font-size: 12px;
			line-height: 1.6
		}

		.brochure-details {
			padding: clamp(60px, 8vw, 100px) 0;
			background: #fff
		}

		.brochure-details__heading {
			max-width: 660px;
			margin: 0 auto 38px;
			text-align: center
		}

		.brochure-details__heading h2 {
			margin: 0 0 12px;
			font-size: clamp(32px, 4vw, 46px);
			font-weight: 600;
			letter-spacing: -1.5px
		}

		.brochure-details__heading>p:last-child {
			margin: 0;
			color: var(--brochure-muted);
			font-size: 15px
		}

		.brochure-detail-cards {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 18px
		}

		.brochure-detail-card {
			min-height: 225px;
			padding: 26px;
			border: 1px solid #e1e6dc;
			background: #fbfcf9;
			transition: transform .2s, border-color .2s
		}

		.brochure-detail-card:hover {
			transform: translateY(-4px);
			border-color: #a7bba7
		}

		.brochure-detail-card>span {
			display: block;
			margin-bottom: 25px;
			color: var(--brochure-green);
			font-size: 11px;
			letter-spacing: 1.5px
		}

		.brochure-detail-card h3 {
			margin: 0 0 9px;
			font-size: 19px;
			font-weight: 600
		}

		.brochure-detail-card p {
			margin: 0 0 20px;
			color: var(--brochure-muted);
			font-size: 13px;
			line-height: 1.7
		}

		.brochure-detail-card a {
			color: var(--brochure-green);
			font-size: 12px;
			font-weight: 700;
			text-decoration: none
		}

		.brochure-detail-card a i {
			margin-left: 6px
		}

		.brochure-download {
			padding: 0 0 80px;
			background: #fff
		}

		.brochure-download__inner {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 30px;
			padding: 40px 44px;
			background: var(--brochure-deep);
			color: #fff
		}

		.brochure-download .brochure-kicker {
			color: #c7d8c4
		}

		.brochure-download h2 {
			margin: 0 0 10px;
			font-size: clamp(26px, 3vw, 38px);
			font-weight: 600;
			letter-spacing: -.8px
		}

		.brochure-download p:not(.brochure-kicker) {
			max-width: 650px;
			margin: 0;
			color: #d9e3d8;
			font-size: 14px;
			line-height: 1.7
		}

		.brochure-button--light {
			flex-shrink: 0;
			background: #fff;
			color: var(--brochure-deep);
			border-color: #fff
		}

		.brochure-button--light:hover {
			background: #edf1e8
		}

		@media(max-width:850px) {
			.brochure-shell {
				width: min(100% - 36px, 680px)
			}

			.brochure-hero .brochure-shell {
				grid-template-columns: 1fr;
				gap: 18px
			}

			.brochure-copy h1 {
				font-size: clamp(40px, 9vw, 62px)
			}

			.brochure-visual {
				min-height: 410px
			}

			.brochure-benefits__grid {
				grid-template-columns: 1fr;
				gap: 20px;
				padding-block: 25px
			}

			.brochure-detail-cards {
				grid-template-columns: 1fr
			}

			.brochure-detail-card {
				min-height: unset
			}

			.brochure-download__inner {
				align-items: flex-start;
				flex-direction: column;
				padding: 30px 24px
			}
		}

		@media(max-width:480px) {
			.brochure-hero {
				padding: 50px 0 35px
			}

			.brochure-intro {
				font-size: 15px
			}

			.brochure-actions {
				align-items: stretch;
				flex-direction: column
			}

			.brochure-button {
				width: 100%
			}

			.brochure-visual {
				min-height: 360px
			}

			.brochure-cover {
				width: 245px;
				min-height: 340px
			}

			.brochure-cover__image {
				height: 155px
			}

			.brochure-stamp {
				right: -4px;
				bottom: 25px
			}

			.brochure-download {
				padding-bottom: 50px
			}
		}