@media (max-width: 960px) {

:root {
				--bg: #0b1020;
				--muted: #9fb0d0;
				--text: #eaf0ff;
				--accent: #ff3b30;
				--green: #22c55e;
				--line: rgba(255, 255, 255, .10);
				--shadow: 0 14px 30px rgba(0, 0, 0, .35);
				--radius: 18px;
			}

			* {
				box-sizing: border-box;font-size: 12px;
			}

			body {
				margin: 0;
				font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
				background: radial-gradient(1200px 700px at 20% 0%, rgba(255, 59, 48, .18), transparent 60%),
					radial-gradient(900px 600px at 80% 10%, rgba(34, 197, 94, .14), transparent 55%),
					var(--bg);
				color: var(--text);
			}

			a {
				color: inherit;
				text-decoration: none
			}
			
			/* ===== Light, clean mobile relayout (content unchanged) ===== */
			:root {
				--bg: #ffffff;
				--text: #0f172a;
				--muted: #475569;
				--muted2: #64748b;
				--card: #ffffff;
				--line: #e5e7eb;
				--line2: #eef2f7;
				--accent: #ff3b30;
				--accent2: #ff5a4f;
				--success: #16a34a;
				--shadow: 0 10px 28px rgba(15, 23, 42, .10);
				--shadow2: 0 6px 18px rgba(15, 23, 42, .08);
				--r: 16px;
				--pad: 16px;
				--max: 560px;
			}

			/* Baseline */
			html,
			body {
				background: var(--bg) !important;
				color: var(--text) !important;
			}

			body {
				font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji" !important;
				line-height: 1.65 !important;
				-webkit-font-smoothing: antialiased !important;
				text-rendering: optimizeLegibility !important;
			}

			/* Center column */
			main,
			.container,
			.wrap,
			.page,
			.content {
			
			}

			/* Section rhythm */
			.section {
				padding: 22px var(--pad) !important;
			}

			.section+.section {
				padding-top: 10px !important;
			}

			.section:nth-of-type(even) {
				background: linear-gradient(180deg, #fafafa, #ffffff) !important;
				border-top: 1px solid var(--line2) !important;
				border-bottom: 1px solid var(--line2) !important;
			}

			/* Headings */
			h1 {
				color: var(--text) !important;
				font-size: 30px !important;
				letter-spacing: -.4px !important;
				line-height: 1.14 !important;
				margin: 10px 0 12px !important;
			}

			h2 {
				color: var(--text) !important;
				font-size: 20px !important;
				letter-spacing: -.2px !important;
				margin: 0 0 12px !important;
				display: flex !important;
				align-items: center !important;
				gap: 10px !important;
			}

			h2::after {
				content: "" !important;
				height: 1px !important;
				background: linear-gradient(90deg, rgba(15, 23, 42, .18), transparent) !important;
				flex: 1 !important;
			}

		
			.small,
			.hint,
			.sub,
			.note {
				color: var(--muted2) !important;
			}

			/* Cards / boxes */
			.card,
			.panel,
			.box,
			.pricingCard,
			.featureCard,
			.faqItem,
			.formCard,
			.compareCard,
			.warrantyCard {
				background: var(--card) !important;
				border: 1px solid var(--line) !important;
				border-radius: var(--r) !important;
				box-shadow: var(--shadow2) !important;
			}

			.card {
				padding: 16px !important;
			}

			.card+.card {
				margin-top: 12px !important;
			}

			/* Buttons */
			button,
			.btn,
			a.btn {
				border-radius: 14px !important;
			}

			.btnPrimary,
			.primary,
			.cta,
			.btnMain {
				background: linear-gradient(180deg, var(--accent2), var(--accent)) !important;
				border: 0 !important;
				color: #fff !important;
				box-shadow: 0 10px 22px rgba(255, 59, 48, .22) !important;
			}

			.btnSecondary,
			.secondary {
				background: #fff !important;
				border: 1px solid var(--line) !important;
				color: var(--text) !important;
			}

			.btnPrimary:active,
			.primary:active,
			.cta:active,
			.btnMain:active {
				transform: translateY(1px) !important;
			}

			/* Price highlight */
			#priceValue {
				color: var(--success) !important;
				font-weight: 900 !important;
			}

			/* Tabs */
			.fTabs,
			.tabs,
			.tabRow,
			.filterRow {
				display: flex !important;
				gap: 10px !important;
				flex-wrap: wrap !important;
			}

			.fTabs button,
			.tabs button,
			.filter-btn,
			.tabBtn {
				background: #fff !important;
				border: 1px solid var(--line) !important;
				color: var(--text) !important;
				padding: 10px 10px !important;
				font-weight: 800 !important;
				font-size: 13px !important;
				border-radius: 14px !important;
				flex: 1 1 0 !important;
				min-width: 0 !important;
			}

			.fTabs button.active,
			.tabs button.active,
			.filter-btn.active,
			.tabBtn.active {
				background: linear-gradient(180deg, rgba(255, 90, 79, .12), rgba(255, 59, 48, .10)) !important;
				border-color: rgba(255, 59, 48, .45) !important;
				color: var(--text) !important;
				box-shadow: 0 10px 22px rgba(255, 59, 48, .12) !important;
			}

			/* Inputs */
		
			/* Media */
			img,
			video,
			iframe {
				border-radius: 16px !important;
			}

			.heroMedia,
			.hero img,
			.heroImage img,
			.banner img {
				border: 1px solid var(--line) !important;
				box-shadow: var(--shadow) !important;
			}

			/* Photo wall thumbs */
			.photoGrid,
			.customersGrid,
			.masonryGrid {
				display: grid !important;
				grid-template-columns: repeat(4, 1fr) !important;
				gap: 6px !important;
			}
}
			@media (max-width:420px) {

				.photoGrid,
				.customersGrid,
				.masonryGrid {
					grid-template-columns: repeat(4, 1fr) !important;
				}
			}

			.photoGrid img,
			.customersGrid img,
			.masonryGrid img {
				aspect-ratio: 1/1 !important;
				object-fit: cover !important;
				border-radius: 12px !important;
				border: 1px solid var(--line2) !important;
			}

			/* FAQ tap targets */
			.faqQRow {
				padding: 14px 14px !important;
			}

			/* Reduce visual noise from heavy backgrounds if any */
			.bgGlow,
			.glow,
			.gradientBg {
				display: none !important;
			}

	

			/* Body copy: readable dark gray */
		
			.bodyText,
			.featureDesc,
			.desc,
			.copy,
			.text {
				color: #374151 ;
			}

			/* Muted helper text */
			.small,
			.hint,
			.sub,
			.note,
			.muted,
			.helper,
			.fineprint {
				color: #6B7280 !important;
			}

			/* Ensure text inside cards follows same system */
			.card p,
			.panel p,
			.box p,
			.featureCard p,
			.pricingCard p,
			.formCard p,
			.warrantyCard p,
			.compareCard p,
			.faqInlineA {
				color: #374151 !important;
			}

			.card .small,
			.panel .small,
			.box .small,
			.formCard .small,
			.warrantyCard .small {
				color: #6B7280 !important;
			}

			/* Links: brand red but readable */
			a {
				color: #b91c1c;
			}

			a:visited {
				color: #8b1010;
			}

			/* Inputs */
			label {
				color: #111111 !important;
			}

			input,
			select,
			textarea {
				color: #111111 !important;
			}

			input::placeholder,
			textarea::placeholder {
				color: #9CA3AF !important;
			}
			
			.font-600 {font-weight: 600;}
			.wrap {
				max-width: 520px;
				margin: 0 auto;
				padding: 16px
			}

			.topbar {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 10px 2px 2px;
				position: sticky;
				top: 0;
				z-index: 20;
				backdrop-filter: blur(10px);
				background: linear-gradient(to bottom, rgba(11, 16, 32, .88), rgba(11, 16, 32, .55));
			}

			.brand strong {
				font-size: 14px
			}

			.brand span {
				font-size: 12px;
				color: var(--muted)
			}

			.pill {
				border: 1px solid var(--line);
				padding: 8px 10px;
				border-radius: 999px;
				font-size: 12px;
				color: var(--muted);
				background: rgba(255, 255, 255, .04);
				white-space: nowrap;
			}

			.hero {
				margin-top: 10px;
				padding: 18px;
				border-radius: var(--radius);
				border: 1px solid var(--line);
				background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
				box-shadow: var(--shadow);
			}

			.kicker {
				display: inline-flex;
				gap: 8px;
				align-items: center;
				font-size: 12px;
				color: var(--muted);
				border: 1px solid var(--line);
				padding: 8px 10px;
				border-radius: 999px;
				background: rgba(0, 0, 0, .15);
			}

			h1 {
				margin: 12px 0 8px;
				font-size: 30px;
				line-height: 1.08
			}

			.heroSub {
				color: var(--muted);
				font-size: 14px;
				line-height: 1.45;
				margin: 0 0 10px
			}

			.h2 {
				font-size: 14px;
				font-weight: 800;
				margin: 0 0 14px;
				letter-spacing: .1px;
			}

			.checks {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 10px;
				margin: 12px 0 14px
			}

			.checkx {
				display: flex;
				gap: 8px;
				align-items: flex-start;
				font-size: 13px;
				background: rgba(255, 255, 255, .04);
				border: 1px solid var(--line);
				border-radius: 14px;
				padding: 10px;
			}

			.btn {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 10px;
				width: 100%;
				border-radius: 16px;
				padding: 14px;
				border: 1px solid transparent;
				font-weight: 800;
				font-size: 15px;
				cursor: pointer;
				-webkit-tap-highlight-color: transparent;
			}

			.btnPrimary {
				background: var(--accent);
				color: white;
			}

			.btnSecondary {
				background: rgba(255, 255, 255, .06);
				border-color: var(--line);
				color: var(--text);
				font-weight: 700;
			}

			.btnRow {
				display: grid;
				gap: 10px
			}

			.micro {
				margin: 10px 0 0;
				color: var(--muted);
				font-size: 12px;
				text-align: center
			}

			.section {
				margin-top: 14px;
				padding: 16px;
				border-radius: var(--radius);
				border: 1px solid var(--line);
				background: rgba(255, 255, 255, .03);
			}

			.section h2 {
				margin: 0 0 10px;
				font-size: 18px
			}

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

			.grid {
				display: grid;
				gap: 10px;
				margin-top: 10px
			}

			.card {
				border: 1px solid var(--line);
				border-radius: 16px;
				padding: 12px;
				background: transparent;
			}

			.card strong {
				display: block;
				margin-bottom: 4px;
				font-size: 14px
			}

			.card span {
				color: var(--muted);
				font-size: 13px;
				line-height: 1.35
			}

			.helper {
				font-size: 12px;
				color: var(--muted);
				margin-top: 8px;
				text-align: center
			}

			.hr {
				height: 1px;
				background: rgba(255, 255, 255, .10);
				margin: 12px 0
			}

			/* Tabs */
			.tabs {
				display: flex;
				gap: 8px;
				margin-top: 10px
			}

			.tab {
				flex: 1;
				padding: 10px 8px;
				border-radius: 999px;
				/* Inactive state: match the screenshot (no grey fill) */
				background: #fff;
				border: 1px solid rgba(15, 23, 42, .14);
				color: #0f172a;
				font-weight: 800;
				font-size: 12px;
				text-align: center;
				cursor: pointer;
				-webkit-tap-highlight-color: transparent;
			}

			.tab.active {
				background: #ffe4e6;
				border-color: #fb7185;
				color: #0f172a;
			}

			.segRow {
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				gap: 8px;
				margin-top: 10px
			}

			/* Seats row: 4 options in one line */
			#seatsRow {
				grid-template-columns: repeat(4, 1fr);
			}

			.seg {
				padding: 10px 8px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .12);
				background: transparent;
				color: var(--muted);
				text-align: center;
				font-weight: 800;
				font-size: 12px;
				cursor: pointer;
				-webkit-tap-highlight-color: transparent;
			}

			.seg.active {
				background: rgba(255, 59, 48, .16);
				border-color: rgba(255, 59, 48, .35);
				color: var(--text);
			}

			.priceBox {
				border: 1px dashed rgba(255, 255, 255, .22);
				border-radius: 16px;
				padding: 12px;
				background: rgba(255, 255, 255, .03);
				margin-top: 10px;
			}

			.priceLine {
				display: flex;
				justify-content: space-between;
				padding: 8px 0;
				border-bottom: 1px solid rgba(255, 255, 255, .08);
				font-size: 14px
			}

			.priceLine:last-child {
				border-bottom: none
			}

			.priceLine em {
				color: var(--muted);
				font-style: normal
			}

			.badge {
				display: inline-flex;
				gap: 8px;
				align-items: center;
				margin-top: 10px;
				font-size: 12px;
				font-weight: 700;
				color: #111827;
				border: 1px solid rgba(34, 197, 94, .25);
				background: rgba(34, 197, 94, .10);
				padding: 8px 10px;
				border-radius: 999px;
			}

			/* Accordion */
			.acc {
				margin-top: 10px;
				display: grid;
				gap: 10px
			}

			details {
				border: 1px solid rgba(255, 255, 255, .12);
				background: transparent;
				border-radius: 16px;
				padding: 10px 12px;
			}

			summary {
				cursor: pointer;
				list-style: none;
				font-weight: 850;
				font-size: 14px;
				-webkit-tap-highlight-color: transparent;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 10px;
			}

			summary::-webkit-details-marker {
				display: none
			}

			.addr {
				margin-top: 8px;
				color: var(--muted);
				font-size: 13px;
				line-height: 1.35
			}

			.addr b {
				color: var(--text)
			}

			.hint {
				font-size: 12px;
				color: var(--muted);
				margin-top: 8px
			}

			/* Form */
			form {
				display: grid;
				gap: 10px;
				margin-top: 10px
			}

			label {
				font-size: 12px;
				color: var(--muted);
				margin-bottom: -6px
			}

			input,
			select,
			textarea {
				width: 100%;
				padding: 14px 12px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .14);
				background: #e7f0f7;
				font-size: 15px;
				outline: none;
			}

			textarea {
				min-height: 92px
			}

			.two {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 10px
			}

			/* Sticky bar */
			.stickyBar {
				position: fixed;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 50;
				background: rgba(11, 16, 32, .92);
				border-top: 1px solid rgba(255, 255, 255, .10);
				backdrop-filter: blur(10px);
				padding: 10px 12px;
			}

			.stickyInner {
				max-width: 520px;
				margin: 0 auto;
				display: grid;
				grid-template-columns: 1fr 1.2fr 1fr;
				gap: 10px;
			}

			.stickyBtn {
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 12px 10px;
				border-radius: 14px;
				font-weight: 850;
				font-size: 13px;
				border: 1px solid rgba(255, 255, 255, .12);
				background: rgba(255, 255, 255, .05);
				-webkit-tap-highlight-color: transparent;
			}

			.stickyBtn.primary {
				background: var(--accent);
				border-color: transparent;
			}

			.stickyBtn.whatsapp {
				background: rgba(34, 197, 94, .14);
				border-color: rgba(34, 197, 94, .28);
			}

			/* Modal */
			.modalBack {
				position: fixed;
				inset: 0;
				z-index: 80;
				display: none;
				align-items: flex-end;
				justify-content: center;
				background: rgba(0, 0, 0, .55);
				padding: 14px;
			}

			.modal {
				width: min(520px, 100%);
				border-radius: 22px 22px 16px 16px;
				border: 1px solid rgba(255, 255, 255, .12);
				background: rgba(18, 26, 51, .98);
				box-shadow: var(--shadow);
				overflow: hidden;
			}

			.modalHead {
				padding: 14px 14px 8px;
				display: flex;
				justify-content: space-between;
				gap: 10px;
			}

			.modalHead strong {
				font-size: 16px
			}

			.close {
				border: 1px solid rgba(255, 255, 255, .12);
				background: rgba(255, 255, 255, .05);
				color: var(--text);
				border-radius: 12px;
				padding: 8px 10px;
				font-weight: 850;
				cursor: pointer;
			}

			.modalBody {
				padding: 0 14px 14px
			}

			.note {
				font-size: 12px;
				color: var(--muted);
				margin: 6px 0 0
			}

			.toast {
				position: fixed;
				left: 50%;
				transform: translateX(-50%);
				bottom: 92px;
				z-index: 90;
				background: rgba(0, 0, 0, .75);
				border: 1px solid rgba(255, 255, 255, .10);
				color: var(--text);
				padding: 10px 12px;
				border-radius: 999px;
				font-size: 13px;
				display: none;
				max-width: 92vw;
			}

			/* Compact comparison table (no horizontal scroll) */
			.tableWrap.compact {
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				background: transparent;
				overflow: hidden !important
			}

			table.compMini {
				width: 100%;
				border-collapse: collapse;
				table-layout: fixed
			}

			.compMini th,
			.compMini td {
				padding: 10px 10px;
				border-bottom: 1px solid rgba(255, 255, 255, .08);
				vertical-align: top;
				word-break: break-word
			}

			.compMini thead th {
				font-size: 11px;
				color: rgba(234, 240, 255, .82);
				background: rgba(255, 255, 255, .04)
			}

			.compMini tbody td {
				font-size: 12px;
				color: rgba(234, 240, 255, .9);
				line-height: 1.25
			}

			.compMini tbody td:first-child {
				width: 34%;
				color: rgba(234, 240, 255, .75);
				font-size: 11px
			}

			.compMini tbody td:nth-child(2) {
				width: 33%;
				font-weight: 750
			}

			.compMini tbody td:nth-child(3) {
				width: 33%
			}

			.compMini tr:last-child td {
				border-bottom: none
			}

			/* Key features (image + short copy) */
			.featureList {
				display: flex;
				flex-direction: column;
				gap: 12px
			}

			.featureItem {
				border: 1px solid rgba(15, 23, 42, .10);
				background: #fff;
				border-radius: 18px;
				overflow: hidden;
				box-shadow: 0 10px 28px rgba(15, 23, 42, .06)
			}

			.featureImg {
				width: 100%;
				height: auto;
				display: block;
				margin: 0;
				padding: 0
			}

			/* grey text panel under image (matches screenshot style) */
			.featureText {
				padding: 14px 16px 16px;
				background: #e5e5e5
			}

			.featureTitle {
				font-weight: 850;
				font-size: 14px;
				margin-bottom: 6px;
				color: #0b1220
			}

			.featureDesc {
				font-size: 12px;
				color: rgba(15, 23, 42, .78);
				line-height: 1.35
			}

			/* Comparison table coloring */
			.compMini tbody td:nth-child(2) {
				color: rgba(120, 255, 160, .95) !important;
			}

			.compMini tbody td:nth-child(3) {
				color: rgba(255, 120, 120, .95) !important;
			}

			/* Factory tour video (lazy-loaded) */
			.videoCard {
				position: relative;
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				overflow: hidden;
				background: rgba(0, 0, 0, .18);
				aspect-ratio: 16/9;
				display: flex;
				align-items: center;
				justify-content: center;
				background-size: cover;
				background-position: center
			}

			.videoPlay {
				position: absolute;
				inset: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				gap: 8px;
				background: linear-gradient(180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .55));
				border: none;
				color: rgba(234, 240, 255, .95);
				font-weight: 800
			}

			.playIcon {
				width: 56px;
				height: 56px;
				border-radius: 999px;
				display: flex;
				align-items: center;
				justify-content: center;
				border: 1px solid rgba(255, 255, 255, .25);
				background: rgba(0, 0, 0, .35);
				font-size: 22px
			}

			.playText {
				font-size: 12px;
				letter-spacing: .2px;
				opacity: .9
			}

			.smallNote {
				font-size: 11px;
				color: rgba(234, 240, 255, .62);
				margin-top: 10px
			}

			.req {
				color: #28a745;
				font-weight: 800
			}

			/* Accordion */
			.accordion {
				display: flex;
				flex-direction: column;
				gap: 12px;
				margin-top: 12px
			}

			.acc {
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				overflow: hidden;
				background: rgba(0, 0, 0, .18)
			}

			.acc>summary {
				list-style: none;
				cursor: pointer;
				padding: 14px 14px;
				font-weight: 800;
				color: rgba(234, 240, 255, .95)
			}

			.acc>summary::-webkit-details-marker {
				display: none
			}

			.acc>summary:after {
				content: "▾";
				float: right;
				opacity: .75
			}

			.acc[open]>summary:after {
				content: "▴"
			}

			.accBody {
				padding: 0 14px 14px;
				color: rgba(234, 240, 255, .75);
				line-height: 1.5;
				font-size: 14px
			}


			/* Compact FAQ */
			.faqSelectWrap {
				margin-top: 12px
			}

			#faqSelect {
				width: 100%;
				padding: 14px 14px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .16);
				background: rgba(0, 0, 0, .18);
				color: rgba(234, 240, 255, .95);
				font-weight: 700;
				outline: none;
			}

			.faqAnswerCard {
				margin-top: 12px;
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				background: rgba(0, 0, 0, .18);
				padding: 14px 14px;
			}

			.faqQ {
				font-weight: 900;
				color: rgba(234, 240, 255, .95);
				margin-bottom: 8px
			}

			.faqA {
				color: rgba(234, 240, 255, .75);
				line-height: 1.55;
				font-size: 14px
			}

			.faqAnswerCard.isHidden {
				display: none
			}

			.faqAnswerCard {
				margin-top: 12px
			}


			/* Hybrid FAQ */
			.faqTop {
				display: flex;
				flex-direction: column;
				gap: 12px;
				margin-top: 12px
			}

			.faqAcc {
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				overflow: hidden;
				background: rgba(0, 0, 0, .18)
			}

			.faqAcc>summary {
				list-style: none;
				cursor: pointer;
				padding: 14px 14px;
				font-weight: 900;
				color: rgba(234, 240, 255, .95)
			}

			.faqAcc>summary::-webkit-details-marker {
				display: none
			}

			.faqAcc>summary:after {
				content: "▾";
				float: right;
				opacity: .75
			}

			.faqAcc[open]>summary:after {
				content: "▴"
			}

			.faqBody {
				padding: 0 14px 14px;
				color: rgba(234, 240, 255, .75);
				line-height: 1.55;
				font-size: 14px
			}

			.faqMore {
				margin-top: 14px
			}

			.faqMoreTitle {
				font-weight: 900;
				color: rgba(234, 240, 255, .9);
				margin-bottom: 8px
			}

			.faqSelectWrap {
				margin-top: 0
			}

			#faqSelect {
				width: 100%;
				padding: 14px 14px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .16);
				background: rgba(0, 0, 0, .18);
				color: rgba(234, 240, 255, .95);
				font-weight: 800;
				outline: none;
			}

			.faqAnswerCard {
				margin-top: 12px;
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				background: rgba(0, 0, 0, .18);
				padding: 14px 14px;
			}

			.faqQ {
				font-weight: 900;
				color: rgba(234, 240, 255, .95);
				margin-bottom: 8px
			}

			.faqA {
				color: rgba(234, 240, 255, .75);
				line-height: 1.55;
				font-size: 14px
			}

			.faqAnswerCard.isHidden {
				display: none
			}

			.faqAnswerCard {
				margin-top: 12px
			}



			/* Quick FAQ (tap-to-answer) */
			.faqSwitch {
				display: flex;
				gap: 10px;
				margin-top: 12px
			}

			.faqTab {
				flex: 1;
				padding: 12px 10px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .14);
				background: transparent;
				color: rgba(234, 240, 255, .85);
				font-weight: 900;
			}

			.faqTab.isActive {
				background: rgba(255, 59, 59, .18);
				border-color: rgba(255, 59, 59, .45);
				color: rgba(234, 240, 255, .95);
			}

			.faqList {
				margin-top: 12px;
				display: flex;
				flex-direction: column;
				gap: 10px
			}

			.faqRow {
				width: 100%;
				text-align: left;
				padding: 12px 12px;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .12);
				background: rgba(0, 0, 0, .18);
				color: rgba(234, 240, 255, .88);
				font-weight: 850;
				line-height: 1.25;
			}

			.faqRow small {
				display: block;
				margin-top: 4px;
				color: rgba(234, 240, 255, .55);
				font-weight: 700
			}

			.faqRow.isActive {
				border-color: rgba(255, 255, 255, .26);
				background: rgba(255, 255, 255, .06);
			}

			.faqAnswerCard {
				margin-top: 12px;
				border: 1px solid rgba(255, 255, 255, .12);
				border-radius: 16px;
				background: rgba(0, 0, 0, .18);
				padding: 14px 14px;
			}

			.faqQ {
				font-weight: 950;
				color: rgba(234, 240, 255, .95);
				margin-bottom: 8px
			}

			.faqA {
				color: rgba(234, 240, 255, .75);
				line-height: 1.55;
				font-size: 14px
			}

			.faqAnswerCard.isHidden {
				display: none
			}

			.faqAnswerCard {
				margin-top: 12px
			}


			.faqBottomRow {
				margin-top: 12px;
				display: flex;
				justify-content: center
			}

			.faqToggleBtn {
				width: 100%;
				max-width: 420px;
				border: 1px solid rgba(255, 255, 255, .12);
				background: rgba(255, 255, 255, .04);
				color: #cfd6e6;
				border-radius: 14px;
				padding: 14px 16px;
				font-weight: 700
			}

			.tabs .tab.active,
			.segs .seg.active,
			.segs .seg:active,
			.segs .seg:focus {
				border-color: rgba(255, 70, 70, .55);
				box-shadow: 0 0 0 2px rgba(255, 70, 70, .15) inset;
				color: #fff
			}


			/* --- Quick FAQ: compact "More" toggle (no pill shape) --- */
			.faqMorePlain {
				width: fit-content;
				max-width: 220px;
				margin: 14px auto 0;
				padding: 8px 14px;
				background: transparent !important;
				border: none !important;
				box-shadow: none !important;
				border-radius: 0 !important;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				gap: 6px;
				cursor: pointer;
			}

			.faqMorePlain:active {
				transform: scale(0.98);
			}

			.faqMoreText {
				font-size: 18px;
				font-weight: 800;
				color: #111;
			}

			.faqMoreChev {
				color: #111;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				margin-top: 2px;
			}

			.faqMoreChev span {
				display: inline-block;
				font-size: 22px;
				line-height: 1;
				color: #111;
				transform: rotate(90deg);
				/* make ">>" point down */
			}



			/* === Photo gallery === */
			.subhead {
				margin: 6px 0 14px;
				color: rgba(234, 240, 255, .75);
				font-size: 14px;
			}

			.photoGrid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 6px;
				margin-top: 12px;
			}

			.photoGrid .photo {
				width: 100%;
				aspect-ratio: 1/1;
				object-fit: cover;
				border-radius: 12px;
				border: 1px solid rgba(255, 255, 255, .10);
				background: #0b1220;
				box-shadow: 0 10px 22px rgba(0, 0, 0, .25);
				cursor: pointer;
			}

			.lightbox {
				position: fixed;
				inset: 0;
				display: none;
				align-items: center;
				justify-content: center;
				padding: 18px;
				background: rgba(0, 0, 0, .72);
				backdrop-filter: blur(6px);
				z-index: 9999;
			}

			.lightbox.isOpen {
				display: flex;
			}

			.lightboxInner {
				position: relative;
				max-width: 92vw;
				max-height: 86vh;
			}

			.lightboxInner img {
				display: block;
				max-width: 92vw;
				max-height: 86vh;
				width: auto;
				height: auto;
				object-fit: contain;
				border-radius: 14px;
				border: 1px solid rgba(255, 255, 255, .18);
				box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
			}

			.lightboxClose {
				position: absolute;
				top: -14px;
				right: -14px;
				width: 36px;
				height: 36px;
				border-radius: 999px;
				border: 1px solid rgba(255, 255, 255, .22);
				background: rgba(18, 26, 43, .92);
				color: #fff;
				font-size: 20px;
				line-height: 34px;
				text-align: center;
				cursor: pointer;
			}

			.exploreModelsWrap {
				text-align: center;
				margin-top: 18px
			}

			.exploreText {
				font-size: 14px;
				opacity: .7;
				margin-bottom: 6px
			}

			.exploreBtn {
				font-size: 15px;
				font-weight: 700;
				color: #ff4d4f;
				text-decoration: none
			}

			.exploreBtn:hover {
				text-decoration: underline
			}


			.exploreHint {
				margin-top: 6px;
				font-size: 12px;
				opacity: .55;
				text-align: center
			}

			/* Price highlight */
			#priceValue {
				color: #28a745 !important;
				font-weight: 900;
			}

			/* Contrast fix */
			.section:nth-of-type(even) h1,
			.section:nth-of-type(even) h2,
			.section:nth-of-type(even) h3 {
				color: #111 !important;
			}

			.section:nth-of-type(even) p,
			.section:nth-of-type(even) li,
			.section:nth-of-type(even) label {
				color: #333 !important;
			}

			.card h3 {
				color: #111 !important;
			}

			.card p {
				color: #444 !important;
			}

			.btnSecondary {
				color: #111 !important;
			}


			/* --- Contrast fix: Comparison table on light background --- */
			.tableWrap.compact {
				background: #ffffff !important;
				border: 1px solid rgba(15, 23, 42, .12) !important;
				box-shadow: 0 10px 28px rgba(15, 23, 42, .06) !important;
			}

			.tableWrap.compact table.compMini {
				color: #0f172a !important;
			}

			.tableWrap.compact .compMini th,
			.tableWrap.compact .compMini td {
				border-bottom: 1px solid rgba(15, 23, 42, .10) !important;
			}

			.tableWrap.compact .compMini thead th {
				background: rgba(15, 23, 42, .04) !important;
				color: rgba(15, 23, 42, .78) !important;
				font-weight: 700 !important;
				letter-spacing: .02em !important;
			}

			.tableWrap.compact .compMini tbody td {
				color: rgba(15, 23, 42, .90) !important;
			}

			.tableWrap.compact .compMini tbody td:first-child {
				color: rgba(15, 23, 42, .70) !important;
			}

			.tableWrap.compact .compMini tbody td:nth-child(2) {
				color: #16a34a !important;
				/* green */
				text-shadow: none !important;
			}

			.tableWrap.compact .compMini tbody td:nth-child(3) {
				color: #dc2626 !important;
				/* red */
				text-shadow: none !important;
			}

			.tableWrap.compact .compMini tbody tr:nth-child(even) td {
				background: rgba(15, 23, 42, .02) !important;
			}


			/* FAQ contrast fix */
			.faq-item {
				background: #f3f4f6 !important;
			}

			.faq-question {
				color: #111827 !important;
				font-weight: 600;
			}

			/* === FAQ contrast fix (mobile readability) === */
			.faqRow {
				background: #d7d7d9 !important;
				border: 1px solid #c8c8cf !important;
				color: #2d3340 !important;
			}

			.faqRow small {
				color: rgba(45, 51, 64, .72) !important;
			}

			.faqRow.isActive {
				background: #ececee !important;
				border-color: #b9b9c2 !important;
			}

			.faqAnswerCard {
				background: #e9e9ec !important;
				border-color: #d2d2d8 !important;
			}

			.faqQ {
				color: #2d3340 !important;
			}

			.faqA {
				color: rgba(45, 51, 64, .84) !important;
			}


			/* Footer pager (More / Back) — improve contrast */
			#faqMoreBar {
				color: #111 !important;
			}

			#faqMoreBar .faqMoreTitle,
			#faqMoreBar .faqMoreText {
				color: #111 !important;
			}

			#moreBtn {
				color: #111 !important;
			}

			#moreBtn svg {
				color: #111 !important;
				fill: currentColor !important;
				stroke: currentColor !important;
			}



			/* --- Footer pager: force readable text --- */
			#faqMoreBar .faqMoreText,
			#faqMoreBar .faqMoreTitle,
			#faqMoreBar .faqMoreArrow {
				color: #111 !important;
				opacity: 1 !important;
				text-shadow: none !important;
			}



			/* === Visual polish (no content changes) === */
			:root {
				--brand-green: #16a34a;
				--brand-orange: #f59e0b;
				--ink: #0f172a;
			}

			/* Subtle depth + cleaner section rhythm */
			body {
				background:
					radial-gradient(900px 420px at 10% -10%, rgba(245, 158, 11, .10), transparent 55%),
					radial-gradient(800px 420px at 95% 8%, rgba(22, 163, 74, .10), transparent 55%),
					linear-gradient(180deg, var(--bg), #050814 75%);
			}

			.wrap {
				max-width: 720px;
			}

			.section {
				padding: 18px 14px;
			}

			.section+.section {
				padding-top: 8px;
			}

			/* Headings: stronger hierarchy + accent underline */
			h1,
			.h1 {
				letter-spacing: -0.02em;
			}

			.h2,
			h2 {
				position: relative;
				padding-bottom: 10px;
			}

			.h2:after,
			h2:after {
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 84px;
				height: 4px;
				border-radius: 999px;
				background: linear-gradient(90deg, var(--brand-orange), var(--brand-green));
				opacity: .9;
			}

			/* Cards: consistent border/shadow for a less "flat" look */
			.card,
			.panel,
			.priceBox,
			.compareWrap,
			.videoCard,
			.faqCard,
			.formCard {
				background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
				border: 1px solid rgba(255, 255, 255, .10);
				box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
			}

			/* Light cards keep text crisp */
			.card.light,
			.panel.light {
				background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .86));
				border: 1px solid rgba(15, 23, 42, .10);
				box-shadow: 0 10px 28px rgba(2, 6, 23, .10);
			}

			/* Primary buttons: slightly more premium */
			.btnPrimary {
				background: linear-gradient(180deg, rgba(245, 158, 11, 1), rgba(234, 88, 12, 1));
				box-shadow: 0 12px 26px rgba(234, 88, 12, .28);
			}

			.btnPrimary:active {
				transform: translateY(1px) scale(.99);
			}

			.btnSecondary {
				border-color: rgba(255, 255, 255, .20);
				background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
			}

			/* Tabs: screenshot-style pills (inactive = no grey fill) */
			.tabRow .tab {
				box-shadow: none;
			}

			.tabRow .tab.active {
				box-shadow: 0 10px 18px rgba(0, 0, 0, .18);
			}

			/* Feature bullets: add a touch of rhythm */
			.featureList {
				gap: 10px;
			}

			.featureItem {
				border-radius: 22px;
				overflow: hidden;
				background: #E0E0E0;
				/* darker grey like reference */
				border: 1px solid rgba(0, 0, 0, .06);
			}

			.featureMedia {
				padding: 0;
				margin: 0;
			}

			.featureMedia img {
				display: block;
				width: 100%;
				height: auto;
				border-radius: 22px 22px 0 0;
			}

			.featureText {
				background: #E0E0E0;
				margin: 0;
				padding: 14px 16px 16px;
				border-radius: 0 0 22px 22px;
			}

			/* FAQ pills: readable, consistent with other light text */
			.faqQ {
				color: #2b3443 !important;
				font-weight: 800;
			}

			.faqA {
				color: #2b3443 !important;
			}

			/* Small motion (respects reduced motion) */
			@media (prefers-reduced-motion: no-preference) {

				.card,
				.panel,
				.featureItem,
				.tab,
				.btn {
					transition: transform .15s ease, box-shadow .15s ease;
				}

				.featureItem:active {
					transform: scale(.99);
				}
			}

			/* Lightbox nav arrows */
			.lightboxInner {
				position: relative;
			}

			.lightboxNav {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 44px;
				height: 44px;
				border: 0;
				border-radius: 999px;
				background: rgba(0, 0, 0, .45);
				color: #fff;
				font-size: 28px;
				line-height: 44px;
				text-align: center;
				cursor: pointer;
				z-index: 2;
				backdrop-filter: blur(6px);
			}

			.lightboxPrev {
				left: 10px;
			}

			.lightboxNext {
				right: 10px;
			}

			.lightboxNav:active {
				transform: translateY(-50%) scale(0.98);
			}

			@media (hover:hover) {
				.lightboxNav:hover {
					background: rgba(0, 0, 0, .6);
				}
			}