/* =========================================================================
   X-DMAIC expertise.css — Dịch vụ / Phương pháp /expertise/ (dựng theo DESIGN.md, chưa có artboard).
   Khối Labs dùng .xd-bnext (blog.css); CTA cuối .xd-gfinal (core.css).
   ========================================================================= */
.xd-xhero{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-top:56px}
.xd-xhero>*{max-width:980px}
.xd-xhero__h{font-size:var(--xd-t-h1);font-weight:800;line-height:1.02;letter-spacing:-.045em}
.xd-xhero__sub{font-size:clamp(22px,2.4vw,34px);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:rgba(255,255,255,.94)}
.xd-xhero__sub em{font-style:normal;color:var(--xd-lime)}
.xd-xhero .xd-lead{color:rgba(255,255,255,.92);max-width:680px}
.xd-xhero__proof{font-size:14.5px;font-weight:600}
.xd-xhero__proof a{display:inline-flex;gap:6px;align-items:center;min-height:32px;text-decoration:none}
.xd-xhero__proof span{color:var(--xd-lime);letter-spacing:.1em}
.xd-xhero__proof a:hover{text-decoration:underline}

.xd-xp{padding-bottom:var(--xd-section-y)}
.xd-xsec{padding-top:var(--xd-section-y)}
.xd-xh2{font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.035em;max-width:880px}
.xd-xdek{font-size:var(--xd-t-lead);line-height:1.65;color:var(--xd-sub-2);max-width:720px}
.xd-dark .xd-xdek{color:var(--xd-on-dark-2)}
.xd-xp .xd-sec-head>div{max-width:880px}

/* Dịch vụ */
.xd-xsvc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xd-xsvc a{position:relative;height:100%;display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:var(--xd-r-lg);background:#fff;border:1px solid var(--xd-line);text-decoration:none;transition:border-color var(--xd-fast),box-shadow var(--xd-fast)}
.xd-xsvc a:hover{border-color:var(--xd-ink);box-shadow:var(--xd-shadow-1)}
.xd-xsvc .xd-num{font-size:14px;font-weight:800;color:var(--xd-blue)}
.xd-xsvc h3{font-size:clamp(26px,2.6vw,36px);font-weight:800;letter-spacing:-.025em;line-height:1.15}
.xd-xsvc p{flex:1;font-size:15.5px;line-height:1.65;color:var(--xd-sub-2)}
.xd-xsvc__go{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--xd-blue)}
.xd-xsvc a:hover .xd-xsvc__go{color:var(--xd-ink)}
.xd-xsvc li:first-child a{background:var(--xd-ink);border-color:var(--xd-ink);color:#fff}
.xd-xsvc li:first-child p{color:var(--xd-on-dark-2)}
.xd-xsvc li:first-child .xd-num,.xd-xsvc li:first-child .xd-xsvc__go{color:var(--xd-lime)}

/* Chu trình */
.xd-xhow{margin-top:var(--xd-section-y);padding-block:var(--xd-section-y)}
.xd-xcycle{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.xd-xcycle li{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--xd-r-lg);border:1px solid var(--xd-line-dark);background:rgba(255,255,255,.035)}
.xd-xcycle__top{display:flex;align-items:center;gap:10px}
.xd-xcycle__top b{padding:5px 12px;border:1px solid currentColor;font-size:16px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.xd-xcycle li.is-on .xd-xcycle__top b{background:var(--xd-lime);border-color:var(--xd-lime);color:var(--xd-ink)}
.xd-xcycle__top small{font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--xd-muted)}
.xd-xcycle h3{font-size:19px;font-weight:800;line-height:1.3}
.xd-xcycle p:not(.xd-xcycle__top){font-size:14.5px;line-height:1.6;color:var(--xd-on-dark-2)}

/* Growth OS */
.xd-xos{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.xd-xos__copy{display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
.xd-xos__copy .xd-ck{margin-bottom:0}
.xd-xos__copy .xd-textlink{align-self:flex-start;color:var(--xd-blue)}
.xd-xos__copy .xd-textlink:hover{color:var(--xd-ink)}
.xd-xos__map{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.xd-xos__map li{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:var(--xd-r-md);background:#fff;border:1px solid var(--xd-line)}
.xd-xos__map h3{font-size:17px;font-weight:800}
.xd-xos__map p{font-size:14.5px;line-height:1.6;color:var(--xd-sub-2)}
.xd-xos__hub{justify-content:center;background-color:var(--xd-blue)!important;border-color:var(--xd-blue)!important;color:#fff;
  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:24px 24px}
.xd-xos__hub b{font-size:28px;font-weight:800;letter-spacing:-.03em}
.xd-xos__hub span{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff}

@media (max-width:1100px){.xd-xcycle{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
  .xd-xhero{padding-top:32px}
  .xd-xsvc,.xd-xos{grid-template-columns:minmax(0,1fr)}
  .xd-xos{gap:28px}
  .xd-xos__copy{position:static}
}
@media (max-width:640px){
  .xd-xcycle,.xd-xos__map{grid-template-columns:minmax(0,1fr)}
  .xd-xsvc a{padding:24px}
}
.xd-xcycle__more{margin:0 0 24px;font-size:15px;font-weight:700}
.xd-xcycle__more a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.xd-dark .xd-xcycle__more a:hover{color:var(--xd-lime)}