/* ===== Sông Đà 9 · slide đào tạo · thành phần bổ sung (z-*) ===== */
.z{padding:92px 120px 80px}
.z .hd{margin-bottom:30px}
.z h1{font-size:54px;margin-bottom:0}
.z .sub{font-size:23px;line-height:1.5;color:var(--t2);font-weight:300;margin:16px 0 0;max-width:1300px}
.z .sub b{font-weight:500;color:#fff}
.z-src{position:absolute;left:120px;right:240px;bottom:40px;font-size:14.5px;line-height:1.45;color:var(--t4);letter-spacing:.01em}
.z-src b{color:var(--t3);font-weight:500}
.z-tag{position:absolute;right:120px;top:66px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);border:1px solid var(--line2);border-radius:999px;padding:7px 14px}
/* lưới thẻ */
.z-g{display:grid;gap:22px}
.z-g.c2{grid-template-columns:repeat(2,1fr)}.z-g.c3{grid-template-columns:repeat(3,1fr)}.z-g.c4{grid-template-columns:repeat(4,1fr)}.z-g.c5{grid-template-columns:repeat(5,1fr)}.z-g.c6{grid-template-columns:repeat(6,1fr)}
.z-c{background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:28px 30px;position:relative;overflow:hidden}
.z-c::after{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--c,#66B4F0),transparent)}
.z-c .n{font-size:14px;font-weight:700;letter-spacing:.2em;color:var(--c,var(--blue2));margin-bottom:12px;display:block;text-transform:uppercase}
.z-c h3{font-size:25px;line-height:1.25;margin:0 0 10px;font-weight:700}
.z-c p{font-size:18.5px;line-height:1.5;color:var(--t2);font-weight:300;margin:0}
.z-c p b{color:#fff;font-weight:500}
.z-c ul{margin:8px 0 0;padding-left:20px;font-size:18px;line-height:1.5;color:var(--t2);font-weight:300}
.z-c ul li{margin:4px 0}
.z-c .ex{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line2);font-size:16.5px;line-height:1.45;color:var(--blue3)}
.z-c .ex b{color:#fff;font-weight:500}
.z-c.hl{background:linear-gradient(160deg,rgba(30,136,229,.22),rgba(124,58,237,.14));border-color:rgba(142,203,255,.45)}
.z-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(102,180,240,.14);color:var(--c,#8ECBFF);margin-bottom:16px;font-size:26px;font-weight:700}
.z-ic svg{width:28px;height:28px}
/* số liệu lớn */
.z-stat .v{font-size:76px;font-weight:700;line-height:1;letter-spacing:-.02em;background:linear-gradient(90deg,#8ECBFF,#A78BFA);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 14px;display:block}
.z-stat .v small{font-size:34px;font-weight:500}
.z-stat .k{font-size:22px;font-weight:700;line-height:1.3;margin:0 0 8px}
.z-stat .s{font-size:15px;color:var(--t4);margin-top:14px;line-height:1.4}
/* bìa */
.z-cover{padding:0}
.z-cover .cv{position:absolute;left:120px;top:150px;width:1180px}
.z-cover .logos{display:flex;align-items:center;gap:26px;margin-bottom:70px}
.z-cover .logos .w{background:#fff;border-radius:18px;padding:12px 18px;display:flex;align-items:center}
.z-cover .logos .w img{height:88px;display:block}
.z-cover .logos .x{font-size:34px;color:var(--t3);font-weight:300}
.z-cover .logos .b img{height:46px}
.z-cover h1{font-size:84px;line-height:1.06;margin:18px 0 26px}
.z-cover .lead{font-size:27px}
.z-cover .spk{position:absolute;left:120px;bottom:110px;display:flex;align-items:center;gap:22px}
.z-cover .spk .bar{width:4px;height:64px;background:linear-gradient(180deg,#8ECBFF,#A78BFA);border-radius:4px}
.z-cover .spk b{display:block;font-size:26px;font-weight:700}
.z-cover .spk span{font-size:19px;color:var(--t2);font-weight:300}
.z-cover .halo{position:absolute;right:-160px;top:90px;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(102,180,240,.28),rgba(124,58,237,.12) 45%,transparent 70%)}
.z-cover .ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.14)}
/* mục lục */
.z-ag{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px}
.z-ag .z-c{padding:30px 28px 26px;min-height:520px}
.z-ag .pn{font-size:64px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(142,203,255,.75);margin-bottom:18px;display:block}
.z-ag h3{font-size:26px}
.z-ag ol{margin:14px 0 0;padding-left:0;list-style:none;font-size:15px;line-height:1.45;color:var(--t2);font-weight:300}
.z-ag ol li{padding:8px 0;border-top:1px solid var(--line)}
.z-ag .tm{position:absolute;left:28px;bottom:22px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}
/* mở phần */
.z-sec .big{position:absolute;right:110px;top:140px;font-size:420px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(142,203,255,.22);letter-spacing:-.04em}
.z-sec .cv{position:absolute;left:120px;top:250px;width:1100px}
.z-sec h1{font-size:76px;line-height:1.08}
.z-sec .lst{position:absolute;left:120px;bottom:110px;right:120px;display:flex;gap:16px;flex-wrap:wrap}
.z-sec .lst span{font-size:18px;color:var(--t2);border:1px solid var(--line2);background:var(--glass);border-radius:999px;padding:10px 20px}
.z-sec .lst span b{color:var(--blue2);margin-right:8px}
/* công thức */
.z-fm{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:70px}
.z-fm .t{border-radius:26px;padding:38px 48px;text-align:center;min-width:380px;background:var(--glass);border:1px solid var(--line2)}
.z-fm .t b{display:block;font-size:52px;letter-spacing:.04em}
.z-fm .t span{font-size:21px;color:var(--t2);font-weight:300}
.z-fm .t.r{background:linear-gradient(160deg,rgba(30,136,229,.3),rgba(124,58,237,.22));border-color:rgba(142,203,255,.5)}
.z-fm .op{font-size:76px;font-weight:300;color:var(--blue2)}
/* bậc thang */
.z-st{display:flex;align-items:flex-end;gap:18px;height:600px;margin-top:10px}
.z-st .s{flex:1;border-radius:20px 20px 0 0;padding:26px 24px;background:linear-gradient(180deg,rgba(30,136,229,var(--a,.18)),rgba(30,136,229,.04));border:1px solid rgba(142,203,255,.3);border-bottom:0;position:relative}
.z-st .s .lv{font-size:14px;font-weight:700;letter-spacing:.2em;color:var(--blue2);text-transform:uppercase}
.z-st .s h3{font-size:26px;margin:8px 0 10px;line-height:1.2}
.z-st .s p{font-size:17.5px;line-height:1.45;color:var(--t2);font-weight:300;margin:0}
.z-st .s.hl{background:linear-gradient(180deg,rgba(167,139,250,.38),rgba(30,136,229,.08));border-color:rgba(196,181,253,.6)}
.z-st .s .mk{position:absolute;top:-38px;left:24px;font-size:14px;font-weight:700;letter-spacing:.14em;color:#C4B5FD;text-transform:uppercase}
/* so sánh hai cột */
.z-vs{display:grid;grid-template-columns:1fr 90px 1fr;gap:0;align-items:stretch;margin-top:10px}
.z-vs .ar{display:grid;place-items:center;font-size:56px;color:var(--blue2)}
.z-vs .z-c h3{font-size:30px}
/* ma trận 2x2 */
.z-q{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:560px;position:relative}
.z-q .z-c h3{font-size:23px}
.z-ax{position:absolute;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
/* hàng ngang có nhãn */
.z-rows{display:flex;flex-direction:column;gap:14px}
.z-row{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:20px 28px}
.z-row .l{font-size:22px;font-weight:700;line-height:1.25}
.z-row .l small{display:block;font-size:14px;letter-spacing:.16em;color:var(--blue2);text-transform:uppercase;margin-bottom:6px;font-weight:700}
.z-row .r{font-size:19px;line-height:1.5;color:var(--t2);font-weight:300}
.z-row .r b{color:#fff;font-weight:500}
/* chip */
.z-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.z-chips span{font-size:16px;padding:8px 14px;border-radius:999px;background:rgba(102,180,240,.12);border:1px solid rgba(102,180,240,.3);color:var(--blue3)}
.z-chips.h span{background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.35);color:#DDD6FE}
/* thanh khối lượng */
.z-wl{display:flex;height:84px;border-radius:18px;overflow:hidden;margin:26px 0 22px;font-size:22px;font-weight:700}
.z-wl div{display:flex;align-items:center;padding:0 28px}
.z-wl .a{background:linear-gradient(90deg,#1E88E5,#4F8DF5)}
.z-wl .h{background:linear-gradient(90deg,#7C3AED,#A78BFA);justify-content:flex-end}
/* bước */
.z-badge{display:inline-flex;align-items:center;gap:14px;margin-bottom:18px}
.z-badge b{font-size:16px;font-weight:700;letter-spacing:.2em;background:#fff;color:#0B1B33;border-radius:10px;padding:8px 14px}
.z-badge span{font-size:16px;letter-spacing:.2em;color:var(--blue2);text-transform:uppercase;font-weight:700}
.z-road{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:30px;position:relative}
.z-road::before{content:"";position:absolute;left:30px;right:30px;top:34px;height:2px;background:linear-gradient(90deg,#66B4F0,#A78BFA)}
.z-road .z-c{padding:84px 22px 24px;min-height:430px;background:var(--glass)}
.z-road .z-c .dot{position:absolute;left:22px;top:16px;width:38px;height:38px;border-radius:50%;background:#0B1B33;border:2px solid #8ECBFF;display:grid;place-items:center;font-weight:700;font-size:17px}
.z-road .z-c h3{font-size:21px}
.z-road .z-c p{font-size:16.5px}
/* câu hỏi tự đánh giá */
.z-qs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.z-qs .z-c{padding:22px 20px}
.z-qs .z-c h3{font-size:21px}
.z-qs .z-c p{font-size:16px}
.z-qs .z-c .ck{margin-top:12px;font-size:15.5px;line-height:1.45;color:var(--blue3)}
.z-qs .z-c .ck div{padding:5px 0 5px 26px;position:relative}
.z-qs .z-c .ck div::before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;border:1.5px solid rgba(142,203,255,.7);border-radius:4px}
/* trích dẫn */
.z-quote{font-size:30px;line-height:1.5;font-weight:300;color:#fff;border-left:4px solid #8ECBFF;padding:8px 0 8px 30px;max-width:1500px}
.z-quote small{display:block;font-size:16px;color:var(--t3);margin-top:12px}
/* ba vòng tròn */
.z-venn{position:relative;width:860px;height:720px}
.z-venn .o{position:absolute;width:440px;height:440px;border-radius:50%;display:flex;flex-direction:column;align-items:center;padding-top:110px;text-align:center;border:1.5px solid rgba(255,255,255,.35)}
.z-venn .o b{font-size:30px}
.z-venn .o span{font-size:17px;color:var(--t2);font-weight:300;max-width:250px;margin-top:8px;line-height:1.4}
.z-venn .o1{left:30px;top:20px;background:rgba(30,136,229,.22)}
.z-venn .o2{left:390px;top:20px;background:rgba(124,58,237,.2)}
.z-venn .o3{left:210px;top:290px;background:rgba(32,191,107,.16);padding-top:220px}
.z-venn .ct{position:absolute;left:330px;top:250px;width:200px;height:120px;border-radius:20px;background:#fff;color:#0B1B33;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:22px;box-shadow:0 0 60px rgba(142,203,255,.6)}
.z-venn .ct small{font-size:13px;font-weight:500;color:#475569;letter-spacing:.06em;margin-top:4px}
/* đồ thị tri thức nhỏ */
.z-kg{position:relative;height:430px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.z-kg svg{position:absolute;inset:0;width:100%;height:100%}
.z-kg .nd{position:absolute;transform:translate(-50%,-50%);font-size:15px;padding:8px 14px;border-radius:12px;background:#12244A;border:1px solid rgba(142,203,255,.5);white-space:nowrap;color:#DCEBFF}
.z-kg .nd.m{background:linear-gradient(135deg,#1E88E5,#7C3AED);border:0;color:#fff;font-weight:700;font-size:17px}
/* chú thích tham gia */
.z-note{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(90deg,rgba(30,136,229,.16),rgba(124,58,237,.08));border:1px solid rgba(142,203,255,.3);border-radius:18px;padding:20px 26px;font-size:20px;line-height:1.5;color:var(--t2);font-weight:300}
.z-note b{color:#fff;font-weight:500}
.z-note .i{flex:none;font-size:14px;font-weight:700;letter-spacing:.16em;color:#0B1B33;background:#8ECBFF;border-radius:8px;padding:6px 10px;margin-top:3px}
/* phóng to nội dung slide z cho vừa canvas 1920 */
.slide.z:not(.z-cover):not(.z-sec){zoom:1.34;padding:64px 88px 56px}
.slide.z:not(.z-cover):not(.z-sec) .logo{right:88px;top:44px;height:30px}
.slide.z:not(.z-cover):not(.z-sec) .logo img{height:30px}
.slide.z:not(.z-cover):not(.z-sec) .z-src{left:88px;right:170px;bottom:26px;font-size:12px}
.slide.z:not(.z-cover):not(.z-sec) .eyebrow{font-size:14px;margin-bottom:14px}
.z-st{height:480px}
.z-sec .lst span{font-size:22px;padding:12px 24px}
.z-sec .cv{top:230px}
.z-cover .logos .w img{height:110px}
.z-cover .logos .b img{height:56px}
.slide.z:not(.z-cover):not(.z-sec) h1{font-size:46px}
.z-fm{gap:24px}.z-fm .t{min-width:0;padding:30px 36px}.z-fm .t b{font-size:40px}.z-fm .op{font-size:60px}
.z-venn{zoom:.74}
.z-sd9 .z-c{padding:18px 22px}.z-sd9 .z-c h3{font-size:22px;margin-bottom:6px}.z-sd9 .z-c p{font-size:16.5px}
.z-sd9 .z-row{padding:11px 18px!important}
/* căn khối nội dung giữa phần còn lại, giữ tiêu đề ở trên */
.slide.z:not(.z-cover):not(.z-sec).active{display:flex;flex-direction:column}
.slide.z:not(.z-cover):not(.z-sec)>.hd{margin-bottom:auto!important;padding-bottom:26px}
.slide.z:not(.z-cover):not(.z-sec)>:last-child{margin-bottom:auto!important}
.slide.z:not(.z-cover):not(.z-sec)>.hd+*{margin-top:0!important}
/* chữ lớn hơn để đọc trong phòng đào tạo */
.z-c{padding:30px 32px}
.z-c h3{font-size:27px}
.z-c p{font-size:20px}
.z-c ul{font-size:19.5px}
.z-c .ex{font-size:18px}
.z-c .n{font-size:14.5px}
.z-g.c5 .z-c h3{font-size:24px}.z-g.c5 .z-c p{font-size:18px}.z-g.c5 .z-c .ex{font-size:16.5px}
.z-row .r{font-size:20px}
.z-note{font-size:21px}
.z-q .z-c{padding:18px 22px}.z-q .z-c h3{font-size:22px;margin-bottom:6px}.z-q .z-c p{font-size:17px}.z-q .z-c .n{font-size:12.5px;margin-bottom:6px}
/* ===== Bản 2 ===== */
/* vị trí → dịch vụ */
.sv-pos{display:grid;grid-template-columns:380px 150px 1fr;align-items:center;height:450px}
.sv-jd{background:#F4F7FC;color:#1E293B;border-radius:18px;padding:24px 26px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.sv-jd small{font-size:12px;letter-spacing:.16em;color:#64748B;font-weight:700}
.sv-jd h3{font-size:24px;margin:8px 0 14px;color:#0B1B33}
.sv-jd .ln{margin:12px 0}.sv-jd .ln i{display:block;font-style:normal;font-size:11.5px;letter-spacing:.12em;font-weight:700;color:#475569;margin-bottom:6px}
.sv-jd .ln span{display:block;height:7px;border-radius:4px;background:#DCE3EE;margin:5px 0;width:92%}
.sv-jd p{font-size:15px;color:#475569;margin:16px 0 0;border-top:1px solid #E2E8F0;padding-top:12px}
.sv-wire{width:150px;height:450px}.sv-wire path{fill:none;stroke:rgba(142,203,255,.55);stroke-width:1.6}
.sv-list>small{display:block;font-size:12px;letter-spacing:.16em;color:var(--blue2);font-weight:700;margin-bottom:8px}
.sv-r{display:flex;gap:14px;align-items:center;background:var(--glass);border:1px solid var(--line2);border-radius:14px;padding:10px 16px;margin:7px 0}
.sv-r b{font-size:14px;color:var(--blue2)}.sv-r em{display:block;font-style:normal;font-weight:700;font-size:18.5px}.sv-r small{display:block;font-size:14.5px;color:var(--t3);margin-top:2px}
/* giải phẫu dịch vụ */
.an{display:flex;flex-direction:column;gap:14px}
.an-top,.an-bot{display:flex;justify-content:center;gap:18px}
.an-mid{display:grid;grid-template-columns:1fr 40px 1.35fr 40px 1fr;align-items:center}
.an-ar{text-align:center;font-size:30px;color:var(--blue2)}
.an-b{background:var(--glass);border:1px solid var(--line2);border-radius:16px;padding:16px 20px;min-width:300px}
.an-b small,.an-core small{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--blue2)}
.an-b p{margin:6px 0 0;font-size:16.5px;color:var(--t2);line-height:1.45}
.an-b ul{margin:8px 0 0;padding-left:18px;font-size:16.5px;line-height:1.5;color:var(--t2)}
.an-b.hu{border-color:rgba(242,180,58,.6);background:rgba(242,180,58,.08)}.an-b.hu small{color:#F2B43A}
.an-core{background:linear-gradient(160deg,rgba(30,136,229,.25),rgba(124,58,237,.18));border:1px solid rgba(142,203,255,.55);border-radius:20px;padding:22px 24px}
.an-core h3{font-size:25px;margin:8px 0 14px}
.an-fl{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--blue2);font-size:15px}
.an-fl span{background:rgba(255,255,255,.1);border:1px solid var(--line2);border-radius:10px;padding:7px 11px;color:#fff;font-size:15px}
/* bảng dịch vụ */
.z-tbl{width:100%;border-collapse:collapse;font-size:17px}
.z-tbl th,.z-tbl td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left}
.z-tbl thead th{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);font-weight:700}
.z-tbl tbody th{font-weight:600;font-size:17.5px;width:30%}
.z-tbl td{color:var(--t2)}.z-tbl td i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.z-tbl .tgx{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:700;font-size:15px}
.z-tbl .tgx.a{background:rgba(32,191,107,.16);color:#6EE7A8;border:1px solid rgba(32,191,107,.5)}
.z-tbl .tgx.h{background:rgba(102,180,240,.15);color:#9FD0F6;border:1px solid rgba(102,180,240,.5)}
.z-tbl .tgx.p{background:rgba(242,180,58,.14);color:#F7CF7A;border:1px solid rgba(242,180,58,.5)}
.z-lg{display:flex;gap:22px;margin-top:12px;font-size:14.5px;color:var(--t3)}.z-lg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
/* giả lập ứng dụng */
.fx-app{background:#F6F8FC;border-radius:16px;overflow:hidden;color:#1E293B;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.fa-top{display:flex;align-items:center;gap:7px;background:#E9EEF6;padding:10px 14px;font-size:12.5px;color:#64748B}
.fa-top i{width:10px;height:10px;border-radius:50%;background:#F87171}.fa-top i:nth-child(2){background:#FBBF24}.fa-top i:nth-child(3){background:#34D399}
.fa-top span{margin-left:10px}.fa-top em{margin-left:auto;font-style:normal;border:1px solid #CBD5E1;border-radius:999px;padding:2px 9px;font-size:11px}
.fa-body{display:grid;grid-template-columns:170px 1fr;min-height:470px}
.fa-side{background:#fff;border-right:1px solid #E2E8F0;padding:14px 10px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.fa-side b{font-size:15px;margin-bottom:8px;color:#0B79D2}.fa-side span{padding:7px 10px;border-radius:8px;color:#475569}.fa-side span.on{background:#0B79D2;color:#fff}
.fa-main{padding:14px 18px}.fa-h{font-weight:700;font-size:16px;margin-bottom:8px}
.fa-g{margin:10px 0}.fa-g small{font-size:11px;letter-spacing:.12em;color:#64748B;font-weight:700}
.fa-g div{display:flex;justify-content:space-between;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:9px 12px;margin:5px 0;font-size:14.5px;font-weight:600}
.fa-g div em{font-style:normal;font-weight:500;color:#0B79D2;font-size:13px}
/* tạo agent */
.hi{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:26px;align-items:center}
.hi-col{display:flex;flex-direction:column;gap:12px;position:relative}
.hi-l{font-size:13px;letter-spacing:.2em;color:var(--t3);font-weight:700}.hi-l.r{text-align:left}
.hi-c{background:var(--glass);border:1px solid var(--line2);border-radius:16px;padding:14px 20px}
.hi-c small{font-size:12px;letter-spacing:.16em;color:var(--blue2);font-weight:700}
.hi-c h3{font-size:22px;margin:4px 0 4px}.hi-c p{margin:0;font-size:15.5px;color:var(--t2)}
.hi-c.hl{border-color:rgba(142,203,255,.7);box-shadow:0 0 30px rgba(102,180,240,.25)}
.hi-core{background:linear-gradient(160deg,#16306A,#0F1F48);border:1px solid rgba(142,203,255,.45);border-radius:22px;padding:28px}
.hi-core .ic{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#4F8DF5,#22D3EE);display:grid;place-items:center;color:#0B1B33}
.hi-core .ic svg{width:34px;height:34px}
.hi-core h3{font-size:26px;margin:18px 0 4px}.hi-core p{margin:0 0 16px;color:var(--t2);font-size:16px}
.hi-core .bars{display:grid;grid-template-columns:100px 1fr;gap:9px 12px;align-items:center;font-size:14px;color:var(--t3)}
.hi-core .bars i{height:4px;border-radius:3px;background:linear-gradient(90deg,#4F8DF5,#22D3EE)}
.hi-bot{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
/* sơ đồ tổ chức */
.og-lg{display:flex;gap:12px;align-items:center;margin-bottom:14px;font-size:14.5px}
.og-lg span{border:1px solid var(--line2);border-radius:999px;padding:5px 12px}.og-lg span.ai{border-color:rgba(167,139,250,.6);color:#DDD6FE}
.og-lg em{font-style:normal;color:var(--t3);font-size:13px;letter-spacing:.1em}
.og{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
.og-d{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.og-d>small{font-size:12px;letter-spacing:.16em;color:var(--t3);font-weight:700}
.og-h{display:flex;justify-content:center;margin:10px 0 14px;position:relative}
.og-h::after{content:"";position:absolute;bottom:-14px;left:50%;height:14px;border-left:1px dashed var(--line2)}
.og-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;border-top:1px dashed var(--line2);padding-top:14px}
.og-p{background:var(--glass);border:1px solid var(--line2);border-radius:14px;padding:12px 14px;min-width:210px}
.og-r .og-p{min-width:0}
.og-p span{font-size:18px}.og-p b{display:block;font-size:16px;margin:4px 0 3px;line-height:1.25}.og-p small{font-size:13px;color:var(--t3)}
.og-p.ai{border-color:rgba(167,139,250,.55);background:rgba(124,58,237,.14)}
/* 4 layer */
.ly{display:flex;flex-direction:column;gap:12px;align-items:center}
.ly-r{width:var(--w);display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:center;background:linear-gradient(90deg,rgba(30,136,229,.22),rgba(124,58,237,.12));border:1px solid rgba(142,203,255,.35);border-radius:18px;padding:18px 26px}
.ly-k small{font-size:13px;letter-spacing:.18em;font-weight:700;color:var(--blue2)}.ly-k b{display:block;font-size:24px;margin:4px 0 2px}.ly-k em{font-style:normal;color:var(--t3);font-size:15.5px}
.ly-r p{margin:0;font-size:18px;line-height:1.5;color:var(--t2)}
/* chuỗi giá trị */
.vc{display:flex;gap:8px}
.vc-b{flex:1;background:linear-gradient(160deg,rgba(30,136,229,.22),rgba(124,58,237,.12));border:1px solid rgba(142,203,255,.35);padding:20px 16px 18px 26px;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%,10% 50%);min-height:170px}
.vc-b:first-child{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);padding-left:18px}
.vc-b b{font-size:14px;color:var(--blue2)}.vc-b h3{font-size:18.5px;margin:6px 0 6px;line-height:1.25}.vc-b small{font-size:13.5px;color:var(--t3)}
.vc-g{display:flex;gap:8px;margin-top:10px}.vc-g span{text-align:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);border-top:2px solid rgba(142,203,255,.4);padding-top:8px}
/* hoạt động chính */
.ma{display:flex;flex-direction:column;gap:14px}
.ma-l{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.ma-l>small{font-size:12.5px;letter-spacing:.16em;font-weight:700;color:var(--blue2)}
.ma-l.sp>small{color:#C4B5FD}
.ma-r{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.ma-l.sp .ma-r{grid-template-columns:repeat(4,1fr)}
.ma-r div{background:var(--glass);border:1px solid var(--line2);border-radius:14px;padding:12px 14px}
.ma-r b{display:block;font-size:17px;margin-bottom:6px}.ma-r span{font-size:14.5px;color:var(--t2);line-height:1.45}
/* layer 3 */
.sl{display:flex;flex-direction:column;gap:8px;margin-top:12px}.sl span{background:rgba(255,255,255,.06);border:1px solid var(--line2);border-radius:10px;padding:10px 14px;font-size:17px}
.sl span:first-child{border-color:rgba(167,139,250,.7);background:rgba(124,58,237,.18)}
.sd{background:linear-gradient(160deg,rgba(30,136,229,.2),rgba(124,58,237,.14));border:1px solid rgba(167,139,250,.55);border-radius:20px;padding:22px 24px}
.sd-h small{font-size:12px;letter-spacing:.18em;color:#C4B5FD;font-weight:700}.sd-h b{display:block;font-size:26px;margin:4px 0 14px}
.sd-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sd-g div{background:rgba(11,27,51,.55);border:1px solid var(--line2);border-radius:14px;padding:14px 16px}
.sd-g small{font-size:12.5px;letter-spacing:.14em;color:var(--blue2);font-weight:700}.sd-g p{margin:6px 0 0;font-size:16.5px;color:var(--t2);line-height:1.45}
.vc-b{min-height:190px}.vc-b h3{font-size:20.5px}.vc-b small{font-size:15px}
.ma-r b{font-size:18.5px}.ma-r span{font-size:15.5px}
/* slide SOP có sơ đồ quy trình */
.slide.z.z-sop{zoom:1!important;padding:0!important;background:radial-gradient(900px 700px at 10% 100%,rgba(79,140,255,.45),transparent 60%),radial-gradient(800px 600px at 85% 0%,rgba(59,130,246,.35),transparent 60%),linear-gradient(135deg,#123A86 0%,#0E2A66 45%,#101C48 100%)}
.slide.z.z-sop.active{display:block!important}
.sop-svg{position:absolute;inset:0;width:1920px;height:1080px}
.sop-svg .fn rect,.sop-svg .fn polygon{fill:url(#fg);stroke:#8ECBFF;stroke-width:2;filter:url(#gl)}
.sop-svg .fn.pill rect{fill:#1A4FC2}
.sop-svg .fn text{fill:#fff;font:500 21px Roboto,sans-serif;text-anchor:middle}
.sop-svg .fn.n rect{fill:rgba(18,60,156,.75)}
.sop-svg .fn.n text{text-anchor:start;font-size:20px}
.sop-svg .ar,.sop-svg .br{fill:none;stroke:#8ECBFF;stroke-width:2}
.sop-svg text.no{fill:#F87171;font:700 22px Roboto,sans-serif}
.sop-svg text.yes{fill:#6EE7B7;font:700 22px Roboto,sans-serif}
.sop-svg [data-build="0"]{opacity:1;transform:none}
.sop-l{position:absolute;left:130px;top:105px;width:900px}
.sop-l h1{font-size:62px;font-weight:800;letter-spacing:.01em;margin:0;color:#fff}
.sop-sub{font-size:30px;font-weight:300;margin:8px 0 0;color:#E2ECFF}
.sop-pill{display:inline-block;margin-top:92px;font-size:27px;font-weight:700;letter-spacing:.02em;padding:12px 18px;border-radius:30px;background:linear-gradient(90deg,#2F6FE0,#1C4FB8);border:1.5px solid #8ECBFF}
.sop-k{font-size:24px;font-weight:700;margin:20px 0 0}
.sop-p{font-size:25px;line-height:1.45;font-weight:300;margin:62px 0 0;max-width:700px;color:#EAF2FF}
.sop-ol{margin:22px 0 0;padding-left:40px;max-width:700px;font-size:25px;line-height:1.6;font-weight:300;color:#EAF2FF}
.sop-ol li{margin-bottom:6px}.sop-ol b{font-weight:700;color:#fff}
.sop-ex{font-size:19px;color:#9FD0F6;margin-top:22px;font-style:italic}
/* ===== Phần 1 dựng lại từ AI4SOP, không phóng ===== */
.slide.z.z-free{zoom:1!important;padding:0!important}
.slide.z.z-free.active{display:block!important}
.z-free>.logo{right:120px;top:60px}
.z-free .eyebrow{font-size:17px}
.z-free h1{font-size:58px}
/* công thức dạng dải */
.pf{position:absolute;inset:0;display:flex;flex-direction:column}
.pf-band{flex:1;display:grid;grid-template-columns:330px 1fr 330px;align-items:center;padding:0 140px;position:relative;border-bottom:2px solid rgba(142,203,255,.55);box-shadow:0 2px 24px rgba(102,180,240,.35)}
.pf-band.b1{background:linear-gradient(90deg,#0F6E8C,#123C8C 55%,#0E2560)}
.pf-band.b2{background:linear-gradient(90deg,#14408F,#1A3C9A 55%,#102563)}
.pf-band.b3{background:linear-gradient(90deg,#3B2A9A,#3A2D8F 55%,#1A1658);border-bottom:0}
.pf-n{font-size:150px;font-weight:300;font-style:italic;color:transparent;-webkit-text-stroke:3px rgba(142,203,255,.75)}
.pf-t{text-align:center}.pf-t b{display:block;font-size:110px;font-weight:800;letter-spacing:.03em;line-height:1}.pf-t i{font-size:34px;font-weight:500}
.pf-ic{justify-self:end;width:150px;height:150px}.pf-ic svg{width:100%;height:100%;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}
.pf-op{position:absolute;left:50%;width:70px;height:70px;margin-left:-35px;border-radius:50%;background:#0B1B33;border:3px solid #8ECBFF;display:grid;place-items:center;font-size:46px;font-weight:700;z-index:3;box-shadow:0 0 30px rgba(142,203,255,.6)}
.pf-op.o1{top:calc(33.33% - 35px)}.pf-op.o2{top:calc(66.66% - 35px)}
.z-pf>.logo{display:none}
/* 200% */
.z-200{background:radial-gradient(1000px 800px at 85% 20%,rgba(59,130,246,.45),transparent 60%),linear-gradient(135deg,#0A2A6E,#0B1B4A 60%,#111A3E)!important}
.p2-arrow{position:absolute;right:20px;top:40px;width:820px;height:920px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.p2-t{position:absolute;left:140px;top:360px;width:1300px}
.p2-t small{font-size:26px;color:#DCEBFF}
.p2-t h1{font-size:96px!important;font-weight:800;margin:30px 0 0;letter-spacing:.01em}
.p2-t h1 b{font-size:170px;background:linear-gradient(180deg,#FFFFFF,#9FD0F6);-webkit-background-clip:text;background-clip:text;color:transparent;vertical-align:-14px}
/* chưa/đã hình thành */
.tg{position:absolute;left:120px;right:120px;top:130px;bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.tg-c{text-align:center}.tg-svg{width:100%;height:560px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
.tg-c b{display:block;font-size:44px;font-style:italic;font-weight:800;color:#BFE3FF;letter-spacing:.02em;line-height:1.25}
.tg-c p{font-size:24px;color:var(--t2);font-weight:300;margin:14px auto 0;max-width:620px}
/* giấy + điện thoại */
.pp-l{position:absolute;left:120px;top:120px;width:860px}
.pp-l h1{margin:0}.pp-lead{font-size:26px;font-weight:300;color:var(--t2);margin:26px 0 0}
.pp-ol{margin:26px 0 0;padding-left:34px;font-size:25px;line-height:1.55;font-weight:300;color:#EAF2FF}.pp-ol li{margin-bottom:16px}.pp-ol b{font-weight:700;color:#fff}
.pp-r{position:absolute;left:1060px;right:90px;top:110px;bottom:70px}
.pp-doc{position:absolute;left:0;top:0;width:470px;background:#FBFCFE;color:#1E293B;border-radius:10px;padding:22px 24px;transform:rotate(-3deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.pp-hd{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;line-height:1.4;text-align:center}.pp-hd b{font-size:11px}
.pp-doc h4{text-align:center;font-size:17px;margin:16px 0 4px;color:#0B1B33}.pp-code{text-align:center;font-size:12px;color:#64748B;margin:0 0 12px}
.pp-ln i{display:block;height:7px;background:#DCE3EE;border-radius:4px;margin:7px 0}
.pp-fl{display:flex;align-items:center;gap:6px;justify-content:center;margin:14px 0;font-size:13px;color:#1D4ED8}
.pp-fl span{border:1.5px solid #1D4ED8;border-radius:6px;padding:5px 8px;font-weight:600}
.pp-st{position:absolute;right:26px;bottom:24px;border:3px solid #DC2626;color:#DC2626;border-radius:50%;width:104px;height:104px;display:grid;place-items:center;text-align:center;font-weight:800;font-size:15px;transform:rotate(-14deg);opacity:.85}
.pp-cap{position:absolute;left:24px;bottom:12px;font-size:11px;color:#94A3B8}
.pp-cap2,.pp-cap3{position:absolute;font-size:19px;color:#BFE3FF;width:260px;line-height:1.4}
.pp-cap2{left:500px;top:40px}.pp-cap3{left:500px;top:560px}
.pp-ph{position:absolute;left:30px;top:420px;width:440px;height:480px;background:#0F172A;border:8px solid #1E293B;border-radius:34px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.ph-top{background:#1D4ED8;padding:14px 18px}.ph-top span{display:block;font-weight:700;font-size:17px}.ph-top small{font-size:13px;color:#BFDBFE}
.ph-b{padding:12px 14px;display:flex;flex-direction:column;gap:9px;background:#E9EEF6;height:100%}
.ch-m{max-width:82%;border-radius:14px;padding:8px 12px;background:#fff;color:#1E293B;position:relative}
.ch-m.out{align-self:flex-end;background:#DBEAFE}
.ch-m small{font-size:11.5px;font-weight:700;color:#2563EB}.ch-m p{margin:2px 0 0;font-size:14.5px;line-height:1.4}.ch-m em{font-style:normal;font-size:10.5px;color:#94A3B8;float:right}
/* số hoá */
.dg-l{position:absolute;left:120px;top:120px;width:620px}
.dg-l h1{font-size:50px!important;margin:0}
.dg-ul{margin:30px 0 0;padding-left:28px;font-size:24px;line-height:1.5;font-weight:300;color:#EAF2FF}.dg-ul li{margin-bottom:14px}
.dg-paper{position:absolute;left:780px;top:330px;width:200px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 20px 40px -16px rgba(0,0,0,.7)}
.dg-mini{width:176px;height:290px}
.dg-lb{position:absolute;top:-46px;left:0;white-space:nowrap;font-size:16px;font-weight:700;background:#B45309;color:#fff;border-radius:8px;padding:6px 12px}
.dg-lb.b{background:#1D4ED8;top:-46px;left:0}
.dg-arr{position:absolute;left:995px;top:470px;font-size:52px;color:#8ECBFF}
.dg-app{position:absolute;left:1060px;right:70px;top:170px;height:800px}
.bp{position:absolute;inset:0;background:#F6F8FC;border-radius:14px;overflow:hidden;color:#1E293B;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.bp-top{display:flex;align-items:center;gap:12px;background:#085593;color:#fff;padding:10px 16px;font-size:13px}
.bp-logo{font-weight:800;font-size:16px}.bp-url{opacity:.8}.bp-tag{margin-left:auto;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:2px 9px;font-size:11px}
.bp-bar{display:flex;align-items:center;gap:18px;padding:12px 16px;border-bottom:1px solid #E2E8F0;font-size:14px;color:#475569;background:#fff}
.bp-bar b{color:#0F172A;font-size:16px}.bp-bar .on{color:#0B79D2;font-weight:700;border-bottom:2px solid #0B79D2;padding-bottom:3px}.bp-bar em{margin-left:auto;font-style:normal;background:#DCFCE7;color:#15803D;border-radius:999px;padding:3px 10px;font-weight:700;font-size:12px}
.bp-cv{position:relative;height:calc(100% - 92px);background-image:radial-gradient(#CBD5E1 1px,transparent 1px);background-size:18px 18px}
.bp-wire{position:absolute;left:0;top:0;width:760px;height:470px}
.bp-n{position:absolute;width:180px;background:#fff;border:1.5px solid #CBD5E1;border-radius:10px;padding:8px 10px;font-size:12.5px;box-shadow:0 4px 10px rgba(15,23,42,.08)}
.bp-n b{display:block;font-size:13.5px;line-height:1.25;margin-bottom:5px}
.bp-n.st{border-color:#0B79D2}.bp-n.ai{border-color:#7C3AED;background:#F5F3FF}.bp-n.en{border-color:#0B79D2}
.bp-w{display:flex;align-items:center;gap:6px;color:#475569}.bp-w i{width:18px;height:18px;border-radius:50%;background:#0B79D2;color:#fff;font-style:normal;font-size:10px;display:grid;place-items:center}
.bp-n.ai .bp-w i{background:#7C3AED}
.bp-n em{position:absolute;right:8px;bottom:8px;font-style:normal;font-size:11px;color:#0B79D2;font-weight:600}
.bp-ai{position:absolute;right:8px;top:7px;font-size:10px;font-weight:700;background:#7C3AED;color:#fff;border-radius:6px;padding:1px 6px}
.bp-d{position:absolute;width:100px;height:46px;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:#FEF3C7;border:1.5px solid #D97706;transform:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);padding:0 6px}
.bp-side{position:absolute;right:14px;bottom:14px;width:210px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:12px 14px;font-size:13px;color:#475569;box-shadow:0 8px 20px rgba(15,23,42,.1)}
.bp-side small{font-size:10.5px;letter-spacing:.12em;font-weight:700;color:#94A3B8}.bp-side div{margin-top:6px}.bp-side b{color:#0F172A;font-size:15px}.bp-side b.r{color:#DC2626}
/* dải chéo bốn giai đoạn */
.z-sg>.logo{z-index:5}
.sg-head{position:absolute;left:120px;top:60px;z-index:4}
.sg{position:absolute;inset:0;overflow:hidden}
.sg-b{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 150px;clip-path:polygon(32% 0,100% 0,68% 100%,0 100%)}
.sg-b span{font-size:40px;font-weight:600;line-height:1.2;max-width:360px}
.sg-b small{font-size:22px;color:#DCEBFF;margin-top:12px;max-width:340px;font-weight:300}
.sg-b.s1{left:-260px;width:820px;background:linear-gradient(180deg,#1E3A8A,#123370);padding-left:300px}
.sg-b.s2{left:180px;width:820px;background:linear-gradient(180deg,#1B4FA8,#0E3A86);padding-left:250px;padding-top:220px}
.sg-b.s3{left:620px;width:820px;background:linear-gradient(180deg,#0F766E,#155E75);padding-left:250px;padding-top:420px}
.sg-b.s4{left:1060px;width:900px;background:linear-gradient(180deg,#1E3A8A 0%,#6B4E16 70%,#A16207);align-items:flex-end;padding:0 120px 90px 0;justify-content:flex-end}
.sg-b .wn{font-size:96px;font-weight:800;text-align:right;color:#FDE68A;letter-spacing:.02em;max-width:none}
.sg-b.s1 span,.sg-b.s1 small{transform:translateY(-200px)}
/* sửa: 200%, giấy, số hoá, dải chéo */
.p2-t{top:380px;width:1400px}.p2-t h1{font-size:84px!important;white-space:nowrap}.p2-t h1 b{font-size:150px}
.pp-st{right:18px;bottom:-30px}
.dg-app{top:230px;height:700px}.bp-cv{zoom:1.06}
.sg{position:absolute;top:0;bottom:0;left:-260px;right:-260px;display:flex}
.sg-b{position:relative!important;inset:auto!important;flex:1;clip-path:none!important;padding:0!important;transform:skewX(-18deg);display:block!important;border-right:2px solid rgba(255,255,255,.18);overflow:hidden}
.sg-b>div{transform:skewX(18deg);position:absolute;left:200px;right:60px}
.sg-b.s1{background:linear-gradient(180deg,#1C3F94,#14306F)}.sg-b.s1>div{top:190px;left:330px}
.sg-b.s2{background:linear-gradient(180deg,#1D52B0,#123E8E)}.sg-b.s2>div{top:420px;left:170px}
.sg-b.s3{background:linear-gradient(180deg,#0E7490,#155E75)}.sg-b.s3>div{top:620px;left:50px}
.sg-b.s4{background:linear-gradient(180deg,#1E3A8A 0%,#6B4E16 72%,#A16207)}.sg-b.s4>div{top:760px;left:-80px;right:auto}
.sg-b span{display:block;font-size:42px!important;font-weight:600;line-height:1.2;max-width:360px!important;transform:none!important}
.sg-b small{display:block;font-size:23px!important;color:#DCEBFF;margin-top:14px;max-width:340px!important;transform:none!important}
.sg-b .wn{font-size:56px!important;line-height:1.1;font-weight:800;color:#FDE68A;max-width:none!important;white-space:nowrap}
.p2-arrow{right:-60px}
.bp-n{width:190px}.bp-wire{height:520px}
.sg-b{transform:none!important;overflow:visible!important;border:0!important;background:none!important}
.sg-b .sk{position:absolute;inset:0 -1px;transform:skewX(-18deg);border-right:2px solid rgba(255,255,255,.18)}
.sg-b.s1 .sk{background:linear-gradient(180deg,#1C3F94,#14306F)}
.sg-b.s2 .sk{background:linear-gradient(180deg,#1D52B0,#123E8E)}
.sg-b.s3 .sk{background:linear-gradient(180deg,#0E7490,#155E75)}
.sg-b.s4 .sk{background:linear-gradient(180deg,#1E3A8A 0%,#6B4E16 72%,#A16207)}
.sg-b>div{transform:none!important;z-index:2}
.sg-b.s1>div{top:170px;left:320px}.sg-b.s2>div{top:400px;left:150px}.sg-b.s3>div{top:600px;left:20px}.sg-b.s4>div{top:770px;left:-40px}
.z-sg .sg-head{z-index:6}
.p2-arrow{right:-10px;top:90px;width:740px;height:840px}
.dg-l{top:200px}.dg-paper{top:470px}.dg-arr{top:610px}.dg-app{top:300px;height:700px}
.bp-side{top:14px;bottom:auto}
/* nền e · xanh sáng theo AI4SOP */
[data-bg="e"]{--stage-base:#1446B0;--stage-bg:radial-gradient(70% 80% at 0% 100%,rgba(96,165,250,.55) 0%,transparent 60%),radial-gradient(60% 70% at 100% 0%,rgba(59,130,246,.55) 0%,transparent 65%),linear-gradient(135deg,#1A5AD6 0%,#1546B4 40%,#123A96 75%,#1B2E86 100%);--glass:rgba(255,255,255,.10);--line:rgba(255,255,255,.22);--line2:rgba(255,255,255,.32);--t3:rgba(255,255,255,.72);--t4:rgba(255,255,255,.55)}
[data-bg="e"] .slide{background:var(--stage-bg)}
[data-bg="e"] .slide::before{opacity:.25}
[data-bg="e"] .z-c.hl{background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(167,139,250,.22))}
[data-bg="e"] .z-200,[data-bg="e"] .z-sop{background:var(--stage-bg)!important}
[data-bg="e"] h1 .ac{background:linear-gradient(90deg,#BFE6FF,#E0D4FF);-webkit-background-clip:text;background-clip:text}
[data-bg="e"] .eyebrow{color:#D6ECFF}[data-bg="e"] .eyebrow::before{background:linear-gradient(90deg,#D6ECFF,transparent)}
[data-bg="e"] .z-c .n,[data-bg="e"] .z-row .l small,[data-bg="e"] .sv-list>small,[data-bg="e"] .an-b small,[data-bg="e"] .hi-c small{color:#CFE8FF}
[data-bg="e"] .s-p1,[data-bg="e"] .s-p1 iframe.p1f{background:#1446B0!important}
/* ===== Bìa theo master + bản đồ ===== */
.z-cv{background:var(--stage-bg)!important}
.z-cv>.logo{display:none}
.cv-cone{position:absolute;inset:0;width:1920px;height:1080px;border:0;background:transparent;pointer-events:none}
.cv-logos{position:absolute;top:0;left:610px;width:700px;height:116px;display:flex;align-items:center;justify-content:center;gap:28px}
.cv-logos i{width:1px;height:36px;background:#d6dbea}
.cv-logos .fpt{width:86px;height:52px;object-fit:contain}.cv-logos .sd9{height:76px;width:auto;object-fit:contain;margin-top:6px}.cv-logos .base{width:145px;height:45px;object-fit:contain}
.cv-l{position:absolute;left:130px;top:300px;width:1000px}
.cv-pill{display:inline-flex;align-items:center;gap:14px;padding:11px 26px 11px 20px;background:rgba(90,150,255,.18);border:1px solid rgba(160,180,255,.5);border-radius:999px;font:600 22px PJS,Roboto,sans-serif;color:#fff}
.cv-pill span{width:12px;height:12px;border-radius:50%;background:#5ab8ff;box-shadow:0 0 14px #5ab8ff}
.cv-h{margin:34px 0 0;font-family:PJS,Roboto,sans-serif;font-weight:700;font-size:78px!important;line-height:1.22}
.cv-h span{display:block}
.cv-h .g{background:linear-gradient(172deg,#C9ECFF 20%,#8FD6FF 45%,#6FB8FF 70%,#A9C8FF 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cv-sub{font-size:27px;font-weight:300;color:#E3EEFF;margin:28px 0 0;max-width:820px}
.cv-spk{position:absolute;left:0;top:520px;display:flex;align-items:center;gap:20px}
.cv-spk .bar{width:4px;height:62px;border-radius:4px;background:linear-gradient(180deg,#8ECBFF,#A78BFA)}
.cv-spk b{display:block;font-size:27px}.cv-spk span{font-size:20px;color:#DCEBFF;font-weight:300}
.cv-map{position:absolute;left:1150px;top:140px;width:740px;height:920px}
.cv-svg{position:absolute;inset:0;width:740px;height:920px;overflow:visible}
.cv-grid{opacity:.8;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent)}
.cv-land{stroke:#DDF1FF;stroke-width:1.6;stroke-linejoin:round}
.cv-isl circle{fill:#E6F4FF;filter:drop-shadow(0 0 4px #9CD3FF)}
.cv-ring{fill:none;stroke:rgba(220,240,255,.55);stroke-width:1.4;stroke-dasharray:5 6}
.cv-isl-t{fill:#fff;font:600 19px PJS,Roboto,sans-serif}
.cv-sea{fill:rgba(255,255,255,.45);font:600 17px Roboto,sans-serif;letter-spacing:.4em}
.cv-pin .pl{fill:rgba(253,224,71,.25);stroke:#FDE047;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:cvp 2.6s ease-out infinite;animation-delay:var(--d)}
.cv-pin .pd{fill:#FDE047;stroke:#7C2D12;stroke-width:1}
@keyframes cvp{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.4);opacity:0}}
.cv-n{fill:#FEF3C7;font:700 15px Roboto,sans-serif}
.cv-lg{position:absolute;left:470px;top:-10px;width:300px;background:rgba(10,30,90,.45);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:14px 18px;backdrop-filter:blur(6px)}
.cv-lg small{display:block;font-size:13px;letter-spacing:.06em;color:#D6ECFF;font-weight:600;margin-bottom:8px}
.cv-lg ol{list-style:none;margin:0;padding:0;font-size:15.5px;line-height:1.75;color:#fff}
.cv-lg li b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#FDE047;color:#7C2D12;font-size:12px;margin-right:9px}
.cv-lg em{display:block;font-style:normal;font-size:12px;color:rgba(255,255,255,.6);margin-top:6px}
.cv-map{left:1130px;top:118px}.cv-lg{left:430px;top:0}
.cv-h .g{padding-bottom:.14em;margin-bottom:-.14em}
.cv-logos{left:130px;top:170px;width:auto;height:96px;padding:0 34px;background:linear-gradient(#ffffff,#eef1f8);border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.28);justify-content:flex-start}
.cv-logos{top:150px}
/* thống nhất Roboto cho chữ trên slide */
.cv-pill,.cv-h,.cv-isl-t{font-family:Roboto,"Segoe UI",Arial,sans-serif!important}
.cv-h{font-weight:700;letter-spacing:-.01em}

/* slide 2: căn hàng các mục giữa 04 thẻ */
.z-ag{grid-template-rows:auto auto auto auto auto auto 1fr;row-gap:0;min-height:520px}
.z-ag .z-c{display:grid;grid-row:span 7;grid-template-rows:subgrid;min-height:0;align-content:start}
.z-ag .z-c ol{display:contents}
.z-ag .z-c h3{margin-bottom:14px;align-self:start}
.z-ag .z-c ol li{align-self:stretch}

/* slide 6: bố cục căn giữa, không mũi tên */
.q2-c{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 160px}
.q2-lead{font-size:38px;line-height:1.5;font-weight:300;color:#E6F0FF;max-width:1280px;margin:0}
.q2-rule{display:block;width:120px;height:3px;border-radius:2px;margin:56px 0 44px;background:linear-gradient(90deg,transparent,#8ECBFF,transparent)}
.q2-c h1{font-size:84px!important;font-weight:800;letter-spacing:.01em;margin:0;white-space:nowrap;color:#fff}
.q2-c h1 b{font-size:150px;background:linear-gradient(180deg,#FFFFFF,#9FD0F6);-webkit-background-clip:text;background-clip:text;color:transparent;vertical-align:-14px;padding-bottom:.08em}
/* slide SOP v2: sơ đồ tinh chỉnh + chấm sáng chạy */
.sop-svg .fn rect,.sop-svg .fn polygon{fill:rgba(29,78,216,.55);stroke:rgba(142,203,255,.45);stroke-width:1.5;filter:none;transition:fill .35s,stroke .35s,stroke-width .35s}
.sop-svg .fn text{fill:#EAF2FF;font:500 21px Roboto,sans-serif;text-anchor:middle;transition:fill .35s}
.sop-svg .fn.pill rect{fill:rgba(37,99,235,.85);stroke:rgba(191,227,255,.6)}
.sop-svg .fn.d polygon{fill:rgba(109,40,217,.28);stroke:rgba(196,181,253,.6)}
.sop-svg .fn.n rect{fill:rgba(255,255,255,.05);stroke:rgba(142,203,255,.35);stroke-dasharray:5 5}
.sop-svg .fn.n text{text-anchor:start;font:400 18px Roboto,sans-serif;fill:#BBD7F5}
.sop-svg .fn.x rect{fill:rgba(239,68,68,.12);stroke:rgba(248,113,113,.55)}
.sop-svg .fn.done rect,.sop-svg .fn.done polygon{stroke:rgba(191,227,255,.95);fill:rgba(37,99,235,.75)}
.sop-svg .fn.d.done polygon{fill:rgba(124,58,237,.45);stroke:#DDD6FE}
.sop-svg .fn.n.done rect{fill:rgba(142,203,255,.1);stroke:rgba(191,227,255,.8)}
.sop-svg .fn.n.done text{fill:#EAF2FF}
.sop-svg .fn.on rect,.sop-svg .fn.on polygon{fill:rgba(96,165,250,.85);stroke:#fff;stroke-width:3}
.sop-svg .fn.n.on rect{fill:rgba(142,203,255,.2)}
.sop-svg .fn.on text{fill:#fff}
.sop-svg .ar,.sop-svg .br{fill:none;stroke:rgba(142,203,255,.6);stroke-width:2;stroke-linejoin:round}
.sop-svg .tag rect{stroke-width:1.5}.sop-svg .tag text{font:700 17px Roboto,sans-serif;text-anchor:middle}
.sop-svg .tag.yes rect{fill:rgba(16,185,129,.18);stroke:#34D399}.sop-svg .tag.yes text{fill:#6EE7B7}
.sop-svg .tag.no rect{fill:rgba(239,68,68,.16);stroke:#F87171}.sop-svg .tag.no text{fill:#FCA5A5}
.sop-svg .dot{opacity:0;pointer-events:none}
.sop-svg .dot .halo{fill:#BFE3FF;opacity:.55;filter:url(#sopgl)}
.sop-svg .dot .core{fill:#fff}
.sop-svg .fn rect,.sop-svg .fn polygon{fill:rgba(29,78,216,.42);stroke:rgba(142,203,255,.35)}
.sop-svg .fn text{fill:#C9DBF7}
.sop-svg .fn.pill rect{fill:rgba(37,99,235,.6);stroke:rgba(191,227,255,.45)}
.sop-svg .fn.d polygon{fill:rgba(109,40,217,.22);stroke:rgba(196,181,253,.45)}
.sop-svg .fn.done text,.sop-svg .fn.pill.done text{fill:#fff}
.sop-svg .fn.pill.done rect{fill:rgba(37,99,235,.95);stroke:#BFE3FF}
.sop-svg .fn.done rect,.sop-svg .fn.done polygon{fill:rgba(37,99,235,.82)}
.sop-svg .fn.on rect,.sop-svg .fn.on polygon{fill:rgba(96,165,250,.95)}
.sop-svg .fn.n rect{fill:rgba(255,255,255,.04)}

/* slide 6 chỉ còn một câu dẫn */
.q2-lead{font-size:52px;line-height:1.45;font-weight:300;max-width:1320px;color:#F1F6FF}
/* khung mock: bỏ nền mờ và viền quanh iframe */
.s-nlapp .nl-mock.mock{background:transparent;border:0;border-radius:0;overflow:visible}
/* Phần 2: trang mở phần có sơ đồ tổ chức làm nền */
.z-sec-org .sec-bg{position:absolute;inset:0;width:1920px;height:1080px;border:0;background:transparent;pointer-events:none}
.z-sec-org .cv{top:300px;width:820px;z-index:2}
.z-sec-org h1{font-size:84px;line-height:1.08}
.z-sec-org .sec-sub{font-size:26px;line-height:1.5;font-weight:300;color:#DCEBFF;margin-top:30px;max-width:640px}
/* slide AI 24/7 + trích dẫn */
.z-247 .a7-hd{position:absolute;left:120px;top:84px;right:300px}
.z-247 .a7-hd h1{font-size:54px;line-height:1.15;margin:14px 0 0;max-width:1500px}
.z-247 .a7-q{position:absolute;left:120px;top:300px;width:470px;margin:0;padding:40px 36px 34px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(191,227,255,.35);box-shadow:0 30px 60px -30px rgba(5,15,50,.6)}
.z-247 .a7-q .mk{position:absolute;left:28px;top:-24px;font:700 140px/1 Georgia,serif;color:#8ECBFF;opacity:.9}
.z-247 .a7-q blockquote{margin:44px 0 0;font-size:32px;line-height:1.42;font-weight:500;color:#fff}
.z-247 .a7-q .en{font-size:18px;line-height:1.5;color:#BBD7F5;font-style:italic;margin:22px 0 0}
.z-247 .a7-q figcaption{display:flex;flex-direction:column;gap:4px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(191,227,255,.25)}
.z-247 .a7-q figcaption b{font-size:22px;color:#fff}.z-247 .a7-q figcaption span{font-size:17px;color:#9FC6EE}
.z-247 .a7-mock{position:absolute;left:640px;top:270px;width:1200px;height:733px}
.z-247 .a7-mock iframe{width:100%;height:100%;border:0;background:transparent}
/* slide cấu trúc AI Agent */
.z-anat .an-bg{position:absolute;inset:0;width:1920px;height:1080px;border:0;background:transparent}
.z-anat .an-hd{position:absolute;left:120px;top:84px;right:320px;z-index:2}
.z-anat .an-hd h1{font-size:54px;line-height:1.15;margin:14px 0 0}
/* slide 4 giai đoạn: bậc thang trưởng thành */
.z-sg .sg-head,.z-sg .sg{display:none}
.z-sg .st-hd{position:absolute;left:150px;top:96px}
.z-sg .st-hd h1{font-size:54px;line-height:1.15;margin:14px 0 0;font-weight:700}
.z-sg .st-path{position:absolute;inset:0;width:1920px;height:1080px;pointer-events:none}
.z-sg .st-ax{position:absolute;left:96px;top:420px;bottom:140px;width:2px;background:linear-gradient(180deg,transparent,rgba(191,227,255,.45))}
.z-sg .st-ax span{position:absolute;top:-34px;left:-14px;font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:#BFE3FF;white-space:nowrap}
.z-sg .st{position:absolute;left:150px;right:220px;bottom:140px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:end}
.z-sg .st-b{position:relative;border-radius:22px;padding:30px 30px 0;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(191,227,255,.32);box-shadow:0 30px 60px -34px rgba(5,15,50,.7);overflow:hidden}
.z-sg .st-b::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--a,#8ECBFF)}
.z-sg .b1{height:270px;--a:#66B4F0}.z-sg .b2{height:390px;--a:#8ECBFF}.z-sg .b3{height:510px;--a:#5EEAD4}
.z-sg .b4{height:630px;--a:#FBBF24;background:linear-gradient(180deg,rgba(251,191,36,.22),rgba(251,191,36,.04));border:2px dashed rgba(253,230,138,.7)}
.z-sg .tp{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.z-sg .tp b{font-size:20px;font-weight:700;letter-spacing:.12em;color:var(--a)}
.z-sg .tp i{width:46px;height:46px;color:var(--a);opacity:.95}.z-sg .tp i svg{width:100%;height:100%}
.z-sg .st-b h3{font-size:32px;line-height:1.2;font-weight:700;margin:0 0 12px;color:#fff}
.z-sg .st-b p{font-size:21px;line-height:1.45;font-weight:300;margin:0;color:#DCEBFF}
.z-sg .b4 h3{font-size:38px;color:#FDE68A}
.z-sg .b4 .q{position:absolute;right:-6px;bottom:-60px;font-size:420px;font-weight:800;line-height:1;color:rgba(253,230,138,.14)}
/* slide 9 v3: bốn thẻ có mock ba hình thái */
.z-sg .st,.z-sg .st-path,.z-sg .st-ax{display:none}
.z-sg .st3{position:absolute;left:150px;right:150px;bottom:110px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:end}
.z-sg .st3 .c{border-radius:22px;padding:18px 18px 26px;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border:1px solid rgba(191,227,255,.32);box-shadow:0 30px 60px -34px rgba(5,15,50,.7);display:flex;flex-direction:column}
.z-sg .st3 .c1{height:500px}.z-sg .st3 .c2{height:550px}.z-sg .st3 .c3{height:600px}.z-sg .st3 .c4{height:650px;background:linear-gradient(180deg,rgba(251,191,36,.2),rgba(251,191,36,.04));border:2px dashed rgba(253,230,138,.7)}
.z-sg .st3 .mk{border-radius:12px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(0,0,0,.55)}
.z-sg .st3 .mk svg{display:block;width:100%;height:auto}
.z-sg .st3 .mk.q{flex:1;max-height:330px;box-shadow:none;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(253,230,138,.28),transparent 65%)}
.z-sg .st3 .mk.q span{font-size:260px;font-weight:800;line-height:1;color:#FDE68A;text-shadow:0 0 50px rgba(251,191,36,.55)}
.z-sg .st3 .tx{margin-top:auto;padding:22px 8px 0}
.z-sg .st3 .tx b{display:block;font-size:20px;font-weight:700;letter-spacing:.12em;color:#8ECBFF;margin-bottom:10px}
.z-sg .st3 .c4 .tx b{color:#FBBF24}
.z-sg .st3 h3{font-size:30px;line-height:1.2;font-weight:700;margin:0 0 10px;color:#fff}
.z-sg .st3 .c4 h3{font-size:36px;color:#FDE68A}
.z-sg .st3 p{font-size:20px;line-height:1.45;font-weight:300;margin:0;color:#DCEBFF}
.z-sg .st3 .hw{font:500 15px Roboto,sans-serif;fill:#334155}
.z-sg .st3 .qm{font:700 15px Roboto,sans-serif;fill:#E11D48;text-anchor:middle}
.z-sg .st3 .dt{font:500 8.5px Roboto,sans-serif;fill:#64748B;text-anchor:middle}
.z-sg .st3 .dh{font:700 11px Roboto,sans-serif;fill:#1E3A8A;text-anchor:middle}
.z-sg .st3 .stp{font:700 7.5px Roboto,sans-serif;fill:#DC2626;text-anchor:middle}
.z-sg .st3 .ah{font:700 12px Roboto,sans-serif;fill:#0F172A}
.z-sg .st3 .kh text{font:600 9.5px Roboto,sans-serif;fill:#64748B}
.z-sg .st3 .kc rect{fill:#fff;stroke:#E2E8F0}.z-sg .st3 .kc rect.hot{stroke:#F59E0B;stroke-width:1.5}
.z-sg .st3 .mv{animation:mvp 2.4s ease-in-out infinite}
@keyframes mvp{0%,100%{opacity:.35}50%{opacity:1}}
/* slide 10: câu hỏi 300% */
.z-q3 .q3-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.z-q3 .eyebrow{justify-content:center}
.z-q3 h1{font-size:62px;font-weight:700;line-height:1.2;margin:26px 0 0;max-width:1300px;color:#fff}
.z-q3 .q3-n{font-size:260px;font-weight:800;line-height:1;margin-top:18px;letter-spacing:-.02em;background:linear-gradient(180deg,#FFFFFF 10%,#9FD0F6 90%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.z-q3 .q3-n span{background:linear-gradient(180deg,#FDE68A,#FBBF24);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:.04em}
.z-q3 .q3-rings{position:absolute;left:50%;top:56%;width:0;height:0}
.z-q3 .q3-rings i{position:absolute;border-radius:50%;border:1px solid rgba(191,227,255,.18);transform:translate(-50%,-50%);animation:q3r 6s ease-out infinite}
.z-q3 .q3-rings i:nth-child(1){width:700px;height:700px}.z-q3 .q3-rings i:nth-child(2){width:1000px;height:1000px;animation-delay:2s}.z-q3 .q3-rings i:nth-child(3){width:1300px;height:1300px;animation-delay:4s}
@keyframes q3r{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
/* slide 6-8: chữ nội dung to hơn */
.z-sop .sop-sub{font-size:32px}
.z-sop .sop-k{font-size:27px}
.z-sop .sop-p{font-size:29px;margin-top:44px;max-width:780px}
.z-sop .sop-ol{font-size:28px;line-height:1.5;max-width:780px}
.z-sop .sop-ol li{margin-bottom:10px}
.z-sop .sop-ex{font-size:22px}
.s-nlapp.nl-big .nl-top{font-size:26px}
.s-nlapp.nl-big .nl-l{width:470px}
.s-nlapp.nl-big .nl-mock{left:570px}
.s-nlapp.nl-big h1{font-size:50px}
.s-nlapp.nl-big .nl-eye{font-size:18px}
.s-nlapp.nl-big .nl-steps li{font-size:21.5px;line-height:1.42;padding:11px 12px;grid-template-columns:42px 1fr}
.s-nlapp.nl-big .nl-steps li::before{font-size:16px}
.s-nlapp.nl-big .nl-mock{top:150px;bottom:auto;height:800px}
.z-sop .sop-p{font-size:31px;max-width:840px}
.z-sop .sop-ol{font-size:30px;max-width:840px}
/* slide 5: nền mock năng suất lao động */
.z-200 .q2-bg{position:absolute;inset:0;width:1920px;height:1080px;pointer-events:none}
.z-200 .q2-bg .gr path{stroke:rgba(191,227,255,.07);stroke-width:1}
.z-200 .q2-bg .bars rect{fill:rgba(142,203,255,.10);transform-origin:bottom;transform-box:fill-box;animation:q2b 1.2s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--d)}
@keyframes q2b{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.z-200 .q2-bg .ln{stroke-dasharray:2200;stroke-dashoffset:2200;animation:q2l 3.2s .4s ease-out forwards;filter:drop-shadow(0 0 10px rgba(191,227,255,.55))}
@keyframes q2l{to{stroke-dashoffset:0}}
.z-200 .q2-bg .ar{opacity:0;animation:q2f 1.6s 2.6s ease forwards}
@keyframes q2f{to{opacity:1}}
.z-200 .q2-bg .pt{fill:#FDE68A;opacity:0;filter:drop-shadow(0 0 14px #FBBF24);animation:q2p 2s 3.4s ease-in-out infinite}
@keyframes q2p{0%,100%{opacity:.5;r:8}50%{opacity:1;r:13}}
.z-200 .q2-bg .ax{font:500 15px Roboto,sans-serif;letter-spacing:.18em;fill:rgba(191,227,255,.45)}
.z-200 .q2-c{background:radial-gradient(900px 300px at 50% 50%,rgba(20,50,150,.55),transparent 70%)}
.z-200 .q2-lead{text-shadow:0 2px 24px rgba(8,25,80,.6)}
/* slide app: logo chuẩn góc phải, dải chữ trên không còn thương hiệu */
.s-nlapp>.logo{position:absolute;right:64px;top:36px;z-index:6}
.s-nlapp>.logo img{height:34px}
.s-nlapp .nl-top{right:300px}