/*
Theme Name: Autonemo VMS Pro
Template: zenfy
Description: Autonemo VMS Pro — full theme customization by Mahfuz Akand
Author: Mahfuz Akand
Version: 1.5.0
Text Domain: zenfy-child
*/

/* -------------------------------------------------------------------------
   Autonemo brand palette
   Red   — primary actions, accents (logo)
   Black — headings, dark UI, footer bars
   White — surfaces, button text on red
   Ash   — page backgrounds, borders, muted text
   ------------------------------------------------------------------------- */
:root {
	--autonemo-red: #e2231a;
	--autonemo-red-rgb: 226, 35, 26;
	--autonemo-black: #0b0c0c;
	--autonemo-black-rgb: 11, 12, 12;
	--autonemo-white: #ffffff;
	--autonemo-white-rgb: 255, 255, 255;
	--autonemo-ash: #f2f2f3;
	--autonemo-ash-mid: #d4d4d8;
	--autonemo-ash-text: #6e6e73;
	--autonemo-bangla-font: "Hind Siliguri", "Noto Sans Bengali", sans-serif;

	/* Override Zenfy theme tokens */
	--primary-color1: var(--autonemo-red);
	--primary-color1-opc: var(--autonemo-red-rgb);
	--primary-color2: var(--autonemo-black);
	--primary-color2-opc: var(--autonemo-black-rgb);
	--dark-primary-color2: var(--autonemo-black);
	--primary-color: var(--autonemo-red);
	--theme-color: var(--autonemo-red);
}

body.dark {
	--primary-color1: var(--autonemo-red);
	--primary-color1-opc: var(--autonemo-red-rgb);
	--primary-color2: var(--autonemo-white);
	--primary-color2-opc: var(--autonemo-white-rgb);
}

/* Light canvas — Zenfy home-dark2 is the light homepage layout, not dark mode */
body:not(.dark),
body:not(.dark) #app,
body.home-dark2:not(.dark),
body.home-dark2:not(.dark) #app {
	color: var(--autonemo-black);
	background-color: var(--autonemo-white);
}

/* Dark canvas */
body.dark,
body.dark #app {
	color: var(--autonemo-white);
	background-color: var(--autonemo-black);
}

body:not(.dark) p,
body:not(.dark) .text-muted {
	color: var(--autonemo-ash-text);
}

/* Ash bands — light layouts only */
body:not(.dark) .bg-light,
body:not(.dark) .section-bg,
body:not(.dark) .home1-process-section,
body:not(.dark) .home1-testimonial-section {
	background-color: var(--autonemo-ash) !important;
}

/* Header — light pages */
body:not(.dark) .header-area.style-1,
body:not(.dark) .header-area.style-2,
body:not(.dark) .header-area.style-3,
body.home-dark2:not(.dark) .header-area {
	background-color: var(--autonemo-white) !important;
	border-bottom: 1px solid var(--autonemo-ash-mid);
}

body.dark .header-area {
	background-color: var(--autonemo-black) !important;
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

body:not(.dark) .main-menu .menu-list > li > a,
body.home-dark2:not(.dark) .main-menu .menu-list > li > a {
	color: var(--autonemo-black) !important;
}

/* Top-level nav only — .menu-list a was turning submenu links white on white BG */
body.dark .main-menu .menu-list > li > a {
	color: var(--autonemo-white) !important;
}

.main-menu .menu-list > li > a:hover,
.main-menu .menu-list > li.current-menu-item > a,
.main-menu .menu-list > li.current-menu-ancestor > a {
	color: var(--autonemo-red) !important;
}

/* Dropdown / submenu — light mode */
body:not(.dark) .main-menu .menu-list li ul.sub-menu,
body.home-dark2:not(.dark) .main-menu .menu-list li ul.sub-menu,
body:not(.dark) header.style-1 .main-menu > ul > li ul.sub-menu,
body:not(.dark) header.style-2 .main-menu > ul > li ul.sub-menu,
body:not(.dark) header.style-3 .main-menu > ul > li ul.sub-menu,
body.home-dark2:not(.dark) header.style-1 .main-menu > ul > li ul.sub-menu,
body.home-dark2:not(.dark) header.style-2 .main-menu > ul > li ul.sub-menu,
body.home-dark2:not(.dark) header.style-3 .main-menu > ul > li ul.sub-menu {
	background: var(--autonemo-white) !important;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
	border: 1px solid var(--autonemo-ash-mid);
}

body:not(.dark) .main-menu .menu-list li ul.sub-menu > li > a,
body.home-dark2:not(.dark) .main-menu .menu-list li ul.sub-menu > li > a,
body:not(.dark) header.style-1 .main-menu > ul > li ul.sub-menu > li > a,
body:not(.dark) header.style-2 .main-menu > ul > li ul.sub-menu > li > a,
body:not(.dark) header.style-3 .main-menu > ul > li ul.sub-menu > li > a,
body.home-dark2:not(.dark) header.style-1 .main-menu > ul > li ul.sub-menu > li > a,
body.home-dark2:not(.dark) header.style-2 .main-menu > ul > li ul.sub-menu > li > a,
body.home-dark2:not(.dark) header.style-3 .main-menu > ul > li ul.sub-menu > li > a {
	color: var(--autonemo-black) !important;
}

body:not(.dark) .main-menu .menu-list li ul.sub-menu > li > a:hover,
body.home-dark2:not(.dark) .main-menu .menu-list li ul.sub-menu > li > a:hover,
body:not(.dark) header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover,
body:not(.dark) header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover,
body:not(.dark) header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover,
body.home-dark2:not(.dark) header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover,
body.home-dark2:not(.dark) header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover,
body.home-dark2:not(.dark) header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover,
body:not(.dark) .main-menu .menu-list li ul.sub-menu > li.current-menu-item > a,
body.home-dark2:not(.dark) .main-menu .menu-list li ul.sub-menu > li.current-menu-item > a {
	color: var(--autonemo-red) !important;
}

body:not(.dark) .main-menu .menu-list li ul.sub-menu .dropdown-icon,
body.home-dark2:not(.dark) .main-menu .menu-list li ul.sub-menu .dropdown-icon,
body:not(.dark) header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon,
body.home-dark2:not(.dark) header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
	color: var(--autonemo-black) !important;
	opacity: 0.7;
}

/* Dropdown / submenu — dark mode */
body.dark .main-menu .menu-list li ul.sub-menu,
body.dark header.style-1 .main-menu > ul > li ul.sub-menu,
body.dark header.style-2 .main-menu > ul > li ul.sub-menu,
body.dark header.style-3 .main-menu > ul > li ul.sub-menu,
body.dark .main-menu .menu-list li ul.sub-menu li ul.sub-menu {
	background: #161616 !important;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark .main-menu .menu-list li ul.sub-menu > li > a,
body.dark header.style-1 .main-menu > ul > li ul.sub-menu > li > a,
body.dark header.style-2 .main-menu > ul > li ul.sub-menu > li > a,
body.dark header.style-3 .main-menu > ul > li ul.sub-menu > li > a {
	color: rgba(255, 255, 255, 0.9) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

body.dark .main-menu .menu-list li ul.sub-menu > li > a:hover,
body.dark header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover,
body.dark header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover,
body.dark header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover,
body.dark .main-menu .menu-list li ul.sub-menu > li.current-menu-item > a,
body.dark .main-menu .menu-list li ul.sub-menu > li.current-menu-ancestor > a {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .main-menu .menu-list li ul.sub-menu .dropdown-icon,
body.dark header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
	color: rgba(255, 255, 255, 0.65) !important;
	opacity: 1;
}

/* Buttons */
.primary-btn1,
.header-btn a.primary-btn1,
a.primary-btn1,
button.primary-btn1 {
	background-color: var(--autonemo-red) !important;
	border-color: var(--autonemo-red) !important;
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.primary-btn1 > span,
.primary-btn1::after,
a.primary-btn1 > span,
a.primary-btn1::after,
button.primary-btn1 > span,
button.primary-btn1::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.primary-btn1:hover,
.header-btn a.primary-btn1:hover,
a.primary-btn1:hover,
button.primary-btn1:hover {
	background-color: var(--autonemo-black) !important;
	border-color: var(--autonemo-black) !important;
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.primary-btn1:hover > span,
.primary-btn1:hover::after,
a.primary-btn1:hover > span,
a.primary-btn1:hover::after,
button.primary-btn1:hover > span,
button.primary-btn1:hover::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.primary-btn2,
a.primary-btn2,
button.primary-btn2 {
	background-color: var(--autonemo-black) !important;
	border: 1px solid var(--autonemo-black) !important;
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.primary-btn2 > span,
.primary-btn2::after,
a.primary-btn2 > span,
a.primary-btn2::after,
button.primary-btn2 > span,
button.primary-btn2::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.primary-btn2:hover,
a.primary-btn2:hover,
button.primary-btn2:hover {
	background-color: var(--autonemo-red) !important;
	border-color: var(--autonemo-red) !important;
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.primary-btn2:hover > span,
.primary-btn2:hover::after,
a.primary-btn2:hover > span,
a.primary-btn2:hover::after,
button.primary-btn2:hover > span,
button.primary-btn2:hover::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

/* Header menu — compact Demo / CTA button */
.header-area.style-2 a.primary-btn1.header-btn {
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	padding: 9px 16px;
	letter-spacing: 0.28px;
	border-radius: 4px;
	min-height: 0;
}

.header-area.style-2 a.primary-btn1.header-btn > span,
.header-area.style-2 a.primary-btn1.header-btn::after {
	font-size: 13px;
}

@media (max-width: 1399px) {
	.header-area.style-2 a.primary-btn1.header-btn {
		font-size: 12px;
		padding: 8px 14px;
	}
}

/* Header nav — right-aligned menu, item spacing */
@media (min-width: 992px) {
	.header-area.style-2 > .container {
		justify-content: flex-start !important;
	}

	.header-area.style-2 .company-logo {
		flex: 0 0 auto;
		margin-right: 16px;
	}

	.header-area.style-2 .main-menu {
		margin-left: auto !important;
		flex: 0 1 auto;
	}

	.header-area.style-2 .nav-right {
		flex: 0 0 auto;
		margin-left: 16px !important;
	}

	header.style-2 .main-menu > ul > li,
	.header-area.style-2 .main-menu .menu-list > li {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	header.style-2 .main-menu > ul > li > a,
	.header-area.style-2 .main-menu .menu-list > li > a {
		padding-top: 22px !important;
		padding-bottom: 22px !important;
		font-size: 14px !important;
		letter-spacing: 0.2px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	header.style-2 .main-menu > ul > li,
	.header-area.style-2 .main-menu .menu-list > li {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	header.style-2 .main-menu > ul > li > a,
	.header-area.style-2 .main-menu .menu-list > li > a {
		font-size: 13px !important;
	}
}

@media (min-width: 992px) {
	.header-area.style-2 a.primary-btn1.header-btn {
		margin-left: 2px;
	}
}

/* Headings — light pages */
body:not(.dark) h1,
body:not(.dark) h2,
body:not(.dark) h3,
body:not(.dark) h4,
body:not(.dark) h5,
body:not(.dark) h6,
body:not(.dark) .section-title h2,
body.home-dark2:not(.dark) :where(h1, h2, h3, h4, h5, h6):not(.autonemo-surface-light :where(h1, h2, h3, h4, h5, h6)):not(.autonemo-page-content :where(h1, h2, h3, h4, h5, h6)):not(.home3-banner-section :where(h1, h2, h3, h4, h5, h6)):not(.home3-countdown-section :where(h1, h2, h3, h4, h5, h6)) {
	color: var(--autonemo-black);
	-webkit-text-fill-color: var(--autonemo-black);
}

body.dark :where(h1, h2, h3, h4, h5, h6):not(.autonemo-surface-light :where(h1, h2, h3, h4, h5, h6)):not(.autonemo-page-content :where(h1, h2, h3, h4, h5, h6)):not(.home3-banner-section :where(h1, h2, h3, h4, h5, h6)),
body.dark .banner-content h1:not(.home3-banner-section .banner-content h1) {
	color: var(--autonemo-white);
	-webkit-text-fill-color: var(--autonemo-white);
}

body.dark :where(p, li):not(.autonemo-surface-light :where(p, li)):not(.autonemo-page-content :where(p, li)) {
	color: rgba(255, 255, 255, 0.82);
	-webkit-text-fill-color: rgba(255, 255, 255, 0.82);
}

/* Links & accents */
a:hover:not(.autonemo-blog-timeline__card),
.text-primary,
span.primary {
	color: var(--autonemo-red) !important;
}

/* Footer / marquee bars */
.footer-section,
.marquee-section,
.home1-footer-top,
[class*="footer-top"] {
	background-color: var(--autonemo-black) !important;
	color: var(--autonemo-white) !important;
}

/* Forms */
input:focus,
textarea:focus,
select:focus {
	border-color: var(--autonemo-red) !important;
}

/* Homepage feature tabs — UI mockup images (fit inside dark panel) */
.home3-project-management-section .project-management-tab-wrapper .project-management-tab .tab-pane > .row {
	align-items: stretch;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-tab .tab-pane > .row > .col-lg-6:last-child {
	display: flex;
	min-height: 0;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-tab .project-management-tab-img-wrap.autonemo-tab-mockup-wrap {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 18px 20px !important;
	overflow: hidden;
	flex: 1;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-tab .autonemo-tab-mockup-frame {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	max-height: 100%;
	min-height: 0;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-tab .project-management-tab-img-wrap.autonemo-tab-mockup-wrap img,
.home3-project-management-section .project-management-tab-wrapper .project-management-tab .autonemo-tab-mockup-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center center;
	border-radius: 12px !important;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

@media (min-width: 992px) and (max-width: 1199px) {
	.home3-project-management-section .project-management-tab-wrapper .project-management-tab .project-management-tab-img-wrap.autonemo-tab-mockup-wrap {
		padding: 20px 16px !important;
	}
}

body.dark .home3-project-management-section .project-management-tab-wrapper .project-management-tab .autonemo-tab-mockup-img {
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
}

/* Homepage feature tabs — single-line scrollable nav + denser checklist */
.home3-project-management-section .project-management-tab-wrapper .project-management-nav {
	position: relative;
	overflow: hidden;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-nav::before,
.home3-project-management-section .project-management-tab-wrapper .project-management-nav::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 8px;
	width: 28px;
	z-index: 2;
	pointer-events: none;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-nav::before {
	left: 0;
	background: linear-gradient(90deg, #fff 15%, rgba(255, 255, 255, 0));
}

.home3-project-management-section .project-management-tab-wrapper .project-management-nav::after {
	right: 0;
	background: linear-gradient(270deg, #fff 15%, rgba(255, 255, 255, 0));
}

.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
	align-items: stretch;
	gap: 28px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	scrollbar-color: rgba(11, 12, 12, 0.25) transparent;
	padding: 0 24px 10px !important;
	margin: 0;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs::-webkit-scrollbar {
	height: 6px;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs::-webkit-scrollbar-thumb {
	background: rgba(11, 12, 12, 0.22);
	border-radius: 999px;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs .nav-item {
	flex: 0 0 auto;
	scroll-snap-align: start;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs .nav-link {
	flex: 0 0 auto;
	font-size: 16px;
	padding: 10px 2px 14px;
	white-space: nowrap;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-tab .project-management-tab-content ul {
	column-gap: 28px;
	margin-bottom: 36px;
}

.home3-project-management-section .project-management-tab-wrapper .project-management-tab .project-management-tab-content ul li {
	margin-bottom: 14px;
	break-inside: avoid;
}

body.dark .home3-project-management-section .project-management-tab-wrapper .project-management-nav::before {
	background: linear-gradient(90deg, #0b0c0c 15%, rgba(11, 12, 12, 0));
}

body.dark .home3-project-management-section .project-management-tab-wrapper .project-management-nav::after {
	background: linear-gradient(270deg, #0b0c0c 15%, rgba(11, 12, 12, 0));
}

@media (max-width: 767px) {
	.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs {
		gap: 20px;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.home3-project-management-section .project-management-tab-wrapper .project-management-nav .nav-tabs .nav-link {
		font-size: 15px;
	}
}

/* Logo — header (main) smaller; footer unchanged */
.header-area .company-logo img,
.header-area .company-logo .custom-logo-link img {
	max-height: 30px !important;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 5px;
}

.sidebar-menu .sidebar-menu-top-area .sidebar-menu-logo,
.sidebar-menu-logo {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.sidebar-menu-logo img {
	display: none !important;
}

@media (max-width: 991px) {
	header.style-2 .company-logo,
	.header-area.style-2 .company-logo {
		padding: 2px 0 !important;
	}

	.header-area.style-2 > .container {
		align-items: center !important;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

	.header-area.style-2 .company-logo,
	.header-area .company-logo {
		padding-top: 2px !important;
		padding-bottom: 2px !important;
		align-self: center !important;
	}

	.header-area .company-logo img,
	.header-area .company-logo .custom-logo-link img,
	.header-area .company-logo .logo-dark img,
	.header-area .company-logo .logo-light img,
	.sidebar-menu-logo .logo-dark img,
	.sidebar-menu-logo .logo-light img {
		max-height: 19px !important;
	}
}

@media (max-width: 575px) {
	.header-area.style-2 > .container {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}

	.header-area .company-logo img,
	.header-area .company-logo .custom-logo-link img,
	.header-area .company-logo .logo-dark img,
	.header-area .company-logo .logo-light img {
		max-height: 16px !important;
	}
}

.footer-logo img {
	max-height: 36px;
	width: auto;
	object-fit: contain;
}

/* Logo: dark mark on light header; same PNG works on dark header (white box in asset) */
body:not(.dark) .header-area .company-logo .logo-light,
body:not(.dark) .sidebar-menu-logo .logo-light {
	display: none !important;
}

body:not(.dark) .header-area .company-logo .logo-dark,
body:not(.dark) .sidebar-menu-logo .logo-dark {
	display: block !important;
}

body.dark .header-area .company-logo .logo-light,
body.dark .sidebar-menu-logo .logo-light {
	display: none !important;
}

body.dark .header-area .company-logo .logo-dark,
body.dark .sidebar-menu-logo .logo-dark {
	display: block !important;
}

.header-area .company-logo .logo-dark img,
.sidebar-menu-logo .logo-dark img,
.header-area .company-logo .logo-light img,
.sidebar-menu-logo .logo-light img {
	max-height: 36px !important;
	width: auto;
	border-radius: 5px;
}

/* Desktop — hide grid icon (mobile hamburger uses .sidebar-btn.d-lg-none only) */
@media (min-width: 992px) {
	.header-area .nav-right .sidebar-and-btn .sidebar-btn {
		display: none !important;
	}
}

/* Light header — sidebar/grid icon was white-on-white (invisible on mobile) */
body:not(.dark) .header-area .nav-right .sidebar-and-btn .sidebar-btn svg,
body.home-dark2:not(.dark) .header-area .nav-right .sidebar-and-btn .sidebar-btn svg {
	fill: var(--autonemo-black, #1a1a1a) !important;
}

/* Mobile: 3-line hamburger opens .sidebar-menu (primary nav) */
@media (max-width: 991.98px) {
	.header-area.style-2 .nav-right,
	.header-area .nav-right {
		align-self: center !important;
		align-items: center !important;
	}

	.header-area .nav-right .sidebar-and-btn {
		display: flex !important;
		align-items: center !important;
		align-self: center !important;
		gap: 12px !important;
	}

	.header-area .nav-right .sidebar-and-btn .sidebar-btn {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 40px;
		height: 40px;
		min-width: 40px;
		flex-shrink: 0;
		margin: 0 !important;
		padding: 0 !important;
		cursor: pointer;
		z-index: 1000;
	}

	.header-area .nav-right .sidebar-and-btn .sidebar-btn svg {
		display: none !important;
	}

	.header-area .nav-right .sidebar-and-btn .sidebar-btn::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 22px;
		height: 2px;
		margin: 0;
		pointer-events: none;
		background: var(--autonemo-black, #1a1a1a);
		border-radius: 2px;
		transform: translate(-50%, -50%);
		box-shadow:
			0 -7px 0 var(--autonemo-black, #1a1a1a),
			0 7px 0 var(--autonemo-black, #1a1a1a);
	}

	body.dark .header-area .nav-right .sidebar-and-btn .sidebar-btn::before {
		background: #ffffff;
		box-shadow: 0 -7px 0 #ffffff, 0 7px 0 #ffffff;
	}

	/* Mobile drawer — Main Menu from the side (not Zenfy top drop-down panel) */
	.sidebar-menu {
		left: auto !important;
		right: 0 !important;
		width: min(100%, 360px) !important;
		max-width: 360px !important;
		padding-bottom: 32px !important;
		transform-origin: right center !important;
		transform: translateX(105%) !important;
		transition: transform 0.35s ease !important;
		box-shadow: -12px 0 40px rgba(11, 12, 12, 0.12);
	}

	.sidebar-menu.active {
		transform: translateX(0) !important;
	}

	.sidebar-menu .sidebar-menu-top-area {
		margin-bottom: 16px !important;
		padding-top: 8px;
	}

	.sidebar-menu .sidebar-menu-top-area .sidebar-menu-logo {
		display: none !important;
	}

	.sidebar-menu .sidebar-menu-top-area .sidebar-menu-close {
		flex: 0 0 auto;
		margin-left: 0;
	}

	.sidebar-menu .sidebar-contact {
		display: none !important;
	}

	.sidebar-menu .row > .col-lg-8 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu .dropdown-icon2 {
		display: none !important;
		position: static !important;
		background: transparent !important;
		border-radius: 0 !important;
		width: auto !important;
		height: auto !important;
		min-width: 0 !important;
		top: auto !important;
		right: auto !important;
		margin: 0 14px 0 auto !important;
		padding: 0 !important;
		cursor: pointer;
		flex-shrink: 0;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu li.menu-item-has-children > a .dropdown-icon2 {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu .dropdown-icon2 i {
		color: var(--autonemo-black, #0b0c0c) !important;
		font-size: 16px !important;
		line-height: 1 !important;
	}

	body.dark .sidebar-menu .sidebar-menu-wrap .main-menu .dropdown-icon2 i {
		color: #fff !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li.menu-item-has-children > a,
	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li.menu-item-has-children > a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	/* Mobile drawer menu — borders, type scale, expand toggles */
	.sidebar-menu .sidebar-menu-wrap {
		border-left: none !important;
		margin-right: 0 !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu {
		border-top: none !important;
		border-right: none !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	body.dark .sidebar-menu .sidebar-menu-wrap .main-menu > li {
		border-bottom-color: rgba(255, 255, 255, 0.12);
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li:last-child {
		border-bottom: none;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li > a {
		font-size: 0.9rem !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
		padding: 11px 20px !important;
		border-bottom: none !important;
		text-transform: none !important;
		transform: none !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li.menu-item-has-children > a {
		padding-right: 8px !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li > a .menu-text {
		text-shadow: none !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li > a:hover span {
		--m: 0 !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li.menu-item-has-children {
		display: block;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li.menu-item-has-children > a {
		grid-column: auto;
		grid-row: auto;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li.menu-item-has-children > .sub-menu {
		display: block;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li.menu-item-has-children {
		display: block;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li.menu-item-has-children > .sub-menu {
		display: block;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu {
		padding: 6px 16px 10px 24px !important;
		border-bottom: none !important;
		border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
		background: rgba(0, 0, 0, 0.02);
	}

	body.dark .sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu {
		border-top-color: rgba(255, 255, 255, 0.08) !important;
		background: rgba(255, 255, 255, 0.03);
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li {
		margin-bottom: 0 !important;
		padding: 6px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li:last-child {
		border-bottom: none;
	}

	body.dark .sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li {
		border-bottom-color: rgba(255, 255, 255, 0.06);
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li::after {
		display: none !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li a {
		font-size: 0.8125rem !important;
		font-weight: 500 !important;
		text-transform: none !important;
		line-height: 1.35 !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		padding-left: 12px !important;
		border-top: none !important;
		background: transparent !important;
	}

	.sidebar-menu .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu li a {
		font-size: 0.75rem !important;
	}

	body.autonemo-nav-open {
		overflow: hidden;
	}
}

/* Elementor widgets inheriting theme accent */
.elementor-widget-button .elementor-button {
	background-color: var(--autonemo-red) !important;
	color: var(--autonemo-white) !important;
}

.elementor-widget-button .elementor-button:hover {
	background-color: var(--autonemo-black) !important;
}

/*
 * Zenfy inner pages use .page-wrapper.sec-mar { margin: 120px 0 } for layouts
 * with a tall breadcrumb band. Breadcrumb is off (header.breadcrumb-disable), so
 * that top margin becomes an empty black gap on every page — remove it here.
 */
body:not(.home) .page-wrapper.sec-mar {
	margin-top: 0;
	margin-bottom: 72px;
}

body:not(.home) .page-content-wrapper {
	padding-top: 12px;
}

/* Less air under fixed header / menu */
body:not(.home) .breadcrumb-section {
	padding: calc(76px + 6px) 0 28px !important;
}

@media (max-width: 991px) {
	body:not(.home) .breadcrumb-section {
		padding: calc(64px + 6px) 0 22px !important;
	}
}

/* Unified site shell — header, body, footer share one max-width */
:root {
	--autonemo-site-width: 1320px;
	--autonemo-site-gutter: 24px;
}

header.header-area > .container,
body .page-content-wrapper > .container,
body .page-content-wrapper > .autonemo-page-content,
body .page-content-wrapper > .elementor,
body.home .home3-banner-section > .container,
body.home .page-wrapper .container:not(.container-fluid),
.autonemo-footer .container {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--autonemo-site-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--autonemo-site-gutter);
	padding-right: var(--autonemo-site-gutter);
}

body .page-content-wrapper > .container > .autonemo-page-content {
	max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Marketing pages (non-Elementor HTML) */
.autonemo-page-content {
	padding: 12px 0 48px;
	max-width: 100%;
	margin: 0;
}

.autonemo-page-content h1 {
	margin-bottom: 16px;
}

.autonemo-page-content .lead {
	font-size: 1.125rem;
	line-height: 1.65;
	margin-bottom: 24px;
	color: var(--autonemo-ash-text);
}

body.dark .autonemo-page-content .lead {
	color: rgba(255, 255, 255, 0.78);
}

.autonemo-card-list {
	list-style: none;
	padding: 0;
	margin: 24px 0;
}

.autonemo-card-list li {
	padding: 16px 0;
	border-bottom: 1px solid var(--autonemo-ash-mid);
}

.autonemo-card-list li strong {
	display: block;
	margin-bottom: 6px;
}

/* Module Feature Atlas */
.autonemo-atlas .atlas-hero {
	margin-bottom: 40px;
}

.autonemo-atlas .atlas-eyebrow {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--autonemo-red);
	margin: 0 0 8px;
}

body.dark .autonemo-atlas .atlas-eyebrow,
body.dark .autonemo-contact-eyebrow {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

.autonemo-atlas .atlas-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 24px 0;
}

.autonemo-atlas .atlas-stats li {
	background: var(--autonemo-ash);
	border-radius: 8px;
	padding: 14px 16px;
	text-align: center;
}

.autonemo-atlas .atlas-stats strong {
	display: block;
	font-size: 1.5rem;
	line-height: 1.2;
	color: var(--autonemo-black);
}

.autonemo-atlas .atlas-stats span {
	font-size: 0.8rem;
	color: var(--autonemo-ash-text);
}

.autonemo-atlas .atlas-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-top: 20px;
}

.autonemo-atlas .atlas-jump a {
	font-size: 0.85rem;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--autonemo-ash);
	color: var(--autonemo-black);
	text-decoration: none;
}

.autonemo-atlas .atlas-jump a:hover {
	background: var(--autonemo-red);
	color: #fff;
}

.autonemo-atlas .atlas-jump span {
	opacity: 0.65;
}

.autonemo-atlas .atlas-category {
	margin-bottom: 48px;
	scroll-margin-top: 100px;
}

.autonemo-atlas .atlas-category__head {
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--autonemo-red);
}

.autonemo-atlas .atlas-category__head h2 {
	margin: 0 0 8px;
	font-size: 1.5rem;
}

.autonemo-atlas .atlas-category__count {
	font-size: 0.85rem;
	color: var(--autonemo-ash-text);
}

.autonemo-atlas .atlas-module-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}

.autonemo-atlas .atlas-module-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 320px;
	background: #ffffff;
	border: 1px solid rgba(11, 12, 12, 0.08);
	border-radius: 14px;
	padding: 20px 20px 16px;
	scroll-margin-top: 100px;
	box-shadow: 0 10px 28px rgba(11, 12, 12, 0.06);
	transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
	position: relative;
	overflow: hidden;
}

.autonemo-atlas .atlas-module-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--autonemo-red), #ff6b63);
	opacity: 0.85;
}

.autonemo-atlas .atlas-module-card:hover {
	border-color: rgba(226, 35, 26, 0.35);
	box-shadow: 0 16px 40px rgba(226, 35, 26, 0.12);
	transform: translateY(-3px);
}

.autonemo-atlas .atlas-module-card[hidden],
.autonemo-atlas .atlas-category[hidden] {
	display: none !important;
}

.autonemo-atlas .atlas-module-card__head {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin-bottom: 14px;
	padding-top: 4px;
}

.autonemo-atlas .atlas-module-card__num {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--autonemo-red);
	color: #ffffff;
	font-size: 0.82rem;
	font-weight: 700;
	box-shadow: 0 4px 12px rgba(226, 35, 26, 0.28);
}

.autonemo-atlas .atlas-module-card__head h3 {
	margin: 0;
	font-size: 1.32rem;
	line-height: 1.3;
	font-weight: 700;
	color: var(--autonemo-black);
	letter-spacing: -0.01em;
}

.autonemo-atlas .atlas-module-card__cat {
	display: inline-block;
	margin: 6px 0 0;
	padding: 3px 8px;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--autonemo-red);
	background: rgba(226, 35, 26, 0.08);
	border-radius: 4px;
}

.autonemo-atlas .atlas-module-card__body {
	flex: 1 1 auto;
	margin-bottom: 12px;
}

.autonemo-atlas .atlas-module-card__summary,
.autonemo-atlas .atlas-module-card__short {
	margin: 0 0 14px;
	font-size: 0.95rem;
	line-height: 1.72;
	color: #454545;
}

.autonemo-atlas .atlas-module-card__bullets {
	margin: 0 0 4px;
	padding-left: 1.15rem;
	font-size: 0.88rem;
	line-height: 1.55;
	color: #5c5c5c;
}

.autonemo-atlas .atlas-module-card__bullets li {
	margin-bottom: 8px;
}

.autonemo-atlas .atlas-module-card__bullets li::marker {
	color: var(--autonemo-red);
}

.autonemo-atlas .atlas-module-card__scope-title {
	margin: 16px 0 8px;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--autonemo-red);
}

.autonemo-atlas .atlas-module-card__more .atlas-module-card__headline {
	margin: 10px 0 8px;
	font-size: 0.82rem;
	line-height: 1.45;
	font-weight: 600;
	color: var(--autonemo-black);
}

.autonemo-atlas .atlas-cap-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 12px;
}

.autonemo-atlas .atlas-cap {
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(226, 35, 26, 0.1);
	color: var(--autonemo-red);
	font-weight: 600;
	border: 1px solid rgba(226, 35, 26, 0.15);
}

.autonemo-atlas .atlas-module-card__more {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid rgba(11, 12, 12, 0.08);
}

.autonemo-atlas .atlas-module-card__more summary {
	cursor: pointer;
	font-size: 0.84rem;
	font-weight: 600;
	color: var(--autonemo-red);
	list-style: none;
}

.autonemo-atlas .atlas-module-card__more summary::-webkit-details-marker {
	display: none;
}

.autonemo-atlas .atlas-module-card__more summary::after {
	content: " +";
	font-weight: 700;
}

.autonemo-atlas .atlas-module-card__more[open] summary::after {
	content: " −";
}

.autonemo-atlas .atlas-module-card__intro {
	font-size: 0.9rem;
	line-height: 1.65;
	margin: 12px 0;
	color: var(--autonemo-ash-text);
}

.autonemo-atlas .atlas-scope-list {
	margin: 0;
	padding-left: 18px;
	font-size: 0.86rem;
	line-height: 1.58;
}

.autonemo-atlas .atlas-scope-list li {
	margin-bottom: 10px;
}

.autonemo-atlas .atlas-scope-list li strong {
	display: block;
	margin-bottom: 4px;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--autonemo-black);
}

.autonemo-atlas .atlas-scope-list li span {
	display: block;
	color: #5c5c5c;
}

@media (max-width: 1199px) {
	.autonemo-atlas .atlas-module-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
}

@media (max-width: 575px) {
	.autonemo-atlas .atlas-module-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.autonemo-atlas .atlas-module-card {
		min-height: 0;
	}
}

.autonemo-atlas .atlas-cta {
	margin-top: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.autonemo-atlas .atlas-module-card__actions {
	margin: 0 0 12px;
}

.autonemo-atlas .atlas-module-card__guide {
	display: inline-flex;
	align-items: center;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
}

/* Module detail landing pages (/solutions/all-modules/{slug}/) */
body.autonemo-module-detail-page .page-content-wrapper > .autonemo-page-content,
body.autonemo-module-detail-page .page-content-wrapper > .container > .autonemo-page-content {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

body.autonemo-module-detail-page .autonemo-page-content {
	padding-top: 0;
	padding-bottom: 0;
}

.autonemo-module-detail {
	--mod-accent: #e2231a;
}

.autonemo-module-detail .mod-detail-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--autonemo-site-width, 1320px);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--autonemo-site-gutter, 24px);
	padding-right: var(--autonemo-site-gutter, 24px);
}

.mod-detail-hero {
	position: relative;
	padding: 40px 0 48px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--mod-accent) 18%, #fff) 0%, #fff 55%, color-mix(in srgb, var(--mod-accent) 8%, #f8f8f9) 100%);
	border-bottom: 1px solid rgba(11, 12, 12, 0.08);
	overflow: hidden;
}

.mod-detail-hero::before {
	content: "";
	position: absolute;
	top: -40%;
	right: -8%;
	width: min(480px, 55vw);
	height: min(480px, 55vw);
	border-radius: 50%;
	background: color-mix(in srgb, var(--mod-accent) 22%, transparent);
	opacity: 0.35;
	pointer-events: none;
}

.mod-detail-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 20px;
	font-size: 0.8125rem;
	color: #5c5c5c;
}

.mod-detail-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.mod-detail-breadcrumb a:hover {
	color: var(--mod-accent);
}

.mod-detail-hero__eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--mod-accent);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.mod-detail-hero__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	height: 2rem;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--mod-accent);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
}

.mod-detail-hero__title {
	margin: 0 0 12px;
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	line-height: 1.15;
	color: var(--autonemo-black, #0b0c0c);
}

.mod-detail-hero__lead {
	margin: 0;
	max-width: 52rem;
	font-size: 1.125rem;
	line-height: 1.55;
	color: #3a3a3c;
}

.mod-detail-hero__note {
	margin: 14px 0 0;
	max-width: 42rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #6b6b6f;
	font-style: italic;
}

.mod-detail-inner--narrow {
	max-width: min(var(--autonemo-site-width, 1320px), 920px);
}

.mod-detail-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.mod-detail-card {
	padding: 18px 20px;
	border-radius: 14px;
	border: 1px solid rgba(11, 12, 12, 0.08);
	background: #fff;
	box-shadow: 0 8px 24px rgba(11, 12, 12, 0.04);
}

.mod-detail-card__title {
	margin: 0 0 8px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--autonemo-black, #0b0c0c);
}

.mod-detail-card__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #4a4a4e;
}

.mod-detail-roles {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.mod-detail-role {
	display: grid;
	grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
	gap: 12px 20px;
	padding: 14px 18px;
	border-radius: 12px;
	border: 1px solid rgba(11, 12, 12, 0.08);
	background: #fff;
}

.mod-detail-role__label {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--mod-accent);
}

.mod-detail-role__text {
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #4a4a4e;
}

.mod-detail-integrations {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.mod-detail-integration {
	display: grid;
	grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
	gap: 10px 16px;
	padding: 12px 16px;
	border-radius: 10px;
	background: color-mix(in srgb, var(--mod-accent) 6%, #fff);
	border: 1px solid color-mix(in srgb, var(--mod-accent) 18%, transparent);
}

.mod-detail-integration__name {
	font-weight: 700;
	font-size: 0.875rem;
}

.mod-detail-integration__name a {
	color: var(--mod-accent);
	text-decoration: none;
}

.mod-detail-integration__name a:hover {
	text-decoration: underline;
}

.mod-detail-integration__text {
	font-size: 0.875rem;
	line-height: 1.45;
	color: #4a4a4e;
}

.mod-detail-section--productivity,
.mod-detail-section--multi {
	background: color-mix(in srgb, var(--mod-accent) 4%, #fff);
}

.mod-detail-cap-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}

.mod-detail-cap {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background: color-mix(in srgb, var(--mod-accent) 12%, #fff);
	border: 1px solid color-mix(in srgb, var(--mod-accent) 35%, transparent);
	color: var(--autonemo-black, #0b0c0c);
}

.mod-detail-section {
	padding: 48px 0;
}

.mod-detail-section:nth-child(even of .mod-detail-section) {
	background: #f8f8f9;
}

.mod-detail-section--key {
	background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--mod-accent) 6%, #fff) 100%);
}

.mod-detail-section--benefits {
	background: linear-gradient(135deg, color-mix(in srgb, var(--mod-accent) 10%, #fff) 0%, #fff 70%);
}

.mod-detail-section__title {
	margin: 0 0 10px;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	color: var(--autonemo-black, #0b0c0c);
}

.mod-detail-section__lead {
	margin: 0 0 24px;
	max-width: 46rem;
	font-size: 1rem;
	line-height: 1.6;
	color: #5c5c5c;
}

.mod-detail-prose {
	margin: 0;
	max-width: 52rem;
	font-size: 1rem;
	line-height: 1.65;
	color: #3a3a3c;
}

.mod-detail-list {
	margin: 16px 0 0;
	padding-left: 1.25rem;
	max-width: 48rem;
}

.mod-detail-list li {
	margin-bottom: 8px;
	line-height: 1.5;
}

.mod-detail-list li::marker {
	color: var(--mod-accent);
}

.mod-detail-benefits {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.mod-detail-benefit {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 18px 20px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid rgba(11, 12, 12, 0.08);
	box-shadow: 0 8px 24px rgba(11, 12, 12, 0.06);
}

.mod-detail-benefit__icon {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--mod-accent);
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
}

.mod-detail-benefit p {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #3a3a3c;
}

.mod-detail-scope-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 12px;
}

.mod-detail-scope-list li {
	padding: 16px 18px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid rgba(11, 12, 12, 0.08);
}

.mod-detail-scope-list li strong {
	display: block;
	margin-bottom: 6px;
	font-size: 0.9375rem;
	color: var(--autonemo-black, #0b0c0c);
}

.mod-detail-scope-list li span {
	display: block;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #5c5c5c;
}

.mod-detail-related {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.mod-detail-related__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 12px;
	text-decoration: none;
	background: #fff;
	border: 1px solid rgba(11, 12, 12, 0.08);
	color: inherit;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.mod-detail-related__link:hover {
	border-color: var(--mod-accent);
	box-shadow: 0 8px 20px rgba(11, 12, 12, 0.08);
}

.mod-detail-related__num {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: color-mix(in srgb, var(--mod-accent) 15%, #fff);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--mod-accent);
}

.mod-detail-cta {
	padding: 56px 0 64px;
	background: linear-gradient(135deg, var(--autonemo-black, #0b0c0c) 0%, color-mix(in srgb, var(--mod-accent) 35%, #0b0c0c) 100%);
	color: #fff;
}

.mod-detail-cta__title {
	margin: 0 0 10px;
	font-size: clamp(1.35rem, 2.5vw, 1.85rem);
	color: #fff;
}

.mod-detail-cta__lead {
	margin: 0 0 24px;
	max-width: 40rem;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.55;
}

.mod-detail-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
}

/* Module detail — responsive image splits (4 slots per page) */
.autonemo-module-detail {
	--mod-figure-width: 520px;
	--mod-figure-height: 293px;
}

.autonemo-module-detail .mod-detail-split--hero {
	--mod-figure-width: 560px;
	--mod-figure-height: 315px;
}

.mod-detail-split {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: clamp(20px, 3vw, 40px);
	align-items: center;
}

.mod-detail-split--hero {
	align-items: center;
}

.mod-detail-split__copy {
	min-width: 0;
	align-self: center;
}

.mod-detail-figure {
	box-sizing: border-box;
	flex-shrink: 0;
	width: min(100%, var(--mod-figure-width));
	height: var(--mod-figure-height);
	margin: 0 auto;
	align-self: center;
	justify-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(11, 12, 12, 0.08);
	background: #f5f6f8;
	box-shadow: 0 16px 40px rgba(11, 12, 12, 0.08);
}

.mod-detail-figure img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center center;
}

.mod-detail-figure--pending {
	background: linear-gradient(135deg, color-mix(in srgb, var(--mod-accent) 10%, #f5f6f8) 0%, #fff 100%);
}

.mod-detail-figure__placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 100%;
	padding: 24px;
	text-align: center;
	box-sizing: border-box;
}

.mod-detail-figure__placeholder-label {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--autonemo-black, #0b0c0c);
}

.mod-detail-figure__placeholder-note {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--mod-accent);
}

.mod-detail-figure__placeholder-style {
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #939598;
}

.mod-detail-figure--style-isometric .mod-detail-figure__placeholder {
	background: linear-gradient(135deg, #f5f6f8 0%, #fff 50%, color-mix(in srgb, var(--mod-accent) 8%, #f5f6f8) 100%);
}

.mod-detail-figure--style-geometric .mod-detail-figure__placeholder {
	background: repeating-linear-gradient(-12deg, #fff, #fff 12px, #f5f6f8 12px, #f5f6f8 24px);
}

.mod-detail-figure--style-line-art .mod-detail-figure__placeholder {
	background: #fff;
	border: 2px dashed #939598;
}

.mod-detail-figure--style-duotone .mod-detail-figure__placeholder {
	background: linear-gradient(160deg, #0b0c0c 0%, #939598 100%);
}

.mod-detail-figure--style-duotone .mod-detail-figure__placeholder-label {
	color: #fff;
}

@media (max-width: 991px) {
	.autonemo-module-detail {
		--mod-figure-width: 100%;
		--mod-figure-height: clamp(200px, 52vw, 315px);
	}

	.mod-detail-split,
	.mod-detail-split--hero {
		grid-template-columns: minmax(0, 1fr);
		align-items: center;
	}

	.mod-detail-split--right .mod-detail-figure,
	.mod-detail-split--left .mod-detail-figure {
		order: -1;
	}

	.mod-detail-split--hero.mod-detail-split--right .mod-detail-figure,
	.mod-detail-split--hero.mod-detail-split--left .mod-detail-figure {
		order: -1;
		width: min(100%, 560px);
		margin-inline: auto;
	}

	.mod-detail-figure {
		justify-self: center;
		align-self: center;
	}

	.mod-detail-split__copy {
		justify-self: stretch;
	}
}

@media (max-width: 767px) {
	.mod-detail-benefits,
	.mod-detail-related,
	.mod-detail-cards {
		grid-template-columns: minmax(0, 1fr);
	}

	.mod-detail-role,
	.mod-detail-integration {
		grid-template-columns: minmax(0, 1fr);
	}

	.mod-detail-section {
		padding: 36px 0;
	}
}

body.dark .autonemo-module-detail-page .mod-detail-hero {
	background: linear-gradient(135deg, color-mix(in srgb, var(--mod-accent) 25%, #0b0c0c) 0%, #0b0c0c 60%);
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

body.dark .autonemo-module-detail-page .mod-detail-hero__title,
body.dark .autonemo-module-detail-page .mod-detail-section__title {
	color: #fff !important;
}

body.dark .autonemo-module-detail-page .mod-detail-hero__lead,
body.dark .autonemo-module-detail-page .mod-detail-section__lead,
body.dark .autonemo-module-detail-page .mod-detail-prose {
	color: #c8c8ce !important;
}

body.dark .autonemo-module-detail-page .mod-detail-section:nth-child(even of .mod-detail-section),
body.dark .autonemo-module-detail-page .mod-detail-section--key,
body.dark .autonemo-module-detail-page .mod-detail-section--benefits {
	background: rgba(255, 255, 255, 0.03);
}

body.dark .autonemo-module-detail-page .mod-detail-benefit,
body.dark .autonemo-module-detail-page .mod-detail-scope-list li,
body.dark .autonemo-module-detail-page .mod-detail-related__link {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
	color: #e8e8ec;
}

body.dark .autonemo-module-detail-page .mod-detail-figure {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}

body.dark .autonemo-module-detail-page .mod-detail-figure--pending {
	background: linear-gradient(135deg, color-mix(in srgb, var(--mod-accent) 18%, #0b0c0c) 0%, rgba(255, 255, 255, 0.04) 100%);
}

body.dark .autonemo-module-detail-page .mod-detail-figure__placeholder-label {
	color: #fff;
}

body.dark .autonemo-module-detail-page .mod-detail-card,
body.dark .autonemo-module-detail-page .mod-detail-role {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
}

body.dark .autonemo-module-detail-page .mod-detail-card__title,
body.dark .autonemo-module-detail-page .mod-detail-role__label {
	color: #fff;
}

body.dark .autonemo-module-detail-page .mod-detail-card__text,
body.dark .autonemo-module-detail-page .mod-detail-role__text,
body.dark .autonemo-module-detail-page .mod-detail-integration__text {
	color: rgba(255, 255, 255, 0.78);
}

body.dark .autonemo-module-detail-page .mod-detail-integration {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

body.dark .autonemo-module-detail-page .mod-detail-hero__note {
	color: rgba(255, 255, 255, 0.55);
}

body.dark .autonemo-module-detail-page .mod-detail-section--productivity,
body.dark .autonemo-module-detail-page .mod-detail-section--multi {
	background: rgba(255, 255, 255, 0.03);
}

body.dark .autonemo-atlas .atlas-module-card {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

body.dark .autonemo-atlas .atlas-module-card:hover {
	border-color: rgba(226, 35, 26, 0.45);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4);
}

body.dark .autonemo-atlas .atlas-module-card__head h3 {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body.dark .autonemo-atlas .atlas-module-card__summary,
body.dark .autonemo-atlas .atlas-module-card__short,
body.dark .autonemo-atlas .atlas-module-card__bullets {
	color: rgba(255, 255, 255, 0.72) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body.dark .autonemo-atlas .atlas-module-card__more {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body.dark .autonemo-atlas .atlas-stats li {
	background: rgba(255, 255, 255, 0.06);
}

body.dark .autonemo-atlas .atlas-stats strong {
	color: #fff;
}

body.dark .autonemo-atlas .atlas-jump a {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

body.dark .autonemo-atlas .atlas-jump a:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}

body.dark .autonemo-atlas .atlas-category__head {
	border-bottom-color: rgba(255, 255, 255, 0.35);
}

body.dark .autonemo-atlas .atlas-cap {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

body.dark .autonemo-atlas .atlas-module-card__more summary {
	color: #fff !important;
}

body.dark .autonemo-atlas a:not(.primary-btn1):not(.primary-btn2) {
	color: rgba(255, 255, 255, 0.9);
}

/* All Modules atlas page — dark mode (left-aligned, readable highlights) */
body.dark.autonemo-atlas-page .page-content-wrapper,
body.dark.autonemo-atlas-page .autonemo-page-content {
	background: #0b0c0c;
}

body.dark.autonemo-atlas-page .autonemo-atlas {
	color: rgba(255, 255, 255, 0.88);
	text-align: left;
}

body.dark.autonemo-atlas-page .autonemo-atlas :where(h1, h2, h3, h4),
body.dark.autonemo-atlas-page .page-content-wrapper .autonemo-atlas :where(h1, h2, h3, h4) {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	text-align: left !important;
}

body.dark.autonemo-atlas-page .autonemo-atlas .atlas-module-card__summary,
body.dark.autonemo-atlas-page .autonemo-atlas .atlas-module-card__short,
body.dark.autonemo-atlas-page .autonemo-atlas .atlas-module-card__bullets,
body.dark.autonemo-atlas-page .autonemo-atlas :where(p, li, summary, .atlas-module-card__intro, .atlas-module-card__cat),
body.dark.autonemo-atlas-page .page-content-wrapper .autonemo-atlas :where(p, li) {
	color: rgba(255, 255, 255, 0.76) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
	text-align: left !important;
}

body.dark.autonemo-atlas-page .autonemo-atlas .atlas-hero,
body.dark.autonemo-atlas-page .autonemo-atlas .atlas-category__head,
body.dark.autonemo-atlas-page .autonemo-atlas .atlas-module-card {
	text-align: left;
}

body.dark.autonemo-atlas-page .autonemo-atlas .atlas-cap {
	background: rgba(226, 35, 26, 0.22) !important;
	color: #ff8a84 !important;
	-webkit-text-fill-color: #ff8a84 !important;
}

body.dark.autonemo-atlas-page .autonemo-atlas .atlas-module-card__num {
	background: var(--autonemo-red);
	color: #ffffff;
}

body.dark.autonemo-atlas-page .autonemo-atlas .atlas-module-card__more summary {
	color: #ff8a84 !important;
	-webkit-text-fill-color: #ff8a84 !important;
}

body.dark.autonemo-atlas-page .autonemo-atlas .atlas-module-card__more .atlas-module-card__headline {
	color: rgba(255, 255, 255, 0.88) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
}

body.dark.autonemo-atlas-page .autonemo-atlas .atlas-stats span {
	color: rgba(255, 255, 255, 0.58) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.58) !important;
}

body.dark.autonemo-atlas-page .autonemo-atlas .atlas-category__count {
	color: rgba(255, 255, 255, 0.55) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
}

body:not(.dark).autonemo-atlas-page .autonemo-page-content {
	background: #ffffff;
}

body:not(.dark).autonemo-atlas-page .autonemo-atlas {
	text-align: left;
}

/* Rounded text highlights (pill marks) */
.autonemo-mark.autonemo-mark--rounded,
mark.autonemo-mark.autonemo-mark--rounded {
	background-color: var(--autonemo-red);
	color: var(--autonemo-white);
	padding: 0.02em 0.26em 0.04em;
	border-radius: 999px;
	font-weight: 600;
	line-height: 1.2;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/* Stats band — slimmer pills with breathing room between adjacent marks */
.home3-countdown-section .autonemo-mark--rounded {
	display: inline-block;
	padding: 0.01em 0.2em 0.03em;
	margin: 0 0.14em;
	line-height: 1.18;
	vertical-align: baseline;
}

body:not(.dark) .autonemo-mark.autonemo-mark--rounded,
body:not(.dark) mark.autonemo-mark.autonemo-mark--rounded {
	background-color: var(--autonemo-red);
	color: var(--autonemo-white);
}

/* Marker / highlighter (napkin pen) */
.autonemo-mark.autonemo-mark--marker,
mark.autonemo-mark.autonemo-mark--marker {
	position: relative;
	z-index: 0;
	background: none;
	color: inherit;
	padding: 0 0.1em;
	font-weight: 600;
	-webkit-text-fill-color: inherit;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.autonemo-mark.autonemo-mark--marker::before,
mark.autonemo-mark.autonemo-mark--marker::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: -0.08em;
	right: -0.08em;
	bottom: 0.05em;
	height: 0.62em;
	border-radius: 3px;
	background: linear-gradient(
		180deg,
		rgba(255, 235, 59, 0.15) 0%,
		rgba(255, 235, 59, 0.82) 38%,
		rgba(255, 214, 0, 0.78) 100%
	);
	transform: rotate(-0.65deg);
	box-shadow: 0 1px 0 rgba(255, 193, 7, 0.35);
}

.autonemo-mark.autonemo-mark--marker.autonemo-mark--marker-alt::before,
mark.autonemo-mark.autonemo-mark--marker.autonemo-mark--marker-alt::before {
	background: linear-gradient(
		180deg,
		rgba(129, 236, 236, 0.12) 0%,
		rgba(129, 236, 236, 0.55) 42%,
		rgba(85, 239, 196, 0.62) 100%
	);
	box-shadow: 0 1px 0 rgba(46, 213, 115, 0.25);
	transform: rotate(0.5deg);
}

/* Homepage — CORE STRENGTH (home3-feature-section) */
body.home .elementor-element-31c754d {
	display: none !important;
}

body.home .elementor-element-e7dd6a8 {
	margin-top: 0 !important;
}

body.home .home3-feature-section {
	padding-top: 8px !important;
	padding-bottom: 36px !important;
}

.home3-feature-section .feature-content-wrap .section-title.mb-40 {
	margin-bottom: 18px !important;
}

.home3-feature-section .feature-content-wrap .section-title > span {
	margin-bottom: 6px !important;
}

.home3-feature-section .feature-content-wrap .section-title h2 {
	margin-top: 0 !important;
}

.home3-feature-section .feature-content-wrap .feature-list-wrap .pt-25 {
	padding-top: 14px !important;
}

.home3-feature-section .feature-content-wrap .single-feature {
	gap: 14px;
	padding-bottom: 12px !important;
}

.home3-feature-section .feature-content-wrap .single-feature .icon {
	min-width: 52px;
	max-width: 52px;
	height: 52px;
	background: linear-gradient(145deg, #1d7fe8 0%, #359ff5 100%) !important;
	box-shadow: 0 6px 16px rgba(53, 159, 245, 0.28);
}

.home3-feature-section .feature-content-wrap .single-feature.two .icon {
	background: linear-gradient(145deg, #3d9a42 0%, #54b259 100%) !important;
	box-shadow: 0 6px 16px rgba(84, 178, 89, 0.28);
}

.home3-feature-section .feature-content-wrap .single-feature.three .icon {
	background: linear-gradient(145deg, #d6336c 0%, #eb4278 100%) !important;
	box-shadow: 0 6px 16px rgba(235, 66, 120, 0.28);
}

.home3-feature-section .feature-content-wrap .single-feature .icon img {
	max-width: 28px;
	max-height: 28px;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.home3-feature-section .feature-content-wrap .single-feature .icon .e-font-icon-svg,
.home3-feature-section .feature-content-wrap .single-feature .icon i {
	width: 1.4rem;
	height: 1.4rem;
	font-size: 1.4rem;
	line-height: 1;
	color: var(--autonemo-white) !important;
}

.home3-feature-section .feature-content-wrap .single-feature .icon .e-font-icon-svg {
	fill: var(--autonemo-white) !important;
}

.home3-feature-section .feature-content-wrap .single-feature .content h6 {
	margin-bottom: 6px;
	font-size: 1.05rem;
	line-height: 1.3;
}

.home3-feature-section .feature-content-wrap .single-feature .content p {
	font-size: 0.92rem;
	line-height: 1.55;
}

.home3-feature-section .feature-content-wrap .section-title p {
	font-size: 0.95rem;
	line-height: 1.6;
	margin-bottom: 0;
	padding-top: 12px !important;
}

body.dark .home3-feature-section .section-title h2 {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body.dark .home3-feature-section .section-title > span {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .home3-feature-section .section-title > span svg circle {
	fill: var(--autonemo-red);
}

body.dark .home3-feature-section .section-title p {
	color: rgba(255, 255, 255, 0.82) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

body.dark .home3-feature-section .single-feature .content h6 {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body.dark .home3-feature-section .single-feature .content p {
	color: rgba(255, 255, 255, 0.72) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

@media (max-width: 991px) {
	body.home .elementor-element-e7dd6a8 {
		margin-top: 0 !important;
	}

	body.home .home3-feature-section {
		padding-top: 6px !important;
		padding-bottom: 28px !important;
	}
}

/* Homepage — Telecom partners (inline logo strip) */
.autonemo-tech-partners--inline {
	margin-top: clamp(40px, 5vw, 56px);
	padding-top: clamp(36px, 4vw, 48px);
	border-top: 1px solid rgba(11, 12, 12, 0.08);
}

.autonemo-tech-partners__block {
	margin-bottom: 0;
}

.autonemo-tech-partners__title {
	margin: 0 0 8px;
	text-align: center;
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
	font-size: clamp(1.25rem, 2.2vw, 1.65rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.autonemo-tech-partners__lead {
	max-width: 520px;
	margin: 0 auto 28px;
	text-align: center;
	color: var(--autonemo-ash-text) !important;
	-webkit-text-fill-color: var(--autonemo-ash-text) !important;
	font-size: 0.9rem;
	line-height: 1.55;
}

.autonemo-tech-partners__title--stacked {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.autonemo-tech-partners__title-accent {
	color: var(--autonemo-red);
	-webkit-text-fill-color: var(--autonemo-red);
}

.autonemo-tech-partners__grid {
	display: grid;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 16px;
}

.autonemo-tech-partners__grid--telecom {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

.autonemo-tech-partners__grid--gps {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 18px;
}

.autonemo-tech-partners__card {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: var(--autonemo-white);
	border-radius: 12px;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.autonemo-tech-partners__card:hover {
	transform: translateY(-2px);
}

.autonemo-tech-partners__card--large {
	min-height: 84px;
	padding: 18px 20px;
	border: 1px solid rgba(11, 12, 12, 0.07);
	box-shadow: 0 4px 16px rgba(11, 12, 12, 0.05);
}

.autonemo-tech-partners__card--large:hover {
	border-color: rgba(var(--autonemo-red-rgb), 0.22);
	box-shadow: 0 8px 24px rgba(11, 12, 12, 0.08);
}

.autonemo-tech-partners__card--large img {
	max-height: 48px;
}

.autonemo-tech-partners__card--small {
	min-height: 96px;
	padding: 18px 20px;
	border: 1px solid rgba(11, 12, 12, 0.08);
	box-shadow: 0 8px 24px rgba(11, 12, 12, 0.07);
}

.autonemo-tech-partners__card--small:hover {
	border-color: rgba(var(--autonemo-red-rgb), 0.35);
	box-shadow: 0 12px 28px rgba(11, 12, 12, 0.12);
}

.autonemo-tech-partners__card img {
	display: block;
	max-width: 100%;
	max-height: 48px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.autonemo-tech-partners__card--small img {
	max-height: 44px;
}

.autonemo-tech-partners__fallback {
	color: #4a4a52;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: center;
}

body.dark .autonemo-tech-partners--inline,
body.home-dark2.dark .autonemo-tech-partners--inline {
	border-top-color: rgba(255, 255, 255, 0.1);
}

body.dark .autonemo-tech-partners__title,
body.dark .autonemo-tech-partners__title--stacked > span:not(.autonemo-tech-partners__title-accent),
body.home-dark2.dark .autonemo-tech-partners__title,
body.home-dark2.dark .autonemo-tech-partners__title--stacked > span:not(.autonemo-tech-partners__title-accent) {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body.dark .autonemo-tech-partners__lead,
body.home-dark2.dark .autonemo-tech-partners__lead {
	color: rgba(255, 255, 255, 0.65) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.65) !important;
}

body.dark .autonemo-tech-partners__title-accent,
body.home-dark2.dark .autonemo-tech-partners__title-accent {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .autonemo-tech-partners__card,
body.home-dark2.dark .autonemo-tech-partners__card {
	background: #161718 !important;
}

body.dark .autonemo-tech-partners__card--large,
body.home-dark2.dark .autonemo-tech-partners__card--large {
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

body.dark .autonemo-tech-partners__card--small,
body.home-dark2.dark .autonemo-tech-partners__card--small {
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

body.dark .autonemo-tech-partners__fallback,
body.home-dark2.dark .autonemo-tech-partners__fallback {
	color: rgba(255, 255, 255, 0.72) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

@media (max-width: 1199px) {
	.autonemo-tech-partners__grid--gps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 575px) {
	.autonemo-tech-partners--inline {
		margin-top: 32px;
		padding-top: 28px;
	}

	.autonemo-tech-partners__lead {
		margin-bottom: 20px;
		font-size: 0.82rem;
	}

	.autonemo-tech-partners__grid--telecom {
		gap: 10px;
	}

	.autonemo-tech-partners__card--large {
		min-height: 68px;
		padding: 14px 10px;
		border-radius: 10px;
	}

	.autonemo-tech-partners__card--large img,
	.autonemo-tech-partners__card img {
		max-height: 34px;
	}
}

/* Homepage — Industry We Cover */
.autonemo-industries {
	padding: 88px 0 72px;
	background: #f0f2f4;
}

.autonemo-industries__title {
	margin: 0 0 48px;
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.autonemo-industries__title-accent {
	color: var(--autonemo-red);
	-webkit-text-fill-color: var(--autonemo-red);
	margin-right: 0.28em;
}

.autonemo-industries .row > [class*="col-"] {
	display: flex;
}

.autonemo-industries__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	min-height: 168px;
	padding: 28px 20px 24px;
	border-radius: 14px;
	background: var(--autonemo-white);
	box-shadow: 0 8px 28px rgba(11, 12, 12, 0.07);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.autonemo-industries__card:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 40px rgba(11, 12, 12, 0.12);
}

.autonemo-industries__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin-bottom: 16px;
	border-radius: 50%;
	background: rgba(var(--autonemo-red-rgb), 0.12);
	border: 1px solid rgba(var(--autonemo-red-rgb), 0.2);
}

.autonemo-industries__icon i {
	font-size: 1.5rem;
	color: var(--autonemo-red);
	-webkit-text-fill-color: var(--autonemo-red);
	line-height: 1;
}

.autonemo-industries__icon i::before {
	color: var(--autonemo-red);
	-webkit-text-fill-color: var(--autonemo-red);
}

body.dark .autonemo-industries__icon i,
body.dark .autonemo-industries__icon i::before,
body.home-dark2 .autonemo-industries__icon i,
body.home-dark2 .autonemo-industries__icon i::before,
body:not(.dark) .autonemo-industries__icon i,
body:not(.dark) .autonemo-industries__icon i::before {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

.autonemo-industries__label {
	margin: 0 0 8px;
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
}

.autonemo-industries__text {
	margin: 0;
	color: var(--autonemo-ash-text) !important;
	-webkit-text-fill-color: var(--autonemo-ash-text) !important;
	font-size: 0.82rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}

/* Dark mode — Industry We Cover band */
body.dark .autonemo-industries,
body.home-dark2.dark .autonemo-industries {
	background: #0b0c0c !important;
}

body.dark .autonemo-industries__title,
body.home-dark2.dark .autonemo-industries__title {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body.dark .autonemo-industries__title-accent,
body.home-dark2.dark .autonemo-industries__title-accent {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .autonemo-industries__card,
body.home-dark2.dark .autonemo-industries__card {
	background: #161718 !important;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35);
}

body.dark .autonemo-industries__card:hover,
body.home-dark2.dark .autonemo-industries__card:hover {
	border-color: rgba(var(--autonemo-red-rgb), 0.4);
	box-shadow: 0 16px 40px rgba(226, 35, 26, 0.15);
	transform: translateY(-5px);
}

body.dark .autonemo-industries__icon,
body.home-dark2.dark .autonemo-industries__icon {
	background: rgba(var(--autonemo-red-rgb), 0.18);
	border-color: rgba(var(--autonemo-red-rgb), 0.35);
}

body.dark .autonemo-industries__label,
body.home-dark2.dark .autonemo-industries__label {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body.dark .autonemo-industries__text,
body.home-dark2.dark .autonemo-industries__text {
	color: rgba(255, 255, 255, 0.68) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
}

/* Light site mode */
body:not(.dark) .autonemo-industries,
body.home-dark2:not(.dark) .autonemo-industries {
	background: #f0f2f4 !important;
}

@media (max-width: 991px) {
	.autonemo-industries {
		padding: 64px 0 72px;
	}

	.autonemo-industries__title {
		margin-bottom: 36px;
	}
}

@media (max-width: 575px) {
	.autonemo-industries__card {
		min-height: 0;
		padding: 18px 12px 16px;
	}

	.autonemo-industries__icon {
		width: 56px;
		height: 56px;
		margin-bottom: 12px;
	}

	.autonemo-industries__icon i {
		font-size: 1.2rem;
	}

	.autonemo-industries__label {
		margin-bottom: 6px;
		font-size: 0.88rem;
	}

	.autonemo-industries__text {
		font-size: 0.75rem;
		line-height: 1.45;
	}
}

/* Homepage — client testimonials (logo strip removed) */

/* Homepage — client testimonials autoscroll */
.autonemo-client-testimonials {
	padding: 40px 0 24px;
	background: #f3f5f7;
	overflow: hidden;
}

.autonemo-client-testimonials__header {
	margin-bottom: 36px;
}

.autonemo-client-testimonials__eyebrow {
	display: inline-block;
	margin-bottom: 8px;
	color: var(--autonemo-red);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.autonemo-client-testimonials__title {
	margin: 0 0 10px;
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
	font-size: clamp(1.45rem, 2.4vw, 2rem);
	font-weight: 700;
	line-height: 1.2;
}

body.dark .autonemo-client-testimonials__title {
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
}

.autonemo-client-testimonials__lead {
	max-width: 640px;
	margin: 0 auto;
	color: var(--autonemo-ash-text) !important;
	-webkit-text-fill-color: var(--autonemo-ash-text) !important;
	font-size: 0.95rem;
	line-height: 1.6;
}

.autonemo-client-testimonials__viewport {
	overflow: hidden;
	width: 100%;
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.autonemo-client-testimonials__track {
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	width: max-content;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	animation: autonemo-client-testimonials-scroll 100s linear infinite;
	will-change: transform;
}

@keyframes autonemo-client-testimonials-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.autonemo-client-testimonial {
	flex: 0 0 auto;
	width: min(380px, 82vw);
	padding: 26px 24px 22px;
	border: 1px solid rgba(11, 12, 12, 0.08);
	border-radius: 10px;
	background: var(--autonemo-white);
	box-shadow: 0 8px 24px rgba(11, 12, 12, 0.06);
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.autonemo-client-testimonial:hover {
	border-color: rgba(var(--autonemo-red-rgb), 0.25);
	box-shadow: 0 14px 36px rgba(11, 12, 12, 0.1);
}

.autonemo-client-testimonial__quote {
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	color: #2e2e33;
	font-size: 0.95rem;
	font-style: normal;
	line-height: 1.65;
}

.autonemo-client-testimonial__quote::before {
	content: "\201C";
	color: var(--autonemo-red);
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 0;
	margin-right: 2px;
}

.autonemo-client-testimonial__company {
	margin: 0;
	color: #0d3d4a;
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.35;
}

.autonemo-client-testimonial__stars {
	display: block;
	margin-top: 10px;
	color: #f5b301;
	font-size: 0.75rem;
	letter-spacing: 0.12em;
}

@media (prefers-reduced-motion: reduce) {
	.autonemo-client-testimonials__track {
		animation: none;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 16px;
	}
}

/* Homepage — process cards → divider → VMS trio */
body.home .home3-process-section {
	padding-top: 80px !important;
	padding-bottom: 40px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.autonemo-section-divider {
	display: block;
	padding: 28px var(--autonemo-site-gutter, 24px) 32px;
	background: var(--autonemo-white);
}

.autonemo-section-divider__line {
	display: block;
	max-width: min(var(--autonemo-site-width, 1320px), 100%);
	margin: 0 auto;
	height: 1px;
	border: 0;
	background: linear-gradient(
		90deg,
		transparent 0%,
		var(--autonemo-ash-mid, #d4d4d8) 18%,
		rgba(var(--autonemo-red-rgb, 226, 35, 26), 0.45) 50%,
		var(--autonemo-ash-mid, #d4d4d8) 82%,
		transparent 100%
	);
}

.home3-process-section + .autonemo-section-divider + .autonemo-vms-trio,
.home3-process-section + .autonemo-vms-trio {
	margin-top: 0;
}

/* Homepage #3 — What / Who / Benefit */
.autonemo-vms-trio {
	padding: 48px 0 28px;
	margin-bottom: 0 !important;
	background: linear-gradient(180deg, #f4f5f7 0%, var(--autonemo-white) 100%);
}

/* Tighter handoff to stats / countdown band */
body.home .autonemo-vms-trio + .home3-countdown-section,
body.home .elementor-element:has(.autonemo-vms-trio) + .elementor-element:has(.home3-countdown-section) {
	margin-top: 0 !important;
}

body.home .home3-countdown-section {
	margin-top: 0 !important;
}

.autonemo-vms-trio__eyebrow {
	display: inline-block;
	margin-bottom: 10px;
	color: var(--autonemo-red);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.autonemo-vms-trio__title {
	margin: 0 0 14px;
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
	font-size: clamp(1.55rem, 2.5vw, 2.2rem);
	font-weight: 700;
	line-height: 1.2;
}

body.dark .autonemo-vms-trio__title {
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
}

.autonemo-vms-trio__lead {
	max-width: 720px;
	margin: 0 auto 48px;
	color: var(--autonemo-ash-text) !important;
	-webkit-text-fill-color: var(--autonemo-ash-text) !important;
	font-size: 1.02rem;
	line-height: 1.7;
}

body.dark .autonemo-vms-trio__lead {
	color: #4a4a52 !important;
	-webkit-text-fill-color: #4a4a52 !important;
}

.autonemo-vms-trio__header {
	margin-bottom: 8px;
}

.autonemo-vms-trio__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 28px 26px 26px;
	border: 1px solid var(--autonemo-ash-mid);
	border-radius: 12px;
	background: var(--autonemo-white);
	box-shadow: 0 10px 32px rgba(11, 12, 12, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.autonemo-vms-trio__card:hover {
	transform: translateY(-4px);
	border-color: rgba(var(--autonemo-red-rgb), 0.35);
	box-shadow: 0 16px 40px rgba(11, 12, 12, 0.1);
}

.autonemo-vms-trio__card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}

.autonemo-vms-trio__step {
	color: rgba(var(--autonemo-red-rgb), 0.35);
	font-size: 2rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
}

.autonemo-vms-trio__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 10px;
	background: rgba(var(--autonemo-red-rgb), 0.1);
	color: var(--autonemo-red);
}

.autonemo-vms-trio__icon i {
	font-size: 1.35rem;
}

.autonemo-vms-trio__card-title {
	margin: 0 0 12px;
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
}

body.dark .autonemo-vms-trio__card-title {
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
}

.autonemo-vms-trio__card-intro {
	margin: 0 0 16px;
	color: #3d3d42 !important;
	-webkit-text-fill-color: #3d3d42 !important;
	font-size: 0.95rem;
	line-height: 1.65;
}

.autonemo-vms-trio__points {
	margin: 0;
	padding: 0;
	list-style: none;
}

.autonemo-vms-trio__points li {
	position: relative;
	margin: 0 0 10px;
	padding-left: 22px;
	color: var(--autonemo-ash-text);
	font-size: 0.9rem;
	line-height: 1.5;
}

.autonemo-vms-trio__points li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--autonemo-red);
}

.autonemo-vms-trio__points li:last-child {
	margin-bottom: 0;
}

.autonemo-vms-trio__footer {
	margin-top: 40px;
}

.autonemo-vms-trio__footer .primary-btn2,
.autonemo-vms-trio__footer .primary-btn2 > span,
.autonemo-vms-trio__footer .primary-btn2::after {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.autonemo-vms-trio__footer .primary-btn2:hover,
.autonemo-vms-trio__footer .primary-btn2:hover > span,
.autonemo-vms-trio__footer .primary-btn2:hover::after {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background-color: var(--autonemo-red, #e2231a) !important;
}

body.dark .autonemo-vms-trio {
	background: linear-gradient(180deg, #ececee 0%, #f8f9fa 100%);
}

@media (max-width: 991px) {
	body.home .home3-process-section {
		padding-top: 56px !important;
		padding-bottom: 32px !important;
	}

	.autonemo-section-divider {
		padding: 22px var(--autonemo-site-gutter, 20px) 26px;
	}

	.autonemo-vms-trio {
		padding: 40px 0 24px;
	}

	.autonemo-vms-trio__lead {
		margin-bottom: 36px;
	}
}

@media (max-width: 575px) {
	.autonemo-section-divider {
		padding: 18px 16px 22px;
	}
}

/* Homepage — Why choose Autonemo (two-column) */
.autonemo-why-choose {
	padding: 88px 0;
	background: var(--autonemo-white);
}

.autonemo-why-choose__title {
	margin: 0 0 22px;
	color: #0d3d4a !important;
	-webkit-text-fill-color: #0d3d4a !important;
	font-family: var(--font-hankenGrotesk, var(--font-inter, sans-serif));
	font-size: clamp(1.65rem, 2.6vw, 2.35rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

body.dark .autonemo-why-choose__title {
	color: #0d3d4a !important;
	-webkit-text-fill-color: #0d3d4a !important;
}

.autonemo-why-choose .autonemo-mark--accent {
	background: none;
	padding: 0;
	color: var(--autonemo-red);
	font-weight: 700;
	-webkit-text-fill-color: var(--autonemo-red);
}

.autonemo-why-choose__copy p {
	margin: 0 0 16px;
	color: #1a4a57 !important;
	-webkit-text-fill-color: #1a4a57 !important;
	font-size: 1rem;
	line-height: 1.75;
}

body.dark .autonemo-why-choose__copy p {
	color: #1a4a57 !important;
	-webkit-text-fill-color: #1a4a57 !important;
}

.autonemo-why-choose__copy p:last-of-type {
	margin-bottom: 28px;
}

.autonemo-why-choose__cta {
	margin-top: 4px;
}

.autonemo-why-choose__cta.primary-btn2,
.autonemo-why-choose__cta.primary-btn2 > span {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body.dark .autonemo-why-choose__cta.primary-btn2,
body.dark .autonemo-why-choose__cta.primary-btn2 > span,
body.home-dark2 .autonemo-why-choose__cta.primary-btn2,
body.home-dark2 .autonemo-why-choose__cta.primary-btn2 > span,
body:not(.dark) .autonemo-why-choose__cta.primary-btn2,
body:not(.dark) .autonemo-why-choose__cta.primary-btn2 > span {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.autonemo-why-choose__cta.primary-btn2:hover,
.autonemo-why-choose__cta.primary-btn2:hover > span {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.autonemo-why-choose__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.autonemo-why-choose__item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 10px;
	background: #f3f6f8;
	transition: background 0.25s ease, box-shadow 0.25s ease;
}

.autonemo-why-choose__item:hover {
	background: #eaf2f4;
	box-shadow: 0 6px 20px rgba(13, 61, 74, 0.08);
}

.autonemo-why-choose__check {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(var(--autonemo-red-rgb), 0.1);
	color: var(--autonemo-red);
}

.autonemo-why-choose__text {
	color: #0d3d4a;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.45;
}

.autonemo-why-choose__footnote {
	margin: 14px 0 0;
	padding-left: 4px;
	font-size: 0.9rem;
}

.autonemo-why-choose__footnote a {
	color: var(--autonemo-red);
	font-weight: 600;
	text-decoration: none;
}

.autonemo-why-choose__footnote a:hover {
	text-decoration: underline;
}

body.dark .autonemo-why-choose,
body.home-dark2 .autonemo-why-choose {
	background: #f8f9fa;
}

@media (max-width: 991px) {
	.autonemo-why-choose {
		padding: 64px 0;
	}

	.autonemo-why-choose__title {
		margin-bottom: 18px;
	}
}

/* Homepage — 100-feature dual marquee */
.autonemo-feature-marquee {
	position: relative;
	padding: 72px 0 88px;
	background: #050a14;
	overflow: hidden;
}

.autonemo-feature-marquee::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 50% -20%, rgba(var(--autonemo-red-rgb), 0.18), transparent 60%),
		radial-gradient(ellipse 40% 30% at 10% 50%, rgba(0, 123, 255, 0.08), transparent 50%),
		radial-gradient(ellipse 40% 30% at 90% 80%, rgba(0, 123, 255, 0.06), transparent 50%);
	pointer-events: none;
}

.autonemo-feature-marquee__header {
	position: relative;
	z-index: 1;
	max-width: 720px;
	margin: 0 auto 48px;
	text-align: center;
}

.autonemo-feature-marquee__eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.55);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.autonemo-feature-marquee__title {
	margin: 0 0 14px;
	color: var(--autonemo-white);
	font-size: clamp(1.5rem, 2.5vw, 2.15rem);
	line-height: 1.25;
}

.autonemo-feature-marquee__lead {
	margin: 0 auto 24px;
	max-width: 620px;
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.98rem;
	line-height: 1.6;
}

.autonemo-feature-marquee__rows {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.autonemo-feature-marquee__viewport {
	overflow: hidden;
	width: 100%;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.autonemo-feature-marquee__track {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 16px;
	width: max-content;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	will-change: transform;
}

.autonemo-feature-marquee__track--ltr {
	animation: autonemo-marquee-ltr 120s linear infinite;
}

.autonemo-feature-marquee__track--rtl {
	animation: autonemo-marquee-rtl 120s linear infinite;
}

@keyframes autonemo-marquee-ltr {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@keyframes autonemo-marquee-rtl {
	from {
		transform: translateX(-50%);
	}
	to {
		transform: translateX(0);
	}
}

.autonemo-marquee-card-item {
	flex: 0 0 auto;
	list-style: none;
}

a.autonemo-marquee-card {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

a.autonemo-marquee-card:focus-visible {
	outline: 2px solid rgba(0, 123, 255, 0.85);
	outline-offset: 3px;
}

.autonemo-marquee-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: 196px;
	min-height: 148px;
	padding: 22px 16px 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	text-align: center;
	transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.autonemo-marquee-card__glow {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(circle at 50% 45%, rgba(0, 123, 255, 0.35), transparent 68%);
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.autonemo-marquee-card:hover,
.autonemo-marquee-card:focus-within {
	border-color: rgba(0, 123, 255, 0.45);
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 12px 40px rgba(0, 123, 255, 0.22);
}

.autonemo-marquee-card:hover .autonemo-marquee-card__glow,
.autonemo-marquee-card:focus-within .autonemo-marquee-card__glow {
	opacity: 1;
}

.autonemo-marquee-card__icon {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
}

.autonemo-marquee-card__icon i {
	font-size: 1.65rem;
	color: #3b9eff;
	filter: drop-shadow(0 0 8px rgba(0, 123, 255, 0.85));
	transition: transform 0.3s ease, filter 0.3s ease;
}

.autonemo-marquee-card:hover .autonemo-marquee-card__icon i,
.autonemo-marquee-card:focus-within .autonemo-marquee-card__icon i {
	transform: scale(1.08);
	filter: drop-shadow(0 0 14px rgba(0, 123, 255, 1));
}

.autonemo-marquee-card__label {
	position: relative;
	z-index: 1;
	color: var(--autonemo-white);
	font-size: 0.82rem;
	font-weight: 500;
	line-height: 1.35;
}

.autonemo-feature-related {
	margin-top: 2.5rem;
	padding: 1.75rem 1.5rem;
	border: 1px solid rgba(0, 123, 255, 0.2);
	border-radius: 12px;
	background: rgba(0, 123, 255, 0.06);
}

.autonemo-feature-related h2 {
	margin: 0 0 0.75rem;
	font-size: 1.35rem;
}

.autonemo-feature-related__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 0.5rem 1rem;
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

.autonemo-feature-related__list a {
	color: var(--primary-color1, #007bff);
	text-decoration: none;
	font-weight: 500;
}

.autonemo-feature-related__list a:hover {
	text-decoration: underline;
}

.autonemo-feature-related__more {
	margin: 1.25rem 0 0;
}

.autonemo-feature-post-thumb-link {
	display: block;
	border-radius: 8px;
	overflow: hidden;
}

.autonemo-feature-post-thumb-link:focus-visible {
	outline: 2px solid rgba(0, 123, 255, 0.85);
	outline-offset: 3px;
}

@media (max-width: 767px) {
	.autonemo-feature-marquee {
		padding: 56px 0 64px;
	}

	.autonemo-marquee-card {
		width: 168px;
		min-height: 132px;
		padding: 18px 12px;
	}

	.autonemo-feature-marquee__track--ltr,
	.autonemo-feature-marquee__track--rtl {
		animation-duration: 90s;
	}
}

@media (prefers-reduced-motion: reduce) {
	.autonemo-feature-marquee__track--ltr,
	.autonemo-feature-marquee__track--rtl {
		animation: none;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
	}
}

/* Homepage — four solution cards (reference layout) */
.autonemo-solution-cards-section {
	position: relative;
	padding: 0 0 88px;
	margin-top: -24px;
	overflow: hidden;
}

.autonemo-solution-cards-section__backdrop {
	position: absolute;
	inset: 0 0 auto 0;
	height: 42%;
	background-color: var(--autonemo-red);
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	opacity: 0.92;
}

.autonemo-solution-cards-section__backdrop::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(11, 12, 12, 0.55) 0%, rgba(11, 12, 12, 0.15) 55%, transparent 100%);
}

.autonemo-solution-cards-section > .container {
	position: relative;
	z-index: 1;
	padding-top: 56px;
}

.autonemo-solution-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 300px;
	padding: 28px 26px 56px;
	background: var(--autonemo-white);
	border: 1px solid rgba(var(--autonemo-red-rgb), 0.22);
	border-radius: 6px;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.autonemo-solution-card:hover {
	transform: translateY(-4px);
	border-color: rgba(var(--autonemo-red-rgb), 0.45);
	box-shadow: 0 18px 40px rgba(11, 12, 12, 0.12);
}

.autonemo-solution-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 0 16px;
	border-radius: 8px;
	background: rgba(var(--autonemo-red-rgb), 0.08);
}

.autonemo-solution-card__icon i {
	font-size: 1.35rem;
	color: var(--autonemo-red);
	-webkit-text-fill-color: var(--autonemo-red);
	line-height: 1;
}

.autonemo-solution-card__icon i::before {
	color: var(--autonemo-red);
	-webkit-text-fill-color: var(--autonemo-red);
}

body.dark .autonemo-solution-card__icon,
body.home-dark2 .autonemo-solution-card__icon {
	background: rgba(var(--autonemo-red-rgb), 0.14);
	border: 1px solid rgba(var(--autonemo-red-rgb), 0.22);
}

body.dark .autonemo-solution-card__icon i,
body.dark .autonemo-solution-card__icon i::before,
body.home-dark2 .autonemo-solution-card__icon i,
body.home-dark2 .autonemo-solution-card__icon i::before {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .autonemo-solution-card__arrow,
body.home-dark2 .autonemo-solution-card__arrow {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .autonemo-solution-card__arrow svg,
body.home-dark2 .autonemo-solution-card__arrow svg {
	stroke: var(--autonemo-red);
}

.autonemo-solution-card__title {
	margin: 0 0 10px;
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
	font-family: var(--font-hankenGrotesk, var(--font-inter, sans-serif));
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: left;
}

body.dark .autonemo-solution-card__title {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

.autonemo-solution-card__text {
	flex: 1;
	margin: 0;
	color: var(--autonemo-ash-text);
	font-size: 0.95rem;
	line-height: 1.65;
}

.autonemo-solution-card__arrow {
	position: absolute;
	right: 22px;
	bottom: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(var(--autonemo-red-rgb), 0.12);
	color: var(--autonemo-red);
	text-decoration: none;
	transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.autonemo-solution-card__arrow:hover {
	background: var(--autonemo-red);
	color: var(--autonemo-white);
	transform: translateX(2px);
}

body.dark .autonemo-solution-card,
body.home-dark2 .autonemo-solution-card {
	background: var(--autonemo-white);
}

body.dark .autonemo-solution-card__text,
body.home-dark2 .autonemo-solution-card__text {
	color: #4a4a52;
}

@media (max-width: 991px) {
	.autonemo-solution-cards-section {
		padding-bottom: 64px;
	}

	.autonemo-solution-cards-section > .container {
		padding-top: 40px;
	}
}

@media (max-width: 575px) {
	.autonemo-solution-card {
		min-height: 0;
		padding-bottom: 52px;
	}
}

/* Homepage stats / countdown — straight top edge (no slant), wider heading */
.home3-countdown-section {
	padding-top: 48px !important;
	padding-bottom: 72px !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	border-radius: 0 !important;
}

.home3-countdown-section .section-title {
	max-width: min(920px, 78%) !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 40px !important;
	text-align: center;
}

.home3-countdown-section .section-title h2 {
	font-size: clamp(1.65rem, 2.8vw, 2.5rem);
	line-height: 1.38;
	letter-spacing: -0.02em;
	margin-bottom: 10px;
}

.home3-countdown-section .section-title h2 .autonemo-mark--rounded {
	font-size: inherit;
	vertical-align: baseline;
}

/* Countdown band stays dark in light mode — pill marks + lead line */
body:not(.dark) .home3-countdown-section .section-title h2,
body.home-dark2:not(.dark) .home3-countdown-section .section-title h2,
body:not(.dark) .home3-countdown-section .section-title p,
body.home-dark2:not(.dark) .home3-countdown-section .section-title p {
	color: rgba(255, 255, 255, 0.9);
	-webkit-text-fill-color: rgba(255, 255, 255, 0.9);
}

body:not(.dark) .home3-countdown-section .section-title p,
body.home-dark2:not(.dark) .home3-countdown-section .section-title p {
	color: rgba(255, 255, 255, 0.75);
	-webkit-text-fill-color: rgba(255, 255, 255, 0.75);
}

body:not(.dark) .home3-countdown-section .section-title .autonemo-mark--rounded,
body.home-dark2:not(.dark) .home3-countdown-section .section-title .autonemo-mark--rounded {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

.home3-countdown-section .section-title p {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 0;
}

.home3-countdown-section .row.g-lg-4 {
	margin-top: 0;
}

@media (max-width: 1199px) {
	.home3-countdown-section {
		-webkit-clip-path: none !important;
		clip-path: none !important;
	}
}

@media (max-width: 991px) {
	.home3-countdown-section {
		padding-top: 64px !important;
		padding-bottom: 56px !important;
		-webkit-clip-path: none !important;
		clip-path: none !important;
	}

	.home3-countdown-section .section-title {
		max-width: 100% !important;
		margin-bottom: 36px !important;
	}
}

@media (max-width: 767px) {
	.home3-countdown-section .section-title h2 {
		font-size: 1.45rem;
	}

	.home3-countdown-section .section-title {
		margin-bottom: 28px !important;
	}
}

/* Stats band v2 — clean dark panel, glass stat cards, no map clutter */
body.home .home3-countdown-section.autonemo-countdown-v2 {
	background-image: none !important;
	background: linear-gradient(165deg, #0a0b0e 0%, #12151c 50%, #0a0b0e 100%) !important;
	padding: clamp(56px, 8vw, 88px) 0 clamp(52px, 6vw, 72px) !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	border-radius: 0 !important;
	overflow: hidden;
	isolation: isolate;
}

body.home .home3-countdown-section.autonemo-countdown-v2::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 55% at 50% -10%, rgba(226, 35, 26, 0.14), transparent 58%),
		radial-gradient(ellipse 50% 40% at 100% 100%, rgba(226, 35, 26, 0.08), transparent 55%);
	pointer-events: none;
	z-index: 0;
}

body.home .home3-countdown-section.autonemo-countdown-v2 > .container {
	position: relative;
	z-index: 1;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .section-title {
	max-width: 680px !important;
	width: 100%;
	margin: 0 auto clamp(36px, 5vw, 52px) !important;
	text-align: center !important;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .autonemo-countdown-eyebrow {
	display: inline-block;
	margin-bottom: 14px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .section-title h2 {
	font-size: clamp(1.75rem, 3.2vw, 2.65rem);
	line-height: 1.22;
	letter-spacing: -0.025em;
	margin-bottom: 14px;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .autonemo-countdown-accent {
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	font-weight: inherit;
	color: #ff6b63 !important;
	-webkit-text-fill-color: #ff6b63 !important;
	box-shadow: none;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .section-title p {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.02rem;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.72) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .row.g-lg-4 {
	margin-top: 0;
	--bs-gutter-x: 1.25rem;
	--bs-gutter-y: 1.25rem;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .row.g-lg-4 > [class*="col-"] {
	display: flex;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .single-countdown {
	flex: 1;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0;
	width: 100%;
	padding: clamp(20px, 2.5vw, 28px);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: border-color 0.2s ease, background 0.2s ease;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .single-countdown:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(226, 35, 26, 0.35);
}

body.home .home3-countdown-section.autonemo-countdown-v2 .single-countdown .icon {
	display: none;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .single-countdown .content {
	width: 100%;
	text-align: center;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .single-countdown .content .number {
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .single-countdown .content .number h5,
body.home .home3-countdown-section.autonemo-countdown-v2 .single-countdown .content .number span {
	font-size: clamp(1.85rem, 3vw, 2.35rem) !important;
	font-weight: 800 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	letter-spacing: -0.02em;
}

body.home .home3-countdown-section.autonemo-countdown-v2 .single-countdown .content p {
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.62) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

@media (max-width: 991px) {
	body.home .home3-countdown-section.autonemo-countdown-v2 .section-title {
		margin-bottom: 32px !important;
	}

	/*
	 * Homepage stats: 2×2 grid on phones (Bootstrap is col-sm-6 only ≥576px).
	 * Applies to all countdown rows in this section — v2 uses the same markup.
	 */
	body.home .home3-countdown-section .row.g-lg-4 > [class*="col-"] {
		flex: 0 0 50%;
		max-width: 50%;
	}

	body.home .home3-countdown-section.autonemo-countdown-v2 .row.g-lg-4 {
		--bs-gutter-x: 0.875rem;
		--bs-gutter-y: 1rem;
	}
}

@media (max-width: 767px) {
	body.home .home3-countdown-section.autonemo-countdown-v2 .section-title h2 {
		font-size: 1.55rem;
	}
}

/* Homepage process cards — equal height + visible icons */
.home3-process-section .row.g-4 {
	display: flex;
	flex-wrap: wrap;
}

.home3-process-section .row.g-4 > [class*="col-"] {
	display: flex;
}

.home3-process-section .process-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	min-height: 240px;
	height: 100%;
	text-align: center;
}

.home3-process-section .process-card .content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.home3-process-section .process-card .content h4 {
	font-size: 1.2rem;
	line-height: 1.35;
	font-weight: 600;
	letter-spacing: -0.02em;
	margin-bottom: 10px;
}

.home3-process-section .process-card .content p {
	flex: 1 1 auto;
	margin-bottom: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	letter-spacing: 0;
}

.home3-process-section .process-card .process-card-top {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 14px;
}

.home3-process-section .process-card .process-card-top .number {
	width: 100%;
	text-align: center;
}

.home3-process-section .process-card .process-card-top .icon {
	flex-shrink: 0;
	width: 46px !important;
	height: 46px !important;
	min-width: 46px;
	max-width: 46px;
}

.home3-process-section .process-card .process-card-top .icon i {
	font-size: 1.05rem;
	line-height: 1;
	color: var(--autonemo-red);
}

.home3-process-section .process-card .process-card-top .icon svg,
.home3-process-section .process-card .process-card-top .icon .e-font-icon-svg {
	width: 20px !important;
	height: 20px !important;
	max-width: 20px;
	max-height: 20px;
	fill: var(--autonemo-red) !important;
}

.home3-process-section .process-card:hover .process-card-top .icon svg,
.home3-process-section .process-card:hover .process-card-top .icon .e-font-icon-svg {
	width: 20px !important;
	height: 20px !important;
}

/* Light mode — pastel cards need dark text (homepage toggle off dark) */
body:not(.dark) .home3-process-section .process-card .content h4 {
	color: var(--autonemo-black) !important;
}

body:not(.dark) .home3-process-section .process-card .content p {
	color: #4a4a4f !important;
}

body:not(.dark) .home3-process-section .process-card .process-card-top .icon {
	background-color: var(--autonemo-white);
}

/* Dark mode — cards use theme dark panel */
body.dark .home3-process-section .process-card .process-card-top .icon {
	background-color: rgba(255, 255, 255, 0.12);
}

body.dark .home3-process-section .process-card .process-card-top .icon svg,
body.dark .home3-process-section .process-card .process-card-top .icon .e-font-icon-svg {
	fill: var(--autonemo-red) !important;
}

body.dark .home3-process-section .process-card .content h4 {
	color: var(--autonemo-white) !important;
}

body.dark .home3-process-section .process-card .content p {
	color: rgba(255, 255, 255, 0.78) !important;
}

/* Dark / light mode toggle (Zenfy — fixed left by default; move for visibility) */
.tt-style-switch {
	left: auto !important;
	right: 20px !important;
	top: auto !important;
	bottom: 24px !important;
	width: 48px !important;
	height: 48px !important;
	border-radius: 50% !important;
	background-color: var(--autonemo-red) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	z-index: 10001 !important;
}

.tt-style-switch:hover {
	background-color: var(--autonemo-black) !important;
	width: 48px !important;
}

.tt-style-switch .bi {
	font-size: 1.25rem !important;
}

@media (max-width: 767px) {
	.autonemo-atlas .atlas-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------------------
   Bangla overview + FAQ (100 items from Laravel export)
   ------------------------------------------------------------------------- */
body.autonemo-bangla-faq-page .autonemo-page-content,
body.autonemo-bangla-faq-page .autonemo-page-content :where(
	h1, h2, h3, h4, h5, h6,
	p, a, li, ul, ol,
	summary, details, span, strong, small, button
) {
	font-family: var(--autonemo-bangla-font) !important;
	letter-spacing: 0;
}

body.autonemo-bangla-faq-page .autonemo-page-content h2 {
	font-size: clamp(1.5rem, 3vw, 2rem);
	line-height: 1.3;
}

body.autonemo-bangla-faq-page .autonemo-page-content .lead {
	font-size: 1rem;
	line-height: 1.55;
}

[lang="bn"] {
	font-family: var(--autonemo-bangla-font);
}

/* FAQ section header — centered */
.autonemo-bangla-faq__head {
	text-align: center;
	max-width: 900px;
	margin: 0 auto 32px;
}

.autonemo-bangla-faq__head .lead {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.autonemo-bangla-faq .bangla-faq-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(140px, 1fr));
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 20px auto 24px;
	max-width: 360px;
	width: 100%;
}

.autonemo-bangla-faq .bangla-faq-stats li {
	background: rgba(0, 0, 0, 0.04);
	border-radius: 12px;
	padding: 14px 16px;
}

.autonemo-bangla-faq .bangla-faq-stats strong {
	display: block;
	font-size: 1.5rem;
	line-height: 1.2;
}

.autonemo-bangla-faq .bangla-faq-stats span {
	font-size: 0.85rem;
	opacity: 0.8;
}

.autonemo-bangla-faq .bangla-faq-jump {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-bottom: 0;
}

.autonemo-bangla-faq .bangla-faq-jump a {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 0.85rem;
	background: rgba(0, 0, 0, 0.06);
	text-decoration: none;
	color: inherit;
}

.autonemo-bangla-faq .bangla-faq-jump a:hover {
	background: var(--autonemo-red);
	color: #fff;
}

.autonemo-bangla-faq .bangla-faq-category {
	margin-bottom: 40px;
	scroll-margin-top: 120px;
}

.autonemo-bangla-faq .bangla-faq-category__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 10px;
	margin-bottom: 16px;
}

.autonemo-bangla-faq .bangla-faq-category__head h3 {
	margin: 0;
	font-size: 1.25rem;
}

.autonemo-bangla-faq .bangla-faq-category__count {
	font-size: 0.85rem;
	opacity: 0.7;
	white-space: nowrap;
}

.autonemo-bangla-faq .bangla-faq-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	align-items: start;
}

@media (max-width: 767px) {
	.autonemo-bangla-faq .bangla-faq-list {
		grid-template-columns: 1fr;
	}
}

.autonemo-bangla-faq .bangla-faq-item {
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}

.autonemo-bangla-faq .bangla-faq-item summary {
	cursor: pointer;
	padding: 12px 16px;
	font-size: 0.95rem;
	line-height: 1.45;
	font-weight: 600;
	list-style: none;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.autonemo-bangla-faq .bangla-faq-item summary::-webkit-details-marker {
	display: none;
}

.autonemo-bangla-faq .bangla-faq-item__num {
	flex: 0 0 auto;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--autonemo-red);
	min-width: 2rem;
}

.autonemo-bangla-faq .bangla-faq-item__answer {
	padding: 0 16px 14px 3rem;
	font-size: 0.9rem;
	line-height: 1.55;
	color: rgba(0, 0, 0, 0.78);
}

.autonemo-bangla-faq .bangla-faq-cta {
	margin-top: 24px;
}

/* Bangla FAQ — light mode */
body:not(.dark) .autonemo-bangla-faq-page .autonemo-page-content,
body:not(.dark) .autonemo-bangla-faq-page .autonemo-page-content h1,
body:not(.dark) .autonemo-bangla-faq-page .autonemo-page-content h2,
body:not(.dark) .autonemo-bangla-faq-page .autonemo-page-content h3,
body:not(.dark) .autonemo-bangla-faq-page .autonemo-page-content .lead {
	color: var(--autonemo-black);
}

body:not(.dark) .autonemo-bangla-faq .bangla-faq-eyebrow {
	color: var(--autonemo-red) !important;
}

body:not(.dark) .autonemo-bangla-faq .bangla-faq-jump a {
	background: rgba(0, 0, 0, 0.06);
	color: var(--autonemo-black);
}

body:not(.dark) .autonemo-bangla-faq .bangla-faq-item summary {
	color: var(--autonemo-black);
}

body:not(.dark) .autonemo-bangla-faq .bangla-faq-item__answer {
	color: rgba(0, 0, 0, 0.78);
}

body:not(.dark) .autonemo-bangla-faq .bangla-faq-item__num {
	color: var(--autonemo-red) !important;
}

/* Bangla FAQ — dark mode only */
body.dark .autonemo-bangla-faq .bangla-faq-eyebrow {
	color: var(--autonemo-white) !important;
}

body.dark .autonemo-bangla-faq .bangla-faq-stats li {
	background: rgba(255, 255, 255, 0.06);
}

body.dark .autonemo-bangla-faq .bangla-faq-jump a {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

body.dark .autonemo-bangla-faq .bangla-faq-category__head {
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

body.dark .autonemo-bangla-faq .bangla-faq-item {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

body.dark .autonemo-bangla-faq .bangla-faq-item summary {
	color: var(--autonemo-white);
}

body.dark .autonemo-bangla-faq .bangla-faq-item__answer {
	color: rgba(255, 255, 255, 0.78);
}

body.dark .autonemo-bangla-faq .bangla-faq-item__num {
	color: #fff;
}

/* Marketing pages — light toggle */
body:not(.dark) .autonemo-page-content,
body:not(.dark) .autonemo-page-content h1,
body:not(.dark) .autonemo-page-content h2,
body:not(.dark) .autonemo-page-content h3,
body:not(.dark) .autonemo-page-content h4 {
	color: var(--autonemo-black);
}

body:not(.dark) .autonemo-page-content p,
body:not(.dark) .autonemo-page-content .lead,
body:not(.dark) .autonemo-page-content li {
	color: var(--autonemo-ash-text);
}

body:not(.dark) .autonemo-page-content a:not(.primary-btn1):not(.primary-btn2) {
	color: var(--autonemo-black);
}

/* -------------------------------------------------------------------------
   Contact page
   ------------------------------------------------------------------------- */
.autonemo-contact-hero {
	margin-bottom: 20px;
	padding: 24px 24px 16px;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(226, 35, 26, 0.12), rgba(226, 35, 26, 0.03));
	border: 1px solid rgba(226, 35, 26, 0.18);
}

.autonemo-contact-hero h1 {
	margin-bottom: 10px;
}

.autonemo-contact-hero .lead {
	margin-bottom: 14px;
}

.autonemo-contact-enquiry {
	margin: 14px 0 0;
	padding: 10px 16px;
	border-radius: 10px;
	background: rgba(226, 35, 26, 0.08);
	border: 1px solid rgba(226, 35, 26, 0.2);
	max-width: 420px;
}

.autonemo-contact-enquiry .autonemo-enquiry-hotline__primary,
.autonemo-contact-enquiry .autonemo-enquiry-hotline__line {
	margin: 0;
	line-height: 1.4;
}

.autonemo-contact-enquiry .autonemo-enquiry-hotline__primary {
	font-size: 1rem;
}

.autonemo-contact-enquiry .autonemo-enquiry-hotline__line {
	font-size: 1.1rem;
}

body:not(.dark) .autonemo-contact-enquiry {
	background: #fff5f4;
}

.autonemo-contact-eyebrow {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--autonemo-red);
	margin: 0 0 8px;
}

.autonemo-contact-grid {
	display: grid;
	grid-template-columns: minmax(280px, 360px);
	gap: 32px;
	align-items: start;
}

.autonemo-contact-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.autonemo-contact-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	padding: 20px 22px;
	margin-bottom: 16px;
}

body:not(.dark) .autonemo-contact-card {
	background: var(--autonemo-ash);
	border-color: var(--autonemo-ash-mid);
}

.autonemo-contact-card h2,
.autonemo-contact-card h3 {
	font-size: 1.05rem;
	margin: 0 0 12px;
}

.autonemo-contact-card h3 a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.autonemo-contact-card h3 a:hover {
	color: var(--autonemo-red);
}

.autonemo-contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.autonemo-contact-list li {
	margin-bottom: 10px;
	font-size: 0.95rem;
	line-height: 1.5;
}

.autonemo-contact-list a {
	color: inherit;
	text-decoration: none;
}

.autonemo-contact-list a:hover {
	color: var(--autonemo-red);
}

.autonemo-contact-phone-note,
.autonemo-enquiry-hotline__note {
	display: block;
	margin-top: 2px;
	font-size: 0.82rem;
	font-weight: 500;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.72);
}

body:not(.dark) .autonemo-contact-phone-note,
body:not(.dark) .autonemo-enquiry-hotline__note {
	color: var(--autonemo-ash-text);
}

.autonemo-contact-office p {
	margin: 0 0 4px;
	font-size: 0.9rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.82);
}

body:not(.dark) .autonemo-contact-office p {
	color: var(--autonemo-ash-text);
}

.autonemo-contact-office {
	margin-bottom: 16px;
}

.autonemo-contact-office:last-child {
	margin-bottom: 0;
}

.autonemo-contact-hours p {
	margin: 0 0 8px;
	font-size: 0.9rem;
}

.autonemo-contact-demo {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.autonemo-contact-map {
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.autonemo-contact-map--full {
	width: 100%;
	margin-top: 12px;
}

.autonemo-contact-map--full iframe {
	display: block;
	width: 100%;
	min-height: 420px;
}

.autonemo-contact-form-wrap {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	padding: 22px;
}

body:not(.dark) .autonemo-contact-form-wrap {
	background: #fff;
	border-color: var(--autonemo-ash-mid);
}

.autonemo-contact-form-wrap h2 {
	margin-bottom: 8px;
}

.autonemo-contact-form-lead {
	margin-bottom: 20px;
	font-size: 0.95rem;
	opacity: 0.85;
}

.autonemo-contact-form-wrap .wpcf7-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.875rem;
}

.autonemo-contact-form-wrap .wpcf7-form p {
	margin-bottom: 14px;
}

.autonemo-contact-form-wrap input[type="text"],
.autonemo-contact-form-wrap input[type="email"],
.autonemo-contact-form-wrap input[type="tel"],
.autonemo-contact-form-wrap textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.2);
	color: inherit;
}

body:not(.dark) .autonemo-contact-form-wrap input,
body:not(.dark) .autonemo-contact-form-wrap textarea {
	background: #fff;
	border-color: var(--autonemo-ash-mid);
}

.autonemo-contact-form-wrap .wpcf7-submit,
.autonemo-contact-form-wrap input[type="submit"] {
	background: var(--autonemo-red) !important;
	border: none;
	color: #fff;
	padding: 12px 28px;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 8px;
}

@media (max-width: 991px) {
	.autonemo-contact-grid {
		grid-template-columns: 1fr;
	}

	.autonemo-contact-hero {
		padding: 18px 16px;
	}

	.autonemo-contact-form-wrap {
		padding: 16px;
	}
}

/* -------------------------------------------------------------------------
   Autonemo footer (contact + offices)
   ------------------------------------------------------------------------- */
.autonemo-footer {
	background-color: #0b1628;
	background-image:
		linear-gradient(180deg, rgba(11, 22, 40, 0.94) 0%, rgba(7, 11, 18, 0.98) 100%),
		repeating-linear-gradient(
			0deg,
			transparent,
			transparent 39px,
			rgba(120, 180, 220, 0.04) 39px,
			rgba(120, 180, 220, 0.04) 40px
		),
		repeating-linear-gradient(
			90deg,
			transparent,
			transparent 39px,
			rgba(120, 180, 220, 0.04) 39px,
			rgba(120, 180, 220, 0.04) 40px
		);
	color: #f5f5f7;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.autonemo-footer__main {
	padding: 56px 0 40px;
}

.autonemo-footer__columns {
	align-items: flex-start;
}

.autonemo-footer__col--contact .autonemo-footer__heading,
.autonemo-footer__col--offices .autonemo-footer__heading {
	margin-top: 0;
}

@media (min-width: 992px) {
	.autonemo-footer__col--contact .autonemo-footer__heading,
	.autonemo-footer__col--offices .autonemo-footer__heading {
		padding-top: 68px;
	}
}

.autonemo-footer-demo__list {
	display: grid;
	gap: 8px;
	margin-bottom: 12px;
}

.autonemo-footer-demo__row {
	display: grid;
	grid-template-columns: minmax(72px, 88px) minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.04);
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.18s ease, background 0.18s ease;
}

.autonemo-footer-demo__row:hover,
.autonemo-footer-demo__row:focus-visible {
	outline: none;
	border-color: rgba(226, 35, 26, 0.45);
	background: rgba(255, 255, 255, 0.07);
}

.autonemo-footer-demo__row.is-copied {
	border-color: rgba(74, 222, 128, 0.45);
	background: rgba(74, 222, 128, 0.08);
}

.autonemo-footer-demo__label {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.62);
}

.autonemo-footer-demo__value {
	font-size: 0.88rem;
	font-weight: 600;
	color: #fff;
	word-break: break-all;
}

.autonemo-footer-demo__row--secret .autonemo-footer-demo__value {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.82rem;
	letter-spacing: 0.03em;
}

.autonemo-footer-demo__copy {
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(226, 35, 26, 0.16);
	font-size: 0.72rem;
	font-weight: 700;
	color: #ffb4ae;
}

.autonemo-footer-demo__row.is-copied .autonemo-footer-demo__copy {
	background: rgba(74, 222, 128, 0.16);
	color: #bbf7d0;
}

.autonemo-footer-demo__toast {
	margin: 0 0 10px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #bbf7d0;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.autonemo-footer-demo__toast.is-visible {
	opacity: 1;
}

.autonemo-footer-demo__cta-link,
.autonemo-footer-demo__cta-banner {
	display: block;
	margin-top: 0;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.autonemo-footer-demo__cta-link {
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.autonemo-footer-demo__cta-link:hover {
	transform: translateY(-2px);
	border-color: rgba(226, 35, 26, 0.45);
	box-shadow: 0 12px 28px rgba(226, 35, 26, 0.18);
}

.autonemo-footer-demo__cta-image {
	display: block;
	width: 100%;
	height: auto;
}

.autonemo-footer-demo--on-page {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.autonemo-footer-demo__note {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.78) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

.autonemo-footer-demo--on-page .autonemo-footer-demo__open {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 22px !important;
	width: auto !important;
}

.autonemo-footer-demo__cta {
	display: flex;
	justify-content: center;
	margin-top: 0;
}

.autonemo-footer-demo__open {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 22px !important;
	font-size: 0.88rem !important;
}

.autonemo-footer-demo__divider {
	height: 1px;
	margin: 16px 0 12px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18) 12%, rgba(255, 255, 255, 0.18) 88%, transparent);
}

.autonemo-footer-demo__more-wrap {
	margin: 0;
	text-align: center;
}

.autonemo-footer-demo__open,
.autonemo-footer-demo__more {
	font-size: 0.88rem;
	font-weight: 600;
	text-decoration: none;
}

.autonemo-footer-demo__more {
	color: rgba(255, 255, 255, 0.72);
}

.autonemo-footer-demo__more:hover {
	color: var(--autonemo-red);
}

.autonemo-footer__col--demo .autonemo-footer__subheading {
	margin-bottom: 12px;
	font-size: 0.88rem;
}

.autonemo-footer__logo {
	margin-bottom: 20px;
}

.autonemo-footer__about {
	margin: 0 0 20px;
	font-size: 0.95rem;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.82);
	max-width: 36ch;
}

.autonemo-footer__about-cta {
	margin: 0;
}

.autonemo-footer__about-cta .primary-btn1 {
	display: inline-block;
	padding: 10px 22px;
	font-size: 0.9rem;
}

.autonemo-footer__logo-img {
	max-height: 36px;
	width: auto;
	background: #fff;
	padding: 5px 8px;
	border-radius: 4px;
}

.autonemo-footer__heading {
	font-size: 1.75rem;
	font-weight: 700;
	margin: 0 0 12px;
	color: #fff;
}

.autonemo-footer__subheading {
	font-size: 1.05rem;
	margin: 0 0 16px;
	color: rgba(255, 255, 255, 0.85);
}

.autonemo-footer__contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.autonemo-footer__contact-list li {
	margin-bottom: 10px;
	font-size: 1rem;
	line-height: 1.5;
}

.autonemo-footer__contact-list strong {
	font-weight: 600;
	margin-right: 6px;
}

.autonemo-footer__contact-list a {
	color: #fff;
	text-decoration: none;
}

.autonemo-footer__contact-list a:hover {
	color: var(--autonemo-red);
}

.autonemo-footer__contact-list .autonemo-contact-phone-note {
	color: rgba(255, 255, 255, 0.68);
}

.autonemo-footer__office {
	margin-bottom: 28px;
}

.autonemo-footer__office-title {
	font-size: 1.05rem;
	font-weight: 600;
	margin: 0 0 8px;
}

.autonemo-footer__office-title a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.autonemo-footer__office-title a:hover {
	color: var(--autonemo-red);
}

.autonemo-footer__office-line {
	margin: 0 0 4px;
	color: rgba(255, 255, 255, 0.88);
	line-height: 1.55;
	max-width: 100%;
}

.autonemo-footer__office:last-child {
	margin-bottom: 0;
}

.autonemo-footer__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	margin-top: 40px;
	padding-top: 28px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.autonemo-footer__nav a {
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.9rem;
	text-decoration: none;
}

.autonemo-footer__nav a:hover {
	color: var(--autonemo-red);
}

.autonemo-footer__bottom {
	padding: 20px 0 28px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.autonemo-footer__copyright {
	margin: 0;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.65);
	text-align: center;
}

.autonemo-footer__copyright a {
	color: #fff;
	text-decoration: none;
}

.autonemo-footer__copyright a:hover {
	color: var(--autonemo-red);
}

.autonemo-footer__made-in {
	color: rgba(255, 255, 255, 0.85);
	font-weight: 600;
}

/* Hide duplicate Zenfy contact strip when using custom footer */
body .contact-section {
	display: none !important;
}

@media (max-width: 991px) {
	.autonemo-footer__col--contact .autonemo-footer__heading,
	.autonemo-footer__col--demo .autonemo-footer__heading,
	.autonemo-footer__col--offices .autonemo-footer__heading {
		padding-top: 0;
	}
}

@media (max-width: 767px) {
	.autonemo-footer__heading {
		font-size: 1.4rem;
	}

	.autonemo-footer__about {
		max-width: none;
	}
}

/* -------------------------------------------------------------------------
   Dark mode — blog archive, single post, sidebar (readable on #0b0c0c)
   ------------------------------------------------------------------------- */
body.dark .blog-card2 .blog-card-content-wrap .blog-card-content h4 a,
body.dark .blog-card2 .blog-card-content-wrap .blog-card-content h4 a:hover {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body.dark .blog-card2 .blog-card-content-wrap .blog-card-content p,
body.dark .blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .category li a,
body.dark .blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .blog-comment span {
	color: rgba(255, 255, 255, 0.78) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

body.dark .blog-card2 .blog-card-content-wrap .star-btn a .details-button {
	color: rgba(255, 255, 255, 0.88) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
}

body.dark .blog-details .blog-details-author-meta {
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

body.dark .blog-details .blog-details-author-meta .author-area .author-content h6,
body.dark .blog-details .blog-details-author-meta ul li,
body.dark .blog-details .blog-details-author-meta ul li a {
	color: rgba(255, 255, 255, 0.75) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.75) !important;
}

body.dark .blog-details .blog-details-author-meta .author-area .author-content h6 a {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .blog-details .blog-details-author-meta ul li svg {
	fill: rgba(255, 255, 255, 0.65);
}

body.dark .blog-details .blog-details-content h2,
body.dark .blog-details .blog-details-content h3,
body.dark .blog-details .blog-details-content h4 {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body.dark .blog-details .blog-details-content p,
body.dark .blog-details .blog-details-content li,
body.dark .blog-details-section p,
body.dark .blog-details p {
	color: rgba(255, 255, 255, 0.84) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
}

body.dark .blog-details .blog-details-content a,
body.dark .blog-details-section a {
	color: var(--autonemo-red);
	-webkit-text-fill-color: var(--autonemo-red);
}

body.dark .blog-details .blog-details-content a:hover,
body.dark .blog-details-section a:hover {
	color: #ff6b63;
	-webkit-text-fill-color: #ff6b63;
}

body.dark .blog-details .blog-details-content strong {
	color: var(--autonemo-white);
	-webkit-text-fill-color: var(--autonemo-white);
}

body.dark .sidebar-area .widget-title {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

body.dark .sidebar-area .single-widgets {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.03);
}

body.dark .sidebar-area .single-widgets .category-list li a,
body.dark .sidebar-area .single-widgets .recent-post-widget .content h6 a,
body.dark .sidebar-area .single-widgets .recent-post-widget .content span,
body.dark .sidebar-area .tag-list li a {
	color: rgba(255, 255, 255, 0.8) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .sidebar-area .single-widgets .category-list li a:hover,
body.dark .sidebar-area .single-widgets .recent-post-widget .content h6 a:hover,
body.dark .sidebar-area .tag-list li a:hover {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .sidebar-area .single-widgets input[type="text"],
body.dark .sidebar-area .single-widgets input[type="search"],
body.dark .sidebar-area .single-widgets select {
	color: var(--autonemo-white);
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.14);
}

/* Public site pricing blocks — hidden (direct /pricing-plan/ URL still works) */
body:not(.autonemo-pricing-page-active) .elementor-widget-zenfy_pricing_widget,
body:not(.autonemo-pricing-page-active) .home3-pricing-plan-section,
body:not(.autonemo-pricing-page-active) .home2-pricing-plan-section {
	display: none !important;
}

/* Core modules grid — equal card height + compact icons */
.home3-tools-section .row {
	align-items: stretch;
}

.home3-tools-section .row > [class*="col-"] {
	display: flex;
}

.home3-tools-section .tools-card {
	width: 100%;
	height: 100%;
	min-height: 112px;
	align-items: center;
	padding: 14px 16px;
	gap: 12px;
}

.home3-tools-section .tools-card .icon {
	min-width: 40px !important;
	max-width: 40px !important;
	width: 40px !important;
	height: 40px !important;
	flex-shrink: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.home3-tools-section .tools-card .icon > i {
	font-size: 15px !important;
	line-height: 1;
}

.home3-tools-section .tools-card .icon svg {
	width: 15px !important;
	height: 15px !important;
}

.home3-tools-section .tools-card .content {
	flex: 1;
	min-width: 0;
}

.home3-tools-section .tools-card .content h6 {
	font-size: 17px;
	line-height: 1.3;
	margin-bottom: 6px;
}

.home3-tools-section .tools-card .content p {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 0;
}

@media (min-width: 576px) and (max-width: 768px) {
	.home3-tools-section .tools-card {
		flex-direction: row;
		align-items: center;
	}
}

@media (min-width: 992px) {
	.home3-tools-section .row.g-4 {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.5rem;
	}

	.home3-tools-section .row.g-4 > [class*="col-"] {
		width: auto !important;
		max-width: none !important;
		flex: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.home3-tools-section .tools-card {
		min-height: 118px;
	}
}

/* Core modules grid (home3 tools cards) — dark / light accents */
body.dark .home3-tools-section .tools-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

body.dark .home3-tools-section .tools-card:hover {
	border-color: var(--autonemo-red);
	background: rgba(226, 35, 26, 0.1);
	transform: translateY(-4px);
	box-shadow: 0 14px 36px rgba(226, 35, 26, 0.18);
}

body.dark .home3-tools-section .tools-card .icon {
	background: #ffffff;
	border-color: rgba(226, 35, 26, 0.25);
	transition: background 0.25s ease, border-color 0.25s ease;
}

body.dark .home3-tools-section .tools-card .icon > i {
	color: var(--autonemo-red) !important;
}

body.dark .home3-tools-section .tools-card .icon svg {
	fill: var(--autonemo-red);
}

body.dark .home3-tools-section .tools-card:hover .icon {
	background: var(--autonemo-red);
	border-color: var(--autonemo-red);
}

body.dark .home3-tools-section .tools-card:hover .icon > i {
	color: #ffffff !important;
}

body.dark .home3-tools-section .tools-card:hover .icon svg {
	fill: #ffffff;
}

body.dark .home3-tools-section .tools-card .content h6 {
	color: #ffffff;
	-webkit-text-fill-color: #ffffff;
	font-weight: 700;
	letter-spacing: 0.01em;
	transition: color 0.25s ease;
}

body.dark .home3-tools-section .tools-card:hover .content h6 {
	color: var(--autonemo-red);
	-webkit-text-fill-color: var(--autonemo-red);
}

body.dark .home3-tools-section .tools-card .content p {
	color: rgba(255, 255, 255, 0.72);
	-webkit-text-fill-color: rgba(255, 255, 255, 0.72);
}

body.dark .home3-tools-section .tools-card:hover .content p {
	color: rgba(255, 255, 255, 0.88);
	-webkit-text-fill-color: rgba(255, 255, 255, 0.88);
}

body:not(.dark) .home3-tools-section .tools-card {
	transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

body:not(.dark) .home3-tools-section .tools-card:hover {
	border-color: var(--autonemo-red);
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(226, 35, 26, 0.12);
}

body:not(.dark) .home3-tools-section .tools-card .icon > i {
	color: var(--autonemo-red) !important;
}

body:not(.dark) .home3-tools-section .tools-card .icon svg {
	fill: var(--autonemo-red);
}

body:not(.dark) .home3-tools-section .tools-card:hover .icon {
	background: var(--autonemo-red);
}

body:not(.dark) .home3-tools-section .tools-card:hover .icon > i {
	color: #ffffff !important;
}

body:not(.dark) .home3-tools-section .tools-card:hover .icon svg {
	fill: #ffffff;
}

/* Newsletter CTA — Request demo button (no email / Mailchimp) */
body.home .elementor-element-747f128 {
	display: none !important;
}

body.home .elementor-element-01e5bce {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.home .elementor-element-43599c2 {
	margin-top: 24px !important;
}

body.home .home3-feature-section {
	padding-bottom: 36px !important;
}

body.home .home3-newsletter-section {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.home .home3-newsletter-section .container {
	padding-top: 0;
	padding-bottom: 0;
}

body.home .home3-newsletter-section .newsletter-wrapper {
	padding: 52px clamp(24px, 5vw, 80px);
}

.home3-newsletter-section .newsletter-form-area .form-inner.autonemo-newsletter-demo-wrap,
.home3-newsletter-section .newsletter-form-area .form-inner:has(.autonemo-newsletter-demo__btn) {
	border: none;
	background: transparent;
	padding: 0;
}

.home3-newsletter-section .autonemo-newsletter-demo__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 280px;
	padding: 16px 28px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
}

.home3-newsletter-section .autonemo-newsletter-demo__btn span {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.home3-newsletter-section .mc4wp-form,
.home3-newsletter-section .mc4wp-alert {
	display: none !important;
}

@media (max-width: 991px) {
	body.home .home3-newsletter-section .newsletter-wrapper {
		padding: 44px 20px;
	}

	body.home .elementor-element-43599c2 {
		margin-top: 16px !important;
	}
}

/* Homepage FAQ — card layout, all collapsed by default */
body.dark .home3-faq-section {
	background-color: #0b0c0c !important;
	background-image: none !important;
}

body:not(.dark) .home3-faq-section,
body.home-dark2:not(.dark) .home3-faq-section {
	background-color: #f4f5f7 !important;
	background-image: none !important;
}

.home3-faq-section .section-title span {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
	font-weight: 600;
	letter-spacing: 0.12em;
}

.home3-faq-section .section-title span svg circle {
	fill: var(--autonemo-red);
}

body.dark .home3-faq-section .section-title :where(h2, span) {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body.dark .home3-faq-section .section-title p {
	color: rgba(255, 255, 255, 0.68) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

body:not(.dark) .home3-faq-section .section-title :where(h2, span),
body.home-dark2:not(.dark) .home3-faq-section .section-title :where(h2, span) {
	color: #0b0c0c !important;
	-webkit-text-fill-color: #0b0c0c !important;
}

body:not(.dark) .home3-faq-section .section-title p,
body.home-dark2:not(.dark) .home3-faq-section .section-title p {
	color: #5c5c5c !important;
	-webkit-text-fill-color: #5c5c5c !important;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.home3-faq-section .autonemo-home-faq-wrap {
	margin-top: 8px;
}

.home3-faq-section .autonemo-home-faq .accordion-item {
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	margin-bottom: 14px;
	background: rgba(255, 255, 255, 0.03);
	overflow: hidden;
	transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

body:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item,
body.home-dark2:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item {
	border-color: rgba(11, 12, 12, 0.1);
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(11, 12, 12, 0.05);
}

.home3-faq-section .autonemo-home-faq .accordion-item:has(.accordion-button:not(.collapsed)) {
	border-color: rgba(226, 35, 26, 0.45);
	background: rgba(226, 35, 26, 0.07);
	box-shadow: 0 10px 28px rgba(226, 35, 26, 0.12);
}

body:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item:has(.accordion-button:not(.collapsed)),
body.home-dark2:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item:has(.accordion-button:not(.collapsed)) {
	background: #ffffff;
}

.home3-faq-section .autonemo-home-faq .accordion-item .accordion-header .accordion-button {
	border-bottom: none !important;
	padding: 18px 22px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	gap: 16px;
	align-items: flex-start;
}

.home3-faq-section .autonemo-home-faq .accordion-item:first-child .accordion-header .accordion-button {
	padding-top: 18px !important;
}

body.dark .home3-faq-section .autonemo-home-faq .accordion-item .accordion-header .accordion-button {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item .accordion-header .accordion-button,
body.home-dark2:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item .accordion-header .accordion-button {
	color: #0b0c0c !important;
	-webkit-text-fill-color: #0b0c0c !important;
}

.home3-faq-section .autonemo-home-faq .accordion-item .accordion-header .accordion-button::after {
	color: var(--autonemo-red) !important;
	font-size: 22px !important;
	flex-shrink: 0;
	margin-top: 2px;
}

.home3-faq-section .autonemo-home-faq .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
	color: var(--autonemo-red) !important;
}

.home3-faq-section .autonemo-home-faq .accordion-item .accordion-body {
	padding: 0 22px 20px !important;
	margin-top: -4px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 15px !important;
	line-height: 1.75 !important;
	letter-spacing: 0.01em;
}

body:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item .accordion-body,
body.home-dark2:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item .accordion-body {
	border-top-color: rgba(11, 12, 12, 0.08);
}

body.dark .home3-faq-section .autonemo-home-faq .accordion-item .accordion-body {
	color: rgba(255, 255, 255, 0.72) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item .accordion-body,
body.home-dark2:not(.dark) .home3-faq-section .autonemo-home-faq .accordion-item .accordion-body {
	color: #5c5c5c !important;
	-webkit-text-fill-color: #5c5c5c !important;
}

@media (max-width: 991px) {
	.home3-faq-section .autonemo-home-faq .accordion-item .accordion-header .accordion-button {
		font-size: 16px !important;
		padding: 16px 18px !important;
	}

	.home3-faq-section .autonemo-home-faq .accordion-item .accordion-body {
		padding: 0 18px 16px !important;
	}
}

.home3-faq-section .autonemo-home-faq-all-link {
	margin-top: 40px;
	text-align: center;
}

.home3-faq-section .autonemo-home-faq-all-link__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 32px;
	text-decoration: none;
}

body.dark .home3-faq-section .autonemo-home-faq-all-link__btn,
body.dark .home3-faq-section .autonemo-home-faq-all-link__btn > span {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

body:not(.dark) .home3-faq-section .autonemo-home-faq-all-link__btn,
body:not(.dark) .home3-faq-section .autonemo-home-faq-all-link__btn > span,
body.home-dark2:not(.dark) .home3-faq-section .autonemo-home-faq-all-link__btn,
body.home-dark2:not(.dark) .home3-faq-section .autonemo-home-faq-all-link__btn > span {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Homepage hero — full first-screen height (viewport fold) */
body.home {
	--autonemo-home-header-h: 86px;
}

html {
	overflow-x: hidden;
}

body {
	overflow-x: hidden;
	max-width: 100%;
}

body:not(.home) .page-wrapper,
body:not(.home) .page-content-wrapper {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

/* Closed nav drawer is off-screen but still fixed/full-size — don't block page scroll */
.sidebar-menu:not(.active) {
	pointer-events: none;
}

.sidebar-menu.active {
	pointer-events: auto;
}

/* Homepage hero — transport bg + left copy + scrolling dashboards (v2) */
body.home .home3-banner-section.autonemo-hero-v2,
body.home.dark .home3-banner-section.autonemo-hero-v2,
body.home.home-dark2 .home3-banner-section.autonemo-hero-v2,
body.home.home-dark2.dark .home3-banner-section.autonemo-hero-v2,
body.home.home-dark2:not(.dark) .home3-banner-section.autonemo-hero-v2 {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	min-height: calc(100svh - 120px);
	min-height: calc(100dvh - 120px);
	margin-bottom: 0 !important;
	padding-top: calc(var(--autonemo-home-header-h) + 4px) !important;
	padding-bottom: 48px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
	max-width: none;
	--autonemo-hero-vehicle-band: clamp(170px, 30vh, 280px);
	background-color: #ffffff !important;
	background-image: none !important;
}

/* Static transport hero — full-width image, bottom aligned */
body.home .home3-banner-section.autonemo-hero-v2::before {
	display: block !important;
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-image: var(--autonemo-hero-bg-url);
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* Light wash so left copy stays readable; right stays clearer for dashboards */
body.home .home3-banner-section.autonemo-hero-v2::after {
	display: block !important;
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(
		102deg,
		rgba(255, 255, 255, 0.92) 0%,
		rgba(255, 255, 255, 0.72) 30%,
		rgba(255, 255, 255, 0.18) 48%,
		rgba(255, 255, 255, 0.04) 58%,
		transparent 72%
	);
}

body.home .home3-banner-section.autonemo-hero-v2 .autonemo-hero-showcase::before {
	display: none;
}

/* Fallback mesh for non-v2 hero (other pages / widgets) */
body.home .home3-banner-section:not(.autonemo-hero-v2) {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	min-height: calc(100svh - 120px);
	min-height: calc(100dvh - 120px);
	margin-bottom: 0 !important;
	padding-top: calc(var(--autonemo-home-header-h) + 20px) !important;
	padding-bottom: 56px !important;
	background-color: #f8f8f9 !important;
}

body.home .home3-banner-section > .container {
	position: relative;
	z-index: 3;
}

/* Hero v2 — two-column layout (flex: stable beside scrolling showcase) */
.autonemo-hero-v2__grid {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: clamp(16px, 3vw, 40px);
	width: 100%;
	min-height: calc(100svh - var(--autonemo-home-header-h) - 168px);
	min-height: calc(100dvh - var(--autonemo-home-header-h) - 168px);
	margin-top: -6px;
	position: relative;
}

.autonemo-hero-v2__copy {
	flex: 1 1 46%;
	min-width: 0;
	max-width: 54%;
}

.autonemo-hero-v2 .banner-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left !important;
	max-width: 620px;
	width: 100%;
	margin: 0;
}

.autonemo-hero-v2 .banner-content > span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px !important;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.88) !important;
	border: 1px solid rgba(226, 35, 26, 0.12);
	color: var(--autonemo-red, #e2231a) !important;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
}

.autonemo-hero-v2 .banner-content h1 {
	font-size: clamp(2rem, 3.6vw, 3.15rem) !important;
	line-height: 1.14 !important;
	margin-bottom: 20px !important;
}

.autonemo-hero-v2 .banner-content h1 span {
	color: var(--autonemo-red, #e2231a) !important;
	-webkit-text-fill-color: var(--autonemo-red, #e2231a) !important;
	text-decoration: none !important;
}

.autonemo-hero-v2 .banner-content h1 .autonemo-hero-brand {
	font-size: 0.74em;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.autonemo-hero-v2 .banner-content p {
	font-size: clamp(0.95rem, 1.35vw, 1.08rem);
	line-height: 1.65;
	max-width: 540px;
	margin: 0 0 22px !important;
	padding: 0 0 22px !important;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid rgba(26, 26, 26, 0.12);
	box-shadow: inset 0 -1px 0 rgba(226, 35, 26, 0.22);
}

.home3-banner-section.autonemo-hero-v2 .banner-content ul {
	gap: 6px 28px !important;
	padding-top: 0 !important;
	margin-top: 4px !important;
	margin-bottom: 20px !important;
}

.autonemo-hero-v2 .banner-content ul {
	display: flex !important;
	align-self: stretch;
	width: 100%;
	max-width: 100%;
	margin: 8px 0 20px !important;
	padding: 0 !important;
	list-style: none;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	flex-wrap: wrap;
	row-gap: 6px !important;
	column-gap: 28px !important;
	gap: 6px 28px !important;
}

body.dark .autonemo-hero-v2 .banner-content p {
	border-bottom-color: rgba(255, 255, 255, 0.14);
	box-shadow: inset 0 -1px 0 rgba(226, 35, 26, 0.35);
}

.autonemo-hero-v2 .banner-content ul li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap;
	line-height: 1.25;
}

.autonemo-hero-v2 .banner-content-bottom {
	justify-content: flex-start !important;
}

/* Desktop — hero CTAs sit a bit lower below feature list */
@media (min-width: 992px) {
	.autonemo-hero-v2 .banner-content p {
		margin-bottom: 24px !important;
		padding-bottom: 24px !important;
	}

	.autonemo-hero-v2 .banner-content ul {
		row-gap: 5px !important;
		gap: 5px 28px !important;
		margin-top: 10px !important;
		margin-bottom: 22px !important;
		padding-top: 0 !important;
	}

	.autonemo-hero-v2 .banner-content-bottom {
		margin-top: 20px !important;
	}
}

/* Scrolling dashboard showcase — right side, anchored above vehicle band */
.autonemo-hero-showcase {
	position: absolute;
	right: 0;
	bottom: var(--autonemo-hero-vehicle-band, clamp(170px, 30vh, 280px));
	flex: none;
	width: min(46%, 580px);
	max-width: min(580px, 100%);
	min-width: 0;
	height: min(420px, 38vh);
	min-height: 240px;
	max-height: calc(100% - var(--autonemo-hero-vehicle-band, 220px) - 24px);
	margin: 0;
	align-self: auto;
	pointer-events: none;
	user-select: none;
	overflow: hidden;
	border-radius: 28px;
	z-index: 2;
}

.autonemo-hero-showcase__mask {
	height: 100%;
	overflow: hidden;
	border-radius: 28px;
	opacity: 0.24;
	-webkit-mask-image: linear-gradient(
		180deg,
		transparent 0%,
		rgba(0, 0, 0, 0.85) 4%,
		#000 8%,
		#000 92%,
		rgba(0, 0, 0, 0.85) 96%,
		transparent 100%
	);
	mask-image: linear-gradient(
		180deg,
		transparent 0%,
		rgba(0, 0, 0, 0.85) 4%,
		#000 8%,
		#000 92%,
		rgba(0, 0, 0, 0.85) 96%,
		transparent 100%
	);
}

.autonemo-hero-showcase__track {
	display: flex;
	flex-direction: column;
	gap: 0;
	will-change: transform;
	animation: autonemo-hero-showcase-scroll 32s linear infinite;
}

.autonemo-hero-showcase__panel {
	display: flex;
	flex-direction: column;
	gap: 0;
	line-height: 0;
	font-size: 0;
}

.autonemo-hero-showcase__shot {
	display: block;
	width: min(100%, 520px);
	height: auto;
	margin-left: auto;
	margin-right: 0;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: none;
	opacity: 1;
	vertical-align: top;
}

.autonemo-hero-showcase__panel + .autonemo-hero-showcase__panel {
	margin-top: 24px;
}

@keyframes autonemo-hero-showcase-scroll {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.autonemo-hero-showcase__track {
		animation: none;
		transform: translateY(-12%);
	}

}

@media (max-width: 1199px) {
	.autonemo-hero-v2__copy {
		flex: 1 1 50%;
		max-width: 56%;
	}

	.autonemo-hero-showcase {
		width: min(44%, 520px);
		height: min(380px, 36vh);
		min-height: 220px;
	}
}

@media (max-width: 991px) {
	.autonemo-hero-v2__grid {
		flex-direction: column;
		align-items: stretch;
	}

	.autonemo-hero-v2__copy {
		flex: 1 1 auto;
		max-width: none;
		width: 100%;
	}

	/* Mobile showcase layout — home-hero-mobile.css */

	.autonemo-hero-v2 .banner-content {
		max-width: none;
		align-items: center !important;
		text-align: center !important;
	}

	.autonemo-hero-v2 .banner-content > span {
		align-self: center;
	}

	.autonemo-hero-v2 .banner-content h1 .autonemo-hero-brand {
		display: inline-block;
		white-space: nowrap;
	}

	.autonemo-hero-v2 .banner-content-bottom {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center !important;
		gap: 10px !important;
		width: 100%;
		max-width: 100%;
		margin-top: 36px !important;
	}

	.autonemo-hero-v2 .banner-content-bottom .primary-btn1 {
		flex: 1 1 0;
		min-width: 0;
		max-width: none;
		width: auto;
		justify-content: center;
		padding: 12px 14px !important;
		font-size: 12px !important;
		letter-spacing: 0.02em;
		border-radius: 5px;
		white-space: nowrap;
	}

	.autonemo-hero-v2 .banner-content-bottom .primary-btn1 > span {
		font-size: 12px !important;
	}

	.autonemo-hero-v2 .banner-content p {
		margin-left: auto;
		margin-right: auto;
	}
}

body.home .home3-banner-section .banner-content > span {
	margin-bottom: 14px !important;
}

body.home .home3-banner-section .banner-content h1 {
	margin-bottom: 22px !important;
}

.home3-banner-section .autonemo-typewriter-word {
	display: inline-block;
	min-width: 4.8ch;
	white-space: nowrap;
}

.home3-banner-section .typed-cursor {
	display: inline-block;
	color: var(--autonemo-red, #e2231a);
	-webkit-text-fill-color: var(--autonemo-red, #e2231a);
	font-weight: 700;
}

/* Hero — “See how it works” (Features link, readable on light bg) */
.home3-banner-section .banner-content-bottom {
	gap: 20px !important;
}

.home3-banner-section .autonemo-hero-how-it-works {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 18px 10px 10px;
	border: 1px solid var(--autonemo-ash-mid, #d4d4d8);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.85);
	color: var(--autonemo-black, #0b0c0c) !important;
	text-decoration: none !important;
	font-family: var(--font-inter, inherit);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	transition: border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.home3-banner-section .autonemo-hero-how-it-works__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 50%;
	background: rgba(226, 35, 26, 0.12);
	color: var(--autonemo-red, #e2231a);
	font-size: 22px;
	line-height: 1;
}

.home3-banner-section .autonemo-hero-how-it-works__text {
	color: inherit;
}

.home3-banner-section .autonemo-hero-how-it-works:hover,
.home3-banner-section .autonemo-hero-how-it-works:focus-visible {
	border-color: var(--autonemo-red, #e2231a);
	color: var(--autonemo-red, #e2231a) !important;
	box-shadow: 0 8px 24px rgba(226, 35, 26, 0.12);
	outline: none;
}

.home3-banner-section .autonemo-hero-how-it-works:hover .autonemo-hero-how-it-works__icon,
.home3-banner-section .autonemo-hero-how-it-works:focus-visible .autonemo-hero-how-it-works__icon {
	background: var(--autonemo-red, #e2231a);
	color: #ffffff;
}

@media (max-width: 575px) {
	.autonemo-hero-v2 .banner-content h1 .autonemo-hero-brand {
		font-size: 0.68em;
		letter-spacing: -0.03em;
	}

	.autonemo-hero-v2 .banner-content-bottom {
		margin-top: 52px !important;
		gap: 8px !important;
	}

	.autonemo-hero-v2 .banner-content-bottom .primary-btn1 {
		padding: 11px 10px !important;
		font-size: 11px !important;
	}

	.autonemo-hero-v2 .banner-content-bottom .primary-btn1 > span {
		font-size: 11px !important;
	}
}

@media (max-width: 1399px) {
	body.home {
		--autonemo-home-header-h: 88px;
	}

	body.home .home3-banner-section.autonemo-hero-v2 {
		padding-top: calc(var(--autonemo-home-header-h) + 4px) !important;
		padding-bottom: 44px !important;
	}
}

@media (max-width: 1199px) {
	body.home {
		--autonemo-home-header-h: 84px;
	}

	body.home .home3-banner-section.autonemo-hero-v2 {
		padding-top: calc(var(--autonemo-home-header-h) + 2px) !important;
		padding-bottom: 40px !important;
	}

	.autonemo-hero-showcase {
		margin-top: -12px;
	}
}

@media (max-width: 991px) {
	body.home {
		--autonemo-home-header-h: 76px;
	}

	body.home .home3-banner-section {
		align-items: flex-start;
		min-height: auto;
		padding-top: calc(var(--autonemo-home-header-h) + 8px) !important;
		padding-bottom: 40px !important;
	}
}

.home3-banner-section .banner-content ul li svg {
	fill: var(--autonemo-red, #e2231a);
}

.home3-banner-section .bottom-img1,
.home3-banner-section .bottom-img2,
.home3-banner-section .bottom-img3,
.home3-banner-section .autonemo-hero-banner-img,
.home3-banner-section .autonemo-hero-banner-img-2,
.home3-banner-section .autonemo-hero-banner-img-3 {
	display: none !important;
}

@media (max-width: 575px) {
	body.home {
		--autonemo-home-header-h: 68px;
	}

	body.home .home3-banner-section {
		padding-top: calc(var(--autonemo-home-header-h) + 4px) !important;
		padding-bottom: 36px !important;
	}

	body.home .home3-banner-section .banner-content h1 {
		margin-bottom: 18px !important;
	}
}

/* SEO hero for Elementor pages missing H1 */
.autonemo-seo-hero {
	padding: 20px 0 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.autonemo-seo-hero__title {
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
}

body.dark .autonemo-seo-hero {
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

body.dark .autonemo-seo-hero__title {
	color: #fff;
}