/*!
 * CBASCO Haika — About Us Page
 * Comprehensive corporate "About" page with hero, identity, numbers,
 * mission/vision pillars, capabilities, locations, mini-timeline,
 * CEO, product focus, and CTA. Mobile-first, RTL.
 */

/* ════════════════════════════════════════════════
   PAGE BASE
   ════════════════════════════════════════════════ */
.cbab-main {
	background: var(--cb-bg, #0d1117);
	color: var(--cb-text, #e4e8ee);
	overflow: hidden;
}
.cbab-sec {
	padding: 64px 0;
	position: relative;
}
.cbab-lede {
	max-width: 720px;
	margin: 14px auto 28px;
	text-align: center;
	color: var(--cb-text-muted, #98a2af);
	line-height: 1.95;
	font-size: 0.98rem;
}

/* ════════════════════════════════════════════════
   HERO
   ════════════════════════════════════════════════ */
.cbab-hero {
	position: relative;
	padding: 96px 0 72px;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 50% 0%, rgba(100, 170, 210, 0.14) 0%, transparent 55%),
		radial-gradient(ellipse at 100% 100%, rgba(200, 168, 76, 0.06) 0%, transparent 60%),
		linear-gradient(180deg, var(--cb-bg-deep, #0a0e14) 0%, var(--cb-bg, #0d1117) 100%);
}
.cbab-hero-title {
	font-size: clamp(2rem, 5.4vw, 3.5rem);
	font-weight: 800;
	line-height: 1.25;
	margin: 12px 0 14px;
	color: var(--cb-text);
}
.cbab-hero-thin {
	display: inline-block;
	font-weight: 300;
	color: var(--cb-text-muted, #98a2af);
	font-size: 0.6em;
	letter-spacing: 4px;
	margin-bottom: 6px;
}
.cbab-hero-title em {
	display: block;
	font-style: normal;
	background: linear-gradient(120deg, var(--cb-steel, #6aaecc) 0%, var(--cb-steel-l, #a0d0e8) 50%, var(--cb-steel, #6aaecc) 100%);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: cbab-shimmer 6s linear infinite;
}
@keyframes cbab-shimmer {
	0%   { background-position: 0% 50%; }
	100% { background-position: 200% 50%; }
}
.cbab-hero-loc {
	display: block;
	font-size: 0.55em;
	color: var(--cb-text-muted, #98a2af);
	font-weight: 500;
	margin-top: 8px;
	letter-spacing: 1px;
}
.cbab-hero-sub {
	font-size: clamp(0.95rem, 1.6vw, 1.1rem);
	color: var(--cb-text-muted, #98a2af);
	margin: 0 auto 32px;
	max-width: 680px;
	line-height: 1.85;
}
.cbab-hero-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	max-width: 760px;
	margin: 0 auto;
}
.cbab-pill {
	display: inline-block;
	padding: 8px 14px;
	background: rgba(100, 170, 210, .09);
	border: 1px solid rgba(100, 170, 210, .26);
	color: var(--cb-steel-m, #90c8e4);
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 600;
}

/* ════════════════════════════════════════════════
   IDENTITY GRID
   ════════════════════════════════════════════════ */
.cbab-id-sec {
	background: linear-gradient(180deg, var(--cb-bg, #0d1117) 0%, var(--cb-bg-deep, #0a0e14) 100%);
}
.cbab-id-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
	align-items: start;
}
@media (min-width: 960px) {
	.cbab-id-grid {
		grid-template-columns: 1.4fr 1fr;
		gap: 48px;
	}
}
.cbab-id-text p {
	color: var(--cb-text-muted, #b8c2cf);
	font-size: 0.98rem;
	line-height: 2;
	margin: 0 0 16px;
	text-align: justify;
}
.cbab-id-text strong {
	color: var(--cb-highlight, #c8e0f0);
}

.cbab-id-card {
	background: linear-gradient(160deg, rgba(100, 170, 210, .08), rgba(255,255,255,.015));
	border: 1px solid rgba(100, 170, 210, .25);
	border-radius: 22px;
	padding: 26px 22px;
	position: relative;
	overflow: hidden;
}
.cbab-id-card::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--cb-steel, #6aaecc), transparent);
}
.cbab-id-card-tag {
	display: inline-block;
	font-size: 0.74rem;
	font-weight: 700;
	color: var(--cb-steel, #6aaecc);
	letter-spacing: .08em;
	background: rgba(100, 170, 210, .12);
	padding: 5px 12px;
	border-radius: 999px;
	margin-bottom: 18px;
}
.cbab-id-facts {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
}
.cbab-id-facts > div {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(100, 170, 210, .12);
	align-items: start;
}
.cbab-id-facts > div:last-child { border-bottom: 0; }
.cbab-id-facts dt {
	font-size: 0.78rem;
	color: var(--cb-text-muted, #98a2af);
	font-weight: 500;
	margin: 0;
}
.cbab-id-facts dd {
	font-size: 0.88rem;
	color: var(--cb-text);
	font-weight: 600;
	line-height: 1.6;
	margin: 0;
}
@media (max-width: 540px) {
	.cbab-id-facts > div {
		grid-template-columns: 1fr;
		gap: 3px;
		padding: 10px 0;
	}
	.cbab-id-facts dt { font-size: 0.72rem; }
}

/* ════════════════════════════════════════════════
   BIG NUMBERS
   ════════════════════════════════════════════════ */
.cbab-num-sec {
	background:
		radial-gradient(ellipse at 50% 100%, rgba(200, 168, 76, .06) 0%, transparent 60%),
		linear-gradient(180deg, var(--cb-bg-deep, #0a0e14) 0%, var(--cb-bg, #0d1117) 100%);
}
.cbab-num-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin-top: 28px;
}
@media (min-width: 720px)  { .cbab-num-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
@media (min-width: 1000px) { .cbab-num-grid { grid-template-columns: repeat(6, 1fr); } }

.cbab-num-card {
	background: linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
	border: 1px solid rgba(100, 170, 210, .18);
	border-radius: 14px;
	padding: 20px 12px 18px;
	text-align: center;
	transition: transform .3s, border-color .3s, box-shadow .3s;
}
.cbab-num-card:hover {
	transform: translateY(-4px);
	border-color: rgba(100, 170, 210, .45);
	box-shadow: 0 12px 28px rgba(100, 170, 210, .12);
}
.cbab-num-val {
	font-size: clamp(1.4rem, 3.2vw, 2.1rem);
	font-weight: 800;
	color: var(--cb-steel, #6aaecc);
	line-height: 1;
}
.cbab-num-val small {
	display: block;
	margin-top: 4px;
	font-size: 0.5em;
	color: var(--cb-steel, #6aaecc);
	font-weight: 600;
}
.cbab-num-lbl {
	margin-top: 10px;
	font-size: 0.78rem;
	color: var(--cb-text-muted, #98a2af);
	line-height: 1.5;
}

/* ════════════════════════════════════════════════
   PILLARS (Mission / Vision / Values)
   ════════════════════════════════════════════════ */
.cbab-pill-sec {
	background: linear-gradient(180deg, var(--cb-bg, #0d1117) 0%, var(--cb-bg-deep, #0a0e14) 100%);
}
.cbab-pill-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-top: 28px;
}
@media (min-width: 760px) { .cbab-pill-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } }

.cbab-pill-card {
	background: linear-gradient(160deg, color-mix(in srgb, var(--cb-acc) 8%, transparent), rgba(255,255,255,.01));
	border: 1px solid color-mix(in srgb, var(--cb-acc) 26%, transparent);
	border-radius: 18px;
	padding: 28px 22px;
	text-align: center;
	transition: transform .35s, border-color .35s, box-shadow .35s;
	position: relative;
	overflow: hidden;
}
.cbab-pill-card::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: var(--cb-acc);
}
.cbab-pill-card:hover {
	transform: translateY(-6px);
	border-color: var(--cb-acc);
	box-shadow: 0 18px 38px color-mix(in srgb, var(--cb-acc) 22%, transparent);
}
.cbab-pill-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	background: color-mix(in srgb, var(--cb-acc) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--cb-acc) 32%, transparent);
	border-radius: 16px;
	color: var(--cb-acc);
	margin-bottom: 16px;
}
.cbab-pill-icon svg { width: 30px; height: 30px; }
.cbab-pill-label {
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--cb-acc);
	letter-spacing: .1em;
	margin-bottom: 6px;
}
.cbab-pill-title {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--cb-text);
	margin: 0 0 12px;
	line-height: 1.4;
}
.cbab-pill-desc {
	margin: 0;
	font-size: 0.85rem;
	color: var(--cb-text-muted, #b8c2cf);
	line-height: 2;
	text-align: justify;
}

/* ════════════════════════════════════════════════
   CAPABILITIES
   ════════════════════════════════════════════════ */
.cbab-cap-sec {
	background:
		radial-gradient(ellipse at 80% 50%, rgba(100, 170, 210, .04) 0%, transparent 50%),
		linear-gradient(180deg, var(--cb-bg-deep, #0a0e14) 0%, var(--cb-bg, #0d1117) 100%);
}
.cbab-cap-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 18px;
}
@media (min-width: 720px)  { .cbab-cap-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; } }

.cbab-cap-card {
	background: linear-gradient(160deg, rgba(255,255,255,.03), rgba(255,255,255,.005));
	border: 1px solid rgba(100, 170, 210, .2);
	border-radius: 16px;
	padding: 22px 16px;
	text-align: center;
	transition: transform .3s, border-color .3s, box-shadow .3s;
}
.cbab-cap-card:hover {
	transform: translateY(-4px);
	border-color: rgba(100, 170, 210, .48);
	box-shadow: 0 14px 32px rgba(100, 170, 210, .14);
}
.cbab-cap-num {
	font-size: clamp(1.9rem, 4vw, 2.4rem);
	font-weight: 800;
	color: var(--cb-steel, #6aaecc);
	line-height: 1;
}
.cbab-cap-num small {
	display: block;
	margin-top: 6px;
	font-size: 0.42em;
	font-weight: 600;
	color: rgba(100, 170, 210, .85);
}
.cbab-cap-title {
	margin-top: 12px;
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--cb-text);
}
.cbab-cap-sub {
	margin-top: 6px;
	font-size: 0.74rem;
	color: var(--cb-text-muted, #98a2af);
	font-family: 'Courier New', monospace;
}

/* ════════════════════════════════════════════════
   LOCATIONS
   ════════════════════════════════════════════════ */
.cbab-loc-sec {
	background: linear-gradient(180deg, var(--cb-bg, #0d1117) 0%, var(--cb-bg-deep, #0a0e14) 100%);
}
.cbab-loc-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-top: 28px;
}
@media (min-width: 720px)  { .cbab-loc-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } }
@media (min-width: 1100px) { .cbab-loc-grid { grid-template-columns: repeat(3, 1fr); } }

.cbab-loc-card {
	background: linear-gradient(160deg, rgba(100, 170, 210, .06), rgba(255,255,255,.015));
	border: 1px solid rgba(100, 170, 210, .22);
	border-radius: 18px;
	padding: 22px 22px 20px;
	transition: transform .3s, border-color .3s, box-shadow .3s;
	position: relative;
	overflow: hidden;
}
.cbab-loc-card:hover {
	transform: translateY(-5px);
	border-color: rgba(100, 170, 210, .48);
	box-shadow: 0 16px 36px rgba(100, 170, 210, .14);
}
.cbab-loc-card.is-gold {
	background: linear-gradient(135deg, rgba(200, 168, 76, .10), rgba(200, 168, 76, .02));
	border-color: rgba(200, 168, 76, .28);
}
.cbab-loc-card.is-gold:hover {
	border-color: rgba(200, 168, 76, .55);
	box-shadow: 0 16px 36px rgba(200, 168, 76, .16);
}
.cbab-loc-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: rgba(100, 170, 210, .12);
	border: 1px solid rgba(100, 170, 210, .3);
	border-radius: 12px;
	color: var(--cb-steel, #6aaecc);
	margin-bottom: 14px;
}
.cbab-loc-card.is-gold .cbab-loc-icon {
	background: rgba(200, 168, 76, .14);
	border-color: rgba(200, 168, 76, .35);
	color: var(--cb-gold-l, #e8d8a8);
}
.cbab-loc-icon svg { width: 22px; height: 22px; }
.cbab-loc-tag {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--cb-steel, #6aaecc);
	background: rgba(100, 170, 210, .12);
	border: 1px solid rgba(100, 170, 210, .3);
	border-radius: 999px;
	padding: 4px 10px;
	margin-bottom: 10px;
}
.cbab-loc-card.is-gold .cbab-loc-tag {
	color: var(--cb-gold-l, #e8d8a8);
	background: rgba(200, 168, 76, .14);
	border-color: rgba(200, 168, 76, .35);
}
.cbab-loc-name {
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--cb-text);
	margin: 0 0 8px;
}
.cbab-loc-addr {
	margin: 0;
	font-size: 0.85rem;
	color: var(--cb-text-muted, #b8c2cf);
	line-height: 1.85;
}

/* ════════════════════════════════════════════════
   MINI TIMELINE
   ════════════════════════════════════════════════ */
.cbab-ms-sec {
	background:
		radial-gradient(ellipse at 20% 50%, rgba(100, 170, 210, .04) 0%, transparent 50%),
		linear-gradient(180deg, var(--cb-bg-deep, #0a0e14) 0%, var(--cb-bg, #0d1117) 100%);
}
.cbab-ms-rail {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	margin-top: 32px;
	padding: 0 0 8px;
}
@media (min-width: 760px) {
	.cbab-ms-rail {
		grid-template-columns: repeat(4, 1fr);
		gap: 14px;
		padding: 30px 0 8px;
	}
}
.cbab-ms-line {
	display: none;
}
@media (min-width: 760px) {
	.cbab-ms-line {
		display: block;
		position: absolute;
		top: 56px;
		left: 5%;
		right: 5%;
		height: 2px;
		background: linear-gradient(90deg, rgba(100, 170, 210, .1), rgba(100, 170, 210, .4), rgba(100, 170, 210, .1));
		z-index: 0;
	}
}
.cbab-ms-node {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.cbab-ms-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--cb-steel, #6aaecc);
	box-shadow: 0 0 0 4px rgba(100, 170, 210, .2), 0 0 14px rgba(100, 170, 210, .55);
	margin-bottom: 12px;
	position: relative;
	z-index: 2;
}
.cbab-ms-year {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--cb-steel, #6aaecc);
	margin-bottom: 10px;
}
.cbab-ms-card {
	background: linear-gradient(160deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
	border: 1px solid rgba(100, 170, 210, .2);
	border-radius: 14px;
	padding: 14px 14px 16px;
	width: 100%;
	max-width: 280px;
	transition: transform .3s, border-color .3s;
}
.cbab-ms-card:hover {
	transform: translateY(-3px);
	border-color: rgba(100, 170, 210, .45);
}
.cbab-ms-card h4 {
	margin: 0 0 6px;
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--cb-text);
}
.cbab-ms-card p {
	margin: 0;
	font-size: 0.78rem;
	color: var(--cb-text-muted, #98a2af);
	line-height: 1.7;
}

.cbab-ms-cta {
	text-align: center;
	margin-top: 32px;
}

/* Arrow link */
.cbab-link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	background: rgba(100, 170, 210, .08);
	border: 1px solid rgba(100, 170, 210, .25);
	border-radius: 999px;
	color: var(--cb-steel, #6aaecc);
	font-weight: 700;
	font-size: 0.88rem;
	text-decoration: none;
	transition: all .3s;
}
.cbab-link-arrow:hover {
	background: rgba(100, 170, 210, .15);
	border-color: var(--cb-steel, #6aaecc);
	color: var(--cb-steel-l, #a0d0e8);
	transform: translateX(3px);   /* RTL: slide left */
}
.cbab-link-arrow svg { width: 16px; height: 16px; }

/* ════════════════════════════════════════════════
   CEO SECTION
   ════════════════════════════════════════════════ */
.cbab-ceo-sec {
	background: linear-gradient(180deg, var(--cb-bg, #0d1117) 0%, var(--cb-bg-deep, #0a0e14) 100%);
}
.cbab-ceo-card {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px;
	background: linear-gradient(135deg, rgba(100, 170, 210, .08), rgba(200, 168, 76, .03));
	border: 1px solid rgba(100, 170, 210, .25);
	border-radius: 22px;
	padding: 28px;
	align-items: center;
	margin-top: 28px;
}
@media (min-width: 760px) {
	.cbab-ceo-card {
		grid-template-columns: 280px 1fr;
		gap: 36px;
		padding: 36px;
	}
}
.cbab-ceo-photo-wrap {
	position: relative;
	max-width: 240px;
	margin: 0 auto;
	width: 100%;
}
.cbab-ceo-photo {
	width: 100%;
	height: auto;
	border-radius: 18px;
	border: 1px solid rgba(100, 170, 210, .25);
	display: block;
	box-shadow: 0 14px 40px rgba(0,0,0,.4);
	position: relative;
	z-index: 2;
}
.cbab-ceo-deco {
	position: absolute;
	inset: -6px -6px auto auto;
	width: 80px;
	height: 80px;
	border: 2px solid var(--cb-gold, #c8a84c);
	border-radius: 18px;
	z-index: 1;
}
.cbab-ceo-body { min-width: 0; }
.cbab-ceo-mark {
	font-size: 4rem;
	color: var(--cb-gold, #c8a84c);
	line-height: 0.4;
	font-family: Georgia, serif;
	margin-bottom: 14px;
}
.cbab-ceo-quote {
	font-size: 1rem;
	color: var(--cb-text);
	line-height: 2;
	margin: 0 0 16px;
	text-align: justify;
}
.cbab-ceo-quote strong { color: var(--cb-gold, #c8a84c); }
.cbab-ceo-name {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--cb-highlight, #c8e0f0);
	margin-top: 14px;
}
.cbab-ceo-role {
	font-size: 0.82rem;
	color: var(--cb-text-muted, #98a2af);
	margin-top: 4px;
}

/* ════════════════════════════════════════════════
   PRODUCTS
   ════════════════════════════════════════════════ */
.cbab-prod-sec {
	background:
		radial-gradient(ellipse at 80% 0%, rgba(200, 168, 76, .04) 0%, transparent 50%),
		linear-gradient(180deg, var(--cb-bg-deep, #0a0e14) 0%, var(--cb-bg, #0d1117) 100%);
}
.cbab-prod-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-top: 28px;
}
@media (min-width: 760px) { .cbab-prod-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } }

.cbab-prod-card {
	background: linear-gradient(160deg, rgba(255,255,255,.03), rgba(255,255,255,.005));
	border: 1px solid rgba(100, 170, 210, .2);
	border-radius: 18px;
	padding: 26px 22px;
	transition: transform .3s, border-color .3s, box-shadow .3s;
	position: relative;
}
.cbab-prod-card:hover {
	transform: translateY(-5px);
	border-color: rgba(100, 170, 210, .48);
	box-shadow: 0 16px 36px rgba(100, 170, 210, .14);
}
.cbab-prod-num {
	font-size: 2rem;
	font-weight: 800;
	color: rgba(100, 170, 210, .35);
	line-height: 1;
	margin-bottom: 14px;
	font-family: 'Courier New', monospace;
}
.cbab-prod-card h3 {
	font-size: 1rem;
	font-weight: 700;
	color: var(--cb-text);
	margin: 0 0 10px;
}
.cbab-prod-card p {
	margin: 0;
	font-size: 0.85rem;
	color: var(--cb-text-muted, #b8c2cf);
	line-height: 1.95;
	text-align: justify;
}
.cbab-prod-cta {
	text-align: center;
	margin-top: 26px;
}

/* ════════════════════════════════════════════════
   CTA
   ════════════════════════════════════════════════ */
.cbab-cta-sec {
	padding: 48px 0 96px;
}
.cbab-cta-card {
	background: linear-gradient(135deg, rgba(100, 170, 210, .12), rgba(200, 168, 76, .04));
	border: 1px solid rgba(100, 170, 210, .28);
	border-radius: 22px;
	padding: 36px 28px;
	text-align: center;
}
.cbab-cta-card h3 {
	margin: 0 0 10px;
	font-size: clamp(1.15rem, 2.4vw, 1.6rem);
	font-weight: 800;
	color: var(--cb-text);
}
.cbab-cta-card p {
	margin: 0 auto 22px;
	max-width: 540px;
	font-size: 0.92rem;
	color: var(--cb-text-muted, #b8c2cf);
	line-height: 1.85;
}
.cbab-cta-actions {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}
.cbab-cta-btn {
	display: inline-block;
	padding: 13px 26px;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(100, 170, 210, .3);
	border-radius: 12px;
	color: var(--cb-text);
	font-weight: 700;
	font-size: 0.9rem;
	text-decoration: none;
	transition: transform .25s, box-shadow .25s, background .25s, border-color .25s;
}
.cbab-cta-btn:hover {
	transform: translateY(-2px);
	background: rgba(100, 170, 210, .12);
	border-color: var(--cb-steel, #6aaecc);
	color: var(--cb-steel-l, #a0d0e8);
}
.cbab-cta-btn--primary {
	background: linear-gradient(120deg, var(--cb-steel, #6aaecc), var(--cb-steel-l, #a0d0e8));
	border-color: transparent;
	color: var(--cb-bg, #0d1117);
}
.cbab-cta-btn--primary:hover {
	box-shadow: 0 14px 28px rgba(100, 170, 210, .35);
	color: var(--cb-bg, #0d1117);
	background: linear-gradient(120deg, var(--cb-steel, #6aaecc), var(--cb-steel-l, #a0d0e8));
}

/* ════════════════════════════════════════════════
   MOBILE FINE-TUNING
   ════════════════════════════════════════════════ */
@media (max-width: 720px) {
	.cbab-sec  { padding: 48px 0; }
	.cbab-hero { padding: 72px 0 48px; }
	.cbab-hero-pills { gap: 8px; }
	.cbab-pill { font-size: 0.74rem; padding: 6px 12px; }

	.cbab-id-text p { font-size: 0.92rem; line-height: 1.95; }
	.cbab-id-card  { padding: 22px 18px; }

	.cbab-pill-card { padding: 22px 18px; }
	.cbab-pill-icon { width: 54px; height: 54px; }
	.cbab-pill-icon svg { width: 26px; height: 26px; }

	.cbab-cap-num { font-size: 1.7rem; }

	.cbab-ceo-quote { font-size: 0.92rem; line-height: 1.95; }
	.cbab-ceo-mark  { font-size: 3rem; }

	.cbab-prod-card { padding: 20px 18px; }
	.cbab-prod-num  { font-size: 1.65rem; }
}

@media (max-width: 480px) {
	.cbab-hero-pills .cbab-pill:nth-child(n+3) { display: none; }   /* keep only top 2 pills */
	.cbab-ms-card { max-width: none; }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
	.cbab-hero-title em { animation: none !important; }
	.cbab-num-card,
	.cbab-pill-card,
	.cbab-cap-card,
	.cbab-loc-card,
	.cbab-ms-card,
	.cbab-prod-card,
	.cbab-cta-btn,
	.cbab-link-arrow { transition: none !important; }
}