.tailorfit-about-page {
	--about-navy: #0f2f4d;
	--about-blue: #1f5b8f;
	--about-pale: #edf6fb;
	--about-border: rgba(15,47,77,.12);
	background: #f8fbfd;
	color: #102d47;
	font-family: var(--tailorfit-font-primary,"Tajawal",Arial,sans-serif);
	overflow: hidden;
}
.tailorfit-about-page * { box-sizing: border-box; }
.tailorfit-about-page__container { width: min(1200px,calc(100% - 48px)); margin-inline: auto; }
.tailorfit-about-page__hero { position: relative; padding: clamp(4.5rem,8vw,7.5rem) 0 clamp(3.5rem,6vw,5.5rem); background: linear-gradient(135deg,#e9f5fb 0%,#f8fbfd 55%,#dceef7 100%); text-align: center; }
.tailorfit-about-page__hero::after { position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg,transparent,#1f5b8f,transparent); content: ""; opacity: .45; }
.tailorfit-about-page__eyebrow { margin: 0 0 .65rem; color: var(--about-blue); font-size: .9rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.tailorfit-about-page h1 { margin: 0; color: var(--about-navy); font-size: clamp(2.35rem,5vw,4.25rem); font-weight: 700; line-height: 1.2; }
.tailorfit-about-page__lead { max-width: 720px; margin: 1rem auto 0; color: #36566f; font-size: clamp(1.05rem,1.6vw,1.25rem); line-height: 1.85; }
.tailorfit-about-page__content { padding-block: clamp(3.5rem,7vw,6rem); }
.tailorfit-about-page__intro { max-width: 850px; margin-inline: auto; text-align: center; }
.tailorfit-about-page h2 { margin: 0 0 1rem; color: var(--about-navy); font-size: clamp(1.55rem,2.6vw,2.15rem); font-weight: 700; line-height: 1.4; }
.tailorfit-about-page__intro p,
.tailorfit-about-page__card p { margin: 0; color: #405d73; font-size: 1.05rem; line-height: 1.9; }
.tailorfit-about-page__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(1.25rem,3vw,2rem); margin-top: clamp(2.5rem,5vw,4rem); }
.tailorfit-about-page__card { position: relative; min-width: 0; padding: clamp(1.5rem,3vw,2.25rem); border: 1px solid var(--about-border); border-radius: 24px; background: #fff; box-shadow: 0 18px 45px rgba(15,47,77,.08); }
.tailorfit-about-page__card-number { display: grid; width: 42px; height: 42px; margin-bottom: 1.1rem; place-items: center; border-radius: 50%; background: var(--about-pale); color: var(--about-blue); font-size: .82rem; font-weight: 700; }
.tailorfit-about-page__card ul { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.tailorfit-about-page__card li { position: relative; padding-inline-start: 1.5rem; color: #405d73; line-height: 1.75; }
.tailorfit-about-page__card li::before { position: absolute; inset-inline-start: 0; top: .72em; width: 8px; height: 8px; border-radius: 50%; background: var(--about-blue); content: ""; }
.tailorfit-about-page__action { display: flex; justify-content: center; margin-top: clamp(2.5rem,5vw,4rem); }
.tailorfit-about-page__action a { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .7rem; padding: .8rem 1.4rem; border-radius: 999px; background: var(--about-blue); color: #fff; font-weight: 700; text-decoration: none; box-shadow: 0 14px 30px rgba(31,91,143,.2); transition: background-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.tailorfit-about-page__action a:hover { background: var(--about-navy); transform: translateY(-2px); box-shadow: 0 18px 34px rgba(15,47,77,.25); }
.tailorfit-about-page__action a:focus-visible { outline: 3px solid #6eb3dc; outline-offset: 4px; }
.tailorfit-about-page__action svg { width: 22px; height: 22px; flex: 0 0 auto; fill: currentColor; }
@media (max-width: 767px) {
	.tailorfit-about-page__container { width: min(100% - 32px,1200px); }
	.tailorfit-about-page__hero { padding: 7rem 0 3.25rem; }
	.tailorfit-about-page__grid { grid-template-columns: 1fr; }
	.tailorfit-about-page__intro { text-align: start; }
	.tailorfit-about-page__card { border-radius: 20px; }
	.tailorfit-about-page__action a { width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.tailorfit-about-page__hero { padding-top: 7.5rem; }
}
@media (max-width: 359px) {
	.tailorfit-about-page__container { width: min(100% - 28px,1200px); }
	.tailorfit-about-page__card { padding: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
	.tailorfit-about-page__action a { transition: none; transform: none; }
}