/*!
 * ADDLAR — section widgets
 * Ported from the approved static mockup (addlar-site/index.html).
 * Tokens are namespaced --adl-* and every selector is scoped under .adl
 * so nothing collides with Elementor container vars or plugin CSS.
 */
/* ===== HERO (2-Color Red & Black Gradient Divide per Brief) ===== */
.adl .hero{position:relative;background:#fff;margin-top:0;padding-top:78px;overflow:hidden;min-height:760px;max-height:960px;height:calc(100vh - 0px)}
.adl .hero-bg-split{position:absolute;inset:0;pointer-events:none;z-index:0;background:#ffffff}
.adl .hero-bg-split::after{content:'';position:absolute;inset:0;clip-path:polygon(26% 0, 100% 0, 100% 100%, 40% 100%);background:linear-gradient(135deg, var(--adl-red, #D32F2F) 0%, #7E1212 42%, var(--adl-ink, #1A1D20) 100%)}
.adl .hero-visual{position:absolute;inset:0;width:100%;height:100%;background:transparent;z-index:1;pointer-events:none}
.adl .hero-visual video, .adl .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center right}
.adl .hero-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 28%,rgba(255,255,255,.94) 34%,rgba(255,255,255,0) 46%);pointer-events:none}
.adl .hero-inner{position:relative;z-index:2;display:flex;align-items:center;height:100%;max-width:var(--adl-maxw);margin:0 auto;padding:40px 32px}
.adl .hero-copy{max-width:540px}
.adl .hero h1{font-family:var(--adl-font-heading);font-size:clamp(40px,5.8vw,74px);margin:20px 0 22px;color:var(--adl-ink);font-weight:700;line-height:1.08}
.adl .hero h1 .r{color:var(--adl-red)}
.adl .hero .lead{max-width:480px;color:var(--adl-slate);font-size:16.5px;line-height:1.6}
.adl .hero-btns{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
@media(max-width:960px){
 .adl .hero{height:auto;min-height:auto;max-height:none;padding-top:70px}
 .adl .hero-bg-split::after{clip-path:polygon(0 48%, 100% 36%, 100% 100%, 0 100%)}
}

/* ===== TRUST ===== */
.adl .trust{border-top:1px solid var(--adl-line);border-bottom:1px solid var(--adl-line);background:var(--adl-soft)}
.adl .trust .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:34px;padding-bottom:34px}
.adl .trust .item{font-size:14px;font-weight:700;color:var(--adl-ink-2);display:flex;align-items:center;gap:10px}
.adl .trust .item b{color:var(--adl-red)}

/* ===== ABOUT ===== */
.adl .about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.adl .about-img{position:relative;border:1px solid var(--adl-line);overflow:hidden;aspect-ratio:4/3.4}
.adl .about-img img:not(.cmark){width:100%;height:100%;object-fit:cover}
.adl .about-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.adl .afeat{background:#fff;border:1px solid var(--adl-line);padding:26px 22px}
.adl .afeat .ic{width:46px;height:46px;background:rgba(211,47,47,.09);color:var(--adl-red);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.adl .afeat h4{font-size:16px;margin-bottom:5px}
.adl .afeat p{font-size:13.5px;color:var(--adl-grey)}

/* ===== PRODUCT RANGE ===== */
.adl .prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.adl .pcard{position:relative;background:#fff;border:1px solid var(--adl-line);overflow:hidden;display:flex;flex-direction:column;transition:.28s}
.adl .pcard:hover{box-shadow:0 22px 46px rgba(26,29,32,.10);transform:translateY(-5px)}
.adl .pcard .imgwrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--adl-soft-2)}
.adl .pcard .imgwrap img:not(.cmark){width:100%;height:100%;object-fit:cover;transition:.5s}
.adl .pcard:hover .imgwrap img:not(.cmark){transform:scale(1.06)}
.adl .pcard .body{padding:24px}
.adl .pcard .cat{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--adl-red);margin-bottom:8px}
.adl .pcard h3{font-size:20px;margin-bottom:8px}
.adl .pcard p{font-size:14px;color:var(--adl-grey);margin-bottom:18px}
.adl .pcard .arr{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--adl-ink);transition:.2s}
.adl .pcard:hover .arr{color:var(--adl-red);transform:translateX(4px)}

/* ===== TABBED PRODUCT SHOWCASE SLIDER (Stitch Design) ===== */
.adl .prod-slider-showcase,
.prod-slider-showcase {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #111315;
	color: #F8F9FA;
	min-height: 800px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0;
	scroll-margin-top: 80px;
}

/* Background Layers */
.adl .showcase-bg-layer,
.showcase-bg-layer {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.adl .showcase-bg-img,
.showcase-bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: opacity 0.5s ease-out, transform 0.8s ease-out;
	transform: scale(1.04);
}
.adl .showcase-overlay-gradient,
.showcase-overlay-gradient {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(17, 19, 21, 0.95) 0%,
		rgba(17, 19, 21, 0.88) 42%,
		rgba(17, 19, 21, 0.55) 75%,
		rgba(17, 19, 21, 0.35) 100%
	);
}
.adl .showcase-overlay-vignette,
.showcase-overlay-vignette {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, #111315 0%, transparent 50%, rgba(0, 0, 0, 0.5) 100%);
}
.adl .showcase-grid-pattern,
.showcase-grid-pattern {
	position: absolute;
	inset: 0;
	background-size: 40px 40px;
	background-image:
		linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

/* Main Body Layout */
.adl .showcase-main-body,
.showcase-main-body {
	position: relative;
	z-index: 10;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 70px 24px 50px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr);
	gap: 48px;
	align-items: center;
	flex: 1;
}

/* Left Column */
.adl .showcase-left,
.showcase-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.adl .showcase-eyebrow-wrap .eyebrow,
.showcase-eyebrow-wrap .eyebrow,
.adl .showcase-eyebrow-pill,
.showcase-eyebrow-pill {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 0;
	border-radius: 0;
	background: transparent;
	border: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	margin-bottom: 20px;
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--adl-red, #D32F2F);
}
.adl .showcase-eyebrow-wrap .eyebrow::before,
.showcase-eyebrow-wrap .eyebrow::before,
.adl .showcase-eyebrow-pill::before,
.showcase-eyebrow-pill::before {
	content: '';
	width: 28px;
	height: 2px;
	background: var(--adl-red, #D32F2F);
	display: inline-block;
}
.adl .showcase-eyebrow-dot,
.showcase-eyebrow-dot {
	display: none !important;
}
.adl .showcase-eyebrow-text,
.showcase-eyebrow-text {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	color: inherit;
}
.adl .showcase-headline,
.showcase-headline {
	font-family: var(--adl-font-heading, 'Montserrat', sans-serif);
	font-size: clamp(34px, 4vw, 54px);
	color: #FFFFFF;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0 0 16px;
	max-width: 720px;
	transition: opacity 0.3s ease;
}
.adl .showcase-desc,
.showcase-desc {
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: clamp(14px, 1.2vw, 16px);
	color: #CBD5E1;
	font-weight: 300;
	line-height: 1.65;
	margin: 0 0 22px;
	max-width: 660px;
	transition: opacity 0.3s ease;
}
.adl .showcase-specs,
.showcase-specs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 26px;
}
.adl .showcase-spec-pill,
.showcase-spec-pill {
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 12px;
	font-weight: 500;
	padding: 5px 12px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.10);
	color: #FFFFFF;
	border: 1px solid rgba(255, 255, 255, 0.15);
	white-space: nowrap;
}
.adl .showcase-spec-pill.accent,
.showcase-spec-pill.accent {
	background: rgba(211, 47, 47, 0.20);
	color: #FCA5A5;
	border-color: rgba(211, 47, 47, 0.40);
}
.adl .showcase-actions,
.showcase-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 28px;
}
.adl .showcase-btn-primary,
.showcase-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: 4px;
	background: var(--adl-red, #D32F2F);
	color: #FFFFFF !important;
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .02em;
	text-decoration: none;
	box-shadow: 0 8px 24px rgba(211, 47, 47, 0.35);
	transition: all .2s ease;
}
.adl .showcase-btn-primary:hover,
.showcase-btn-primary:hover {
	background: #B71C1C;
	transform: translateY(-1px);
	box-shadow: 0 10px 28px rgba(211, 47, 47, 0.50);
}
.adl .showcase-btn-secondary,
.showcase-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: 4px;
	background: #FFFFFF;
	color: #111315 !important;
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .02em;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
	transition: all .2s ease;
}
.adl .showcase-btn-secondary:hover,
.showcase-btn-secondary:hover {
	background: #F1F5F9;
	transform: translateY(-1px);
}
.adl .showcase-metrics,
.showcase-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	max-width: 600px;
	width: 100%;
}
.adl .showcase-metric-label,
.showcase-metric-label {
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #94A3B8;
	margin-bottom: 4px;
}
.adl .showcase-metric-val,
.showcase-metric-val {
	font-family: var(--adl-font-heading, 'Montserrat', sans-serif);
	font-size: 14.5px;
	font-weight: 700;
	color: #FFFFFF;
}

/* Right Column */
.adl .showcase-right,
.showcase-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	height: 100%;
	gap: 28px;
	text-align: right;
}
.adl .showcase-counter,
.showcase-counter {
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--adl-red, #D32F2F);
}
.adl .showcase-cat-name,
.showcase-cat-name {
	font-family: var(--adl-font-heading, 'Montserrat', sans-serif);
	font-size: 22px;
	color: #FFFFFF;
	font-weight: 700;
	margin: 4px 0 6px;
}
.adl .showcase-cat-desc,
.showcase-cat-desc {
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 12px;
	color: #94A3B8;
	line-height: 1.5;
	max-width: 290px;
	margin: 0;
}
.adl .showcase-arrows,
.showcase-arrows {
	display: flex;
	align-items: center;
	gap: 12px;
}
.adl .showcase-arrow-btn,
.showcase-arrow-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1.5px solid rgba(255, 255, 255, 0.35);
	background: rgba(0, 0, 0, 0.35);
	color: #FFFFFF;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.adl .showcase-arrow-btn svg,
.showcase-arrow-btn svg {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	stroke-width: 2;
	fill: none;
}
.adl .showcase-arrow-btn:hover,
.showcase-arrow-btn:hover {
	background: #FFFFFF;
	color: #111315;
	border-color: #FFFFFF;
	transform: scale(1.06);
}
.adl .showcase-arrow-btn.next,
.showcase-arrow-btn.next {
	border-color: var(--adl-red, #D32F2F);
	background: rgba(211, 47, 47, 0.25);
	box-shadow: 0 4px 16px rgba(211, 47, 47, 0.30);
}
.adl .showcase-arrow-btn.next:hover,
.showcase-arrow-btn.next:hover {
	background: var(--adl-red, #D32F2F);
	color: #FFFFFF;
	border-color: var(--adl-red, #D32F2F);
}
.adl .showcase-mini-previews,
.showcase-mini-previews {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-top: 4px;
}
.adl .showcase-mini-thumb,
.showcase-mini-thumb {
	position: relative;
	width: 64px;
	height: 48px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.20);
	cursor: pointer;
	opacity: 0.7;
	transition: all .2s ease;
	box-sizing: border-box;
}
.adl .showcase-mini-thumb:hover,
.showcase-mini-thumb:hover {
	opacity: 1;
	transform: scale(1.05);
	border-color: var(--adl-red, #D32F2F);
}
.adl .showcase-mini-thumb img,
.showcase-mini-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.adl .showcase-mini-thumb span,
.showcase-mini-thumb span {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.40);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 800;
	color: #FFFFFF;
}

/* Bottom Floating Tab Bar (Dock) */
.adl .showcase-dock,
.showcase-dock {
	position: relative;
	z-index: 20;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 0 20px;
	box-sizing: border-box;
}
.adl .showcase-tab-bar,
.showcase-tab-bar {
	background: #FFFFFF;
	border-bottom: none;
	padding: 0px;
	display: flex;
	align-items: center;
	overflow-x: auto;
	max-width: 920px;
	width: 100%;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	scrollbar-width: none;
	box-sizing: border-box;
}
.adl .showcase-tab-bar::-webkit-scrollbar,
.showcase-tab-bar::-webkit-scrollbar {
	display: none;
}
.adl .showcase-tab-btn,
.showcase-tab-btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 16px 16px;
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .02em;
	white-space: nowrap;
	border: none;
	background: transparent;
	color: #4A5568;
	cursor: pointer;
	transition: all .2s ease;
	user-select: none;
}
.adl .showcase-tab-btn:hover,
.showcase-tab-btn:hover {
	color: var(--adl-red, #D32F2F);
	background: rgba(241, 245, 249, 0.85);
}
.adl .showcase-tab-btn.active,
.showcase-tab-btn.active {
	background: var(--adl-red, #D32F2F);
	color: #FFFFFF;
	box-shadow: 0 4px 12px rgba(211, 47, 47, 0.30);
}
.adl .showcase-tab-btn svg,
.showcase-tab-btn svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex-shrink: 0;
}
.adl .showcase-tab-btn.active svg,
.showcase-tab-btn.active svg {
	stroke: #FFFFFF;
}

/* Responsive Mobile / Tablet Breakpoints */
@media (max-width: 1024px) {
	.adl .showcase-main-body,
	.showcase-main-body {
		grid-template-columns: 1fr;
		gap: 36px;
		padding: 50px 20px 40px;
	}
	.adl .showcase-right,
	.showcase-right {
		align-items: flex-start;
		text-align: left;
		gap: 20px;
	}
	.adl .showcase-cat-name,
	.showcase-cat-name,
	.adl .showcase-cat-desc,
	.showcase-cat-desc {
		text-align: left;
	}
	.adl .showcase-metrics,
	.showcase-metrics {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 640px) {
	.adl .showcase-main-body,
	.showcase-main-body {
		padding: 40px 18px 28px;
		gap: 24px;
	}
	.adl .showcase-headline,
	.showcase-headline {
		font-size: 28px;
	}
	.adl .showcase-actions,
	.showcase-actions {
		flex-direction: column;
		width: 100%;
	}
	.adl .showcase-btn-primary,
	.showcase-btn-primary,
	.adl .showcase-btn-secondary,
	.showcase-btn-secondary {
		width: 100%;
	}
	.adl .showcase-metrics,
	.showcase-metrics {
		grid-template-columns: 1fr;
	}
	.adl .showcase-tab-btn,
	.showcase-tab-btn {
		padding: 8px 12px;
		font-size: 11px;
	}
}

/* ===== PACKAGES (Engine Oil Range) ===== */
.adl .pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.adl .pkg{background:#fff;border:1px solid var(--adl-line);padding:32px 28px;position:relative;transition:.28s}
.adl .pkg:hover{box-shadow:0 22px 46px rgba(26,29,32,.08);border-color:var(--adl-red)}
.adl .pkg-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.adl .pkg-tier{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--adl-red);background:rgba(211,47,47,.08);padding:4px 10px;border-radius:4px}
.adl .pkg h3{font-size:22px;margin-bottom:6px}
.adl .pkg-specs{margin-top:20px;display:flex;flex-direction:column;gap:8px}
.adl .pkg-spec{font-size:13px;color:var(--adl-grey);display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--adl-line)}
.adl .pkg-spec b{color:var(--adl-ink)}

/* ===== APPLICATIONS ===== */
.adl .app-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.adl .app-card{background:#fff;border:1px solid var(--adl-line);padding:24px;margin-bottom:16px;transition:.2s}
.adl .app-card:hover{border-color:var(--adl-red)}
.adl .app-card h4{font-size:16px;margin-bottom:4px}
.adl .app-card p{font-size:13px;color:var(--adl-grey)}

/* ===== WHY LIST (photo inside giant numeral, 350px Montserrat) ===== */
.adl .why2{margin-top:52px;display:flex;flex-direction:column}
.adl .wrow{
	display:grid;
	grid-template-columns:minmax(0,0.7fr) minmax(0,1fr);
	align-items:center;
	gap:40px;
	padding:26px 0;
	border-top:1px solid var(--adl-line);
}
.adl .wrow:last-child{border-bottom:1px solid var(--adl-line)}
.adl .imgnum-wrap{
	width:100%;
	max-width:100%;
	container-type:inline-size;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	overflow:hidden;
}
.adl .imgnum{
	font-size:clamp(80px, 20vw, 350px)!important;
	font-size:min(350px, 66cqw)!important;
	font-weight:900!important;
	line-height:.82!important;
	letter-spacing:-.030em!important;
	background-size:cover;
	background-position:center;
	background-color:var(--adl-ink,#1A1D20);
	-webkit-background-clip:text!important;
	background-clip:text!important;
	-webkit-text-fill-color:transparent!important;
	color:transparent!important;
	font-family:'Montserrat',sans-serif!important;
	user-select:none;
	text-align:right;
	display:inline-block;
	width:max-content!important;
	max-width:none!important;
	white-space:nowrap;
	box-sizing:border-box;
	transform-origin:right center;
}
.adl .wrow.rev{direction:rtl}
.adl .wrow.rev>*{direction:ltr}
.adl .wrow.rev .imgnum-wrap{justify-content:flex-start}
.adl .wrow.rev .imgnum{text-align:left;transform-origin:left center}
.adl .wrow.rev .wtxt{text-align:right}
.adl .wrow.rev .wtxt p{margin-left:auto}
.adl .wtxt .lbl{font-family:var(--adl-font-body);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--adl-red);margin-bottom:8px}
.adl .wtxt h3{font-family:var(--adl-font-heading);font-size:26px;margin-bottom:10px;color:var(--adl-ink);line-height:1.25}
.adl .wtxt p{font-family:var(--adl-font-body);font-size:15px;color:var(--adl-slate);max-width:540px;line-height:1.6}

/* ===== JOURNEY (Industrial Precision Angle Wave & 3-Band Timeline) ===== */
.adl .jrny{position:relative;margin:48px auto 0;padding:16px 0;max-width:850px}
.adl .jrny-wrap-boxed{max-width:1380px;margin:0 auto;width:100%;padding:0 20px;box-sizing:border-box}
.adl .jrny-wrap-full{max-width:100%;margin:0;width:100%;padding:0 30px;box-sizing:border-box}
.adl .jrny-h-outer{position:relative;width:100%;margin:15px auto 0;display:flex;flex-direction:column}
.adl .jrny-h-outer .jrny-h{order:2}

/* Top-Right Arrow Cluster */
.adl .jrny-h-outer.arrows-top_right .jrny-nav-cluster{order:1;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:16px;padding-right:6px}
.adl .jrny-h-outer.arrows-top_right .jrny-nav-arrow{position:static;transform:none}
.adl .jrny-h-outer.arrows-top_right .jrny-nav-arrow:hover{transform:scale(1.08)}

/* Middle Arrow Cluster */
.adl .jrny-h-outer.arrows-middle .jrny-nav-cluster{display:contents}
.adl .jrny-h-outer.arrows-middle .jrny-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:25}
.adl .jrny-h-outer.arrows-middle .jrny-nav-arrow.prev{left:-12px}
.adl .jrny-h-outer.arrows-middle .jrny-nav-arrow.next{right:-12px}
.adl .jrny-h-outer.arrows-middle .jrny-nav-arrow:hover{transform:translateY(-50%) scale(1.08)}

/* Top-Bottom (Bottom Center) Arrow Cluster */
.adl .jrny-h-outer.arrows-top_bottom .jrny-nav-cluster{order:3;display:flex;justify-content:center;align-items:center;gap:14px;margin-top:24px}
.adl .jrny-h-outer.arrows-top_bottom .jrny-nav-arrow{position:static;transform:none}
.adl .jrny-h-outer.arrows-top_bottom .jrny-nav-arrow:hover{transform:scale(1.08)}

/* Hidden Arrows */
.adl .jrny-h-outer.arrows-none .jrny-nav-cluster{display:none}

/* Arrow Buttons */
.adl .jrny-nav-arrow{
	width:42px;
	height:42px;
	border-radius:50%;
	border:1.5px solid var(--adl-line,#E2E8F0);
	background:var(--jrny-arrow-bg,#FFFFFF);
	color:var(--jrny-arrow-color,var(--adl-ink,#1A1D20));
	font-size:24px;
	line-height:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	transition:all .2s ease;
	box-shadow:0 2px 8px rgba(15,23,42,.08);
}
.adl .jrny-nav-arrow:hover{
	background:var(--jrny-arrow-hover-bg,var(--adl-red,#D32F2F));
	border-color:var(--jrny-arrow-hover-bg,var(--adl-red,#D32F2F));
	color:var(--jrny-arrow-hover-color,#FFFFFF);
	box-shadow:0 4px 14px rgba(211,47,47,.25);
}

/* Track container - no draggable scrollbar */
.adl .jrny-h{
	position:relative;
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	padding:24px 0 30px;
	scrollbar-width:none;
	-ms-overflow-style:none;
	box-sizing:border-box;
}
.adl .jrny-h::-webkit-scrollbar{
	display:none!important;
	width:0!important;
	height:0!important;
}

/* 3-Band Wave Track & Fitted Grid */
.adl .jh-track-angle{
	position:relative;
	width:100%;
	min-width:0;
	padding:10px 0;
	margin:0 auto;
	box-sizing:border-box;
}
.adl .jrny-cols-8,.adl .jrny-cols-grid{
	display:grid;
	grid-auto-flow:column;
	grid-auto-columns:calc((100% - (var(--jrny-visible-cols,8) - 1) * var(--jrny-col-gap,12px)) / var(--jrny-visible-cols,8));
	gap:var(--jrny-col-gap,12px);
	position:relative;
	z-index:10;
	width:100%;
	box-sizing:border-box;
}
.adl .milestone-col{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	min-width:0;
	position:relative;
	box-sizing:border-box;
}

/* Direct Vertical Stems: exactly 36px connecting card and hexagon */
.adl .stem-line{width:2px;height:36px;background:var(--jrny-line-color,#CBD5E1);flex-shrink:0}

/* Double-Layered Clip-Path Hexagons: High-Octane Red, Scaled cleanly */
.adl .jh-track-angle .jhexwrap{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.adl .jh-track-angle .jhex{
	position:relative;
	width:var(--jrny-hex-size,82px);
	height:calc(var(--jrny-hex-size,82px)*1.14);
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	transition:transform .25s cubic-bezier(.16,1,.3,1);
	filter:none;
	cursor:pointer;
}
.adl .jh-track-angle .jhex:hover{transform:scale(1.08)}
.adl .jh-track-angle .jhex::before{
	content:'';
	position:absolute;
	inset:0;
	background:var(--jrny-hex-color,var(--adl-red,#D32F2F));
	clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
	transition:background .25s ease;
}
.adl .jh-track-angle .jhex::after{
	content:'';
	position:absolute;
	inset:2.5px;
	background:#fff;
	clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.adl .jh-track-angle .jhin{
	position:relative;
	z-index:2;
	width:calc(var(--jrny-hex-size,82px)*0.74);
	height:calc(var(--jrny-hex-size,82px)*0.84);
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--jrny-hex-bg,#FFF5F5);
	clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
	transition:background .25s ease;
}
.adl .jh-track-angle .jhin svg{
	width:24px;
	height:24px;
	stroke:var(--jrny-hex-color,var(--adl-red,#D32F2F));
	fill:none;
	stroke-width:1.5;
	stroke-linecap:round;
	stroke-linejoin:round;
	display:block;
}
.adl .jh-track-angle .jhex:hover .jhin{background:#FEE2E2}

/* Equal Height Milestone Cards - Fits Cleanly without Overlapping */
.adl .card-wrap{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}
.adl .milestone-card{
	width:100%;
	height:var(--jrny-card-height,175px);
	background:var(--jrny-card-bg,#FFFFFF);
	border:1px solid var(--jrny-card-border,#E2E8F0);
	border-radius:var(--jrny-card-radius,0);
	padding:14px 10px 12px;
	box-shadow:none;
	transition:border-color .25s ease;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	box-sizing:border-box;
	text-align:center;
}
.adl .milestone-card:hover{border-color:var(--adl-red,#D32F2F)}
.adl .milestone-kicker{
	display:inline-block;
	font-family:var(--adl-font-body);
	font-size:9.5px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--adl-slate,#4A5568);
	background:#F1F5F9;
	padding:3px 8px;
	border-radius:var(--jrny-card-radius,0);
	margin:0 auto 8px;
	white-space:nowrap;
}
.adl .milestone-title{
	font-family:var(--adl-font-heading);
	font-size:13px;
	font-weight:700;
	color:var(--adl-ink,#1A1D20);
	line-height:1.3;
	margin:0 0 4px;
}
.adl .milestone-text{
	font-family:var(--adl-font-body);
	font-size:11px;
	color:var(--adl-slate,#4A5568);
	line-height:1.45;
	margin:0;
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
}
.adl .milestone-phase{
	font-family:var(--adl-font-body);
	font-size:9.5px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:#94A3B8;
	text-align:center;
	margin-top:6px;
	margin-bottom:2px;
	white-space:nowrap;
}

/* Year Tags - 8px Border Radius ("more radius to year box"), 16px Clear Space */
.adl .year-pill-wrap{display:flex;justify-content:center;width:100%}
.adl .year-pill-wrap.year-below{margin-top:var(--jrny-year-spacing,16px)!important}
.adl .year-pill-wrap.year-above{margin-bottom:var(--jrny-year-spacing,16px)!important}
.adl .year-pill{
	display:inline-block;
	background:var(--jrny-year-bg,var(--adl-ink,#1A1D20));
	color:var(--jrny-year-color,#FFFFFF);
	font-family:var(--adl-font-body);
	font-size:12px;
	font-weight:700;
	letter-spacing:.05em;
	padding:5px 14px;
	border-radius:var(--jrny-year-radius,8px);
	box-shadow:none;
	white-space:nowrap;
}

/* Column Spacers for Wave Height */
.adl .col-spacer-t{height:80px}
.adl .col-spacer-b{height:90px}

/* Legacy vertical styles */
.adl .jhex{position:relative;width:150px;height:168px;display:flex;align-items:center;justify-content:center;flex:none}
.adl .jhex::before{content:'';position:absolute;inset:0;background:var(--adl-ja);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.adl .jhex::after{content:'';position:absolute;inset:3.5px;background:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.adl .jhin{position:relative;z-index:2;width:112px;height:125px;display:flex;align-items:center;justify-content:center;background:var(--adl-jt);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.adl .jhin svg{width:43px;height:43px;stroke:var(--adl-ja);fill:none;stroke-width:1.4}
/* bracket rules — run out to the edge on the text side, open ring at the far end */
.adl .jline{position:absolute;height:2px;background:var(--adl-ja);opacity:.75;z-index:1}
.adl .jline::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:13px;height:13px;border:2px solid var(--adl-ja);border-radius:50%;background:#fff}
.adl .jline.t{top:16px}
.adl .jline.b{bottom:16px}
/* Inner end runs under the hexagon's slanted edge. At 16px from the row edge the
   line sits 12px below the hex apex, where the silhouette is inset ~54px from the
   bounding box — so it must reach 50%±58px to make contact.
   Outer end stops short of the terminator ring, leaving a deliberate gap. */
.adl .jr.h-a .jline{left:21px;right:calc(50% + 58px)}
.adl .jr.h-a .jline::after{left:-21px}
.adl .jr.h-b .jline{right:21px;left:calc(50% + 58px)}
.adl .jr.h-b .jline::after{right:-21px}
/* copy */
.adl .jtxt{position:relative;z-index:2}
.adl .jtxt h4{font-size:16px;margin-bottom:5px;color:var(--adl-ink)}
.adl .jtxt p{font-size:13px;color:var(--adl-grey);max-width:280px}
.adl .jr.h-a .jtxt{grid-column:1;text-align:right;padding-right:34px}
.adl .jr.h-a .jtxt p{margin-left:auto}
.adl .jr.h-b .jtxt{grid-column:3;text-align:left;padding-left:34px}
/* year block, mirroring the reference's PROCESS / 01 / TEXT HERE stack */
.adl .jmeta{position:relative;z-index:2}
.adl .jmeta .ph{font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--adl-grey-2)}
.adl .jmeta .num{font-size:clamp(34px,4.2vw,52px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--adl-ja);margin:4px 0 3px}
.adl .jmeta .sub{font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--adl-ja);opacity:.75}
.adl .jr.h-a .jmeta{grid-column:3;text-align:left;padding-left:26px}
.adl .jr.h-b .jmeta{grid-column:1;text-align:right;padding-right:26px}

/* ===== THE CHEMISTRY INSIDE EVERY PACKAGE (3D Car Video Stage) ===== */
.adl .chem-section {
	position: relative;
	width: 100%;
	min-height: 980px;
	padding: 80px 24px 70px;
	background: #000000 !important;
	overflow: hidden;
}
.adl .chem-wrap {
	position: relative;
	z-index: 10;
	max-width: 1380px;
	margin: 0 auto;
}
.adl .chem-head {
	text-align: center;
	max-width: 860px;
	margin: 0 auto 36px;
}
.adl .chem-head .eyebrow,
.adl .chem-eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 0;
	background: transparent;
	border: none;
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--adl-red, #D32F2F);
	margin-bottom: 16px;
}
.adl .chem-head .eyebrow::before,
.adl .chem-eyebrow::before {
	content: '';
	width: 28px;
	height: 2px;
	background: var(--adl-red, #D32F2F);
	display: inline-block;
}
.adl .chem-eyebrow-dot {
	display: none !important;
}
.adl .chem-title {
	font-family: var(--adl-font-heading, 'Montserrat', sans-serif);
	font-size: clamp(32px, 3.8vw, 48px);
	font-weight: 700;
	color: #FFFFFF !important;
	line-height: 1.15;
	margin: 0 0 12px;
	letter-spacing: -0.02em;
}
.adl .chem-lead {
	font-size: clamp(14px, 1.1vw, 16px);
	color: #94A3B8;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 720px;
}
.adl .chem-stage {
	position: relative;
	width: 100%;
	max-width: 1360px;
	min-height: 660px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.adl .chem-video-box {
	position: relative;
	width: 980px;
	max-width: 100%;
	aspect-ratio: 16/9;
	background: #000000;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	overflow: visible;
	z-index: 2;
}
.adl .chem-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border: none !important;
	outline: none !important;
	background: #000000;
	mix-blend-mode: screen;
}
.adl .chem-video-vignette {
	position: absolute;
	inset: -2px;
	pointer-events: none;
	background: radial-gradient(ellipse 75% 65% at 50% 50%, transparent 45%, rgba(0,0,0,0.7) 75%, #000000 95%);
	z-index: 5;
}
.adl .chem-hotspot {
	position: absolute;
	width: 16px;
	height: 16px;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 15;
}
.adl .chem-hotspot-core {
	position: absolute;
	inset: 2px;
	border-radius: 50%;
	background: #E53935;
	border: none !important;
	box-shadow: 0 0 8px #E53935, 0 0 16px rgba(229, 57, 53, 0.5);
	transition: all 0.25s ease;
}
.adl .chem-hotspot-ring {
	position: absolute;
	inset: -4px;
	border-radius: 50%;
	border: 1.5px solid rgba(229, 57, 53, 0.55);
	animation: pulseHotspot 2.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.adl .chem-hotspot:hover .chem-hotspot-core,
.adl .chem-hotspot.active .chem-hotspot-core {
	background: #FF1744;
	border: none !important;
	box-shadow: 0 0 16px #FF1744, 0 0 28px rgba(255, 23, 68, 0.9);
	transform: scale(1.4);
}
.adl .chem-hotspot.active .chem-hotspot-ring {
	border-color: #FF1744;
	animation-duration: 1.2s;
}
@keyframes pulseHotspot {
	0% { transform: scale(0.6); opacity: 1; }
	100% { transform: scale(2.2); opacity: 0; }
}
.adl .chem-svg-layer {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 8;
}
.adl .chem-connector-line {
	stroke: rgba(220, 38, 38, 0.85);
	stroke-width: 1.8;
	stroke-dasharray: 5 4;
	fill: none;
	stroke-linecap: square;
	transition: stroke 0.25s ease, stroke-width 0.25s ease, filter 0.25s ease;
}
.adl .chem-connector-line.active {
	stroke: #FF3838;
	stroke-width: 2.8;
	stroke-dasharray: none;
	filter: drop-shadow(0 0 6px #FF3838) drop-shadow(0 0 14px rgba(220, 38, 38, 0.9));
}
.adl .chem-cards-layer {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 10;
}
.adl .chem-card {
	position: absolute;
	width: 285px;
	background: #0B0C10;
	border: 2px solid var(--adl-red, #D32F2F);
	border-radius: 0 !important;
	padding: 0;
	box-sizing: border-box;
	pointer-events: auto;
	cursor: pointer;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.88);
}
.adl .chem-card:hover,
.adl .chem-card.highlight {
	transform: translateY(-3px);
	border-color: #FF4D4D;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.95);
}
.adl .chem-card-header {
	background: var(--adl-red, #D32F2F);
	color: #FFFFFF !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 7px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 0 !important;
}
.adl .chem-card-body {
	padding: 13px 14px 11px;
}
.adl .chem-card-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #FFFFFF !important;
	margin: 0 0 6px;
	line-height: 1.3;
}
.adl .chem-card-desc {
	font-size: 11.5px;
	color: #CBD5E1;
	line-height: 1.45;
	margin: 0;
	font-weight: 400;
}
.adl .chem-card-footer {
	background: rgba(211, 47, 47, 0.16);
	border-top: 1px solid rgba(211, 47, 47, 0.4);
	padding: 6px 12px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #FF8A8A;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 0 !important;
}
.adl .chem-card.highlight .chem-card-footer {
	background: rgba(211, 47, 47, 0.32);
	color: #FFFFFF;
}
.adl .chem-card-1 { top: 20px; left: 10px; }
.adl .chem-card-2 { top: 225px; left: 0px; }
.adl .chem-card-3 { bottom: 40px; left: 10px; }
.adl .chem-card-4 { top: 20px; right: 10px; }
.adl .chem-card-5 { top: 225px; right: 0px; }
.adl .chem-card-6 { bottom: 40px; right: 10px; }
.adl .chem-card-7 {
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 380px;
}
.adl .chem-card-7:hover,
.adl .chem-card-7.highlight {
	transform: translateX(-50%) translateY(-3px);
}
.adl .chem-beats-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
	margin-top: 50px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	padding-top: 36px;
}
.adl .chem-beat {
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0;
	padding: 16px 14px;
	transition: all 0.2s ease;
}
.adl .chem-beat:hover {
	background: rgba(211, 47, 47, 0.08);
	border-color: var(--adl-red, #D32F2F);
}
.adl .chem-beat-num {
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 13px;
	font-weight: 800;
	color: var(--adl-red, #D32F2F);
	margin-bottom: 8px;
}
.adl .chem-beat-title {
	font-size: 13px;
	font-weight: 700;
	color: #FFFFFF !important;
	margin: 0 0 6px;
	line-height: 1.3;
}
.adl .chem-beat-desc {
	font-size: 11px;
	color: #94A3B8;
	line-height: 1.5;
	margin: 0;
}
@media (max-width: 1080px) {
	.adl .chem-card { width: 240px; }
	.adl .chem-card-7 { width: 320px; }
	.adl .chem-beats-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
	.adl .chem-stage { flex-direction: column; min-height: auto; }
	.adl .chem-video-box { width: 100%; margin-bottom: 30px; }
	.adl .chem-svg-layer, .adl .chem-hotspot { display: none; }
	.adl .chem-cards-layer {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		width: 100%;
	}
	.adl .chem-card { position: static; width: 100%; transform: none !important; }
	.adl .chem-card-7 { grid-column: span 2; width: 100%; }
	.adl .chem-beats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.adl .chem-section { padding: 45px 16px; }
	.adl .chem-cards-layer { grid-template-columns: 1fr; }
	.adl .chem-card-7 { grid-column: span 1; }
	.adl .chem-beats-grid { grid-template-columns: 1fr; }
}

/* ===== SPECIFICATION RIBBON (Trust Strip) — White Section ===== */
.adl .trust-spec-ribbon {
	background: #FFFFFF;
	border-top: 1px solid var(--adl-line, #E5E7EB);
	border-bottom: 1px solid var(--adl-line, #E5E7EB);
	padding: 38px 0;
	text-align: center;
}
.adl .trust-spec-ribbon .eyebrow,
.adl .trust-spec-ribbon .trust-eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 0;
	background: transparent;
	border: none;
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--adl-red, #D32F2F);
	margin-bottom: 16px;
}
.adl .trust-spec-ribbon .eyebrow::before,
.adl .trust-spec-ribbon .trust-eyebrow::before {
	content: '';
	width: 28px;
	height: 2px;
	background: var(--adl-red, #D32F2F);
	display: inline-block;
}
.adl .trust-spec-ribbon .trust-eyebrow-dot {
	display: none !important;
}
.adl .trust-spec-ribbon .wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 28px;
	margin-bottom: 0px !important;
	padding-bottom: 0px;
	padding-top: 10px;
}
.adl .trust-spec-ribbon .item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #4B5563;
	font-weight: 500;
}
.adl .trust-spec-ribbon .item b {
	color: #111827;
	font-weight: 800;
	letter-spacing: .04em;
	padding: 4px 10px;
	background: rgba(211, 47, 47, 0.08);
	border: 1px solid rgba(211, 47, 47, 0.25);
	border-radius: 4px;
}

/* ===== APPLICATIONS & ICON LIST (Dark obsidian, hexagon droplet stage, icon cards) ===== */
.adl .apps {
	background: linear-gradient(150deg, #1b0d0c 0%, #0d0a0a 62%) !important;
	color: #FFFFFF !important;
	position: relative;
	overflow: hidden;
}
.adl .apps::before {
	content: '';
	position: absolute;
	top: -120px;
	right: -90px;
	width: 420px;
	height: 420px;
	background: radial-gradient(circle, rgba(226, 35, 26, 0.25), transparent 68%);
	pointer-events: none;
	z-index: 1;
}
.adl .apps .wrap {
	position: relative;
	z-index: 2;
}
.adl .apps h2.title,
.adl .apps .title {
	color: #FFFFFF !important;
}
.adl .apps .lead {
	color: rgba(255, 255, 255, 0.66) !important;
}

/* Hexagon Stage & Staged Appwrap (Used in Applications, Icon List & Product Stat Band) */
.adl .appwrap {
	display: grid;
	grid-template-columns: 1fr 1.05fr;
	gap: 54px;
	align-items: center;
	margin-top: 54px;
	position: relative;
	z-index: 2;
}
.adl .appstage {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.adl .appvid {
	position: relative;
	width: 100%;
	max-width: 430px;
	aspect-ratio: 1 / 1.06;
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	overflow: hidden;
	background: #000;
	margin: 0 auto;
}
.adl .appvid video,
.adl .appvid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.82;
	display: block;
}
.adl .appvid::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 50%, transparent 34%, rgba(10, 7, 7, 0.72));
	pointer-events: none;
}
.adl .appdrop {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 104px !important;
	height: auto !important;
	max-width: 104px !important;
	z-index: 3 !important;
	filter: drop-shadow(0 6px 24px rgba(226, 35, 26, 0.55));
	pointer-events: none;
}
.adl .appcap {
	text-align: center;
	margin-top: 20px;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.42);
}

/* Icon List & Items */
.adl .applist {
	display: grid;
	gap: 12px;
}
.adl .applist-1 {
	grid-template-columns: 1fr;
	max-width: 860px;
	margin: 0 auto;
	width: 100%;
}
@media (min-width: 861px) {
	.adl .wrap > div > .applist-1 {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px 24px;
		max-width: 1040px;
	}
}
.adl .appwrap .applist-1 {
	grid-template-columns: 1fr !important;
	max-width: 100% !important;
	margin: 0;
}
.adl .applist-2 {
	grid-template-columns: repeat(2, 1fr);
	gap: 14px 24px;
	width: 100%;
}
.adl .applist-3 {
	grid-template-columns: repeat(3, 1fr);
	gap: 14px 24px;
	width: 100%;
}
.adl .appitem {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 16px 20px;
	position: relative;
	transition: all 0.22s ease;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	box-sizing: border-box;
}
.adl .appitem::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--adl-red, #D32F2F);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.28s ease;
}
.adl .appitem:hover {
	background: rgba(255, 255, 255, 0.065);
	border-color: rgba(211, 47, 47, 0.35);
}
.adl .appitem:hover::before {
	transform: scaleY(1);
}
.adl .appitem .aic {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.04);
	border-radius: 6px;
}
.adl .appitem .aic svg {
	width: 20px;
	height: 20px;
	stroke: var(--adl-red, #D32F2F);
	fill: none;
	stroke-width: 1.8;
	flex-shrink: 0;
}
.adl .appitem h4 {
	font-size: 15.5px;
	font-weight: 700;
	color: #FFFFFF;
	margin: 0 0 4px 0;
	line-height: 1.35;
}
.adl .appitem p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.60);
	margin: 0;
	line-height: 1.5;
}

/* Beats (3 key narrative beats below applications) */
.adl .beats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	margin-top: 56px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
	z-index: 2;
}
.adl .beat {
	background: #120c0b;
	padding: 22px;
}
.adl .beat .bn {
	font-size: 12px;
	font-weight: 800;
	color: var(--adl-red, #D32F2F);
	letter-spacing: .1em;
}
.adl .beat h4 {
	font-size: 15px;
	margin: 7px 0 5px;
	color: #FFFFFF;
}
.adl .beat p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.55);
	margin: 0;
}

/* ===== NUMBERS (Centering Fix & Staged Layout) ===== */
.adl .nums{position:relative;padding:88px 0;background:var(--adl-ink);color:#fff;overflow:hidden}
.adl .nums .nbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:grayscale(1)}
.adl .nums::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(20,20,18,.9),rgba(125,15,10,.55))}
.adl .nums .wrap{position:relative;z-index:2}
.adl .nums h2{font-size:clamp(26px,3.4vw,40px);color:#fff}
.adl .numgrid{display:flex;justify-content:center;flex-wrap:wrap;gap:1px;margin-top:44px;background:rgba(255,255,255,.16)}
.adl .nstat{flex:1 1 200px;max-width:280px;background:rgba(18,12,11,.72);padding:30px 22px;text-align:center}
.adl .nstat .n{font-size:clamp(30px,3.6vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1;color:#fff}
.adl .nstat .n small{color:var(--adl-red);font-size:.55em;font-weight:800}
.adl .nstat .l{font-size:12px;font-weight:700;color:rgba(255,255,255,.62);text-transform:uppercase;letter-spacing:.07em;margin-top:12px;line-height:1.5}
.adl .numgrid-staged {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	background: transparent;
	margin-top: 0;
	width: 100%;
}
.adl .numgrid-staged .nstat {
	background: rgba(18, 12, 11, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	padding: 24px 18px;
	max-width: 100%;
	flex: none;
}

/* ===== FINDER (3-step click-through) ===== */
.adl .finder{background:#fff;border:1px solid var(--adl-line);margin-top:52px;box-shadow:0 14px 40px rgba(20,20,18,.05)}
.adl .fcols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}
.adl .fcol{padding:32px;border-right:1px solid var(--adl-line)}
.adl .fcol:last-child{border-right:0}
.adl .fcol .step{font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--adl-red);margin-bottom:18px}
.adl .fopt{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--adl-line);padding:14px 18px;font-size:14.5px;font-weight:700;font-family:inherit;color:var(--adl-ink);cursor:pointer;margin-bottom:10px;border-radius:4px;transition:.18s}
.adl .fopt:hover{border-color:var(--adl-ink)}
.adl .fopt.on{background:var(--adl-red);border-color:var(--adl-red);color:#fff}
.adl .fopt:disabled{opacity:.4;cursor:not-allowed}
.adl .fmsg{font-size:14px;color:var(--adl-grey-2);font-weight:600}
.adl .fmsg b{color:var(--adl-ink);font-weight:800}
.adl .fpills{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.adl .pill{background:var(--adl-soft);border:1px solid var(--adl-line);color:var(--adl-ink);font-size:13px;font-weight:800;letter-spacing:.03em;padding:10px 16px;border-radius:4px}
.adl .pill b{color:var(--adl-red)}

/* ===== INSIGHTS (3-Column Card Grid) ===== */
.adl .li-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.adl .licard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--adl-line);overflow:hidden;transition:.28s}
.adl .licard:hover{box-shadow:0 22px 46px rgba(20,20,18,.10);transform:translateY(-4px)}
.adl .licard .imgwrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--adl-ink)}
.adl .licard .imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.adl .licard:hover .imgwrap img{transform:scale(1.04)}
.adl .licard .body{padding:28px 24px;display:flex;flex-direction:column;flex:1;justify-content:space-between}
.adl .licard .kind{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--adl-red)}
.adl .licard h3{font-size:20px;margin:10px 0 10px;color:var(--adl-ink);line-height:1.3}
.adl .licard p{font-size:14px;color:var(--adl-grey);line-height:1.55}
.adl .licard .go{margin-top:20px;padding-top:16px;border-top:1px solid var(--adl-line);font-size:13px;font-weight:800;color:var(--adl-ink-2);display:flex;justify-content:space-between;align-items:center}
.adl .licard:hover .go{color:var(--adl-red)}
.adl .li-follow{margin-top:32px;background:var(--adl-ink);color:#fff;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.adl .li-follow .lf-l{display:flex;align-items:center;gap:18px}
.adl .li-follow .lf-ic{width:52px;height:52px;background:var(--adl-red);display:flex;align-items:center;justify-content:center;flex:none}
.adl .li-follow .lf-ic svg{width:26px;height:26px;fill:#fff}
.adl .li-follow h3{font-size:20px;color:#fff}
.adl .li-follow p{font-size:14px;color:rgba(255,255,255,.6);margin-top:3px}

/* ===== CTA (Dark Obsidian — transitions cleanly into red footer) ===== */
.adl .cta{position:relative;padding:104px 0;color:#fff;overflow:hidden;background:#0D0F12}
.adl .cta .ctabg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:grayscale(100%)}
.adl .cta::after{content:'';position:absolute;inset:0;background:linear-gradient(112deg,rgba(20,24,28,.97) 0%,rgba(13,15,18,.95) 50%,rgba(26,12,12,.92) 100%)}
.adl .cta .wrap{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.adl .cta h2{font-size:clamp(30px,4vw,46px);color:#fff}
.adl .cta .eyebrow{color:var(--adl-red)}
.adl .cta p{color:rgba(255,255,255,.82);margin-top:14px;max-width:440px}
.adl .cta .maps{display:flex;flex-direction:column;gap:12px}
.adl .cta .map{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--adl-red);padding:17px 22px;backdrop-filter:blur(3px);transition:.22s}
.adl .cta .map:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.adl .cta .map b{font-size:17px;color:#fff}
.adl .cta .map span{display:block;font-size:14px;color:rgba(255,255,255,.7);margin-top:3px}
.adl .cta .btn-white{margin-top:26px}
.adl .cta .btn-red{display:inline-flex;align-items:center;gap:8px;background:var(--adl-red);color:#fff;font-weight:800;font-size:14px;padding:16px 32px;border:none;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:.22s}
.adl .cta .btn-red:hover{background:#B71C1C;box-shadow:0 8px 24px rgba(211,47,47,.3)}

/* ===== RESPONSIVE ===== */
@media(max-width:960px){
 .adl .navlinks,.adl .navcta .btn{display:none}
 .adl .burger{display:flex}
 .adl .hero-visual{opacity:.2}
 .adl .hero-visual::after{background:rgba(255,255,255,.4)}
 .adl .hero-inner{min-height:auto;padding:70px 32px 60px}
 .adl .about-grid{grid-template-columns:1fr;gap:36px}
 .adl .about-feats{grid-template-columns:1fr 1fr;gap:16px}
 .adl .prod-grid,.adl .pkg-grid,.adl .beats,.adl .li-grid{grid-template-columns:1fr}
 .adl .licard{grid-template-columns:1fr}
 .adl .licard .body{padding:26px 24px}
 .adl .licard h3{font-size:20px}
 .adl .wrow,.adl .wrow.rev{grid-template-columns:auto 1fr;gap:22px;direction:ltr}
 .adl .wrow.rev .wtxt{text-align:left}
 .adl .wrow.rev .wtxt p{margin-left:0}
 .adl .imgnum{font-size:clamp(60px, 18vw, 120px)!important;font-size:min(120px, 68cqw)!important}
 .adl .jrny{padding:0}
 .adl .jrny-drag-nav{display:none}
 .adl .jrny-h{padding:10px 0;overflow-x:visible}
 .adl .jh-track,.adl .jrny-grid-row .jh-row-track{min-width:0;width:100%;height:auto!important;display:block}
 .adl .jh-axis-line{top:30px!important;bottom:30px;left:55px!important;right:auto!important;width:3px;height:auto!important;background:linear-gradient(180deg,var(--adl-red) 0%,var(--adl-ink) 100%)!important;transform:none!important}
 .adl .jh-list,.adl .jh-grid-cols{display:flex!important;flex-direction:column!important;width:100%!important;gap:28px!important;height:auto!important}
 .adl .jh-col{flex-direction:row!important;align-items:center!important;min-width:0!important;width:100%!important;padding:0!important;gap:20px!important;height:auto!important}
 .adl .jh-half{display:block!important;flex:1!important;width:auto!important;padding:0!important}
 .adl .jh-half:empty{display:none!important}
 .adl .jh-col .jhexwrap{margin:0 10px}
 .adl .jh-col .jhex{width:90px;height:102px}
 .adl .jh-col .jhin{width:68px;height:78px}
 .adl .jh-col .jhin svg{width:26px;height:26px}
 .adl .jrny-row-divider{display:none}
 .adl .jr{grid-template-columns:96px 1fr;gap:16px;min-height:0;margin-bottom:22px}
 .adl .jr + .jr{margin-top:0}
 .adl .jhexwrap{grid-column:1!important;grid-row:1/span 2!important;justify-content:flex-start!important}
 .adl .jhex{width:88px;height:98px}
 .adl .jhin{width:66px;height:74px}
 .adl .jhin svg{width:26px;height:26px}
 .adl .jline{display:none}
 .adl .jmeta{grid-column:2!important;grid-row:1!important;text-align:left!important;padding:0!important}
 .adl .jmeta .num{font-size:30px;margin:2px 0}
 .adl .jtxt{grid-column:2!important;grid-row:2!important;text-align:left!important;padding:0!important;margin-top:6px}
 .adl .jtxt p{margin-left:0!important;max-width:none}
 .adl .appwrap{grid-template-columns:1fr;gap:36px}
 .adl .numgrid{grid-template-columns:1fr 1fr}
 .adl .fcols{grid-template-columns:1fr}
 .adl .fcol{border-right:0;border-bottom:1px solid var(--adl-line)}
 .adl .cta .wrap,.adl .foot-grid{grid-template-columns:1fr;gap:32px}
 .adl .foot-grid{justify-items:start}
 .adl .foot-bottom .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
 .adl .foot-bottom .copy,.adl .foot-bottom .legal{grid-column:1;justify-self:center}
 .adl .section{padding:72px 0}
 .adl .mobnav{display:block}
}

/* ===== STITCH CONTACT BANNER ===== */
.adl .contact-banner {
	width: 100%;
	background: linear-gradient(135deg, #E52D27 0%, #B31217 50%, #7E0A0E 100%);
	color: #FFFFFF;
	padding: 84px 24px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid rgba(126, 10, 14, 0.4);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}
.adl .contact-watermark {
	position: absolute;
	right: 0;
	top: 0;
	width: 440px;
	height: 440px;
	opacity: 0.10;
	pointer-events: none;
	transform: translate(25%, -25%);
	color: #ffffff;
}
.adl .contact-watermark svg {
	width: 100%;
	height: 100%;
}
.adl .contact-container {
	max-width: 1240px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.adl .contact-grid {
	display: grid;
	grid-template-columns: 1fr 1.28fr;
	gap: 56px;
	align-items: start;
}
.adl .contact-left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-top: 8px;
}
.adl .contact-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .16em;
	padding: 5px 14px;
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 9999px;
	margin-bottom: 20px;
	color: rgba(255, 255, 255, 0.95);
}
.adl .contact-title {
	font-family: var(--adl-font-heading, 'Montserrat', sans-serif);
	font-size: clamp(34px, 3.8vw, 50px);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	line-height: 1.1;
	margin: 0 0 18px 0;
}
.adl .contact-desc {
	color: rgba(255, 255, 255, 0.88);
	font-size: 16.5px;
	line-height: 1.65;
	font-weight: 300;
	margin-bottom: 38px;
	max-width: 520px;
}
.adl .contact-items {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.adl .contact-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.adl .contact-item-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.82);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	flex-shrink: 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	transition: transform 0.2s ease;
}
.adl .contact-item:hover .contact-item-icon {
	transform: scale(1.08);
}
.adl .contact-item-icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}
.adl .contact-item-text {
	display: flex;
	flex-direction: column;
}
.adl .contact-item-lbl {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 3px;
}
.adl .contact-item-val {
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .02em;
	transition: color 0.2s ease;
}
.adl .contact-item-val:hover {
	text-decoration: underline;
}
.adl .contact-item-sub {
	font-size: 12.5px;
	color: rgba(255, 255, 255, 0.65);
	margin-top: 2px;
}
.adl .contact-hq {
	margin-top: 48px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	gap: 12px;
	color: rgba(255, 255, 255, 0.85);
	font-size: 13px;
}
.adl .contact-hq svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: #FFFFFF;
}

/* Glass Form Card */
.adl .contact-form-card {
	background: rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 38px 40px 36px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}
.adl .cf-header {
	margin-bottom: 26px;
}
.adl .cf-header h3 {
	font-family: var(--adl-font-heading, 'Montserrat', sans-serif);
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	margin: 0 0 6px 0;
}
.adl .cf-header p {
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	margin: 0;
}
.adl .cf-form {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.adl .cf-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.adl .cf-field {
	display: flex;
	flex-direction: column;
}
.adl .cf-field label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 6px;
}
.adl .cf-input {
	width: 100%;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #FFFFFF;
	padding: 13px 16px;
	border-radius: 8px;
	font-size: 14px;
	font-family: var(--adl-font-body, 'Montserrat', sans-serif);
	transition: all 0.2s ease;
}
.adl .cf-input::placeholder {
	color: rgba(255, 255, 255, 0.65);
}
.adl .cf-input:focus {
	background-color: rgba(255, 255, 255, 0.22);
	border-color: #FFFFFF;
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.adl .cf-textarea {
	resize: none;
	min-height: 110px;
}
.adl .cf-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 6px;
}
.adl .cf-recaptcha {
	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid #D1D5DB;
	padding: 8px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 250px;
	flex-shrink: 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.adl .cf-rc-left {
	display: flex;
	align-items: center;
	gap: 10px;
}
.adl .cf-rc-left input[type="checkbox"] {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #D1D5DB;
	accent-color: #D32F2F;
	cursor: pointer;
}
.adl .cf-rc-left label {
	font-size: 12px;
	color: #374151;
	font-weight: 500;
	cursor: pointer;
	margin: 0;
	user-select: none;
}
.adl .cf-rc-brand {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.adl .cf-rc-brand svg {
	width: 22px;
	height: 22px;
	fill: #2563EB;
}
.adl .cf-rc-brand span {
	font-size: 9px;
	color: #9CA3AF;
	font-family: sans-serif;
	letter-spacing: -0.02em;
}
.adl .cf-btn-submit {
	background: #000000;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .08em;
	padding: 15px 30px;
	border-radius: 8px;
	border: none;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: all 0.2s ease;
}
.adl .cf-btn-submit:hover {
	background: #18181B;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
	transform: translateY(-1px);
}
.adl .cf-btn-submit:active {
	transform: translateY(0);
}
.adl .cf-btn-submit svg {
	width: 16px;
	height: 16px;
}

/* ===== STITCH DEEP DARK INDUSTRIAL FOOTER ===== */
.adl .stitch-footer {
	width: 100%;
	background: #0B0D0F;
	color: #FFFFFF;
	padding: 72px 24px 36px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	position: relative;
	overflow: hidden;
}
.adl .stitch-footer-watermark {
	position: absolute;
	left: -20px;
	bottom: -20px;
	opacity: 0.12;
	pointer-events: none;
	user-select: none;
	z-index: 0;
	color: var(--adl-red, #D32F2F);
}
.adl .stitch-footer-watermark svg {
	width: 230px;
	height: 230px;
}
.adl .stitch-footer-inner {
	max-width: 1240px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.adl .stitch-footer-grid {
	display: grid;
	grid-template-columns: 2.2fr 1.1fr 1.4fr 1.5fr;
	gap: 48px;
	padding-bottom: 56px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.adl .stitch-col-brand .stitch-logo {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}
.adl .stitch-col-brand .stitch-logo img {
	height: 40px;
	width: auto;
	filter: brightness(0) invert(1);
}
.adl .stitch-col-brand p {
	color: #9CA3AF;
	font-size: 13.5px;
	line-height: 1.7;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding-right: 18px;
}
.adl .stitch-col-brand p strong {
	color: #FFFFFF;
	font-weight: 600;
}
.adl .stitch-badges {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.adl .stitch-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 6px;
	background: #181A1D;
	border: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 11.5px;
	color: #D1D5DB;
	font-weight: 500;
}
.adl .stitch-badge-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #10B981;
	margin-right: 8px;
	box-shadow: 0 0 6px #10B981;
	animation: adlPulse 2s infinite;
}
@keyframes adlPulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.5; transform: scale(0.85); }
}
.adl .stitch-head {
	font-family: var(--adl-font-heading, 'Montserrat', sans-serif);
	font-size: 13.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: #FFFFFF;
	border-left: 2px solid var(--adl-red, #D32F2F);
	padding-left: 10px;
	margin: 0 0 18px 0;
	line-height: 1.2;
}
.adl .stitch-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 11px;
}
.adl .stitch-links li a {
	color: #9CA3AF;
	font-size: 13.5px;
	text-decoration: none;
	transition: color 0.15s ease;
	display: inline-block;
}
.adl .stitch-links li a:hover {
	color: #FFFFFF;
}
.adl .stitch-contact-box {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13.5px;
	color: #9CA3AF;
}
.adl .stitch-c-row {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #FFFFFF;
	font-weight: 600;
	margin: 0;
}
.adl .stitch-c-row svg {
	width: 16px;
	height: 16px;
	color: var(--adl-red, #D32F2F);
	flex-shrink: 0;
}
.adl .stitch-c-row a {
	color: #FFFFFF;
	text-decoration: none;
	transition: color 0.15s ease;
}
.adl .stitch-c-row a:hover {
	color: var(--adl-red, #D32F2F);
}
.adl .stitch-c-sub {
	font-size: 12px;
	color: #6B7280;
	padding-left: 24px;
	margin-bottom: 6px;
	display: block;
}
.adl .stitch-social-title {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: #9CA3AF;
	margin: 18px 0 10px 0;
	display: block;
}
.adl .stitch-social-icons {
	display: flex;
	align-items: center;
	gap: 10px;
}
.adl .stitch-soc-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #181A1D;
	border: 1px solid rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #D1D5DB;
	text-decoration: none;
	transition: all 0.2s ease;
}
.adl .stitch-soc-btn svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}
.adl .stitch-soc-btn:hover {
	background: var(--adl-red, #D32F2F);
	border-color: var(--adl-red, #D32F2F);
	color: #FFFFFF;
	transform: translateY(-2px);
}
.adl .stitch-catalogue-desc {
	color: #9CA3AF;
	font-size: 13.5px;
	line-height: 1.6;
	margin: 0 0 16px 0;
}
.adl .stitch-catalogue-desc strong {
	color: #E5E7EB;
}
.adl .stitch-btn-guide {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 13px 20px;
	border-radius: 8px;
	border: 2px solid var(--adl-red, #D32F2F);
	color: #FFFFFF;
	background: transparent;
	font-weight: 600;
	font-size: 13.5px;
	letter-spacing: .02em;
	text-decoration: none;
	transition: all 0.2s ease;
	box-shadow: 0 4px 12px rgba(211, 47, 47, 0.15);
	box-sizing: border-box;
}
.adl .stitch-btn-guide svg {
	width: 16px;
	height: 16px;
	fill: var(--adl-red, #D32F2F);
	transition: fill 0.2s ease, transform 0.2s ease;
}
.adl .stitch-btn-guide:hover {
	background: var(--adl-red, #D32F2F);
	color: #FFFFFF;
}
.adl .stitch-btn-guide:hover svg {
	fill: #FFFFFF;
	transform: translateY(2px);
}
.adl .stitch-catalogue-sub {
	display: block;
	font-size: 11px;
	color: #6B7280;
	text-align: center;
	margin-top: 8px;
}
.adl .stitch-bottom-bar {
	padding-top: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-size: 12px;
	color: #6B7280;
}
.adl .stitch-legal-links {
	display: flex;
	align-items: center;
	gap: 18px;
}
.adl .stitch-legal-links a {
	color: #9CA3AF;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 0.15s ease;
}
.adl .stitch-legal-links a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.adl .stitch-legal-sep {
	color: rgba(255, 255, 255, 0.2);
}
.adl .stitch-copyright {
	color: #9CA3AF;
}
.adl .stitch-copyright strong {
	color: #E5E7EB;
}

@media (max-width: 1024px) {
	.adl .contact-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.adl .stitch-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}
}
@media (max-width: 640px) {
	.adl .contact-banner {
		padding: 50px 18px;
	}
	.adl .contact-form-card {
		padding: 26px 20px 24px;
	}
	.adl .cf-row {
		grid-template-columns: 1fr;
	}
	.adl .cf-actions {
		flex-direction: column;
		align-items: stretch;
	}
	.adl .cf-recaptcha {
		width: 100%;
		box-sizing: border-box;
	}
	.adl .stitch-footer {
		padding: 50px 18px 24px;
	}
	.adl .stitch-footer-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.adl .stitch-bottom-bar {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 14px;
	}
}