/* Desktop vs Figma fixes: Growth Rizz (4144), Spree (4145), Etched Monthly (4146).

   Reference: Figma 4:5 "Sales Page – Programs/Services" (1512 x 10406). All three
   pages come from build_product_page.py with the same 10 top-level sections, so
   rules are keyed to section POSITION (.elementor > .e-con:nth-child(N)), not
   element ids, and survive a re-render of Elementor's cache.

   min-width 1025px: from there up mobile-nav.js zooms the page root so the layout
   is always computed on the 1512px artboard, which is what makes the fixed pixel
   values below valid at 1280/1440/1920 too. 768-1024 keeps the build's layout.

   Figma section bands (y): 1 hero 0-835 · 2 intro -1837 · 3 how it works -3141 ·
   4 who is this for -4138 · 5 FAQ -5564 · 6 breakdown -6994 · 7 enrol form -8688 ·
   8 coal -9386 · 9 newsletter -9649 · 10 footer -10439. Offsets quoted below are
   from each band's top.

   QA 2026-10-04 — the pages no longer share one section order, so the
   position keys below are mapped per page:
     Etched (4146):               3 how it works · 4 who · 5 FAQ · 6 breakdown
     Growth Rizz / Spree (4144/5): 3 who · 4 FAQ · 5 breakdown · 6 how it works
   On all three pages a logo strip (8) and the review carousel (9) now sit
   between the form (7) and the coal band, so the coal rules are keyed to
   position 10, not 8 (at 8 they pushed the logo row out of its strip). */

@media (min-width: 1025px) {

	/* ── Buttons: 51px height, 4px radius and inner shadow are site-wide in
	   custom.css (>=768px). Only keep labels on one line here: "SHOW ME
	   SERVICE DETAILS" otherwise wraps inside Figma's 238px box. */
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor a.e-button-base,
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor .elementor-button {
		white-space: nowrap !important;
	}

	/* ── 1 · Hero (olive, 0-835) ────────────────────────────────────────
	   eyebrow 280, h1 332, copy 543, 232x51 CTA 621, band ends 835. The build
	   ran h1 8px high and ended the band at 825 (60px CTA, 146px padding). */
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(1) {
		min-height: 835px !important;
		height: auto !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(1) > .e-con:not(.sh-nav) {
		padding-bottom: 164px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(1) h1 {
		margin-top: 32px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(1) h1 + p {
		margin-top: 35px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(1) a.e-button-base {
		margin-top: 34px !important;
	}

	/* ── 2 · Intro (cream, 835-1837) ────────────────────────────────────
	   script 93 in, h2 35 under it, two 505px columns 87 under the h2 at
	   x=248/789 (15px right of centre), paragraphs a blank 22px line apart,
	   dark CTA 90 under the longer column, band ends 133 under the CTA. */
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(2) {
		padding-bottom: 133px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(2) > .e-con {
		margin-top: 87px !important;
		padding-left: 30px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(2) > .e-con p {
		margin-bottom: 22px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(2) > .e-con p:last-child {
		margin-bottom: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(2) > a.e-button-base {
		margin-top: 90px !important;
	}

	/* ── 3 · How it works (pink, 1837-3141) ─────────────────────────────
	   h2 135 in, subtitle 88 under the h2 top, step grid 125 under the
	   subtitle: two 596px columns at x=168/800 (36px apart), 40px titles on a
	   36px line, 22px copy 15px under the title in a 540px measure, 86px to
	   the next title, band ends 234 under the last copy. The build had 36px
	   titles, 20/28 copy, 64px gaps and a 1300px grid starting at x=106. */
	:is(.page-id-4146 .elementor > .e-con:nth-child(3), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(6)) {
		padding: 135px 60px 148px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(3), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(6)) > .e-con > p {
		margin-top: 29px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(3), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(6)) > .e-con > .e-con {
		margin-top: 125px !important;
		width: 1228px !important;
		max-width: none !important;
		left: 26px;
		gap: 36px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(3), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(6)) > .e-con > .e-con > .e-con {
		flex: 0 0 596px !important;
		width: 596px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(3), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(6)) > .e-con > .e-con > .e-con > .e-con {
		margin-bottom: 86px !important;
	}
	/* Figma numbers the steps in a gutter: the numeral's ink starts ~26px
	   right of the copy's left edge (x=197 vs 169). */
	:is(.page-id-4146 .elementor > .e-con:nth-child(3), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(6)) h4 {
		font-size: 40px !important;
		line-height: 36px !important;
		letter-spacing: -0.4px !important;
		padding-left: 26px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(3), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(6)) h4 + p {
		margin-top: 15px !important;
		max-width: 540px !important;
		font-size: 22px !important;
		line-height: 22px !important;
		letter-spacing: -0.66px !important;
	}

	/* ── 4 · Who is this for (cream, 3141-4138) ─────────────────────────
	   eyebrow 121 in, h2 25 under it, personas 134 under the h2 in two 516px
	   columns 67px apart (x=202/785), row 2 58 under row 1's copy; 40px titles
	   on a 40px line, 22px copy 15 under; navy CTA 96 under the last copy, band
	   ends 138 under it. Figma reads the grid column-first: FOUNDERS | CREATORS
	   over MARKETING | CONTENT; the build's two row containers ran
	   FOUNDERS | MARKETING over CREATORS | CONTENT. With four personas the rows
	   are collapsed into one grid and re-ordered; Spree's three stay in order. */
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) {
		padding: 121px 49px 138px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3))::before {
		content: "";
		position: absolute;
		top: -118px;
		left: calc(50% + 279px);
		width: 357px;
		height: 472px;
		background: url('../../../../../uploads/2026/08/svc_cat_mirror.png') no-repeat center bottom / contain;
		pointer-events: none;
		z-index: 3;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:first-child {
		margin-bottom: 134px !important;
		gap: 0 !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:first-child > h2 {
		margin-top: 25px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2) > .e-con > .e-con {
		flex: 0 0 516px !important;
		width: 516px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2):has(> .e-con:nth-child(2) > .e-con:nth-child(2)) {
		display: grid !important;
		grid-template-columns: 516px 516px;
		column-gap: 67px;
		row-gap: 58px;
		justify-content: center;
		width: 1099px !important;
		left: -4px;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2):has(> .e-con:nth-child(2) > .e-con:nth-child(2)) > .e-con {
		display: contents !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2) > .e-con:nth-child(1) > .e-con:nth-child(1) { order: 1; }
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2) > .e-con:nth-child(2) > .e-con:nth-child(1) { order: 2; }
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2) > .e-con:nth-child(1) > .e-con:nth-child(2) { order: 3; }
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2) > .e-con:nth-child(2) > .e-con:nth-child(2) { order: 4; }
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2) > .e-con + .e-con {
		margin-top: 58px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) h3 {
		font-size: 40px !important;
		line-height: 40px !important;
		letter-spacing: -0.4px !important;
	}
	/* Figma breaks "MARKETING TEAMS THAT / NEED OWNERSHIP" in a 443px box. */
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > .e-con:nth-child(2) > .e-con:nth-child(1) > .e-con:nth-child(2) h3 {
		max-width: 443px !important;
		margin-inline: auto !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) h3 + p {
		margin-top: 15px !important;
		font-size: 22px !important;
		line-height: 22px !important;
		letter-spacing: -0.66px !important;
	}
	/* Figma's CTA sits at x=635, 5px left of centre. */
	:is(.page-id-4146 .elementor > .e-con:nth-child(4), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(3)) > a.e-button-base {
		margin-top: 96px !important;
		position: relative;
		left: -5px;
	}

	/* ── 5 · FAQ (sand, 4138-5564) ──────────────────────────────────────
	   script 108 in, h2 25 under it, first box 99 under the h2. 1414px boxes
	   35px apart; collapsed 95px: 40px question 30 in and 35 from the left, a
	   33px roundel 28 in and 32 from the right with cream hairlines; answer
	   87 under the question top (51 under its line) in a 712px 22px measure, 72 under the last line.
	   Band ends 155 under the last box. The build had 34px questions, 20/28
	   answers in 900px, 12px gaps and text-glyph icons. */
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) {
		padding: 108px 49px 155px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) > .e-con > .e-con:first-child {
		padding-bottom: 99px !important;
		gap: 0 !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) > .e-con > .e-con:first-child > h2 + h2 {
		margin-top: 25px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-row {
		padding: 29px 31px 28px 34px !important;
		margin: 0 0 35px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-row:last-child {
		margin-bottom: 0 !important;
	}
	/* The open box sets its question 37 in (collapsed boxes: 30). */
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-row.sh-faq-open {
		padding-top: 36px !important;
		padding-bottom: 72px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-open .sh-faq-icon {
		margin-top: -9px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-head {
		align-items: flex-start !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-head > span {
		font-size: 40px !important;
		line-height: 36px !important;
		letter-spacing: -0.4px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-icon {
		margin: -2px 0 0 auto !important;
		background-image:
			linear-gradient(#EAE4D8, #EAE4D8),
			linear-gradient(#EAE4D8, #EAE4D8) !important;
		background-repeat: no-repeat !important;
		background-size: 20px 1px, 1px 20px !important;
		background-position: 6.5px 16px, 16px 6.5px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-open .sh-faq-icon {
		background-size: 20px 1px, 0 0 !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-icon > span {
		font-size: 0 !important;
		color: transparent !important;
	}
	/* Figma caps the answer at 712px, which left it hugging the left half of
	   the 1414px row once the questions ran full width. Bevon asked for the
	   answers to run the full width of the row (QC 2026-09-19). */
	:is(.page-id-4146 .elementor > .e-con:nth-child(5), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(4)) .sh-faq-answer {
		margin-top: 51px !important;
		max-width: none !important;
		width: 100% !important;
		font-size: 22px !important;
		line-height: 22px !important;
		letter-spacing: -0.66px !important;
	}

	/* ── 6 · Breakdown (cream, 5564-6994) ───────────────────────────────
	   script 96 in, h2 25 under it, price line 38 under the h2, 229px rule,
	   tile grid 55 under the rule: a 1033px grid of 502x182 bordered tiles
	   29px apart, rows 26/28/40px apart (Figma's own rhythm), 40px titles on a
	   38px line; navy CTA 60 under the grid, band ends 85 under it. The build
	   ran 693x170 tiles across the full 1414px with 32px copy. */
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) {
		padding: 96px 49px 85px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > h2:nth-of-type(2) {
		margin-top: 25px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > p {
		margin-top: 38px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > .e-con:not(.e-div-block-base) {
		width: 1033px !important;
		max-width: none !important;
		margin-top: 55px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > .e-con:not(.e-div-block-base) > .e-con {
		gap: 29px !important;
		margin-top: 26px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > .e-con:not(.e-div-block-base) > .e-con:first-child {
		margin-top: 0 !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > .e-con:not(.e-div-block-base) > .e-con:nth-child(3) {
		margin-top: 28px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > .e-con:not(.e-div-block-base) > .e-con:nth-child(4) {
		margin-top: 40px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > .e-con:not(.e-div-block-base) > .e-con > .e-con {
		flex: 0 0 502px !important;
		width: 502px !important;
		min-height: 182px !important;
		padding: 18px 20px !important;
	}
	/* QA 2026-10-04: each tile row is now a coloured group with 30px side
	   padding, so two fixed 502px tiles ran 30px out of the group's right
	   edge. Let the pair share the group's inner width instead. */
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > .e-con:not(.e-div-block-base) > .e-con > .e-con {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
	}
	/* Growth Rizz and Etched: each box has its own colour and a frame 10px inside its
	   edge (custom.css, client feedback 2026-10-11). The text keeps 14px
	   clear of the frame; the 430px heading width would not fit, so it
	   takes the padded box's width instead (428px, the same wrapping). */
	body.page-id-4144 .elementor > .e-con:nth-child(5) > .e-con:not(.e-div-block-base) > .e-con > .e-con,
	body.page-id-4146 .elementor > .e-con:nth-child(6) > .e-con:not(.e-div-block-base) > .e-con > .e-con {
		padding: 24px 22px !important;
	}
	body.page-id-4144 .elementor > .e-con:nth-child(5) > .e-con:not(.e-div-block-base) > .e-con > .e-con h4,
	body.page-id-4146 .elementor > .e-con:nth-child(6) > .e-con:not(.e-div-block-base) > .e-con > .e-con h4 {
		width: 100% !important;
		max-width: 100% !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) h4 {
		font-size: 40px !important;
		line-height: 38px !important;
		letter-spacing: -0.4px !important;
	}
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > a.e-button-base {
		margin-top: 60px !important;
	}
	/* Figma centres the script, h2, price and rule on x=728.5, 27px left of
	   the page centre the tile grid uses. */
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > h2,
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > p,
	:is(.page-id-4146 .elementor > .e-con:nth-child(6), :is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(5)) > .e-div-block-base {
		position: relative;
		left: -27px;
	}

	/* ── 7 · Enrol form (marble, 6994-8688) ─────────────────────────────
	   script 127 in, 50px h2 25 under it in a 719px measure, form card 53
	   under the h2: 982px wide, 1px #462222 rule, fields inset 61/67px. Figma
	   draws the form as a screenshot, so its fields were measured from the
	   export: 22px regular labels, 45px underlined inputs directly under the
	   label (rule 67 below the label top), 48px between fields, 108px boxed
	   textareas 14 under their label, choice rows on a 35px pitch 24 under
	   the label, 232x51 navy CTA 28 under the last choice, card ends 49 under
	   it and the band 145 under the card. The build had bold 20px labels,
	   105px between fields, a 1064px card and a sentence-case Roboto CTA. */
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) > .e-con {
		padding: 127px 49px 138px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) > .e-con > h2 + h2 {
		margin-top: 25px !important;
		max-width: 719px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form {
		width: 982px !important;
		max-width: none !important;
		margin-top: 53px !important;
		padding: 36px 67px 49px 61px !important;
		border: 1px solid #462222 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-form-fields-wrapper {
		margin-bottom: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-group {
		margin-bottom: 48px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-group.e-form__buttons {
		margin-bottom: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-type-checkbox,
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-type-radio {
		margin-bottom: 60px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-type-radio {
		margin-bottom: 28px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-label {
		font-family: 'Source Serif Pro', Georgia, serif !important;
		font-size: 22px !important;
		font-weight: 400 !important;
		line-height: 22px !important;
		color: #393735 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form input.elementor-field-textual {
		height: 45px !important;
		min-height: 45px !important;
		padding: 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #86837D !important;
		border-radius: 0 !important;
		background: transparent !important;
		font-family: 'Source Serif Pro', Georgia, serif !important;
		font-size: 17px !important;
		color: #3B1919 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form textarea.elementor-field-textual {
		height: 108px !important;
		min-height: 108px !important;
		margin-top: 14px !important;
		padding: 12px 16px !important;
		border: 1px solid #84827B !important;
		border-radius: 0 !important;
		background: transparent !important;
		font-family: 'Source Serif Pro', Georgia, serif !important;
		font-size: 17px !important;
		resize: vertical;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form ::placeholder {
		color: #C9C4B8 !important;
		opacity: 1 !important;
		font-size: 17px !important;
		font-family: 'Source Serif Pro', Georgia, serif !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-subgroup {
		margin-top: 24px !important;
		flex-direction: column !important;
		gap: 13px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-type-radio .elementor-field-subgroup {
		margin-top: 29px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-option {
		display: flex !important;
		align-items: center !important;
		min-height: 22px !important;
		margin: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-option input {
		width: 22px !important;
		height: 22px !important;
		margin: 0 12px 0 0 !important;
		accent-color: #13425B;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .elementor-field-option label {
		font-family: 'Source Serif Pro', Georgia, serif !important;
		font-size: 18px !important;
		line-height: 22px !important;
		color: #393735 !important;
		padding: 0 !important;
		min-height: 22px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(7) .sh-lead-form .e-form__buttons .elementor-button {
		font-family: "Sofia Sans Extra Condensed", sans-serif !important;
		font-size: 25px !important;
		font-weight: 700 !important;
		letter-spacing: -0.25px !important;
		text-transform: uppercase !important;
		background-color: #13425B !important;
		color: #EAE4D8 !important;
		margin-left: -3px !important;
	}

	/* Growth Rizz / Spree: the lead form is hidden and a Flodesk waitlist
	   button follows the band's inner container. It was painted UNDER the
	   absolutely-positioned backdrop image (so the band showed no CTA at all)
	   and sat flush on the band's bottom edge. */
	:is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(7) > .e-con {
		padding-bottom: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(7) > a.sh-waitlist-flodesk {
		position: relative !important;
		z-index: 1 !important;
		margin: 53px 0 138px !important;
	}

	/* ── 8 · Coal band (olive, 8688-9386) ───────────────────────────────
	   Positions already match; only the 51px CTA shortened the band, so the
	   bottom padding takes the 9px back. Figma hangs the cream luggage tag
	   (274x283 at x=1039) 85px above the band, over the form section. */
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(10) {
		overflow: visible !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(10) > .e-con {
		padding-bottom: 161px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(10) a.e-button-base {
		min-width: 238px !important;
		width: 238px !important;
		padding: 0 18px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con:nth-child(10)::after {
		content: "";
		position: absolute;
		/* -60px: the review carousel above ends 60px over the band; -85px would
		   lay the tag over the cards. */
		top: -60px;
		left: calc(50% + 283px);
		width: 274px;
		height: 283px;
		background: url('../../../../../uploads/2026/08/tag_transparent.png') no-repeat center / contain;
		pointer-events: none;
		z-index: 3;
	}

	/* ── 9 · Newsletter (pink, 9386-9649) ───────────────────────────────
	   263px band ruled top and bottom; h2 58 in at x=46; two 339x55 outlined
	   fields 13px apart from x=773, 71 in; 281x51 CTA left-aligned 17 under
	   them. The build centred everything vertically, ran 299px fields with
	   grey Roboto placeholders and a 631px-wide button. */
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter {
		height: 263px !important;
		border-top: 1px solid #3B1919;
		border-bottom: 1px solid #3B1919;
		box-sizing: border-box !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter > .e-con {
		align-items: flex-start !important;
		padding: 57px 48px 0 46px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter .sh-newsletter-form {
		flex: 0 0 691px !important;
		width: 691px !important;
		margin-top: 13px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter .sh-newsletter-form .elementor-form-fields-wrapper {
		margin: 0 !important;
		column-gap: 13px;
		row-gap: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter .sh-newsletter-form .elementor-field-group {
		flex: 0 0 339px !important;
		width: 339px !important;
		max-width: 339px !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter .sh-newsletter-form .elementor-field-group.e-form__buttons {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 17px !important;
		justify-content: flex-start !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter .sh-newsletter-form input.elementor-field-textual {
		width: 339px !important;
		height: 55px !important;
		min-height: 55px !important;
		padding: 0 19px !important;
		border: 1px solid #3B1919 !important;
		border-radius: 0 !important;
		background: transparent !important;
		font-family: 'Source Serif Pro', Georgia, serif !important;
		font-size: 20px !important;
		letter-spacing: -0.6px !important;
		color: #3B1919 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter .sh-newsletter-form input.elementor-field-textual::placeholder {
		color: #3B1919 !important;
		opacity: 1 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter .sh-newsletter-form .e-form__buttons .elementor-button {
		flex: 0 0 auto !important;
		width: 281px !important;
		min-width: 281px !important;
		padding-inline: 20px !important;
	}
	/* Label 20px in from each side (x=793 in a box at 773); Elementor's own
	   span rules otherwise wrap it to two lines inside 281px. */
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-newsletter .sh-newsletter-form .elementor-button :is(.elementor-button-content-wrapper, .elementor-button-text) {
		white-space: nowrap !important;
		flex-wrap: nowrap !important;
	}

	/* ── 10 · Footer (cream, 9649-10439) ────────────────────────────────
	   NAVIGATION at x=1142 and CONNECT at x=1357 (nav links 4px in), wordmark
	   1414x186 at x=50, 490 under the footer top, legal bar 89px tall with
	   its links 18 in at x=46 / 176 / 1373. The build ran the columns 35px
	   and 18px right, a 1322x174 wordmark and a 58px bar. */
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-footer > .sh-footer-top > .e-con:last-child {
		flex: 0 0 323px !important;
		width: 323px !important;
		gap: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-footer > .sh-footer-top > .e-con:last-child > .e-con:first-child {
		flex: 0 0 215px !important;
		width: 215px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-footer > .sh-footer-top > .e-con:last-child > .e-con:first-child > p:not(:first-child) {
		padding-left: 4px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-footer > .e-con:nth-child(2) {
		padding: 256px 48px 25px 50px !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-footer > .e-con:nth-child(2) > img {
		width: 1414px !important;
		max-width: none !important;
		height: 186px !important;
		margin: 0 !important;
		object-fit: fill !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-footer > .e-con:nth-child(3) {
		height: 89px !important;
		padding: 18px 51px 53px 46px !important;
		align-items: flex-start !important;
		box-sizing: border-box !important;
	}
	:is(.page-id-4144, .page-id-4145, .page-id-4146) .elementor > .e-con.sh-sales-footer > .e-con:nth-child(3) > .e-con:first-child {
		gap: 12px !important;
	}
}

/* QA 2026-10-04 — tablet (768-1024): same hidden-CTA defect as above. On Growth
   Rizz / Spree the Flodesk waitlist button that replaces the lead form was
   painted under the band's backdrop image, so the enrol band had no button. */
@media (min-width: 768px) and (max-width: 1024px) {
	:is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(7) > .e-con {
		padding-bottom: 0 !important;
	}
	:is(.page-id-4144, .page-id-4145) .elementor > .e-con:nth-child(7) > a.sh-waitlist-flodesk {
		position: relative !important;
		z-index: 1 !important;
		margin: 40px 0 90px !important;
	}
}