/* ── approach ────────────────────────── */
.qc-approach{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}
.qc-approach h2{font-size:clamp(26px,3vw,36px);margin:14px 0 16px}
.qc-approach p{color:var(--ink-soft);margin-bottom:12px}
.qc-stat{display:grid;gap:14px}
.qc-stat-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:flex;align-items:center;gap:14px}
.qc-stat-card .v{font-family:var(--head);font-weight:800;font-size:30px;color:var(--blue);min-width:96px}
.qc-stat-card .t{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}

/* ── steps ───────────────────────────── */
.qc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.qstep{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 20px;position:relative;transition:all .25s}
.qstep:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.qstep .n{position:absolute;top:16px;right:18px;font-family:var(--mono);font-size:12px;color:#c2ccdd;font-weight:700}
.qstep .ico{width:44px;height:44px;border-radius:10px;background:rgba(31,94,255,.1);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}
.qstep .ico svg{width:22px;height:22px;stroke:currentColor}
.qstep h4{font-size:16.5px;margin-bottom:8px}
.qstep p{font-size:13.5px;color:var(--ink-soft)}

/* ── checks ──────────────────────────── */
.qc-checks{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.check-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}
.check-card h3{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:18px}
.check-card h3 .dot{width:9px;height:9px;border-radius:50%;background:var(--blue);display:inline-block}
.check-card ul{list-style:none;display:grid;gap:0}
.check-card li{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:12px 0;border-bottom:1px dashed var(--line)}
.check-card li:last-child{border-bottom:none}
.check-card li b{font-size:15px;color:var(--navy);font-weight:700}
.check-card li span{font-family:var(--mono);font-size:12px;color:var(--ink-soft);text-align:right}

/* ── test table ──────────────────────── */
.qc-test-table{max-width:900px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.qc-test-table .tr{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px;padding:15px 22px;align-items:center}
.qc-test-table .tr:not(.head){border-top:1px solid var(--line)}
.qc-test-table .tr.head{background:var(--navy);color:#bcd0f2;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.qc-test-table .tr.head span:first-child{color:#fff}
.qc-test-table .tr b{color:var(--navy)}
.qc-test-table .tr span{font-size:14px;color:var(--ink-soft)}
.qc-test-table .tr span:first-child{color:var(--ink)}

/* ── third party ─────────────────────── */
.qc-third{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;transition:all .25s}
.tcard:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.tcard .ic{width:50px;height:50px;border-radius:12px;background:rgba(34,160,107,.12);color:var(--green);display:grid;place-items:center;margin-bottom:16px}
.tcard .ic svg{width:24px;height:24px;stroke:currentColor}
.tcard h4{font-size:18px;margin-bottom:8px}
.tcard p{font-size:14px;color:var(--ink-soft)}

/* ── docs ────────────────────────────── */
.qc-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.doc-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;gap:14px;align-items:flex-start}
.doc-item svg{width:22px;height:22px;stroke:var(--blue);flex-shrink:0;margin-top:3px}
.doc-item b{display:block;font-size:15.5px;color:var(--navy);margin-bottom:4px}
.doc-item span{font-size:13.5px;color:var(--ink-soft);line-height:1.6}

/* ── responsive ──────────────────────── */
@media(max-width:1000px){
  .qc-approach{grid-template-columns:1fr;gap:28px}
  .qc-steps{grid-template-columns:repeat(2,1fr)}
  .qc-checks{grid-template-columns:1fr}
  .qc-third{grid-template-columns:1fr}
  .qc-docs{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .qc-steps{grid-template-columns:1fr}
  .qc-docs{grid-template-columns:1fr}
  .qc-test-table .tr{grid-template-columns:1fr;gap:4px;padding:12px 16px}
  .qc-check-card li{flex-direction:column;gap:4px;align-items:flex-start}
}