/* --- About company (light section) --- */
.sl-about{
	/* было: 72px 0 56px */
	padding-top: var(--sl-section-y-loose);
	padding-bottom: var(--sl-section-y);
	background: var(--sl-bg-light);
}

.sl-about__head{
	/* было: 22px */
	margin-bottom: var(--sl-stack-3);
}

.sl-about__title{
	margin: 0;
	font-size: clamp(28px, 2.3vw, 40px);
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-weight: 700;
	color: var(--sl-text-dark);
}

.sl-about__grid{
	display: grid;
	grid-template-columns: minmax(0, var(--sl-col-main-left)) minmax(0, var(--sl-col-main-right));
	gap: var(--sl-grid-gap);
	align-items: stretch;
}

.sl-about__intro-card{
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,.06);
	background:
		radial-gradient(680px 260px at 10% 0%, rgba(255,255,255,.08), transparent 60%),
		radial-gradient(560px 260px at 85% 12%, rgba(93,130,255,.14), transparent 65%),
		linear-gradient(135deg, #071242 0%, #050b2d 46%, #030718 100%);
	box-shadow:
		0 18px 36px rgba(6, 10, 28, .20),
		inset 0 1px 0 rgba(255,255,255,.04);
	color: #fff;
	min-height: 100%;
}

.sl-about__intro-inner{
	padding: 30px 30px 28px;
}

.sl-about__intro-inner p{
	margin: 0;
	font-size: clamp(17px, 1.25vw, 20px);
	line-height: 1.52;
	color: rgba(255,255,255,.94);
	letter-spacing: -0.01em;
}

.sl-about__intro-inner p + p{
	margin-top: var(--sl-space-sm);
}

.sl-about__facts-block{
	display: flex;
	flex-direction: column;
	gap: var(--sl-space-xs);
	min-height: 100%;
}

.sl-about__facts-label{
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(18,21,33,.56);
	padding: 2px 2px 0;
}

.sl-about__facts-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--sl-space-sm);
}

.sl-about__fact-card{
	background: var(--sl-bg-light-2);
	border: 1px solid rgba(18,21,33,.06);
	border-radius: 18px;
	padding: 18px 18px 16px;
	box-shadow:
		0 8px 16px rgba(18,21,33,.03),
		inset 0 1px 0 rgba(255,255,255,.85);
	min-height: 132px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.sl-about__fact-card--wide{
	grid-column: 1 / -1;
	min-height: 116px;
}

.sl-about__fact-value{
	font-size: clamp(28px, 2vw, 40px);
	line-height: .95;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--sl-orange);
	margin-bottom: var(--sl-space-sm);
}

.sl-about__fact-text{
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	color: rgba(18,21,33,.84);
}

/* --- About responsive --- */
@media (max-width: 991px){
	.sl-about{
		padding-top: var(--sl-section-y);
		padding-bottom: var(--sl-section-y-tight);
	}

	.sl-about__grid{
		grid-template-columns: 1fr;
		gap: var(--sl-grid-gap);
	}

	.sl-about__intro-inner{
		padding: 24px 22px;
	}

	.sl-about__intro-inner p{
		font-size: 17px;
		line-height: 1.48;
	}

	.sl-about__facts-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--sl-space-sm);
	}

	.sl-about__fact-card{
		min-height: 122px;
	}
}

@media (max-width: 767px){
	.sl-about{
		padding-top: var(--sl-section-y-tight);
		padding-bottom: var(--sl-section-y-tight);
	}

	.sl-about__title{
		font-size: 30px;
	}

	.sl-about__intro-card{
		border-radius: 16px;
	}

	.sl-about__intro-inner{
		padding: 20px 18px;
	}

	.sl-about__intro-inner p{
		font-size: 16px;
		line-height: 1.46;
	}

	.sl-about__facts-label{
		font-size: 12px;
		letter-spacing: .07em;
	}

	.sl-about__facts-grid{
		grid-template-columns: 1fr;
		gap: var(--sl-space-xs);
	}

	.sl-about__fact-card,
	.sl-about__fact-card--wide{
		grid-column: auto;
		min-height: auto;
		border-radius: 14px;
		padding: 14px 14px 13px;
	}

	.sl-about__fact-value{
		font-size: 28px;
		margin-bottom: var(--sl-space-xs);
	}

	.sl-about__fact-text{
		font-size: 13px;
		line-height: 1.35;
	}
}