/* ============================================================
   صفحه درباره ما — فقط روی همین صفحه لود می‌شود
   ============================================================ */

.isic-about { --ink: #0A1A30; }

/* ---------- سربخش ---------- */
.isic-about__hero {
	position: relative;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(760px 420px at 88% 0%, color-mix(in srgb, var(--brand-500) 30%, transparent), transparent 62%),
		linear-gradient(165deg, #0A1A30 0%, #12293F 60%, #0A1A30 100%);
}
.isic-about__hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
	background-size: 72px 72px;
	-webkit-mask-image: radial-gradient(circle at 70% 30%, #000, transparent 76%);
	mask-image: radial-gradient(circle at 70% 30%, #000, transparent 76%);
	opacity: .45;
}
.isic-about__hero > * { position: relative; z-index: 2; }

.isic-crumbs {
	font-size: .82rem;
	color: #90A8C0;
	margin-bottom: 1.5rem;
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
}
.isic-crumbs a { color: #90A8C0; text-decoration: none; }
.isic-crumbs a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.isic-crumbs [aria-current] { color: #fff; }

.isic-about__h1 {
	font-size: clamp(2rem, 4.6vw, 3.1rem);
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: -.02em;
	margin: 0 0 1.125rem;
	max-width: 18ch;
}
.isic-about__lede {
	font-size: 1.08rem;
	line-height: 2;
	color: #C3D3E4;
	max-width: 46ch;
	margin: 0;
}

/* ---------- متن اصلی ---------- */
.isic-about__body { color: #24384C; }
.isic-about__body h2 {
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1.45;
	color: #0A1A30;
	margin: 3rem 0 1rem;
	padding-inline-start: .875rem;
	border-inline-start: 4px solid var(--brand-500);
}
.isic-about__body h2:first-child { margin-top: 0; }
.isic-about__body h3 {
	font-size: 1.15rem;
	font-weight: 700;
	color: #0A1A30;
	margin: 2rem 0 .625rem;
}
.isic-about__body p {
	font-size: 1.02rem;
	line-height: 2.05;
	margin: 0 0 1.125rem;
}
.isic-about__body a {
	color: var(--brand-700);
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
	text-decoration-color: color-mix(in srgb, var(--brand-500) 45%, transparent);
	transition: color .2s, text-decoration-color .2s;
}
.isic-about__body a:hover {
	color: var(--brand-800);
	text-decoration-color: currentColor;
}
.isic-about__body strong { color: #0A1A30; font-weight: 700; }

/* ---------- نوار آمار ---------- */
.isic-about__stats { background: var(--brand-50); }
.isic-about__statgrid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	margin: 0;
}
.isic-about__statgrid div { text-align: center; }
.isic-about__statgrid dt {
	font-size: 1.85rem;
	font-weight: 800;
	color: var(--brand-700);
	line-height: 1.3;
}
.isic-about__statgrid dd {
	margin: .25rem 0 0;
	font-size: .88rem;
	color: #4A5F75;
}

/* ---------- ارزش‌ها ---------- */
.isic-values {
	list-style: none;
	margin: 1.75rem 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.isic-values li {
	background: #fff;
	border: 1px solid rgba(10,26,48,.1);
	border-radius: 14px;
	padding: 1.25rem 1.25rem 1.125rem;
	transition: border-color .25s, transform .25s;
}
.isic-values li:hover {
	border-color: color-mix(in srgb, var(--brand-400) 55%, transparent);
	transform: translateY(-2px);
}
.isic-values h3 {
	font-size: 1rem !important;
	margin: 0 0 .375rem !important;
	color: #0A1A30;
}
.isic-values p { font-size: .94rem !important; line-height: 1.9 !important; margin: 0 !important; color: #4A5F75; }

/* ---------- لینک‌های بیرونی ---------- */
.isic-extlinks {
	list-style: none;
	margin: 1.25rem 0 0;
	padding: 0;
	display: grid;
	gap: .75rem;
}
.isic-extlinks li {
	font-size: .96rem;
	line-height: 1.9;
	color: #4A5F75;
	padding-inline-start: 1.25rem;
	position: relative;
}
.isic-extlinks li::before {
	content: "↗";
	position: absolute;
	inset-inline-start: 0;
	color: var(--brand-500);
	font-size: .85rem;
}
.isic-extlinks a { font-weight: 600; }

/* ---------- سوالات متداول ---------- */
.isic-faq { margin-top: 1.5rem; display: grid; gap: .625rem; }
.isic-faq details {
	background: #fff;
	border: 1px solid rgba(10,26,48,.11);
	border-radius: 12px;
	overflow: hidden;
	transition: border-color .25s;
}
.isic-faq details[open] { border-color: color-mix(in srgb, var(--brand-400) 55%, transparent); }
.isic-faq summary {
	cursor: pointer;
	list-style: none;
	padding: 1.05rem 1.25rem;
	font-weight: 700;
	font-size: 1rem;
	color: #0A1A30;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	transition: color .2s;
}
.isic-faq summary::-webkit-details-marker { display: none; }
.isic-faq summary::after {
	content: "+";
	flex-shrink: 0;
	width: 24px; height: 24px;
	display: grid; place-items: center;
	border-radius: 50%;
	background: var(--brand-50);
	color: var(--brand-700);
	font-weight: 700;
	transition: transform .25s, background .25s;
}
.isic-faq details[open] summary::after { content: "−"; transform: rotate(180deg); }
.isic-faq summary:hover { color: var(--brand-700); }
.isic-faq details > p {
	margin: 0 !important;
	padding: 0 1.25rem 1.25rem;
	font-size: .97rem !important;
	line-height: 2 !important;
	color: #4A5F75;
}

/* ---------- فراخوان ---------- */
.isic-about__ctabox {
	background: linear-gradient(140deg, var(--brand-700) 0%, #1B1160 55%, #0A1A30 100%);
	border-radius: 22px;
	padding: 3rem 2rem;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.isic-about__ctabox::after {
	content: "";
	position: absolute;
	inset-inline-end: -14%;
	top: -45%;
	width: 62%;
	aspect-ratio: 1;
	border-radius: 50%;
	pointer-events: none;
	background: radial-gradient(circle, color-mix(in srgb, var(--brand-300) 30%, transparent), transparent 65%);
}
.isic-about__ctabox > * { position: relative; z-index: 2; }
.isic-about__ctabox h2 {
	font-size: 1.7rem !important;
	font-weight: 800;
	margin: 0 0 .625rem !important;
	color: #fff !important;
	border: 0 !important;
	padding: 0 !important;
}
.isic-about__ctabox p { margin: 0 0 1.75rem !important; color: #C9D6E6; }
.isic-about__btn {
	display: inline-block;
	background: #fff;
	color: #1B1160;
	font-weight: 700;
	font-size: .98rem;
	padding: 13px 30px;
	border-radius: 999px;
	text-decoration: none !important;
	transition: transform .18s, background .2s;
}
.isic-about__btn:hover { background: var(--brand-100); transform: translateY(-2px); }

/* ---------- واکنش‌گرا ---------- */
@media (max-width: 780px) {
	.isic-about__statgrid { grid-template-columns: repeat(2, 1fr); gap: 1.75rem 1rem; }
	.isic-values { grid-template-columns: 1fr; }
	.isic-about__h1 { max-width: none; }
	.isic-about__body h2 { font-size: 1.4rem; margin-top: 2.5rem; }
	.isic-about__ctabox { padding: 2.5rem 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
	.isic-values li, .isic-faq details, .isic-about__btn { transition: none; }
	.isic-values li:hover, .isic-about__btn:hover { transform: none; }
	.isic-faq details[open] summary::after { transform: none; }
}