.qqbingli-about-page {
	--about-bg: #fff;
	--about-surface: #0b101a;
	--about-surface-2: #101827;
	--about-line: rgba(157, 177, 211, .18);
	--about-muted: #777;
	--about-blue: #111;
	--about-cyan: #777;
	background: var(--about-bg);
	color: #111;
	font-family: Poppins, Arial, sans-serif;
	line-height: 1.65;
	overflow: hidden;
}
.qqbingli-about-page *,
.qqbingli-about-page *::before,
.qqbingli-about-page *::after { box-sizing: border-box; }
.qqbingli-about-page h1,
.qqbingli-about-page h2,
.qqbingli-about-page h3,
.qqbingli-about-page p { margin-top: 0; }
.qqbingli-about-page a { color: inherit; }
.about-wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.about-hero { position: relative; min-height: 650px; display: grid; align-items: center;background:#fff}
/* .about-hero::after { content: ""; position: absolute; right: -10%; bottom: -32%; width: 72%; height: 92%; border: 1px solid rgba(54, 162, 255, .32); border-radius: 50%; transform: rotate(-17deg); box-shadow: 0 0 100px rgba(0, 143, 255, .14); pointer-events: none; } */
.about-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr); gap: 80px; align-items: center; padding: 100px 0 86px; }
.about-hero-copy { max-width: 650px; }
.about-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border: 1px solid rgb(204, 204, 204); border-radius: 999px; background: rgb(240, 240, 240); color: #0050e2; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; line-height: 1.2; text-transform: uppercase; }
.about-kicker { display: block; margin-bottom: 12px; color: #0050e2; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; line-height: 1.2; text-transform: uppercase; }
.about-hero h1 { margin: 22px 0 25px; font-size: clamp(22px, 5.2vw, 52px); font-weight: 600; line-height: 1.08; letter-spacing: -.045em; }
.about-hero h1 span { color: var(--about-blue); }
.about-hero-subtitle { max-width: 600px; margin-bottom: 32px; color: var(--about-muted); font-size: 18px; }
.about-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.about-button { display: inline-flex; min-height: 0; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border: 0; border-radius: 999px; font-size: 15px; font-weight: 600; line-height: 1.4; text-decoration: none; transition: opacity .2s ease, background .2s ease, transform .2s ease; }
.about-button:hover { transform: none; }
.about-button--primary { border: 0; background: linear-gradient(135deg, #0050e2, #00d4ff); color: #fff !important; }
.about-button--primary:hover { border-color: transparent; background: linear-gradient(135deg, #0050e2, #00d4ff); opacity: .92; }
.about-button--ghost { border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .06); color: #111 !important; }
.about-button--ghost:hover { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .1); }
.about-media-frame { position: relative; min-height: 370px; overflow: hidden; border: 1px solid rgb(204, 204, 204); border-radius: 18px;  box-shadow: 0 24px 70px rgba(0, 0, 0, .3); }
.about-media-frame::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(135deg, rgba(0, 212, 255, .13), transparent 36%, rgba(0, 0, 0, .3)); pointer-events: none; }
.about-media-image { display: block; width: 100%; height: 100%; min-height: 370px; object-fit: cover; }
.about-visual { position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0, 212, 255, .2), transparent 15%), linear-gradient(160deg, #172f4c, #08111d 70%); }
.about-values-frame {
	container-type: inline-size;
	min-height: 0;
	aspect-ratio: 4 / 3;
	border-color: rgba(255, 255, 255, .08);
	background: #f3f3f3;
	box-shadow: none;
}
.about-values-frame::before { display: none; }
.about-values-visual { display: block; width: 100%; height: auto; }
.about-values-list { position: absolute; z-index: 1; top: 10.7143cqw; right: 14.2857cqw; left: 14.2857cqw; display: flex; flex-direction: column; gap: 3.5714cqw; }
.about-values-list article { display: flex; height: 16.4286cqw; flex: 0 0 16.4286cqw; align-items: center; gap: 3.5714cqw; padding: 0 3.2143cqw; border: 1px solid rgba(255, 255, 255, .09); border-radius: 12px; background: rgb(246, 246, 246); }
.about-values-list .about-card-icon { position: relative; width: 10cqw; height: 10cqw; flex: 0 0 10cqw; margin: 0; border-radius: 12px; background: rgba(59, 130, 246, .14); color: #0050e2; }
.about-values-list .about-card-icon svg { display: none; }
.about-values-list article:nth-child(2) .about-card-icon { background: rgba(52, 211, 153, .13); color: #0050e2; }
.about-values-list article:nth-child(3) .about-card-icon { background: rgba(245, 158, 11, .13); color: #f59e0b; }
.about-values-list .about-card-icon::before,
.about-values-list .about-card-icon::after { position: absolute; content: ""; }
.about-values-list article:first-child .about-card-icon::before { width: 3.15cqw; height: 1.7cqw; border-bottom: .54cqw solid currentColor; border-left: .54cqw solid currentColor; transform: translate(.15cqw, -.45cqw) rotate(-45deg); }
.about-values-list article:nth-child(2) .about-card-icon::before { width: 5cqw; height: 5cqw; border: .43cqw solid currentColor; border-radius: 50%; }
.about-values-list article:nth-child(2) .about-card-icon::after { width: 2.5cqw; height: 1.25cqw; border-bottom: .43cqw solid currentColor; border-left: .43cqw solid currentColor; transform: translate(.1cqw, -.35cqw) rotate(-45deg); }
.about-values-list article:nth-child(3) .about-card-icon::before { width: 2.8571cqw; height: .4643cqw; border-radius: 999px; background: currentColor; }
.about-values-list article:nth-child(3) .about-card-icon::after { width: .4643cqw; height: 2.8571cqw; border-radius: 999px; background: currentColor; }
.about-values-list { font-family: Arial, sans-serif; }
.about-values-list h3 { margin: 0 0 4px; color: #111; font-size: 16px; line-height: 1.3; white-space: nowrap; }
.about-values-list p { margin: 0; color: #8a98a8; font-size: 12.5px; line-height: 1.45; white-space: nowrap; }
.about-values-frame .about-visual { background: transparent; }
.about-values-frame .about-visual::before,
.about-values-frame .about-visual-orbit,
.about-values-frame .about-visual-core,
.about-values-frame .about-visual-line { display: none; }
.about-values-frame .about-media-note { right: 14px; bottom: 12px; left: auto; padding: 4px 9px; border-radius: 999px; background: rgba(2, 7, 14, .72); color: #fff; font-size: 10.88px; font-weight: 400; letter-spacing: .4px; line-height: 1.65; }
.about-visual::before { content: ""; position: absolute; inset: 12%; border: 1px solid rgba(124, 193, 255, .26); border-radius: 50%; transform: rotate(24deg) scaleX(1.35); }
.about-visual-orbit { position: absolute; width: 62%; height: 62%; top: 19%; left: 19%; border: 1px solid rgba(0, 212, 255, .45); border-radius: 50%; transform: rotate(-31deg) scaleX(1.5); }
.about-visual-core { position: absolute; width: 86px; height: 86px; top: calc(50% - 43px); left: calc(50% - 43px); border: 1px solid rgba(255,255,255,.7); border-radius: 9px; background: linear-gradient(145deg, #e3f2ff, #567897); box-shadow: 0 0 50px rgba(0, 212, 255, .55); transform: rotate(-12deg); }
.about-visual-line { position: absolute; width: 60%; height: 1px; left: 20%; top: 50%; background: rgba(255,255,255,.48); transform: rotate(-27deg); }
.about-media-note { position: absolute; z-index: 2; left: 20px; bottom: 18px; padding: 6px 9px; background: rgba(2, 7, 14, .72); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.about-section { padding: 115px 0; background: var(--about-bg); }
.about-section:nth-of-type(even) { background:#fff }
.about-section--tight { padding: 92px 0; }
.about-split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.about-split > .about-media-frame:first-child { order: initial; }
.about-section-head { margin-bottom: 28px; }
.about-section-head--center { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.about-section-head--center .about-kicker { justify-content: initial; }
.about-section h2 { max-width: 720px; margin: 17px 0 0; color: #111; font-size: clamp(20px, 4vw, 36px); font-weight: 600; line-height: 1.12; letter-spacing: -.04em; }
.about-section-head--center h2 { margin-left: auto; margin-right: auto; }
.about-section-head--center p { margin: 20px auto 0; color: var(--about-muted); font-size: 16px; line-height: 1.6; }
.about-lead { max-width: 650px; color: #777; font-size: 20px; line-height: 1.55; }
.about-copy { max-width: 650px; color: var(--about-muted); font-size: 16px; }
.about-copy p:last-child { margin-bottom: 0; }
.about-story-body p:last-child { margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .16); color: #777; }
.about-story-body p:last-child b { color: #fff; }
.about-mini-tag { display: inline-flex; align-items: center; gap: 9px; margin-top: 28px; color: #777; font-size: 12px; font-weight: 700; }
.about-mini-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--about-cyan); box-shadow: 0 0 12px var(--about-cyan); }
.about-pain-grid, .about-pillar-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.about-pain-card { position: relative; min-height: 220px; overflow: hidden; padding: 28px 24px; border: 1px solid var(--about-line); border-radius: 18px; background: #f3f3f3; }
.about-pain-card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg, #0050e2, #00d4ff); opacity: .85; }
.about-card-icon { display: flex; width: 44px; height: 44px; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 12px; background: rgba(59, 130, 246, .15); color: #0050e2; }
.about-card-icon svg { display: block; width: 20px; height: 20px; }
.about-pain-card h3, .about-pillar-grid h3 { margin-bottom: 8px; color: #111; font-size: 16.64px; font-weight: 700; line-height: 1.3; }
.about-pain-card p, .about-pillar-grid p { margin-bottom: 0; color: #777; font-size: 14.4px; line-height: 1.55; }
.about-check-list { margin: 8px 0 0; padding: 0; list-style: none; color: #777; font-size: 15.68px; }
.about-check-list li { position: relative; margin: 14px 0; padding-left: 32px; line-height: 1.6; }
.about-check-list li::before { content: ""; position: absolute; top: 4px; left: 0; width: 20px; height: 20px; border: 1.5px solid rgb(204, 204, 204); border-radius: 50%; background: rgb(240, 240, 240); }
.about-check-list li::after { content: ""; position: absolute; top: 10px; left: 6px; width: 8px; height: 4px; border-bottom: 2px solid #0050e2; border-left: 2px solid #0050e2; transform: rotate(-45deg); }
.about-check-list b { color: #111; }
.about-field-conclusion { margin: 18px 0 0; color: #777; font-size: 15.2px; line-height: 1.6; }
.about-pillar-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
.about-pillar-grid article { padding: 30px 26px; border: 1px solid var(--about-line); border-radius: 18px; background: #f3f3f3; }
.about-pillar-num { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; color: #0050e2; font-size: 12.8px; font-weight: 800; letter-spacing: 2px; line-height: 1.65; }
.about-pillar-num::before { content: ""; width: 26px; height: 1px; flex: 0 0 26px; background: #0050e2; }
.about-pillar-grid h3 { margin: 0 0 10px; color: #111; font-size: 19.52px; font-weight: 700; line-height: 1.3; }
.about-pillar-grid p { margin: 0; color: #777; font-size: 15.04px; line-height: 1.55; }
.about-quote { position: relative; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .08); border-bottom: 1px solid rgba(255, 255, 255, .08); background: #f3f3f3; padding: 72px 0; text-align: center; }
.about-quote::before { display: none; }
.about-quote p { position: static; max-width: 900px; margin: 0 auto; color: #111; font-size: clamp(20.8px, 2.6vw, 28px); font-weight: 600; line-height: 1.55; letter-spacing: -.2px; }
.about-quote p span { color: #0050e2; }
.about-quote > .about-wrap > span { display: block; margin-top: 22px; color: var(--about-muted); font-size: 14.72px; line-height: 1.65; }
.about-faq-wrap { max-width: 860px; margin: 0 auto; border-top: 0; }
.about-faq-wrap details { margin-bottom: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .08); border-radius: 14px; background: #f3f3f3; }
.about-faq-wrap summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 24px; color: #111; font-size: 16px; font-weight: 600; line-height: 1.65; cursor: pointer; list-style: none; }
.about-faq-wrap summary::-webkit-details-marker { display: none; }
.about-faq-wrap summary::after { display: flex; width: 26px; height: 26px; flex: none; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%; color: #0050e2; content: "+"; font-size: 17.6px; font-weight: 400; line-height: 1; transition: transform .2s ease; }
.about-faq-wrap details[open] summary::after { transform: rotate(45deg); }
.about-faq-wrap details > div { padding: 0 24px 20px; color: #777; font-size: 15.36px; line-height: 1.7; }
.about-faq-wrap details > div a { color: #0050e2; }
.about-faq-wrap details > div b { color: #fff; }
.about-faq-more { margin: 26px 0 0; color: var(--about-muted); font-size: 15.2px; line-height: 1.65; text-align: center; }
.about-faq-more a { color: #0050e2; font-weight: 600; }
.about-cta { position: relative; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .08); background: #f3f3f3; padding: 0; }
.about-cta-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; padding: 60px 0; }
.about-cta h2 { margin: 0; color: #111; font-size: clamp(24px, 3vw, 32px); font-weight: 800; line-height: 1.3; letter-spacing: -.3px; }
.about-cta p { max-width: 560px; margin: 8px 0 0; color: #777; font-size: 16px; line-height: 1.65; }
@media (max-width: 900px) {
	.about-hero-grid, .about-split { grid-template-columns: 1fr; gap: 45px; }
	.about-hero-grid { padding: 82px 0 70px; }
	.about-hero { min-height: auto; }
	.about-hero::after { right: -40%; bottom: -15%; width: 120%; height: 50%; }
	.about-media-frame { min-height: 330px; }
	.about-media-image { min-height: 330px; }
	.about-pain-grid { grid-template-columns: repeat(2, 1fr); }
	.about-cta-inner { align-items: center; flex-direction: row; }
}
@media (max-width: 600px) {
	.about-wrap { width: min(100% - 32px, 1180px); }
	.about-hero-grid { padding: 62px 0 55px; }
	.about-hero h1 { font-size: 42px; }
	.about-hero-subtitle { font-size: 16px; }
	.about-section, .about-section--tight { padding: 70px 0; }
	.about-section h2 { font-size: 34px; }
	.about-pain-grid, .about-pillar-grid { grid-template-columns: 1fr; }
	.about-pain-card { min-height: 0; }
	.about-media-frame, .about-media-image { min-height: 260px; }
	.about-actions { width: 100%; }
	.about-button { flex: 1 1 auto; }
	.about-quote { padding: 75px 0; }
	.about-cta { padding: 55px 0; }
}