/* ============================================================
   Bố cục slide PHƯƠNG PHÁP TRIỂN KHAI & LỘ TRÌNH (tk-*)
   Chạy trên engine và token của master deck Base 2.0 (deck.css).
   Cấu trúc đúc từ deck triển khai DCL, DHG Pharma, Anova Group.
   ============================================================ */
:root{--tk-ks:#A5E8F7;--tk-tl:#22C3A6;--tk-dt:#1E88E5;--tk-go:#F2892E;--tk-khach:#20BF6B}

/* ---------- khung chung ---------- */
.tk .hd{margin-bottom:30px}
.tk h1{font-size:52px;margin-bottom:10px}
.tk .sub{font-size:22px;color:var(--t2);font-weight:300;margin:0}
.tk .sub b{font-weight:500;color:var(--t1)}
.tk-foot{position:absolute;left:var(--pad);bottom:34px;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--t4);font-weight:500}
.tk-body{position:absolute;left:var(--pad);right:var(--pad);top:250px;bottom:96px}
.tk-ph{display:grid;place-items:center;text-align:center;border:2px dashed rgba(159,208,246,.45);border-radius:18px;background:rgba(30,136,229,.08);color:var(--blue3);font-size:18px;line-height:1.4;padding:20px}
.tk-ph b{display:block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.tk-ph img,.tk-img img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}
.tk-img{border-radius:18px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
.tk-logo-pill{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:10px 18px;height:64px;min-width:120px}
.tk-logo-pill img{max-height:44px;max-width:220px;display:block}
.tk-logo-pill.txt{font-size:22px;font-weight:700;color:var(--navy)}
.tk-badge{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:700;letter-spacing:.06em;padding:8px 18px;border-radius:10px;background:rgba(165,232,247,.16);color:var(--tk-ks);border:1px solid rgba(165,232,247,.4)}
.tk-badge.o{background:rgba(242,137,46,.16);color:#FFB673;border-color:rgba(242,137,46,.45)}
.tk-num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--blue);font-weight:700;font-size:18px;flex:none}

/* ---------- tk-bia ---------- */
.tk-bia .cov{position:absolute;left:var(--pad);top:150px;width:1060px;z-index:3}
.tk-bia .logos{display:flex;align-items:center;gap:16px;margin-bottom:70px}
.tk-bia .logos .x{font-size:26px;color:var(--t3);font-weight:300}
.tk-bia h1{font-size:76px;line-height:1.08;margin:18px 0 26px}
.tk-bia .lead{font-size:26px;max-width:980px}
.tk-bia .by{margin-top:44px;font-size:20px;color:var(--t2)}
.tk-bia .by b{color:var(--t1);font-weight:500}

/* ---------- tk-muc-luc ---------- */
.tk-ml{display:grid;grid-template-columns:1fr 360px;gap:70px;height:100%}
.tk-ml ol{list-style:none;margin:0;padding:0;display:grid;gap:22px;align-content:start}
.tk-ml li{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:start}
.tk-ml li>i{font-style:normal;font-size:44px;font-weight:700;line-height:1;background:linear-gradient(180deg,#9FD0F6,#4F46E5);-webkit-background-clip:text;background-clip:text;color:transparent}
.tk-ml li h3{font-size:30px;font-weight:700;margin:4px 0 8px}
.tk-ml li p{margin:0;font-size:19px;color:var(--t2);font-weight:300;line-height:1.5}
.tk-ml .steps{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px;margin-top:10px}
.tk-ml .steps span{font-size:18px;color:var(--t2);font-weight:300}
.tk-ml .steps span b{color:var(--blue2);font-weight:700;margin-right:6px}
.tk-ml .qr{align-self:start;text-align:center}
.tk-ml .qr .box{width:300px;height:300px;margin:0 auto 18px;background:#fff;border-radius:22px;padding:18px;display:grid;place-items:center;color:var(--navy);font-size:16px}
.tk-ml .qr .box img{width:100%;height:100%;object-fit:contain}
.tk-ml .qr p{margin:0;font-size:18px;color:var(--t2)}

/* ---------- tk-3-tru ---------- */
.tk-3tru .intro{font-size:22px;line-height:1.6;color:var(--t2);font-weight:300;max-width:1680px;margin:0 0 40px}
.tk-3tru .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tk-3tru .card{padding:38px 36px;border-top:3px solid var(--blue2)}
.tk-3tru .ic{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--indigo));margin-bottom:22px}
.tk-3tru .ic svg{width:40px;height:40px;stroke:#fff}
.tk-3tru .card h3{font-size:28px;letter-spacing:.08em;text-transform:uppercase}
.tk-3tru .card ul{margin:14px 0 0;padding-left:22px;display:grid;gap:10px}
.tk-3tru .card li{font-size:20px;line-height:1.5;color:var(--t2);font-weight:300}

/* ---------- tk-lo-trinh-3-chang ---------- */
.tk-3c .chart{position:absolute;left:0;right:0;top:auto;bottom:0;height:520px;width:100%;z-index:0}
.tk-3c .st{position:absolute;width:470px}
.tk-3c .st .n{font-size:22px;font-weight:700;color:var(--blue2);letter-spacing:.12em}
.tk-3c .st h3{font-size:36px;font-weight:700;margin:4px 0 10px;text-transform:uppercase}
.tk-3c .st p{margin:0;font-size:20px;line-height:1.5;color:var(--t2);font-weight:300}

/* ---------- tk-chuong ---------- */
.tk-chuong .txt{position:absolute;left:var(--pad);top:300px;width:1300px}
.tk-chuong .big{font-size:150px;font-weight:800;line-height:.95;letter-spacing:-.03em;background:linear-gradient(160deg,#9FD0F6 10%,#1E88E5 55%,rgba(79,70,229,.2) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 20px}
.tk-chuong h1{font-size:72px;margin:0 0 18px}
.tk-chuong .lead{font-size:28px}

/* ---------- tk-phuong-phap ---------- */
.tk-pp .cols{display:grid;grid-template-columns:720px 1fr;gap:70px;height:100%}
.tk-pp .why h3{font-size:24px;font-weight:700;margin:0 0 20px;color:var(--blue3)}
.tk-pp .why ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.tk-pp .why li{display:grid;grid-template-columns:46px 1fr;gap:18px;align-items:start;font-size:21px;line-height:1.5;color:var(--t2);font-weight:300}
.tk-pp .why li b{color:var(--t1);font-weight:500}
.tk-wf{position:relative;height:100%}
.tk-wf .lbl{position:absolute;right:0;top:0;font-size:56px;font-weight:800;letter-spacing:.04em;color:rgba(159,208,246,.9)}
.tk-wf .s{position:absolute;width:300px;height:72px;border-radius:14px;display:flex;align-items:center;gap:14px;padding:0 22px;font-size:21px;font-weight:700;box-shadow:0 20px 40px -24px rgba(0,0,0,.8)}
.tk-wf .s small{display:block;font-size:14px;font-weight:400;opacity:.8}
.tk-wf .s::after{content:"";position:absolute;left:150px;top:72px;width:2px;height:58px;background:var(--line2)}
.tk-wf .s:last-child::after{display:none}
.tk-ag .why ol{grid-template-columns:repeat(4,1fr);gap:22px}
.tk-ag .why li{grid-template-columns:1fr;font-size:18px}
.tk-ag .flow{position:absolute;left:var(--pad);right:var(--pad);bottom:110px;display:flex;gap:14px;align-items:stretch}
.tk-ag .flow .end{flex:0 0 180px;border-radius:18px;padding:22px 18px;background:rgba(242,137,46,.14);border:1px solid rgba(242,137,46,.45);font-size:19px;font-weight:700;display:flex;flex-direction:column;justify-content:center;text-align:center}
.tk-ag .flow .end small{display:block;font-weight:400;font-size:15px;color:var(--t2);margin-top:6px}
.tk-ag .flow .end.g0{background:rgba(165,232,247,.12);border-color:rgba(165,232,247,.4)}
.tk-ag .sp{flex:1;border-radius:18px;background:var(--glass);border:1px solid var(--line);padding:18px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.tk-ag .sp h4{margin:0;font-size:20px;color:var(--blue2);letter-spacing:.08em}
.tk-ag .sp .sc{font-size:15px;color:var(--t2);min-height:40px;line-height:1.35}
.tk-ag .sp span{font-size:14px;border-radius:8px;padding:6px 10px;font-weight:500;color:#08223a}
.tk-ag .sp span.ks{background:var(--tk-ks)}.tk-ag .sp span.tl{background:var(--tk-tl)}.tk-ag .sp span.dt{background:var(--tk-dt);color:#fff}
.tk-ag .sp span.kn{background:rgba(255,255,255,.14);color:var(--t1)}.tk-ag .sp span.go{background:var(--tk-go);color:#fff;text-align:center;font-weight:700}

/* ---------- tk-pham-vi ---------- */
.tk-pv .cols{display:grid;grid-template-columns:640px 1fr;gap:56px;height:100%}
.tk-pv .info{display:grid;gap:22px;align-content:start}
.tk-pv .row{display:grid;grid-template-columns:46px 1fr;gap:18px;align-items:start}
.tk-pv .row h3{font-size:22px;margin:8px 0 6px}
.tk-pv .row p{margin:0;font-size:20px;line-height:1.5;color:var(--t2);font-weight:300}
.tk-pv .row p b{color:var(--t1);font-weight:500}
.tk-pv .groups{display:grid;grid-template-columns:repeat(var(--gc,2),1fr);gap:18px;align-content:start}
.tk-pv .g{border-radius:18px;background:var(--glass);border:1px solid var(--line);padding:22px 22px 18px}
.tk-pv .g h4{margin:0 0 12px;font-size:19px;color:var(--blue2);letter-spacing:.06em;text-transform:uppercase}
.tk-pv .g .chips{display:flex;flex-wrap:wrap;gap:8px}
.tk-pv .g .chips span{font-size:16px;padding:7px 12px;border-radius:9px;background:rgba(255,255,255,.08);border:1px solid var(--line)}

/* ---------- tk-gantt ---------- */
.tk-gt .top{display:flex;align-items:center;gap:14px;margin-top:6px}
.tk-gt .legend{position:absolute;right:var(--pad);top:150px;display:flex;gap:22px;font-size:16px;color:var(--t2)}
.tk-gt .legend i{display:inline-block;width:26px;height:14px;border-radius:4px;margin-right:8px;vertical-align:-1px}
.tk-gantt{position:absolute;left:var(--pad);right:var(--pad);top:260px;bottom:110px;border-radius:20px;background:var(--glass);border:1px solid var(--line);padding:18px 26px 18px 18px;overflow:hidden}
.tk-gantt .gh{display:grid;grid-template-columns:var(--lw,440px) 1fr;font-size:15px;color:var(--t3);margin-bottom:6px}
.tk-gantt .months{position:relative;height:44px}
.tk-gantt .months span{position:absolute;top:0;transform:translateX(-50%);text-align:center;white-space:nowrap}
.tk-gantt .months span b{display:block;color:var(--t1);font-size:17px}
.tk-gantt .grp{margin:8px 0 4px;padding:9px 14px;border-radius:10px;background:rgba(30,136,229,.18);font-size:17px;font-weight:700;letter-spacing:.03em}
.tk-gantt .r{display:grid;grid-template-columns:var(--lw,440px) 1fr;align-items:center;min-height:var(--rh,58px)}
.tk-gantt .r .nm{padding-left:22px;font-size:17px;font-weight:600;line-height:1.25}
.tk-gantt .r .nm em{font-weight:400;font-style:italic;color:var(--t2)}
.tk-gantt .r .nm small{display:block;font-size:14px;font-weight:400;color:var(--t3);margin-top:3px}
.tk-gantt .r .nm small b{color:#FFB673;font-weight:600}
.tk-gantt .track{position:relative;height:30px}
.tk-gantt .grid{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.07)}
.tk-gantt .seg{position:absolute;top:4px;height:22px}
.tk-gantt .seg.ks{background:var(--tk-ks)}.tk-gantt .seg.tl{background:var(--tk-tl)}.tk-gantt .seg.dt{background:var(--tk-dt)}
.tk-gantt .seg.first{border-radius:6px 0 0 6px}.tk-gantt .seg.last{border-radius:0 6px 6px 0}.tk-gantt .seg.first.last{border-radius:6px}
.tk-gantt .flag{position:absolute;top:-16px;font-size:15px;font-weight:700;color:#FFB673;white-space:nowrap;transform:translateX(-4px)}
.tk-gantt .flag::before{content:"";position:absolute;left:4px;top:18px;width:2px;height:26px;background:var(--tk-go)}
.tk-gantt .flag::after{content:"";position:absolute;left:6px;top:18px;border-left:12px solid var(--tk-go);border-top:6px solid transparent;border-bottom:6px solid transparent}
.tk-gantt .flag span{position:relative;left:-6px;top:-4px}
.tk-gt .note{position:absolute;left:var(--pad);bottom:62px;font-size:17px;color:#FFB673}

/* ---------- tk-timeline-chi-tiet ---------- */
.tk-tc .tl{position:absolute;left:var(--pad);right:var(--pad);top:250px;display:grid;grid-template-columns:repeat(var(--n,7),1fr);column-gap:6px}
.tk-tc .ms{position:relative;border-left:2px solid var(--line2);padding:0 12px 0 0;min-height:330px;display:flex;flex-direction:column}
.tk-tc .ms .d{height:46px;display:flex;align-items:center;padding:0 26px 0 16px;font-size:17px;font-weight:700;color:#06223a;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);margin-bottom:16px;white-space:nowrap}
.tk-tc .ms h4{margin:0 0 8px 14px;font-size:18px;font-weight:700;line-height:1.3;text-transform:uppercase}
.tk-tc .ms p{margin:0 0 0 14px;font-size:16.5px;line-height:1.45;color:var(--t2);font-weight:300}
.tk-tc .ms .sub{margin:14px 0 0 14px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:10px 12px}
.tk-tc .ms .sub b{display:block;font-size:15px;color:var(--blue2);margin-bottom:4px}
.tk-tc .ms .sub span{font-size:15px;color:var(--t2)}
.tk-tc .ms .bar{position:absolute;left:-2px;right:0;bottom:0;height:12px}
.tk-tc .ph{position:absolute;left:var(--pad);right:var(--pad);top:620px;display:grid;grid-template-columns:repeat(var(--n,7),1fr);column-gap:6px}
.tk-tc .ph div{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:28px;font-weight:700;line-height:1.3;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 70px) 0,100% 50%,calc(100% - 70px) 100%,0 100%,60px 50%);padding:0 80px}
.tk-tc .ph div small{font-size:22px;font-weight:500;opacity:.9}

/* ---------- tk-buoc ---------- */
.tk-bc{text-align:center}
.tk-bc .hd{margin-bottom:0}
.tk-bc .step{display:inline-block;font-size:20px;font-weight:700;letter-spacing:.3em;color:var(--blue2);margin:30px 0 6px}
.tk-bc h1{font-size:68px;text-transform:uppercase;margin:0 0 12px}
.tk-bc .time{font-size:24px;font-weight:700;margin:0 0 8px}
.tk-bc .desc{font-size:22px;color:var(--t2);font-weight:300;line-height:1.55;margin:0 auto;max-width:1300px}
.tk-bc .two{position:absolute;left:260px;right:260px;top:520px;display:grid;grid-template-columns:1fr 1fr;gap:34px}
.tk-bc .two .b{height:200px;border-radius:22px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:22px;padding:0 34px;text-align:left;font-size:24px;font-weight:700;line-height:1.35;text-transform:uppercase}
.tk-bc .two .b.k{background:linear-gradient(135deg,rgba(32,191,107,.32),rgba(32,191,107,.12));border:1px solid rgba(32,191,107,.55)}
.tk-bc .two .b.v{background:linear-gradient(135deg,rgba(30,136,229,.45),rgba(79,70,229,.25));border:1px solid rgba(102,180,240,.55)}
.tk-bc .two .b .lg{height:110px;border-radius:18px;background:#fff;display:grid;place-items:center;padding:10px;color:var(--navy);font-size:18px;text-transform:none}
.tk-bc .two .b .lg img{max-width:120px;max-height:80px}
.tk-bc .goal{position:absolute;left:260px;right:260px;top:760px;border-radius:16px;background:var(--blue);padding:22px 30px;font-size:21px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.4}
.tk-bc .goal span{color:#CFE6FF;margin-right:8px}

/* ---------- tk-buoc-anh ---------- */
.tk-ba .cols{display:grid;grid-template-columns:600px 1fr;gap:56px;height:100%}
.tk-ba .txt .step{font-size:18px;font-weight:700;letter-spacing:.28em;color:var(--blue2)}
.tk-ba .txt h2{font-size:44px;margin:10px 0 20px;text-transform:uppercase;line-height:1.15}
.tk-ba .txt ul{margin:0;padding-left:24px;display:grid;gap:14px}
.tk-ba .txt li{font-size:21px;line-height:1.5;color:var(--t2);font-weight:300}
.tk-ba .txt li b{color:var(--t1);font-weight:500}
.tk-ba .pics{display:grid;gap:18px;grid-template-columns:repeat(var(--pc,2),1fr);grid-auto-rows:1fr;height:100%}
.tk-ba .pics .wide{grid-column:1/-1}

/* ---------- tk-ma-tran-ai ---------- */
.tk-mt .wrap{position:absolute;left:260px;right:260px;top:250px;bottom:110px}
.tk-mt .grid{position:absolute;left:80px;right:0;top:0;bottom:60px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}
.tk-mt .q{border-radius:18px;padding:22px 26px;border:1px solid var(--line);background:var(--glass)}
.tk-mt .q h4{margin:0 0 8px;font-size:22px}
.tk-mt .q p{margin:0 0 6px;font-size:16.5px;line-height:1.45;color:var(--t2);font-weight:300}
.tk-mt .q p b{color:var(--t1);font-weight:500}
.tk-mt .q.ai{background:rgba(124,58,237,.2);border-color:rgba(167,139,250,.5)}
.tk-mt .q.mix{background:rgba(30,136,229,.16);border-color:rgba(102,180,240,.45)}
.tk-mt .q.hu{background:rgba(32,191,107,.14);border-color:rgba(32,191,107,.45)}
.tk-mt .ax{position:absolute;font-size:16px;color:var(--t3);letter-spacing:.06em}
.tk-mt .ax b{color:var(--blue2);font-weight:700}
.tk-mt .ax.y{left:-75px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap}
.tk-mt .ax.x{left:80px;right:0;bottom:16px;text-align:center}
.tk-mt .ax.y0{left:20px;bottom:64px}.tk-mt .ax.y1{left:20px;top:0}
.tk-mt .ax.x0{left:80px;bottom:16px}.tk-mt .ax.x1{right:0;bottom:16px}

/* ---------- tk-roi-agent ---------- */
.tk-roi .tblw{position:absolute;left:var(--pad);right:var(--pad);top:240px;bottom:200px;overflow:hidden}
.tk-roi .tbl{font-size:15.5px}
.tk-roi .tbl th{font-size:14.5px;padding:12px 10px;vertical-align:bottom}
.tk-roi .tbl td{padding:9px 10px}
.tk-roi .tbl td:first-child{font-size:14px;letter-spacing:.04em}
.tk-roi .tbl td.n,.tk-roi .tbl th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tk-roi .tbl td.ag{color:#C9B6FF;font-weight:500}
.tk-roi .tot{position:absolute;left:var(--pad);right:var(--pad);bottom:96px;display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center}
.tk-roi .tot .k{font-size:20px;color:var(--t2)}
.tk-roi .tot .v{border-radius:16px;padding:16px 26px;background:rgba(124,58,237,.22);border:1px solid rgba(167,139,250,.5);text-align:right}
.tk-roi .tot .v small{display:block;font-size:14px;color:var(--t2);letter-spacing:.06em;text-transform:uppercase}
.tk-roi .tot .v b{font-size:38px;font-variant-numeric:tabular-nums}

/* ---------- tk-dao-tao-4 ---------- */
.tk-d4 .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:100%}
.tk-d4 .card{padding:24px 28px}
.tk-d4 .card h3{font-size:25px;color:var(--blue3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}
.tk-d4 .card dl{margin:0;display:grid;grid-template-columns:160px 1fr;gap:10px 16px}
.tk-d4 .card dt{font-size:17px;color:var(--blue2);font-weight:700;letter-spacing:.04em}
.tk-d4 .card dd{margin:0;font-size:19px;line-height:1.45;color:var(--t2);font-weight:300}

/* ---------- tk-doi-ngu-base ---------- */
.tk-dn .tiers{position:absolute;left:var(--pad);right:var(--pad);top:230px;bottom:100px;display:flex;flex-direction:column;justify-content:space-between}
.tk-dn .tier{display:flex;justify-content:center;gap:34px;position:relative}
.tk-dn .tier+.tier::before{content:"";position:absolute;left:50%;top:-34px;height:28px;width:2px;background:var(--line2)}
.tk-dn .tier .lbl{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--t4);width:180px}
.tk-dn .p{display:flex;align-items:center;gap:16px;background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:14px 22px 14px 14px;min-width:330px;max-width:380px}
.tk-dn .p.lead{border-color:rgba(102,180,240,.6);background:rgba(30,136,229,.18)}
.tk-dn .av{width:86px;height:86px;border-radius:50%;flex:none;overflow:hidden;background:linear-gradient(135deg,var(--blue),var(--indigo));display:grid;place-items:center;font-weight:700;font-size:26px;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.tk-dn .av img{width:100%;height:100%;object-fit:cover}
.tk-dn .n{font-size:19px;font-weight:700;line-height:1.2}
.tk-dn .t{font-size:14.5px;color:var(--t3);margin-top:2px}
.tk-dn .r{font-size:15.5px;color:var(--blue2);margin-top:6px;font-weight:500;line-height:1.3}

/* ---------- tk-ho-so-nang-luc ---------- */
.tk-hs .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;align-content:start}
.tk-hs .p{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.tk-hs .av{width:64px;height:64px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--blue),var(--indigo));display:grid;place-items:center;font-weight:700}
.tk-hs .av img{width:100%;height:100%;object-fit:cover}
.tk-hs .n{font-size:20px;font-weight:700}
.tk-hs .n small{font-weight:400;color:var(--blue2);font-size:14.5px;margin-left:6px}
.tk-hs p{margin:5px 0 0;font-size:16.5px;line-height:1.45;color:var(--t2);font-weight:300}

/* ---------- tk-vai-tro-ban-du-an ---------- */
.tk-vt .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:18px;height:100%}
.tk-vt .card{padding:22px 24px}
.tk-vt .card .h{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.tk-vt .card h3{margin:0;font-size:22px;line-height:1.2;text-transform:uppercase}
.tk-vt .card h3 small{display:block;font-size:13px;color:var(--t3);letter-spacing:.08em;font-weight:500;margin-top:3px}
.tk-vt .card ul{margin:0;padding-left:20px;display:grid;gap:6px}
.tk-vt .card li{font-size:17.5px;line-height:1.42;color:var(--t2);font-weight:300}

/* ---------- tk-so-do-ban-du-an (cây tổ chức) ---------- */
.tk-sd .tree{position:absolute;left:var(--pad);right:var(--pad);top:240px;bottom:110px;display:flex;justify-content:center}
.tk-sd .tree ul{padding-top:28px;position:relative;display:flex;justify-content:center;margin:0;padding-left:0}
.tk-sd .tree>ul{padding-top:0}
.tk-sd .tree li{list-style:none;text-align:center;position:relative;padding:28px 8px 0}
.tk-sd .tree>ul>li{padding-top:0}
.tk-sd .tree li::before,.tk-sd .tree li::after{content:"";position:absolute;top:0;right:50%;border-top:2px solid var(--line2);width:50%;height:28px}
.tk-sd .tree li::after{right:auto;left:50%;border-left:2px solid var(--line2)}
.tk-sd .tree li:only-child::after,.tk-sd .tree li:only-child::before{display:none}
.tk-sd .tree li:only-child{padding-top:0}
.tk-sd .tree li:first-child::before,.tk-sd .tree li:last-child::after{border:0 none}
.tk-sd .tree li:last-child::before{border-right:2px solid var(--line2);border-radius:0 8px 0 0}
.tk-sd .tree li:first-child::after{border-radius:8px 0 0 0}
.tk-sd .tree ul ul::before{content:"";position:absolute;top:0;left:50%;border-left:2px solid var(--line2);height:28px}
.tk-sd .node{display:inline-block;border-radius:12px;padding:16px 26px;font-size:21px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.25;background:var(--tk-go);color:#fff;min-width:200px}
.tk-sd .node small{display:block;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0;opacity:.92;margin-top:3px}
.tk-sd .node.b{background:var(--blue)}.tk-sd .node.g{background:#16A34A}.tk-sd .node.y{background:#CA8A04}
.tk-sd .node.s{background:rgba(255,255,255,.08);border:1px solid var(--line2);font-size:17px;font-weight:500;text-transform:none;min-width:150px;padding:10px 14px}
.tk-sd .node.u{background:#0F766E;font-size:16px;min-width:180px}

/* ---------- tk-luu-y ---------- */
.tk-ly .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px}
.tk-ly .card{padding:34px 28px;text-align:center}
.tk-ly .ic{width:120px;height:120px;border-radius:28px;margin:0 auto 26px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(32,191,107,.5),rgba(30,136,229,.5));border:1px solid var(--line2)}
.tk-ly .ic svg{width:60px;height:60px;stroke:#fff}
.tk-ly .card h3{font-size:22px;text-transform:uppercase;line-height:1.3;min-height:86px}
.tk-ly .card p{font-size:18px}

/* ---------- tk-next-steps ---------- */
.tk-ns .cols{display:grid;grid-template-columns:520px 1fr;gap:60px;height:100%}
.tk-ns .q{border-radius:22px;background:linear-gradient(160deg,rgba(30,136,229,.35),rgba(79,70,229,.2));border:1px solid rgba(102,180,240,.45);padding:40px 38px;display:flex;flex-direction:column;justify-content:center}
.tk-ns .q h2{font-size:44px;margin:0 0 14px}
.tk-ns .q p{font-size:21px;line-height:1.55;color:var(--t2);font-weight:300;margin:0}
.tk-ns .tbl{align-self:start;font-size:20px}.tk-ns .tbl td{padding:18px 16px}.tk-ns .tbl td:first-child{color:var(--blue2)}

/* ---------- tk-ket ---------- */
.tk-ket.active{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.tk-ket .logos{display:flex;gap:16px;align-items:center;margin-bottom:60px}
.tk-ket h1{font-size:110px;margin:0 0 30px}
.tk-ket .conf{position:absolute;left:0;right:0;bottom:70px;font-size:17px;color:var(--t3);letter-spacing:.04em}

/* ---------- tk-phuong-phap-agile-vong (sprint dạng vòng tròn) ---------- */
.tk-agv .why ol{grid-template-columns:repeat(4,1fr);gap:22px}
.tk-agv .why li{grid-template-columns:1fr;font-size:19px}
.tk-sprints{position:absolute;left:var(--pad);right:var(--pad);top:var(--top,420px);bottom:92px}
.tk-sprints .sw{display:flex;gap:10px;height:100%}
.tk-sprints .se{flex:0 0 150px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:16px 12px;font-size:19px;line-height:1.3}
.tk-sprints .se b{font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.tk-sprints .se small{display:block;margin-top:8px;font-size:15px;color:var(--t2)}
.tk-sprints .se.en{background:rgba(242,137,46,.14);border-color:rgba(242,137,46,.45)}
.tk-sprints .sp{flex:1;min-width:0;border-radius:16px;border:1px solid var(--line);padding:16px 10px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.tk-sprints .sp h4{margin:0;font-size:22px;letter-spacing:.1em;color:#fff}
.tk-sprints .sp .sc{font-size:17px;color:var(--t2);line-height:1.35;min-height:42px;margin:4px 0 4px}
.tk-sprints .ring{width:100%;max-width:320px;flex:1;min-height:0;overflow:visible}
.tk-sprints .ring .l1{font-size:15.5px;font-weight:700;fill:#fff}
.tk-sprints .ring .l2{font-size:14px;fill:rgba(255,255,255,.92)}
.tk-sprints .ring .flag line{stroke:#fff;stroke-width:2.5}
.tk-sprints .ring .flag polygon{fill:var(--tk-go)}
.tk-sprints .bd{align-self:stretch;margin:2px -10px 0;height:32px;line-height:32px;background:linear-gradient(90deg,#F59E0B,#F07B2A);color:#3a1d00;font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
.tk-sprints .gl{margin-top:10px;padding:7px 18px;border-radius:999px;background:rgba(242,137,46,.2);border:1px solid rgba(242,137,46,.55);color:#FFB673;font-weight:700;font-size:16px;letter-spacing:.04em}

/* ---------- tk-doi-ngu-base: chừa chỗ cho nhãn tầng (rút từ deck VPM: 4 thẻ một tầng che nhãn) ---------- */
.tk-dn .tier{padding-left:150px;gap:22px}
.tk-dn .tier+.tier::before{left:calc(50% + 75px)}
.tk-dn .p{min-width:0;flex:0 1 380px}

/* ---------- ghi chú nguồn góc phải dưới ---------- */
.tk-src{position:absolute;right:var(--pad);bottom:34px;font-size:14px;color:var(--t4)}

/* ---------- tk-phong-ai-agent · sơ đồ tổ chức + Phòng AI Agent ---------- */
.tk-pai .org2{position:absolute;left:var(--pad);right:var(--pad);top:226px;bottom:84px;display:flex;flex-direction:column}
.tk-pai .top{display:flex;justify-content:center;align-items:center;gap:14px}
.tk-pai .top span{font-size:23px;font-weight:600;border-radius:12px;padding:12px 30px}
.tk-pai .hdtv{border:1.5px solid var(--line2);color:var(--t2)}
.tk-pai .tgd{background:#1d3a6b;border:1.5px solid #66B4F0;color:#fff}
.tk-pai .top .arr{width:34px;height:2px;padding:0!important;background:var(--line2);position:relative}
.tk-pai .top .arr:after{content:'';position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:8px solid var(--line2);border-right:0}
.tk-pai .depts{position:relative;display:grid;grid-template-columns:repeat(var(--n,8),1fr);gap:14px;margin-top:48px}
.tk-pai .depts:before{content:'';position:absolute;top:-24px;left:calc(50% / var(--n,8));right:calc(50% / var(--n,8));border-top:2px solid var(--line2)}
.tk-pai .depts:after{content:'';position:absolute;top:-48px;left:50%;height:24px;border-left:2px solid var(--line2)}
.tk-pai .d{position:relative;border-radius:14px;padding:12px 10px;text-align:center;border:1.5px solid;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.tk-pai .d:before{content:'';position:absolute;top:-25px;left:50%;height:24px;border-left:2px solid var(--line2)}
.tk-pai .d small{font-size:14.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.85}
.tk-pai .d b{font-size:22px;line-height:1.25;font-weight:600;color:#fff}
.tk-pai .d i{font-style:normal;font-size:16.5px;color:var(--t3)}
.tk-pai .k-ht{border-color:#5B8DEF;background:rgba(91,141,239,.12)} .tk-pai .k-ht small{color:#9DBBFF}
.tk-pai .k-sx{border-color:#2BB39A;background:rgba(43,179,154,.12)} .tk-pai .k-sx small{color:#7FE0CC}
.tk-pai .k-kd{border-color:#F07B2A;background:rgba(240,123,42,.12)} .tk-pai .k-kd small{color:#FFB27A}
.tk-pai .k-da{border-color:#a78bfa;border-style:dashed;background:rgba(167,139,250,.1)} .tk-pai .k-da small{color:#C9B6FF}
.tk-pai .k-cn{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)} .tk-pai .k-cn small{color:var(--t2)}
.tk-pai .lk{display:grid;grid-template-columns:repeat(var(--n,8),1fr);gap:14px;height:56px}
.tk-pai .lk i{position:relative}
.tk-pai .lk i:before{content:'';position:absolute;left:50%;top:8px;bottom:0;border-left:2px dashed rgba(102,180,240,.8)}
.tk-pai .lk i:after{content:'';position:absolute;left:calc(50% - 6px);top:0;border:6px solid transparent;border-bottom:10px solid #66B4F0;border-top:0}
.tk-pai .agent{border-radius:20px;padding:20px 18px 22px;background:linear-gradient(135deg,rgba(30,136,229,.28),rgba(79,70,229,.24));border:1.5px solid rgba(102,180,240,.7);box-shadow:0 0 60px rgba(47,107,255,.25)}
.tk-pai .ah{display:flex;align-items:baseline;gap:14px;padding:0 6px 14px}
.tk-pai .ah .new{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#F2C94C;color:#1a1300;border-radius:999px;padding:3px 10px;align-self:center}
.tk-pai .ah b{font-size:30px;font-weight:700;color:#fff}
.tk-pai .ah em{font-style:normal;font-size:21px;color:var(--t2)}
.tk-pai .ah small{margin-left:auto;font-size:17px;color:var(--blue3)}
.tk-pai .ag{display:grid;grid-template-columns:repeat(var(--n,8),1fr);gap:14px}
.tk-pai .a{position:relative;background:rgba(8,11,31,.55);border:1px solid rgba(159,208,246,.35);border-radius:12px;padding:16px 14px 18px;min-height:150px}
.tk-pai .a span{display:block;font-size:19.5px;font-weight:700;color:#9FD0F6;line-height:1.25;margin:0 34px 8px 0}
.tk-pai .a p{margin:0;font-size:17.5px;line-height:1.4;color:var(--t2);font-weight:300}
.tk-pai .a .sp{position:absolute;top:10px;right:10px;font-style:normal;font-size:13px;font-weight:700;color:#1a1300;background:#F2C94C;border-radius:999px;padding:2px 8px}
.tk-pai .out{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:16px;margin-top:30px}
.tk-pai .o{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:18px 26px}
.tk-pai .o b{display:block;font-size:23px;font-weight:600;color:#fff;margin-bottom:4px}
.tk-pai .o p{margin:0;font-size:19px;color:var(--t2);font-weight:300;line-height:1.4}
.tk-pai .o.hl{background:linear-gradient(90deg,rgba(242,201,76,.18),rgba(242,201,76,.06));border-color:rgba(242,201,76,.6)}
.tk-pai .o.hl b{color:#FFE08A}

/* ---------- tk-agenthub · mockup Base AgentHub ---------- */
.tk-ahub .txt{position:absolute;left:var(--pad);top:200px;width:560px}
.tk-ahub h1{font-size:50px;line-height:1.18;margin:10px 0 20px}
.tk-ahub .lead{font-size:21px;line-height:1.5;color:var(--t2);font-weight:300;text-align:left;margin:0 0 28px}
.tk-ahub ol{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.tk-ahub ol li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;font-size:20px;line-height:1.45;color:var(--t2);font-weight:300}
.tk-ahub ol li b{color:#fff;font-weight:600}
.tk-ahub .mock-ah{position:absolute;left:740px;right:90px;top:150px;bottom:105px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 6px rgba(102,180,240,.25),0 40px 90px rgba(0,0,0,.5);color:#1f2937;display:flex;flex-direction:column;font-family:Roboto,Arial,sans-serif}
.tk-ahub .tk-src{right:auto;left:740px;bottom:60px}
.mock-ah .bar{height:40px;flex:none;background:#f3f4f6;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid #e5e7eb}
.mock-ah .bar i{width:12px;height:12px;border-radius:50%;background:#ef4444}.mock-ah .bar i:nth-child(2){background:#f59e0b}.mock-ah .bar i:nth-child(3){background:#22c55e}
.mock-ah .bar span{margin-left:14px;flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px 12px;font-size:13px;color:#6b7280}.mock-ah .bar b{color:#111827;font-weight:500}
.mock-ah .top{height:50px;flex:none;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #e5e7eb;gap:16px}
.mock-ah .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;width:200px}.mock-ah .brand img{width:22px;height:22px}
.mock-ah .srch{flex:0 0 340px;margin:0 auto;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:13px;color:#9ca3af}
.mock-ah .top .av{width:30px;height:30px;border-radius:50%;background:#ec4899;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
.mock-ah .body{flex:1;display:flex;min-height:0}
.mock-ah aside{width:210px;flex:none;border-right:1px solid #e5e7eb;padding:14px 12px;font-size:15px}
.mock-ah aside .h{font-weight:700;font-size:15px;display:flex;justify-content:space-between;padding:0 6px 10px}.mock-ah aside .h em{font-style:normal;color:#9ca3af}
.mock-ah ul{list-style:none;margin:0;padding:0}
.mock-ah .nav li{padding:7px 10px;border-radius:8px;color:#374151;margin-bottom:2px}.mock-ah .nav li.on{background:#2563eb;color:#fff;font-weight:500}
.mock-ah .sec{margin:16px 6px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#9ca3af;text-transform:uppercase}
.mock-ah .fd li{display:flex;align-items:center;gap:8px;padding:5px 8px;color:#374151}.mock-ah .fd li i{width:8px;height:8px;border-radius:2px}.mock-ah .fd li em{margin-left:auto;font-style:normal;color:#9ca3af;font-size:13px}
.mock-ah main{flex:1;display:flex;flex-direction:column;padding:16px 20px;min-width:0;background:#fafbfc}
.mock-ah .mh{display:flex;align-items:center;gap:10px}.mock-ah .mh b{font-size:21px}.mock-ah .mh small{color:#6b7280;font-size:13px}
.mock-ah .fnd{margin-left:auto;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 12px;font-size:13px;color:#9ca3af;width:180px}
.mock-ah .new{background:#2563eb;color:#fff;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}
.mock-ah .chips{display:flex;flex-wrap:nowrap;gap:6px;margin:10px 0}
.mock-ah .chips span{display:inline-flex;align-items:center;gap:5px;border:1px solid #e5e7eb;background:#fff;border-radius:7px;padding:3px 7px;font-size:12px;color:#374151;white-space:nowrap}
.mock-ah .chips span.on{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;font-weight:600}.mock-ah .chips i{width:7px;height:7px;border-radius:2px}
.mock-ah .grid{flex:1;align-content:start;display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:10px}
.mock-ah .agc{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 13px 11px;box-shadow:0 1px 2px rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:space-between}
.mock-ah .ah2{display:flex;flex-direction:column;gap:8px}
.mock-ah .ico{position:relative;flex:none;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--c) 12%,#fff);display:grid;place-items:center}
.mock-ah .ico svg{width:18px;height:18px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mock-ah .ico i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.mock-ah .agc b{display:block;font-size:15.5px;font-weight:700;color:#111827;line-height:1.25}
.mock-ah .agc p{margin:4px 0 0;font-size:13.5px;color:#6b7280;line-height:1.35}
.mock-ah .tg{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}
.mock-ah .tg span{font-size:12.5px;padding:2px 7px;border-radius:6px;background:#f3f4f6;color:#374151;font-weight:500}
.mock-ah .tg .dp{background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c)}
.mock-ah .tg .q{background:#eff6ff;color:#2563eb}