/* About hero: "At a Glance" glass card. */
.tmj-glance {
	position: relative; padding: 28px; border-radius: 28px; font-family: Manrope, sans-serif;
	background: linear-gradient(160deg, rgba(15, 23, 42, .78), rgba(11, 18, 34, .9));
	border: 1px solid rgba(255, 255, 255, .12); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
	box-shadow: 0 40px 80px rgba(0, 0, 0, .45); animation: tmj-float 7s ease-in-out infinite;
}
.tmj-glance::before {
	content: ""; position: absolute; inset: -1px; border-radius: 28px; padding: 1px; pointer-events: none;
	background: linear-gradient(140deg, rgba(74, 222, 128, .7), transparent 35%, transparent 65%, rgba(13, 148, 136, .6));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
}
.tmj-glance__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; margin-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.tmj-glance__head span { display: flex; flex-direction: column; }
.tmj-glance__head small { color: #4ADE80; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tmj-glance__head b { color: #fff; font-size: 22px; font-weight: 800; }
.tmj-glance__head em {
	display: inline-flex; align-items: center; gap: 8px; font-style: normal; font-size: 13px; font-weight: 700; color: #4ADE80;
	padding: 7px 13px; border-radius: 100px; border: 1px solid rgba(74, 222, 128, .45); background: rgba(22, 163, 74, .1);
}
.tmj-glance__head em::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #4ADE80; animation: tmj-pulse 2s infinite; }
.tmj-glance ul { margin: 0; padding: 0; list-style: none; }
.tmj-glance li {
	display: flex; align-items: center; gap: 14px; padding: 13px 10px; border-radius: 14px; transition: background .25s, transform .25s;
}
.tmj-glance li + li { border-top: 1px dashed rgba(255, 255, 255, .08); }
.tmj-glance li:hover { background: rgba(22, 163, 74, .12); transform: translateX(4px); }
.tmj-glance__ico {
	width: 42px; height: 42px; flex: none; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
	color: #4ADE80; background: rgba(22, 163, 74, .15); border: 1px solid rgba(74, 222, 128, .25);
}
.tmj-glance__ico svg { width: 20px; height: 20px; }
.tmj-glance li span:last-child { display: flex; flex-direction: column; gap: 1px; }
.tmj-glance li small { color: #94A3B8; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.tmj-glance li b { color: #fff; font-size: 15px; font-weight: 700; }
.tmj-glance__btn {
	display: flex; align-items: center; justify-content: center; margin-top: 16px; padding: 15px 20px; border-radius: 14px;
	background: linear-gradient(135deg, #22C55E, #15803D); color: #fff !important; font-weight: 800; font-size: 15px;
	box-shadow: 0 14px 30px rgba(22, 163, 74, .4); transition: transform .2s, box-shadow .2s;
}
.tmj-glance__btn:hover { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(22, 163, 74, .55); }
@media (max-width: 1024px) { .tmj-glance-wrap { max-width: 560px; } .tmj-glance { animation: none; } }
@media (max-width: 767px) { .tmj-glance { padding: 20px; } .tmj-glance li { padding: 10px 6px; } }