/* ---- p_30_pf-partners.css ---- */
/* =====================================================================
   PARTNERS & SUPPLIERS (.sk-pa) - mạng lưới nhà cung cấp
   Ngôn ngữ: sơ đồ node-link, lưới tọa độ, nhãn nhỏ viền mảnh, thẻ "hồ sơ nhà cung cấp" có dấu góc cam.
   Hệ màu: đen / trắng / cam #ff6a13 (+ xám). Mobile trước; mở rộng ở 700px, 880px và 1025px.
   ===================================================================== */
.sk-pa{--r:4px;--bw:1px;--hfw:800;--hls:-.04em;--bg:#0a0a0c;--bg2:#0e0e11;--card:#121216;--ln:rgba(255,255,255,.14);--mut:#a9a9b3;--pg:rgba(255,255,255,.04)}
.sk-pa h2,.sk-pa h3,.sk-pa h4{margin:0}
.sk-pa ul,.sk-pa ol{list-style:none;margin:0;padding:0}
.pa-sec{isolation:isolate;scroll-margin-top:72px}
.pa-gr::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(var(--pg) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--pg) 1px,transparent 1px) 0 0/40px 40px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}
.sk-pa .pa-head{margin-bottom:clamp(22px,3.4vw,44px)}
.sk-pa .s-h{text-wrap:balance}
/* nhãn đầu mục: ô số cam + đường dẫn nét đứt, như chú thích trên bản vẽ */
.sk-pa .pa-sh{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:600 12px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.pa-sh b{display:grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border:1px solid var(--ac);border-radius:3px;color:var(--ac);font-weight:800;letter-spacing:.06em}
.pa-sh::after{content:"";flex:1;max-width:160px;height:1px;background:repeating-linear-gradient(90deg,var(--ln) 0 6px,transparent 6px 10px)}
/* dấu góc cam của thẻ "hồ sơ" */
.pa-crn{position:relative}
.pa-crn::before,.pa-crn::after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--ac);pointer-events:none}
.pa-crn::before{left:-1px;top:-1px;border-right:0;border-bottom:0}
.pa-crn::after{right:-1px;bottom:-1px;border-left:0;border-top:0}
.pa-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pa-tel{display:inline-flex;flex-direction:column;justify-content:center;min-height:48px;padding:6px 16px;border:1px solid var(--ln);border-radius:var(--r);transition:border-color .3s}
.pa-tel small{font:600 12px/1.3 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.pa-tel b{font:800 20px/1.25 var(--fb);letter-spacing:.02em;color:#fff}

/* =====================  01 · HERO: MẠNG LƯỚI  ===================== */
.pa-hero{padding:104px 0 34px;background:#0a0a0c}
.pa-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(48% 36% at 50% 70%,rgba(255,106,19,.17),transparent 72%),radial-gradient(34% 22% at 4% 2%,rgba(255,106,19,.09),transparent 72%)}
.pa-gridbg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(var(--pg) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--pg) 1px,transparent 1px) 0 0/32px 32px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.pa-hg{display:grid;gap:clamp(16px,3vw,30px);min-width:0}
.pa-ht,.pa-nw{min-width:0}
.sk-pa .pa-live{display:inline-flex;align-items:center;gap:10px;min-height:30px;margin:0 0 14px;padding:0 12px;border:1px solid var(--ln);border-radius:3px;font:600 12px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:#d9d9df}
.pa-live i{width:7px;height:7px;border-radius:50%;background:var(--ac)}
.sk-pa .pa-title{font-weight:800;font-size:clamp(46px,13.2vw,104px);line-height:.94;letter-spacing:-.05em;text-wrap:balance}
.pa-title em{font-style:normal;color:var(--ac)}
.sk-pa .pa-sub{max-width:46ch;margin-top:16px}
.sk-pa .pa-btns{margin-top:20px;gap:12px}
.pa-btns .btn{padding-inline:20px}
.sk-pa .pa-hs,.pa-ht .pa-tel{display:none}
.pa-hs li{padding:14px 16px 0 0}
.pa-hs b{display:block;font:800 clamp(26px,3.4vw,40px)/1 var(--fb);letter-spacing:-.04em}
.pa-hs span{display:block;margin-top:6px;font:400 13px/1.35 var(--fb);color:var(--mut)}

.pa-nw{position:relative;width:100%;max-width:560px;margin-inline:auto}
.pa-nbox{--ns:clamp(48px,13.6vw,62px);position:relative;aspect-ratio:1/1}
.pa-nbox::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/12.5% 12.5%,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/12.5% 12.5%;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent)}
.pa-nbox::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,transparent 1px 12.5%) 0 0/100% 7px no-repeat,repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,transparent 1px 12.5%) 0 100%/100% 7px no-repeat,repeating-linear-gradient(180deg,rgba(255,255,255,.4) 0 1px,transparent 1px 12.5%) 0 0/7px 100% no-repeat,repeating-linear-gradient(180deg,rgba(255,255,255,.4) 0 1px,transparent 1px 12.5%) 100% 0/7px 100% no-repeat}
.pa-scan{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pa-scan::after{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,rgba(255,106,19,.06) 80%,rgba(255,106,19,.2));border-bottom:1px solid rgba(255,106,19,.4)}
.pa-ring{position:absolute;left:50%;top:47%;width:66%;aspect-ratio:1/1;translate:-50% -50%;border:1px dashed rgba(255,255,255,.22);border-radius:50%;pointer-events:none}
.pa-ring::after{content:"";position:absolute;left:50%;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--ac);box-shadow:0 0 14px 3px rgba(255,106,19,.65)}
.pa-ring2{width:38%;border-style:solid;border-color:rgba(255,255,255,.1)}
.pa-ring2::after{display:none}
.pa-nsvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pa-ln{fill:none;stroke:rgba(255,255,255,.34);stroke-width:.32;stroke-dasharray:100;stroke-linecap:round;transition:stroke .3s}
.pa-sp.is-hot .pa-ln{stroke:var(--ac);stroke-width:.5}
.pa-pt circle:first-child{fill:rgba(255,106,19,.34)}
.pa-pt circle:last-child{fill:#fff}
.pa-hub{position:absolute;left:50%;top:47%;translate:-50% -50%;width:23%;aspect-ratio:1/1;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--ac);background:radial-gradient(circle at 35% 30%,#2a1708,#0a0a0c 72%);box-shadow:0 0 0 6px rgba(255,106,19,.1),0 0 40px rgba(255,106,19,.35)}
.pa-hub b{font:800 clamp(17px,5.4vw,28px)/1 var(--fb);letter-spacing:-.04em;color:#fff}
.pa-hub::before,.pa-hub::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1px solid var(--ac);opacity:0}
.pa-nd{position:absolute;left:calc(var(--x)*1% - var(--ns)/2);top:calc(var(--y)*1% - var(--ns)/2);width:var(--ns);height:var(--ns);padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#0c0c0f;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .3s,background .3s,box-shadow .3s,scale .4s cubic-bezier(.2,.9,.3,1.2)}
.pa-nd::before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--ac);opacity:0;pointer-events:none}
.pa-nd .s-ico{margin:0;width:auto;height:auto;background:none;color:var(--ac)}
.pa-nd .s-ico svg{width:clamp(22px,6.2vw,28px);height:clamp(22px,6.2vw,28px)}
.pa-nlb{position:absolute;top:calc(100% + 6px);left:50%;translate:-50% 0;width:max-content;max-width:140px;font:600 12px/1.25 var(--fb);color:#ececf0;text-align:center;pointer-events:none}
.pa-nd:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.pa-cd{position:absolute;font:600 12px/1 var(--fb);letter-spacing:.08em;color:var(--mut);pointer-events:none}
.pa-cd1{left:12px;top:12px}.pa-cd2{right:12px;bottom:12px}
.sk-pa .pa-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;font:500 13px/1.4 var(--fb);color:var(--mut)}
.pa-hint svg{width:13px;height:13px;rotate:90deg;color:var(--ac)}

@media(max-width:699px){
  .pa-sec{padding-block:44px}
  .pa-hg{display:flex;flex-direction:column;gap:0}
  .pa-ht{display:contents}
  .sk-pa .pa-live{display:none}
  .pa-title{order:1}.sk-pa .pa-sub{order:2}.pa-nw{order:3;margin-top:16px}.sk-pa .pa-btns{order:4;margin-top:8px}
}
@media(min-width:700px){
  .pa-hero{padding-bottom:50px}
  .sk-pa .pa-title{font-size:clamp(64px,9.6vw,96px)}
  .pa-nbox{--ns:clamp(56px,10vw,72px)}
  .pa-nd .s-ico svg{width:28px;height:28px}
  .pa-nlb{font-size:13px}
}
@media(min-width:960px){
  .pa-hero{padding-top:124px;padding-bottom:72px}
  .pa-hg{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:clamp(32px,4vw,56px)}
  .sk-pa .pa-title{font-size:clamp(60px,6.7vw,100px)}
  .sk-pa .pa-hs{display:flex;margin-top:26px;border-top:1px solid var(--ln)}
  .pa-ht .pa-tel{display:inline-flex;margin-top:22px}
  .pa-nw{max-width:600px;margin-right:0}
  .pa-nbox{--ns:76px}
  .pa-nlb{font-size:14px;max-width:170px}
  .pa-hub{width:25%}
  .pa-hub b{font-size:32px}
  .pa-nd .s-ico svg{width:32px;height:32px}
}
@media(hover:hover) and (pointer:fine){
  .pa-nd:hover{border-color:var(--ac);background:#1a110a;box-shadow:0 0 28px rgba(255,106,19,.35);scale:1.08}
  .pa-tel:hover{border-color:var(--ac)}
}

/* =====================  02 · pa_net: BUS + HỒ SƠ NHÓM  ===================== */
.pa-bus{display:grid;gap:16px;align-items:start;min-width:0}
.pa-bl{min-width:0}
.pa-bg{--rh:64px;display:grid;grid-template-columns:44px 36px minmax(0,1fr);align-items:center}
.pa-hubc{display:grid;place-items:center}
.pa-hub2{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ac);background:#0a0a0c;font:800 12px/1 var(--fb);letter-spacing:-.02em;color:#fff;box-shadow:0 0 0 4px rgba(255,106,19,.12)}
.pa-tr{display:block;width:36px;height:calc(var(--rh)*6);overflow:visible}
.pa-t0{fill:none;stroke:rgba(255,255,255,.26);stroke-width:1.2}
.pa-t1{fill:none;stroke:var(--ac);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .85s cubic-bezier(.3,.7,.2,1)}
.pa-tg.is-on .pa-t1{stroke-dashoffset:0}
.pa-dt{fill:#0a0a0c;stroke:rgba(255,255,255,.45);stroke-width:1.2;transition:fill .3s,stroke .3s}
.pa-tg.is-on .pa-dt{fill:var(--ac);stroke:var(--ac)}
.pa-p0 circle{fill:rgba(255,255,255,.6)}
.pa-p1{opacity:0;transition:opacity .3s}
.pa-tg.is-on .pa-p1{opacity:1}
.pa-p1 circle:first-child{fill:rgba(255,106,19,.38)}
.pa-p1 circle:last-child{fill:#fff}
.sk-pa .pa-rows{display:grid;grid-auto-rows:var(--rh)}
.pa-rows>li{display:block;min-width:0}
.pa-row{width:100%;height:calc(var(--rh) - 8px);margin-block:4px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px 0 8px;border:1px solid var(--ln);border-radius:var(--r);background:rgba(255,255,255,.02);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .3s,background .3s}
.pa-row .s-ico{margin:0;width:40px;height:40px;border-radius:50%;transition:background .3s,color .3s}
.pa-row .s-ico svg{width:20px;height:20px}
.pa-rt{display:block;min-width:0}
.pa-rt b{display:block;font:700 15px/1.2 var(--fb);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-rt small{display:block;margin-top:3px;font:400 13px/1.25 var(--fb);color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-rx{font:700 12px/1 var(--fb);letter-spacing:.06em;color:var(--mut);transition:color .3s}
.pa-row[aria-pressed=true]{border-color:var(--ac);background:linear-gradient(90deg,rgba(255,106,19,.18),rgba(255,106,19,.04))}
.pa-row[aria-pressed=true] .s-ico{background:var(--ac);color:#0a0a0c}
.pa-row[aria-pressed=true] .pa-rx{color:var(--ac)}
.pa-row:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.pa-pn{min-width:0;border:1px solid var(--ln);border-radius:var(--r);background:var(--card);padding:16px 16px 18px}
.pa-ph{display:flex;align-items:center;gap:12px}
.pa-pi .s-ico{margin:0;width:48px;height:48px;border-radius:50%;background:var(--ac);color:#0a0a0c}
.pa-pi .s-ico svg{width:24px;height:24px}
.sk-pa .pa-pk{font:600 12px/1.2 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--ac)}
.pa-ph h3{margin-top:4px;font:800 clamp(21px,5.6vw,26px)/1.15 var(--fb);letter-spacing:-.03em}
.sk-pa .pa-sp2{display:grid;grid-template-columns:.85fr .85fr 1.3fr;margin:14px 0 0;border:1px solid var(--ln);border-radius:var(--r)}
.pa-sp2>div{min-width:0;padding:10px 10px 11px;border-left:1px solid var(--ln)}
.pa-sp2>div:first-child{border-left:0}
.pa-sp2 dt{font:600 12px/1.3 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.pa-sp2 dt em{margin-left:4px;padding:1px 5px;border:1px solid var(--ac);border-radius:2px;font-style:normal;font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--ac)}
.pa-sp2 dd{margin:5px 0 0;font:800 16px/1.25 var(--fb);letter-spacing:-.01em;color:#fff}
.pa-mt{position:relative;height:6px;margin:16px 4px 26px;border-radius:3px;background:rgba(255,255,255,.1)}
.pa-mt i{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,var(--ac2),var(--ac));transform-origin:0 50%;transform:scaleX(var(--v));transition:transform .7s cubic-bezier(.3,.7,.2,1)}
.pa-mt span{position:absolute;top:13px;font:500 12px/1 var(--fb);color:var(--mut)}
.pa-mt span:nth-of-type(1){left:0}.pa-mt span:nth-of-type(2){left:50%;translate:-50% 0}.pa-mt span:nth-of-type(3){right:0}
.pa-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}
.pa-tb{min-height:44px;padding:0 6px;border:1px solid var(--ln);border-radius:var(--r);background:transparent;color:var(--ink);font:600 14px/1.2 var(--fb);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .3s,border-color .3s,color .3s}
.pa-tb[aria-pressed=true]{background:rgba(255,106,19,.16);border-color:var(--ac);color:#fff}
.pa-tb:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.pa-bks{display:grid;gap:18px;margin-top:2px}
.pa-bk{display:none}
.pa-bk.is-on{display:block}
.sk-pa .pa-bk.is-on h4{display:none}
.sk-pa .pa-bk h4{display:flex;align-items:center;gap:10px;font:700 12px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.pa-bk h4::after{content:"";flex:1;height:1px;background:var(--ln)}
.sk-pa .pa-l{display:grid;gap:8px;margin-top:10px}
.pa-l li{position:relative;padding-left:22px;font-size:15px;line-height:1.45;color:#e8e8ec}
.pa-l li::before{content:"";position:absolute;left:1px;top:.52em;width:8px;height:8px;background:var(--ac)}
.pa-lc0 li::before{left:0;top:.2em;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a13' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.pa-lr0 li::before{left:0;top:.42em;width:0;height:0;background:none;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid #fff}
.pa-pl{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:18px;padding:6px 14px;border:1px solid var(--ln);border-radius:var(--r);font:600 14px/1.3 var(--fb);color:#fff;transition:border-color .3s,background .3s}
.pa-pl svg{flex:none;color:var(--ac)}
.sk-pa .pa-note{margin:0;font:400 13px/1.5 var(--fb);color:var(--mut)}

@media(min-width:700px){
  .pa-bl{padding:18px 18px 18px 14px;border:1px solid var(--ln);border-radius:var(--r);background:var(--card)}
  .pa-bg{--rh:68px;grid-template-columns:56px 36px minmax(0,1fr)}
  .pa-hub2{width:56px;height:56px;font-size:14px}
  .pa-pn{padding:22px 22px 24px}
}
@media(min-width:880px){
  .pa-bus{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px 28px}
  .pa-pn{position:sticky;top:99px}
  .pa-note{grid-column:1/-1}
}
@media(min-width:700px) and (max-width:879px),(min-width:1180px){
  .pa-tabs{display:none}
  .pa-bk,.pa-bk.is-on{display:block}
  .sk-pa .pa-bk h4,.sk-pa .pa-bk.is-on h4{display:flex}
  .pa-bks{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:16px}
}
@media(hover:hover) and (pointer:fine){
  .pa-row:hover{border-color:rgba(255,106,19,.7)}
  .pa-pl:hover{border-color:var(--ac);background:rgba(255,106,19,.08)}
}

/* =====================  03 · pa_score: CHẤM ĐIỂM  ===================== */
.pa-sc{display:grid;gap:14px;min-width:0}
.pa-pre{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pa-pb{min-height:48px;padding:0 10px;border:1px solid var(--ln);border-radius:var(--r);background:transparent;color:var(--ink);font:600 14px/1.2 var(--fb);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .3s,border-color .3s,color .3s}
.pa-pb[aria-pressed=true]{background:var(--ac);border-color:var(--ac);color:#0a0a0c}
.pa-pb:focus-visible,.pa-rs:focus-visible,.pa-rb:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.pa-res,.pa-ctl{min-width:0;border:1px solid var(--ln);border-radius:var(--r);background:var(--card);padding:16px}
.pa-rh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;margin-bottom:12px}
.pa-rh h3{font:800 18px/1.2 var(--fb);letter-spacing:-.02em}
.sk-pa .pa-fm{flex:1 0 100%;order:3;margin:0;padding:8px 10px;border:1px dashed var(--ln);border-radius:3px;background:rgba(255,106,19,.06);font:600 13px/1.4 var(--fb);color:#fff}
.sk-pa .pa-rk{display:grid;gap:8px}
.pa-rr{min-width:0}
.pa-rb{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"n i v" "b b b";align-items:center;column-gap:10px;row-gap:8px;min-height:64px;padding:10px 12px 12px 8px;border:1px solid var(--ln);border-radius:var(--r);background:rgba(255,255,255,.02);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .3s,background .3s}
.pa-rb[aria-pressed=true]{border-color:rgba(255,106,19,.75);background:rgba(255,106,19,.07)}
.pa-rn{grid-area:n;font-size:34px;line-height:1;text-align:center;color:rgba(255,255,255,.4);transition:color .3s}
.pa-rr.is-lead .pa-rn{color:var(--ac)}
.pa-ri2{grid-area:i;display:block;min-width:0}
.pa-ri2 b{display:block;font:700 15px/1.2 var(--fb)}
.pa-ri2 small{display:block;margin-top:2px;font:400 13px/1.3 var(--fb);color:var(--mut)}
.pa-rv{grid-area:v;font:800 22px/1 var(--fb);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pa-bar{grid-area:b;display:flex;height:12px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.pa-bar i{flex:0 0 var(--w,0%);min-width:0;background:var(--c);box-shadow:inset -1px 0 0 #121216;transition:flex-basis .55s cubic-bezier(.3,.7,.2,1)}
.pa-bar i:nth-child(1){--c:var(--c1)}.pa-bar i:nth-child(2){--c:var(--c2)}.pa-bar i:nth-child(3){--c:var(--c3)}.pa-bar i:nth-child(4){--c:var(--c4)}.pa-bar i:nth-child(5){--c:var(--c5)}
.sk-pa .pa-fx{margin:12px 0 0;padding-top:12px;border-top:1px dashed var(--ln);font:500 14px/1.6 var(--fb);color:#dcdce2;font-variant-numeric:tabular-nums}
.pa-fx b{color:#fff}.pa-fx strong{color:var(--ac);font-weight:800}
.pa-ctl .pa-rh{margin-bottom:4px}
.pa-rs{min-height:44px;padding:0 14px;border:1px solid var(--ln);border-radius:var(--r);background:transparent;color:var(--ink);font:600 13px/1 var(--fb);cursor:pointer;touch-action:manipulation;transition:border-color .3s}
.pa-cr{padding:8px 0 6px;border-top:1px solid var(--ln)}
.pa-cr:first-of-type{border-top:0}
.pa-cl{display:flex;align-items:center;gap:8px;min-height:26px}
.pa-sw{flex:none;width:10px;height:10px;border-radius:2px;background:var(--c)}
.pa-cl label{flex:1;min-width:0;font:700 15px/1.2 var(--fb)}
.pa-cs{display:flex;gap:10px;font:500 13px/1 var(--fb);color:var(--mut)}
.pa-cs b{margin-left:4px;color:#fff;font-weight:700}
.pa-cv{display:flex;align-items:center;gap:12px}
.sk-pa .pa-cv input[type=range]{flex:1;width:auto;min-width:0}
.pa-cv output{flex:none;display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--ln);border-radius:3px;font:800 16px/1 var(--fb);font-variant-numeric:tabular-nums}
.pa-hn{display:none;font:400 13px/1.4 var(--fb);color:var(--mut)}
@media(min-width:700px){
  .pa-pre{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pa-res,.pa-ctl{padding:22px}
  .pa-rh h3{font-size:20px}
  .sk-pa .pa-fm{flex:0 1 auto;order:0;text-align:right}
  .pa-hn{display:block;margin-top:-4px}
}
@media(min-width:820px){
  .pa-sc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"pre pre" "ctl res";align-items:start;column-gap:22px}
  .pa-pre{grid-area:pre}.pa-ctl{grid-area:ctl}
  .pa-res{grid-area:res;position:sticky;top:99px}
  .sk-pa .pa-fm{flex:1 0 100%;order:3;text-align:left}
}
@media(min-width:1025px){.sk-pa .pa-fm{flex:0 1 auto;order:0;text-align:right}.pa-sc{column-gap:28px}}
@media(hover:hover) and (pointer:fine){
  .pa-pb:hover:not([aria-pressed=true]),.pa-rs:hover{border-color:var(--ac)}
  .pa-rb:hover{border-color:rgba(255,106,19,.6)}
}

/* =====================  04 · QUY TRÌNH THẨM ĐỊNH: đường kẻ chia vạch  ===================== */
.sk-pa .pa-pr{display:grid;gap:0;min-width:0}
.pa-ps{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding-bottom:14px}
.pa-ps:last-child{padding-bottom:0}
.pa-ps::before,.pa-ps::after{content:"";position:absolute;left:15px;top:48px;bottom:2px;width:14px;pointer-events:none}
.pa-ps::before{background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) 6px 0/1px 100% no-repeat,repeating-linear-gradient(180deg,rgba(255,255,255,.32) 0 1px,transparent 1px 40px) 0 0/14px 100% no-repeat,repeating-linear-gradient(180deg,rgba(255,255,255,.26) 0 1px,transparent 1px 8px) 4px 0/6px 100% no-repeat}
.pa-ps::after{background:linear-gradient(var(--ac),var(--ac)) 6px 0/1px 100% no-repeat,repeating-linear-gradient(180deg,var(--ac) 0 1px,transparent 1px 40px) 0 0/14px 100% no-repeat,repeating-linear-gradient(180deg,var(--ac) 0 1px,transparent 1px 8px) 4px 0/6px 100% no-repeat;transform-origin:50% 0;transform:scaleY(0);transition:transform .9s cubic-bezier(.3,.7,.2,1)}
.pa-ps:last-child::before,.pa-ps:last-child::after{display:none}
.pa-ps.is-lit::after{transform:scaleY(1)}
.pa-nm{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.34);background:var(--bg);color:var(--mut);transition:background .35s calc(var(--k)*.14s),border-color .35s calc(var(--k)*.14s)}
.pa-nm b{font:700 14px/1 var(--fb);letter-spacing:.04em;transition:opacity .25s}
.pa-nm svg{position:absolute;inset:0;margin:auto;width:22px;height:22px;fill:none;stroke:#0a0a0c;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.pa-nm path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s cubic-bezier(.3,.7,.2,1) .2s}
.pa-ps.is-done .pa-nm{background:var(--ac);border-color:var(--ac)}
.pa-ps.is-done .pa-nm b{opacity:0}
.pa-ps.is-done .pa-nm path{stroke-dashoffset:0;transition-delay:calc(var(--k)*.14s + .2s)}
.pa-pc{min-width:0}
.pa-pc h3{font:800 clamp(19px,5.2vw,23px)/1.2 var(--fb);letter-spacing:-.02em}
.pa-pb2{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.pa-pb2:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.pa-pb2 i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--ln);background:linear-gradient(var(--ac),var(--ac)) center/12px 2px no-repeat,linear-gradient(var(--ac),var(--ac)) center/2px 12px no-repeat;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.pa-ps.is-open .pa-pb2 i{transform:rotate(135deg)}
.pa-pd{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1)}
.pa-pd>div{min-height:0;overflow:hidden}
.pa-ps.is-open .pa-pd{grid-template-rows:1fr}
.sk-pa .pa-pc p{margin-top:2px;font-size:15px;line-height:1.6;color:var(--mut)}
.sk-pa .pa-pc .pa-out{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;width:fit-content;max-width:100%;margin-top:10px;padding:7px 10px;border:1px solid var(--ln);border-radius:3px;font:500 13px/1.4 var(--fb);color:#e8e8ec}
.pa-out b{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ac)}
@media(min-width:700px){
  .pa-pd{grid-template-rows:1fr}
  .pa-pb2{pointer-events:none;cursor:default;min-height:0}
  .pa-pb2 i{display:none}
  .pa-pc{padding-top:8px}
}
@media(min-width:700px) and (max-width:1024px){
  .pa-pw{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:44px;align-items:start}
  .pa-pw .s-head{position:sticky;top:104px;margin-bottom:0}
}
@media(min-width:1025px){
  .sk-pa .pa-pr{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px}
  .pa-ps{display:block;padding-bottom:0}
  .pa-ps::before,.pa-ps::after{left:56px;right:-28px;top:15px;bottom:auto;width:auto;height:14px}
  .pa-ps::before{background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) 0 6px/100% 1px no-repeat,repeating-linear-gradient(90deg,rgba(255,255,255,.32) 0 1px,transparent 1px 40px) 0 0/100% 14px no-repeat,repeating-linear-gradient(90deg,rgba(255,255,255,.26) 0 1px,transparent 1px 8px) 0 4px/100% 6px no-repeat}
  .pa-ps::after{background:linear-gradient(var(--ac),var(--ac)) 0 6px/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--ac) 0 1px,transparent 1px 40px) 0 0/100% 14px no-repeat,repeating-linear-gradient(90deg,var(--ac) 0 1px,transparent 1px 8px) 0 4px/100% 6px no-repeat;transform-origin:0 50%;transform:scaleX(0)}
  .pa-ps.is-lit::after{transform:scaleX(1)}
  .pa-ps{padding-bottom:0}
  .pa-pc{margin-top:20px;padding-top:0}
}

/* =====================  05 · THẺ BÀI  ===================== */
.pa-cards{min-width:0}
@media(max-width:859px){
  .sk-pa .pa-cards .grid3{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut)*-1);padding:4px var(--gut) 14px;scroll-padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .sk-pa .pa-cards .grid3::-webkit-scrollbar{display:none}
  .sk-pa .pa-cards .card{flex:0 0 min(80%,340px);scroll-snap-align:start;min-width:0}
}
@media(min-width:860px){.sk-pa .pa-cards .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sk-pa .pa-cards .card-body em{font-size:12px}

/* =====================  06 · LOGO MẪU + SỐ LIỆU  ===================== */
.pa-mqw{display:grid;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.pa-mqr{overflow:hidden}
.pa-mqt{display:flex;width:max-content;gap:12px;padding-right:12px}
.pa-lg{display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 20px 0 16px;border:1px solid var(--ln);border-radius:var(--r);background:rgba(255,255,255,.025);color:#f2f2f5;white-space:nowrap}
.pa-lg svg{flex:none;width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pa-lg b{font:800 17px/1 var(--fb);letter-spacing:.04em}
.pa-lg em{padding-left:10px;border-left:1px solid var(--ln);font:500 12px/1 var(--fb);font-style:normal;color:var(--mut)}
.pa-l2{background:transparent}
.pa-l2 b{font-weight:300;letter-spacing:.16em;text-transform:uppercase}
.pa-l3 svg{color:var(--ac)}
.pa-l3 b{font-weight:700;letter-spacing:-.02em}
.pa-rev .pa-lg{color:#d4d4da}
.pa-sts{display:grid;gap:20px;margin-top:clamp(30px,5vw,60px)}
.pa-big{display:flex;align-items:flex-end;gap:14px 18px;flex-wrap:wrap;min-width:0}
.pa-big b{font-size:clamp(96px,28vw,240px);line-height:1;color:var(--ac)}
.pa-big span{padding-bottom:.4em;max-width:14ch;font:600 16px/1.4 var(--fb);color:var(--ink)}
.sk-pa .pa-st3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ln)}
.pa-st3 li{padding:16px 10px 0 0;min-width:0}
.pa-st3 b{display:block;font:800 clamp(28px,8.4vw,52px)/1 var(--fb);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.pa-st3 span{display:block;margin-top:8px;font:400 13px/1.35 var(--fb);color:var(--mut)}
@media(min-width:1025px){
  .pa-sts{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:72px}
  .sk-pa .pa-st3{border-top:0;border-left:1px solid var(--ln)}
  .pa-st3 li{padding:6px 24px 6px 28px}
  .pa-st3 b{font-size:clamp(40px,4.4vw,64px)}
  .pa-st3 span{font-size:14px}
  .pa-big b{font-size:clamp(190px,17vw,260px)}
}

/* =====================  07 · FORM ĐỐI TÁC  ===================== */
.pa-jw{display:grid;gap:26px;min-width:0}
.pa-js{min-width:0}
.sk-pa .pa-wh{display:flex;flex-wrap:wrap;gap:8px}
.pa-wh li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 10px;border:1px solid var(--ln);border-radius:3px;font:500 14px/1.2 var(--fb);color:#e8e8ec}
.pa-wh li::before{content:"";flex:none;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a13' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.pa-js .pa-tel{margin-top:18px}
.pa-fo{position:relative;display:grid;gap:14px;min-width:0;border:1px solid var(--ln);border-radius:var(--r);background:var(--card);padding:18px 16px 20px}
.pa-fh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px dashed var(--ln)}
.pa-fh b{font:800 17px/1.2 var(--fb);letter-spacing:-.02em}
.pa-fh span{font:600 12px/1.2 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.pa-fl{display:grid;gap:6px;min-width:0}
.pa-fl>label:not(.pa-cc),.pa-fs legend{padding:0;font:700 12px/1.3 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.pa-cnt{float:right;letter-spacing:.04em;text-transform:none}
.pa-fl input:not([type=checkbox]),.pa-fl textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--ln);border-radius:var(--r);background:#0b0b0e;color:var(--ink);font:400 16px/1.4 var(--fb);transition:border-color .25s,box-shadow .25s}
.pa-fl textarea{resize:vertical;min-height:92px}
.pa-fl input::placeholder,.pa-fl textarea::placeholder{color:#74747e}
.pa-fl input:focus,.pa-fl textarea:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px rgba(255,106,19,.22)}
.pa-fl.is-bad input,.pa-fl.is-bad textarea{border-color:var(--ac);background:rgba(255,106,19,.07)}
.pa-fs{min-width:0;margin:0;padding:0;border:0;display:grid;gap:8px}
.pa-fs legend{margin-bottom:8px}
.pa-cps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pa-cp,.pa-cc{position:relative;display:block;cursor:pointer}
.pa-cp input,.pa-cc input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pa-cp span{display:flex;align-items:center;gap:9px;min-height:48px;padding:6px 10px;border:1px solid var(--ln);border-radius:var(--r);font:600 14px/1.25 var(--fb);color:#e8e8ec;transition:border-color .25s,background .25s}
.pa-cp span::before,.pa-cc span::before{content:"";flex:none;width:16px;height:16px;border:1.5px solid rgba(255,255,255,.4);border-radius:50%;transition:background .25s,border-color .25s,box-shadow .25s}
.pa-cp input:checked+span{border-color:var(--ac);background:rgba(255,106,19,.14)}
.pa-cp input:checked+span::before,.pa-cc input:checked+span::before{border-color:var(--ac);background:var(--ac);box-shadow:inset 0 0 0 3px #121216}
.pa-cc span{display:flex;align-items:center;gap:10px;min-height:48px;font:500 15px/1.4 var(--fb);color:#e8e8ec}
.pa-cc span::before{border-radius:3px}
.pa-cc input:checked+span::before{box-shadow:none;background:var(--ac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0c' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.pa-cp input:focus-visible+span,.pa-cc input:focus-visible+span{outline:2px solid var(--ac);outline-offset:2px}
.pa-two2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.pa-er{min-height:0;font:600 13px/1.4 var(--fb);color:var(--c2)}
.pa-er:empty{display:none}
.pa-sub2{width:100%;margin-top:4px}
.pa-ok{position:absolute;inset:0;z-index:3;display:none;align-content:center;justify-items:center;gap:16px;padding:24px;border-radius:var(--r);background:var(--card);text-align:center}
.pa-fo.is-sent .pa-ok{display:grid}
.pa-stamp{display:inline-block;padding:10px 16px;border:3px solid var(--ac);border-radius:4px;rotate:-5deg;font:800 clamp(18px,5vw,24px)/1.1 var(--fb);letter-spacing:.1em;color:var(--ac)}
.sk-pa .pa-okt{max-width:34ch;font-size:15px;line-height:1.6;color:#dcdce2}
@media(min-width:700px){
  .pa-fo{padding:24px 24px 26px;gap:16px}
  .pa-cps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pa-two2{gap:16px}
}
@media(min-width:880px){
  .pa-jw{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:start}
  .pa-js{position:sticky;top:104px}
}
@media(hover:hover) and (pointer:fine){
  .pa-cp:hover span{border-color:rgba(255,106,19,.7)}
}

/* =====================  CHUYỂN ĐỘNG  ===================== */
@media(prefers-reduced-motion:no-preference){
  /* hero: đường vẽ ra, nút bật lên, quỹ đạo quay, vòng xung quanh KETx, nút nổi nhẹ */
  .pa-ln{animation:paDraw 1.25s cubic-bezier(.3,.7,.2,1) backwards;animation-delay:calc(var(--i)*.1s + .35s)}
  .pa-pt{animation:paFadeIn 1s ease 1.7s backwards}
  .pa-hub{animation:paPop .9s cubic-bezier(.2,.9,.3,1.15) .2s backwards}
  .pa-hub::before{animation:paRp 3.2s ease-out infinite}
  .pa-hub::after{animation:paRp 3.2s ease-out 1.6s infinite}
  .pa-scan::after{animation:paScan 8s linear infinite}
  .pa-ring{animation:paSpin 46s linear infinite}
  .pa-ring2{animation:paSpin 70s linear infinite reverse}
  .pa-nd{animation:paPop .8s cubic-bezier(.2,.9,.3,1.2) backwards,paFl 5.2s ease-in-out infinite;animation-delay:calc(var(--i)*.1s + .6s),calc(var(--i)*-.85s)}
  .pa-nd::before{animation:paRp 3.8s ease-out infinite;animation-delay:calc(var(--i)*-.62s)}
  .pa-live i{animation:paDot 1.9s ease-out infinite}
  .pa-hint svg{animation:paBob 1.8s ease-in-out infinite}
  .pa-nw.is-off *,.pa-nw.is-off *::before,.pa-nw.is-off *::after{animation-play-state:paused!important}
  /* mục 06: hai dải logo chạy ngược chiều */
  .pa-mqt{animation:paMq 42s linear infinite}
  .pa-rev .pa-mqt{animation-duration:52s;animation-direction:reverse}
  /* form */
  .pa-fl.is-bad{animation:paShake .45s ease}
  .pa-fo.is-sent .pa-stamp{animation:paStamp .7s cubic-bezier(.2,.9,.3,1.3) backwards}
}
@keyframes paDraw{from{stroke-dashoffset:100}}
@keyframes paPop{from{opacity:0;scale:.4}}
@keyframes paFadeIn{from{opacity:0}}
@keyframes paFl{50%{translate:0 -4px}}
@keyframes paRp{0%{opacity:.6;scale:1}100%{opacity:0;scale:1.7}}
@keyframes paSpin{to{rotate:360deg}}
@keyframes paScan{to{translate:0 433%}}
@keyframes paDot{0%{box-shadow:0 0 0 0 rgba(255,106,19,.7)}100%{box-shadow:0 0 0 9px rgba(255,106,19,0)}}
@keyframes paBob{50%{translate:0 3px}}
@keyframes paMq{to{transform:translateX(-50%)}}
@keyframes paShake{25%{translate:-5px 0}75%{translate:5px 0}}
@keyframes paStamp{from{opacity:0;scale:1.9;rotate:-14deg}}

/* giảm chuyển động: nội dung đứng yên nhưng đủ, kết quả đổi ngay */
@media(prefers-reduced-motion:reduce){
  .pa-pt,.pa-p0,.pa-p1{display:none}
  .pa-t1,.pa-dt,.pa-mt i,.pa-bar i,.pa-ps::after,.pa-nm path,.pa-nm,.pa-nd,.pa-row,.pa-rb{transition:none}
  .pa-mqw{-webkit-mask-image:none;mask-image:none}
  .pa-mqt{flex-wrap:wrap;width:auto;padding:0 var(--gut)}
  .pa-lg[aria-hidden=true],.pa-rev{display:none}
}