:root {
				/* Light site baseline (align with typical PC product pages) */
				--page: #f6f7fb;
				--surface: #ffffff;
				--surface2: #f2f4f7;
				--text: #101828;
				--muted: #475467;
				--line: rgba(16, 24, 40, .10);

				/* Brand accents */
				--brand: #ffbf2f;
				/* warm yellow */
				--brand2: #2e90fa;
				/* blue */
				--ok: #12b76a;

				/* Dark hero band */
				--dark: #0b1220;
				--dark2: #0f1a2e;
				--darkText: #ffffff;
				--darkMuted: rgba(255, 255, 255, .75);
				--darkLine: rgba(255, 255, 255, .14);

				--shadow: 0 14px 40px rgba(16, 24, 40, .12);
				--shadow2: 0 18px 60px rgba(0, 0, 0, .20);
				--radius: 18px;
				--max: 1160px;
				--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
			}


			.container {
				margin: 0 auto;
				padding: 0 20px;
				overflow: inherit;
			}

			/* Top announcement */
			.topbar {
				background: rgba(255, 191, 47, .20);
				border-bottom: 1px solid var(--line);
				color: #7a4d00;
				font-weight: 700;
				letter-spacing: .2px;
				font-size: 13px;
			}

			.topbar .container {
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 10px 20px;
				gap: 10px;
				text-align: center;
				white-space: nowrap;
				overflow: hidden;
			}

			/* Header (light, site-consistent) */
			
			.brand {
				display: flex;
				align-items: center;
				gap: 10px;
				font-weight: 900;
				letter-spacing: .2px;
			}

			.brand img {
				width: 34px;
				height: 34px;
				border-radius: 10px;
				box-shadow: 0 10px 20px rgba(16, 24, 40, .16)
			}

			.navlinks {
				display: flex;
				align-items: center;
				gap: 18px;
				color: var(--muted);
				font-weight: 800;
				font-size: 14px;
			}

			.navlinks a {
				padding: 8px 10px;
				border-radius: 12px
			}

			.navlinks a:hover {
				background: rgba(16, 24, 40, .04);
				color: var(--text)
			}

			.cta {
				display: flex;
				align-items: center;
				gap: 10px
			}

			.btn {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				padding: 10px 14px;
				border-radius: 14px;
				border: 1px solid rgba(16, 24, 40, .14);
				background: #fff;
				color: var(--text);
				font-weight: 900;
				font-size: 14px;
				transition: .15s ease;
				box-shadow: 0 10px 20px rgba(16, 24, 40, .08);
				cursor: pointer;
				user-select: none;
			}

			.btn:hover {
				transform: translateY(-1px);
				border-color: rgba(16, 24, 40, .22)
			}

			.btn.primary {
				background: linear-gradient(135deg, var(--brand), rgba(46, 144, 250, .24));
				border-color: transparent;
			}

			/* Section wrappers: alternate bands */
			section {
				padding: 42px 0
			}

			.band {
				background: var(--page)
			}

			.band.alt {
				background: var(--surface2)
			}

			.band .sectionTitle {
				margin-bottom: 16px
			}

			.sectionTitle {
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				gap: 14px;
				flex-wrap: wrap;
			}

			.sectionTitle h2 {
				margin: 0;
				font-size: 26px;
				letter-spacing: -.3px;font-weight: 600;
			}

			.sectionTitle p {
				margin: 0;
				color: var(--muted);
				font-weight: 650;
				max-width: 720px;
				line-height: 1.55;
			}

			/* Hero (LIGHT version replacing dark background) */
			.heroBand {
				background:
					radial-gradient(900px 520px at 75% -10%, rgba(46, 144, 250, .28), transparent 60%),
					radial-gradient(900px 520px at 15% 0%, rgba(255, 191, 47, .22), transparent 60%),
					linear-gradient(180deg, #070c16 0%, #0b1220 40%, #070f20 100%);
				color: var(--darkText);
				padding: 48px 0 32px;
			}

			.heroGrid {
				display: grid;
				grid-template-columns: 1.15fr .85fr;
				gap: 22px;
				align-items: stretch;
			}

			.heroMain {
				position: relative;
				border-radius: calc(var(--radius) + 8px);
				overflow: hidden;
				box-shadow: var(--shadow2);
				border: 1px solid rgba(255, 255, 255, .12);
				min-height: 420px;
			}

			.heroMain::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					radial-gradient(800px 480px at 30% 20%, rgba(46, 144, 250, .28), transparent 62%),
					linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(7, 12, 22, .86)),
					;
				transform: scale(1.02);
			}

			.heroInner {
				position: relative;
				padding: 34px 34px 28px;
				display: flex;
				flex-direction: column;
				gap: 16px;
				height: 100%;
				justify-content: flex-end;
			}

			.kicker {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				padding: 8px 12px;
				border-radius: 999px;
				background: rgba(255, 255, 255, .10);
				border: 1px solid rgba(255, 255, 255, .16);
				width: fit-content;
				color: #fff;
				font-weight: 900;
				font-size: 13px;
			}

			.heroTitle {
				font-size: 46px;
				line-height: 1.04;
				margin: 0;
				letter-spacing: -.6px;
			}

			.heroSub {
				margin: 0;
				color: rgba(255, 255, 255, .86);
				font-size: 18px;
				font-weight: 650;
				max-width: 640px;
			}

			.heroFoot {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 14px;
				margin-top: 8px;
				flex-wrap: wrap;
			}

			.heroBadges {
				display: flex;
				gap: 10px;
				flex-wrap: wrap;
				color: rgba(255, 255, 255, .92);
			}

			.pill {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				padding: 8px 10px;
				border-radius: 999px;
				background: rgba(0, 0, 0, .25);
				border: 1px solid rgba(255, 255, 255, .14);
				font-weight: 850;
				font-size: 13px;
			}

			.dot {
				background: #2e90fa;
				box-shadow: 0 0 0 5px rgba(46, 144, 250, .22);
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: var(--ok);
				box-shadow: 0 0 0 5px rgba(18, 183, 106, .18);
			}

			.heroSide {
				display: flex;
				flex-direction: column;
				gap: 14px
			}

			.sideCard {
				background: rgba(255, 255, 255, .08);
				border: 1px solid rgba(255, 255, 255, .14);
				border-radius: var(--radius);
				padding: 18px;
				box-shadow: 0 18px 50px rgba(0, 0, 0, .25);
			}

			.sideCard h3 {
				margin: 0 0 8px;
				font-size: 16px;
				color: #fff
			}

			.sideCard p {
				margin: 0;
				color: rgba(255, 255, 255, .78);
				font-weight: 650;
				font-size: 14px;
				line-height: 1.5
			}

			.checkRow {
				display: flex;
				gap: 12px;
				align-items: flex-start
			}

			.check {
				background: rgba(46, 144, 250, .14);
				border: 1px solid rgba(46, 144, 250, .45);
				color: #2e90fa;
				width: 22px;
				height: 22px;
				border-radius: 8px;
				display: flex;
				align-items: center;
				justify-content: center;
				background: rgba(18, 183, 106, .16);
				border: 1px solid rgba(18, 183, 106, .40);
				color: #5cffab;
				font-weight: 900;
				flex: 0 0 auto;
				margin-top: 2px;
			}

			/* Cards / grids (light surface) */
			.grid4 {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 14px
			}

			.grid3 {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 14px
			}

			.twoCol {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 14px;
				align-items: start
			}

			.card {
				background: var(--surface);
				border: 1px solid var(--line);
				border-radius: var(--radius);
				padding: 18px;
				box-shadow: var(--shadow);
			}

			.card h3 {
				margin: 0 0 8px;
				font-size: 16px
			}

			.card p {
				margin: 0;
				color: var(--muted);
				font-weight: 650;
				line-height: 1.55;
				font-size: 14px
			}

			.list {
				display: flex;
				flex-direction: column;
				gap: 10px;
				margin-top: 8px
			}

			.li {
				display: flex;
				gap: 10px;
				align-items: flex-start;
				padding: 10px 12px;
				border-radius: 14px;
				background: rgba(16, 24, 40, .02);
				border: 1px solid rgba(16, 24, 40, .08);
			}

			.li .mark {
				width: 20px;
				height: 20px;
				border-radius: 7px;
				display: flex;
				align-items: center;
				justify-content: center;
				background: rgba(46, 144, 250, .12);
				border: 1px solid rgba(46, 144, 250, .25);
				color: var(--brand2);
				font-weight: 900;
				flex: 0 0 auto;
				margin-top: 2px;
			}

			.li span {
				color: rgba(16, 24, 40, .92);
				font-weight: 800
			}

			.li small {
				display: block;
				color: var(--muted);
				font-weight: 650;
				margin-top: 2px;
				line-height: 1.45
			}

			/* Accordion / tabs (light) */
			.accordion {
				margin-top: 12px;
				border-radius: var(--radius);
				overflow: hidden;
				border: 1px solid rgba(16, 24, 40, .10);
				background: var(--surface);
				box-shadow: var(--shadow);
			}

			.accBtn {
				width: 100%;
				text-align: left;
				padding: 14px 14px;
				background: #fff;
				border: 0;
				color: var(--text);
				font-weight: 900;
				font-size: 14px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 10px;
				cursor: pointer;
			}

			.accBtn:hover {
				background: rgba(16, 24, 40, .02)
			}

			.accPanel {
				display: none;
				padding: 12px 14px 14px;
				border-top: 1px solid rgba(16, 24, 40, .10);
				color: var(--muted);
				font-weight: 650;
				line-height: 1.6;
				font-size: 14px;
				background: rgba(16, 24, 40, .01);
			}

			.accPanel ul {
				margin: 0;
				padding-left: 18px
			}

			.accPanel li {
				margin: 6px 0
			}

			.accOpen .accPanel {
				display: block
			}

			.chev {
				opacity: .65
			}

			.tabs {
				display: flex;
				gap: 10px;
				margin-bottom: 12px;
				flex-wrap: wrap
			}

			.tab {
				padding: 10px 12px;
				border-radius: 999px;
				border: 1px solid rgba(16, 24, 40, .14);
				background: #fff;
				color: var(--muted);
				font-weight: 900;
				cursor: pointer;
				user-select: none;
			}

			.tab.active {
				color: #111827;
				background: linear-gradient(135deg, rgba(255, 191, 47, .95), rgba(46, 144, 250, .18));
				border-color: transparent;
			}

			.tabPanels .panel {
				display: none
			}

			.tabPanels .panel.active {
				display: block
			}

			/* Features row */
			.featureRow {
				display: grid;
				grid-template-columns: repeat(5, 1fr);
				gap: 12px
			}

			.fCard {
				padding: 14px;
				border-radius: var(--radius);
				border: 1px solid rgba(16, 24, 40, .10);
				background: var(--surface);
				overflow: hidden;
				box-shadow: var(--shadow);
				display: flex;
				flex-direction: column;
				gap: 10px;
			}
			
			.fCard img {
				width: 100%;
				height: 120px;
				object-fit: cover;
				border-radius: 14px;
				border: 1px solid rgba(16, 24, 40, .08);
				background: rgba(16, 24, 40, .05);
			}

			.fCard h3 {
				margin: 0;
				font-size: 14px
			}

			.fCard p {
				margin: 0;
				color: var(--muted);
				font-weight: 650;
				font-size: 13px;
				line-height: 1.5
			}

			/* Comparison table */
			.tableWrap {
				border-radius: calc(var(--radius) + 2px);
				border: 1px solid rgba(16, 24, 40, .10);
				overflow: hidden;
				box-shadow: var(--shadow);
				background: #fff;
			}

			table {
				width: 100%;
				border-collapse: collapse;
				font-size: 14px
			}

			thead th {
				text-align: left;
				padding: 14px 14px;
				background: rgba(16, 24, 40, .03);
				border-bottom: 1px solid rgba(16, 24, 40, .10);
				color: rgba(16, 24, 40, .92);
				font-weight: 900;
			}

			tbody td {
				padding: 12px 14px;
				border-bottom: 1px solid rgba(16, 24, 40, .08);
				color: var(--muted);
				font-weight: 650;
				vertical-align: top;
				background: #fff;
			}

			tbody tr:hover td {
				background: rgba(16, 24, 40, .01)
			}

			tbody td strong {
				color: rgba(16, 24, 40, .92)
			}

			/* Gallery */
			.gallery {
				display: grid;
				grid-template-columns: repeat(6, 1fr);
				gap: 10px
			}

			.gItem {
				position: relative;
				border-radius: 16px;
				overflow: hidden;
				border: 1px solid rgba(16, 24, 40, .10);
				background: rgba(16, 24, 40, .04);
				box-shadow: var(--shadow);
				aspect-ratio: 1 / 1;
			}

			.gItem img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				display: block;
				transform: scale(1.02);
				transition: transform .2s ease;
			}

			.gItem:hover img {
				transform: scale(1.07)
			}

			.gCap {
				position: absolute;
				inset: auto 8px 8px 8px;
				padding: 8px 10px;
				border-radius: 12px;
				background: rgba(255, 255, 255, .92);
				border: 1px solid rgba(16, 24, 40, .10);
				backdrop-filter: blur(8px);
				font-weight: 900;
				font-size: 12px;
				color: rgba(16, 24, 40, .92);
				opacity: .0;
				transform: translateY(4px);
				transition: .18s ease;
			}

			.gItem:hover .gCap {
				opacity: 1;
				transform: translateY(0)
			}

			/* Quote form */
			.quote {
				display: grid;
				grid-template-columns: 1.05fr .95fr;
				gap: 14px;
				align-items: stretch
			}

			.quoteLeft {
				background: #fff;
				border: 1px solid rgba(16, 24, 40, .10);
				border-radius: calc(var(--radius) + 6px);
				padding: 22px;
				box-shadow: var(--shadow);
			}

			.quoteLeft h2 {
				margin: 0 0 8px;
				font-size: 26px
			}

			.quoteLeft p {
				margin: 0 0 14px;
				color: var(--muted);
				font-weight: 650;
				line-height: 1.55
			}

			.form {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 12px;
				margin-top: 12px
			}

			.field {
				display: flex;
				flex-direction: column;
				gap: 8px
			}

			label {
				font-size: 12px;
				color: rgba(16, 24, 40, .78);
				font-weight: 900;
				letter-spacing: .2px
			}

			input,
			select,
			textarea {
				width: 100%;
				padding: 11px 12px;
				border-radius: 14px;
				border: 1px solid rgba(16, 24, 40, .14);
				background: #fff;
				color: var(--text);
				font-weight: 650;
				outline: none;
			}

			input::placeholder,
			textarea::placeholder {
				color: rgba(71, 84, 103, .8)
			}

			textarea {
				grid-column: 1 / -1;
				min-height: 110px;
				resize: vertical;
				background: #fff
			}

			.formActions {
				grid-column: 1 / -1;
				display: flex;
				gap: 10px;
				align-items: center;
				flex-wrap: wrap
			}

			.note {
				color: var(--muted);
				font-weight: 650;
				font-size: 12px
			}

			.quoteRight {
				border-radius: calc(var(--radius) + 6px);
				overflow: hidden;
				border: 1px solid rgba(16, 24, 40, .10);
				background: #fff;
				box-shadow: var(--shadow);
				display: flex;
				flex-direction: column;
			}

			.qrTop {
				padding: 18px;
				border-bottom: 1px solid rgba(16, 24, 40, .10)
			}

			.qrTop h3 {
				margin: 0 0 6px;
				font-size: 16px
			}

			.qrTop p {
				margin: 0;
				color: var(--muted);
				font-weight: 650;
				font-size: 14px;
				line-height: 1.5
			}

			.qrBody {
				padding: 18px;
				display: flex;
				flex-direction: column;
				gap: 12px
			}

			.whats {
				display: flex;
				gap: 10px;
				align-items: center;
				padding: 12px 12px;
				border-radius: 16px;
				border: 1px solid rgba(16, 24, 40, .10);
				background: rgba(16, 24, 40, .02);
			}

			.whats b {
				font-size: 14px
			}

			.whats small {
				display: block;
				color: var(--muted);
				font-weight: 650;
				margin-top: 2px
			}

			.waBtn {
				margin-left: auto
			}

			.logoRow {
				margin-top: auto;
				padding: 16px 18px;
				border-top: 1px solid rgba(16, 24, 40, .10);
				display: flex;
				align-items: center;
				gap: 10px;
				color: rgba(16, 24, 40, .86);
				font-weight: 850;
				background: rgba(16, 24, 40, .01);
			}

			.logoRow img {
				width: 28px;
				height: 28px;
				border-radius: 10px
			}


			.footerGrid {
				display: grid;
				grid-template-columns: 1.2fr .8fr;
				gap: 14px;
				align-items: start
			}

			.footCard {
				border-radius: var(--radius);
				border: 1px solid rgba(16, 24, 40, .10);
				background: #fff;
				padding: 16px 18px;
				box-shadow: var(--shadow);
			}

			.footCard h3 {
				margin: 0 0 8px;
				font-size: 14px
			}

			.footCard p {
				margin: 0;
				color: var(--muted);
				font-weight: 650;
				line-height: 1.6;
				font-size: 14px
			}

			.fine {
				margin-top: 14px;
				color: rgba(71, 84, 103, .85);
				font-size: 12px;
				font-weight: 650
			}

			/* Responsive */
			@media (max-width: 1080px) {
				.heroTitle {
					font-size: 40px
				}

				.featureRow {
					grid-template-columns: repeat(3, 1fr)
				}

				.grid4 {
					grid-template-columns: repeat(2, 1fr)
				}

				.gallery {
					grid-template-columns: repeat(4, 1fr)
				}
			}

			@media (max-width: 860px) {
				.heroGrid {
					grid-template-columns: 1fr
				}

				.quote {
					grid-template-columns: 1fr
				}

				.twoCol {
					grid-template-columns: 1fr
				}

				.gallery {
					grid-template-columns: repeat(3, 1fr)
				}

				.navlinks {
					display: none
				}
			}

			.lightHero {
				background:
					radial-gradient(900px 520px at 75% -10%, rgba(46, 144, 250, .18), transparent 60%),
					radial-gradient(900px 520px at 15% 0%, rgba(255, 191, 47, .22), transparent 60%),
					linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);
				color: var(--text);
			}

		/* 	.lightHero .heroMain::before {
				 background-image: url(../IMAGES/fac_p06.jpg);
				 background-size: 100%;
			} */

			.lightHero .heroTitle,
			.lightHero .heroSub,
			.lightHero .kicker {
				color: #101828;
			}

			.lightHero .heroSub {
				color: #475467;
			}

			.lightHero .pill {
				background: #ffffff;
				border: 1px solid rgba(16, 24, 40, .12);
				color: #101828;
			}

			.lightHero .sideCard {
				background: #ffffff;
				border: 1px solid rgba(16, 24, 40, .12);
				box-shadow: var(--shadow);
				margin-bottom: 30px
			}

			.lightHero .sideCard h3 {
				color: #101828
			}

			.lightHero .sideCard p {
				color: #475467
			}

			/* Force hero side checks to blue (fix remaining green checks) */
			.heroSide .check {
				line-height: 4px;
				background: rgba(46, 144, 250, .14) !important;
				border: 1px solid rgba(46, 144, 250, .45) !important;
				color: #2e90fa !important;
				box-shadow: none !important;
			}

			/* HERO poster background (embedded) - replace screenshot area background */
			.lightHero .heroMain::before {
				
			}

			/* Remove prior poster text overrides if present (keep original text styles) */
			.lightHero .heroTitle,
			.lightHero .heroSub {
				color: inherit !important;
				text-shadow: none !important;
			}


			/* Alternating feature layout (lift-style) */
			.featuresAlt .featureRow {
				display: flex;
				align-items: center;
				gap: 48px;
				margin-bottom: 64px;
			}

			.featuresAlt .featureRow.reverse {
				flex-direction: row-reverse;
			}
			.featuresAlt .featureImg {
				width: 50%;
			}
			.featuresAlt .featureImg img {
				width: 100%;
				border-radius: 20px;
			}
			
			
			.featuresAlt .featureText {
				width: 50%;
			}

			@media (max-width: 1400px) {
				.lightHero .sideCard {
				background: #ffffff;
				border: 1px solid rgba(16, 24, 40, .12);
				box-shadow: var(--shadow);
				margin-bottom: 0px;
			}
			}
				
			@media (max-width: 900px) {

				.featuresAlt .featureRow,
				.featuresAlt .featureRow.reverse {
					flex-direction: column;
					gap: 24px;
				}
			}


			/* Reduce vertical spacing between feature rows only */
			.featuresAlt .featureRow {
				margin-bottom: 32px !important;
			}

			@media (max-width: 900px) {
				.featuresAlt .featureRow {
					margin-bottom: 24px !important;
				}
			}


			/* Further reduce vertical spacing between feature rows (no image size change) */
			.featuresAlt .featureRow {
				margin-bottom: 22px !important;
			}

			@media (max-width: 900px) {
				.featuresAlt .featureRow {
					margin-bottom: 18px !important;
				}
			}


			/* Comparison table column colors */
			#better table tbody td:nth-child(2),
			#better table thead th:nth-child(2) {
				color: #16a34a !important;
				/* green */
			}

			#better table tbody td:nth-child(3),
			#better table thead th:nth-child(3) {
				color: #dc2626 !important;
				/* red */
			}


			/* Lift-style Quick Quote layout */
			.quoteLift {
				display: grid;
				grid-template-columns: 1fr 1.2fr;
				gap: 64px;
				align-items: start;
			}

			.quoteCard {
				background: #fff;
				border: 1px solid rgba(15, 23, 42, .08);
				border-radius: 22px;
				padding: 44px 40px;
				box-shadow: 0 18px 60px rgba(15, 23, 42, .08);
			}

			.quoteTitle {
				font-size: 44px;
				letter-spacing: -.02em;
				margin: 0 0 28px 0;
			}

			.quoteForm {
				display: flex;
				flex-direction: column;
				gap: 16px;
			}

			.quoteForm input,
			.quoteForm textarea {
				width: 100%;
				border: 1px solid rgba(15, 23, 42, .08);
				background: #eaf3fb;
				border-radius: 10px;
				padding: 16px 14px;
				font-size: 16px;
				outline: none;
			}

			.quoteForm textarea {
				resize: vertical;
				min-height: 120px;
			}

			.btnPrimary {
				margin-top: 10px;
				background: #0b5aa6;
				border: none;
				color: #fff;
				font-weight: 700;
				padding: 16px 18px;
				border-radius: 10px;
				cursor: pointer;
				font-size: 16px;
			}

			.btnPrimary:hover {
				filter: brightness(.98);
			}

			.quoteStory {
				padding-top: 18px;
			}

			.storyTitle {
				font-size: 56px;
				line-height: 1.05;
				letter-spacing: -.03em;
				margin: 0 0 18px 0;
			}

			.storyTitle span {
				font-weight: 900;
			}

			.storyText {
				color: rgba(15, 23, 42, .65);
				font-size: 16px;
				line-height: 1.9;
				max-width: 640px;
				margin: 0 0 28px 0;
			}

			.mosaic {
				display: grid;
				grid-template-columns: repeat(5, 1fr);
				gap: 10px;
				align-items: stretch;
				max-width: 720px;
			}

			.mosaic img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 10px;
				border: 1px solid rgba(15, 23, 42, .06);
			}

			.mosaic img:nth-child(1) {
				grid-column: 1 / span 2;
				grid-row: 1 / span 2;
			}

			.mosaic img:nth-child(2) {
				grid-column: 3 / span 1;
			}

			.mosaic img:nth-child(3) {
				grid-column: 4 / span 1;
			}

			.mosaic img:nth-child(4) {
				grid-column: 5 / span 1;
			}

			.mosaic img:nth-child(5) {
				grid-column: 3 / span 1;
			}

			.mosaic img:nth-child(6) {
				grid-column: 4 / span 1;
			}

			.mosaic img:nth-child(7) {
				grid-column: 5 / span 1;
			}

			.mosaic img:nth-child(8) {
				grid-column: 2 / span 1;
			}

			.mosaic img:nth-child(9) {
				grid-column: 1 / span 1;
			}

			.srOnly {
				position: absolute !important;
				width: 1px;
				height: 1px;
				padding: 0;
				margin: -1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				white-space: nowrap;
				border: 0;
			}

			@media (max-width: 980px) {
				.quoteLift {
					grid-template-columns: 1fr;
					gap: 28px;
				}

				.quoteTitle {
					font-size: 34px;
				}

				.storyTitle {
					font-size: 40px;
				}

				.quoteCard {
					padding: 32px 24px;
				}

				.mosaic {
					grid-template-columns: repeat(3, 1fr);
				}

				.mosaic img:nth-child(1) {
					grid-column: 1 / span 2;
					grid-row: auto;
				}
			}


			/* Final lift-style refinements */
			.storyTitle {
				font-size: 32px;
				line-height: 1.25;
				letter-spacing: -0.3px;
			}

			.quoteStory p {
				max-width: 520px;
			}


			/* Collage single image (embedded) */
			.mosaicSingle img {
				width: 100%;
				max-width: 720px;
				display: block;
				border-radius: 12px;
			}


			/* Reduce top whitespace above the collage block */
			.quoteStory {
				padding-top: 0 !important;
			}

			.storyTitle {
				margin-bottom: 10px !important;
			}

			.storyText {
				margin-bottom: 16px !important;
			}

			.mosaicSingle {
				margin-top: 8px !important;
			}


			/* Scale down collage so bottom aligns with left form */
			.mosaicSingle img {
				max-width: 599px;
				/* down from 720 */
			}

			/* Customers saying (copied structure from lift pages) */
			.testiGrid {
				display: grid;
				grid-template-columns: repeat(5, 1fr);
				gap: 18px;
				align-items: stretch;
			}

			.testiGrid img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 16px;
				border: 1px solid rgba(15, 23, 42, .08);
				background: #fff;
				box-shadow: 0 18px 60px rgba(15, 23, 42, .06);
			}

			@media (max-width: 1100px) {
				.testiGrid {
					grid-template-columns: repeat(4, 1fr);
				}
			}

			@media (max-width: 860px) {
				.testiGrid {
					grid-template-columns: repeat(2, 1fr);
				}
			}

			/* WHAT CUSTOMERS ARE SAYING - match lift page: two-row auto-scroll, seamless, soft fade edges */
			.testiMarquee2 {
				position: relative;
				border-radius: 22px;
				box-shadow: 0 24px 70px rgba(15, 23, 42, .08);
				padding: 18px 14px;
				overflow: hidden;
				/* fade edges like the lift page */
				-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
				mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
			}

			.testiMarquee2 .row {
				overflow: hidden;
				padding: 6px 0;
			}

			.testiMarquee2 .track {
				display: flex;
				gap: 18px;
				width: max-content;
				will-change: transform;
				animation: testiScrollA 44s linear infinite;
			}

			.testiMarquee2 .rowB .track {
				animation: testiScrollB 52s linear infinite;
			}

			.testiMarquee2:hover .track {
				animation-play-state: paused;
			}

			

			@keyframes testiScrollA {
				from {
					transform: translateX(0);
				}

				to {
					transform: translateX(-50%);
				}
			}

			@keyframes testiScrollB {
				from {
					transform: translateX(-50%);
				}

				to {
					transform: translateX(0);
				}
			}

			@media (max-width: 1100px) {
				.testiMarquee2 img {
					height: 190px;
				}

				.testiMarquee2 .rowB img {
					height: 175px;
				}
			}

			@media (max-width: 860px) {
				.testiMarquee2 {
					padding: 14px 10px;
					border-radius: 18px;
				}

				.testiMarquee2 img {
					height: 160px;
					border-radius: 14px;
				}

				.testiMarquee2 .rowB img {
					height: 145px;
					border-radius: 14px;
				}
			}

			@media (prefers-reduced-motion: reduce) {
				.testiMarquee2 .track {
					animation: none;
				}
			}


			/* Align WHAT CUSTOMERS ARE SAYING heading to Customers' Photos */
			.testimonials-title,
			.section-title {
				font-size: 24px;
				line-height: 1.3;
				letter-spacing: 0.02em;
				font-weight: 700;
			}


			/* Force WHAT CUSTOMERS ARE SAYING to match other section headings exactly */
			#testimonials h2,
			.testimonials-title {
				font-size: 28px !important;
				line-height: 1.25 !important;
				letter-spacing: -0.02em !important;
				font-weight: 600 !important;
				margin-bottom: 24px;
			}


			/* FINAL FIX: Make WHAT CUSTOMERS ARE SAYING EXACTLY same as other section titles */
			#testimonials h2 {
				font-size: 24px !important;
				line-height: 1.3 !important;
				letter-spacing: 0 !important;
				font-weight: 600 !important;
			}


			/* Final Fix for WHAT CUSTOMERS ARE SAYING - Match the other section headings */
			#testimonials h2,
			.testimonials-title {
				font-size: 24px !important;
				line-height: 1.3 !important;
				letter-spacing: 0 !important;
				font-weight: 600 !important;
				margin-bottom: 24px !important;
			}


			/* Customers Photos lightbox (mobile-style) */
			.lb {
				position: fixed;
				inset: 0;
				display: none;
				z-index: 9999;
			}

			.lb.isOpen {
				display: block;
			}

			.lbBackdrop {
				position: absolute;
				inset: 0;
				background: rgba(0, 0, 0, .72);
			}

			.lbDialog {
				position: relative;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 28px 18px;
			}

			.lbImg {
				max-width: min(1100px, 92vw);
				max-height: 86vh;
				width: auto;
				height: auto;
				border-radius: 14px;
				box-shadow: 0 18px 70px rgba(0, 0, 0, .35);
				background: #111;
			}

			.lbClose {
				position: absolute;
				top: 16px;
				right: 28%;
				width: 44px;
				height: 44px;
				border: none;
				border-radius: 12px;
				background: rgba(255, 255, 255, .12);
				color: #fff;
				font-size: 28px;
				line-height: 1;
				cursor: pointer;
			}

			.lbClose:hover {
				background: rgba(255, 255, 255, .18);
			}

			.lbNav {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 52px;
				height: 52px;
				border: none;
				border-radius: 16px;
				background: rgba(255, 255, 255, .12);
				color: #fff;
				font-size: 44px;
				line-height: 1;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.lbPrev {
				left: 28%;
			}

			.lbNext {
				right: 28%;
			}

			.lbNav:hover {
				background: rgba(255, 255, 255, .18);
			}

			@media (max-width: 640px) {
				.lbNav {
					width: 46px;
					height: 46px;
					border-radius: 14px;
					font-size: 40px;
				}

				.lbPrev {
					left: 10px;
				}

				.lbNext {
					right: 10px;
				}
			}