/* ===== MIBRAND PA3 – code thuần, không phụ thuộc WordPress/Elementor ===== */
@font-face{font-family:'Mulish';font-style:normal;font-weight:200 1000;font-display:swap;src:url(../fonts/mulish-vietnamese-wght-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Mulish';font-style:normal;font-weight:200 1000;font-display:swap;src:url(../fonts/mulish-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mulish';font-style:normal;font-weight:200 1000;font-display:swap;src:url(../fonts/mulish-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Be Vietnam Pro';font-weight:400;font-display:swap;src:url(../fonts/be-vietnam-pro-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-weight:400;font-display:swap;src:url(../fonts/be-vietnam-pro-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-weight:600;font-display:swap;src:url(../fonts/be-vietnam-pro-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-weight:600;font-display:swap;src:url(../fonts/be-vietnam-pro-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-weight:700;font-display:swap;src:url(../fonts/be-vietnam-pro-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Be Vietnam Pro';font-weight:700;font-display:swap;src:url(../fonts/be-vietnam-pro-latin-700-normal.woff2) format('woff2')}

:root{
  --navy:#0F1F6E; --ink:#1B2559; --text:#4A5578; --muted:#7A84A3; --line:#E3E8F5;
  --blue:#2B47D1; --deep:#001489; --sky:#F4F7FF; --white:#fff;
  /* dải phổ lấy từ tháp H1 bản B: đáy xanh ngọc -> lam -> xanh dương -> tím xanh, đỉnh vàng */
  --p1:#23B884; --p2:#1FB1CB; --p3:#3E7CF1; --p4:#7069E8; --gold:#F0A21A;
  --pho:linear-gradient(90deg,var(--p1),var(--p2) 30%,var(--p3) 62%,var(--p4));
  --nut-1:#2B47D1; --nut-2:#001489;
  --r:22px; --r-s:14px;
  --shadow:0 24px 60px -28px rgba(20,40,140,.28),0 2px 6px rgba(20,40,140,.05);
  --shadow-h:0 36px 80px -30px rgba(20,40,140,.38),0 4px 12px rgba(20,40,140,.07);
  --wrap:1240px; --gut:clamp(20px,4vw,40px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Mulish',system-ui,sans-serif;color:var(--text);background:#fff;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{color:var(--navy);margin:0;font-weight:300;letter-spacing:-.015em}
h1 b,h2 b,h3 b{font-weight:800}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.wrap{max-width:calc(var(--wrap) + 2*var(--gut));padding:0 var(--gut);margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- chữ ---------- */
.t-hero{font-size:clamp(38px,5.2vw,68px);line-height:1.08}
.t-h2{font-size:clamp(32px,3.8vw,52px);line-height:1.12}
.t-h3{font-size:clamp(21px,1.8vw,26px);line-height:1.3;font-weight:500}
.lead{font-size:clamp(16px,1.25vw,18.5px);line-height:1.7;color:var(--text);max-width:560px}
.small{font-size:13.5px;color:var(--muted)}
/* vạch phổ: dấu hiệu chung của PA3 (5 đoạn màu tháp) */
.vach{display:flex;gap:4px;margin-bottom:22px}
.vach i{display:block;height:4px;width:16px;border-radius:4px;background:var(--p1)}
.vach i:nth-child(2){background:var(--p2)}.vach i:nth-child(3){background:var(--p3)}.vach i:nth-child(4){background:var(--p4)}.vach i:nth-child(5){background:var(--gold);width:8px}
.vach.giua{justify-content:center}
.chu-pho{background:var(--pho);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- nút ---------- */
.nut{position:relative;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;font-weight:700;font-size:15.5px;color:#fff;background:linear-gradient(135deg,var(--nut-1),var(--nut-2));box-shadow:0 14px 30px -12px rgba(0,20,137,.55),inset 0 1px 0 rgba(255,255,255,.25);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease);white-space:nowrap;border:0;cursor:pointer;font-family:inherit}
.nut::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:longlanh 4.5s 1.5s infinite}
.nut:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(0,20,137,.6)}
@keyframes longlanh{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.nut.trang{background:#fff;color:var(--deep);box-shadow:0 14px 30px -14px rgba(0,0,0,.35)}
.nut.trang::after{background:linear-gradient(110deg,transparent 30%,rgba(43,71,209,.15) 50%,transparent 70%)}
.lk{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--deep);font-size:15px;padding:6px 0;background:linear-gradient(var(--deep),var(--deep)) 0 100%/0 1.5px no-repeat;transition:background-size .4s var(--ease)}
.lk::after{content:"→";transition:transform .35s var(--ease)}
.lk:hover{background-size:100% 1.5px}.lk:hover::after{transform:translateX(5px)}
.lk.sang{color:#fff;background-image:linear-gradient(#fff,#fff)}

/* ---------- đầu trang ---------- */
.dau{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s,box-shadow .4s,height .4s}
.dau .wrap{display:flex;align-items:center;height:84px;transition:height .4s var(--ease)}
.dau.cuon{background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 1px 0 rgba(15,31,110,.06),0 10px 30px -20px rgba(15,31,110,.25)}
.dau.cuon .wrap{height:68px}
.logo img{height:40px;width:auto}
.menu{display:flex;gap:6px;margin:0 auto}
.menu>li{position:relative}
.menu>li>a{display:block;padding:10px 16px;font-weight:600;font-size:15px;color:var(--navy);border-radius:999px;transition:background .3s}
.menu>li>a:hover,.menu>li>a.dang{background:rgba(43,71,209,.07)}
.menu .con{position:absolute;top:100%;left:0;min-width:270px;background:#fff;border-radius:18px;padding:10px;box-shadow:var(--shadow-h);opacity:0;visibility:hidden;transform:translateY(8px);transition:.3s var(--ease)}
.menu>li:hover .con{opacity:1;visibility:visible;transform:none}
.menu .con a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;font-weight:600;font-size:14.5px;color:var(--navy)}
.menu .con a:hover{background:var(--sky)}
.menu .con a i{width:8px;height:8px;border-radius:50%;background:var(--mau,var(--p3));flex:none}
.dau-phai{display:flex;align-items:center;gap:14px}
.dau-phai .goi{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--deep);transition:background .3s}
.dau-phai .goi:hover{background:rgba(43,71,209,.08)}
.dau-phai .nut{height:44px;padding:0 22px;font-size:14.5px}
.hamburger{display:none;width:44px;height:44px;border:0;background:none;color:var(--navy);cursor:pointer}

/* ---------- khung section ---------- */
.sec{padding:clamp(80px,9vw,140px) 0;position:relative}
.sec-dau{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:clamp(40px,5vw,64px)}
.nen-sky{background:var(--sky)}
.nen-loang{background:radial-gradient(60% 50% at 85% 0%,rgba(31,177,203,.10),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(112,105,232,.08),transparent 70%),var(--sky)}

/* ---------- hiệu ứng hiện khi cuộn (luôn chạy trên bản xem thử) ---------- */
.hien{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--tre,0s)}
.hien.ro{opacity:1;transform:none}
.mo-anh{clip-path:inset(12% 12% 12% 12% round var(--r));transition:clip-path 1.4s var(--ease);transition-delay:var(--tre,0s)}
.mo-anh img{transform:scale(1.18);transition:transform 1.8s var(--ease);transition-delay:var(--tre,0s)}
.mo-anh.ro{clip-path:inset(0 0 0 0 round var(--r))}
.mo-anh.ro img{transform:scale(1)}
.chu-len{display:block;overflow:hidden}
.chu-len>span{display:block;transform:translateY(105%);transition:transform 1.1s var(--ease);transition-delay:var(--tre,0s)}
.ro .chu-len>span,.chu-len.ro>span{transform:none}

/* ---------- ảnh ---------- */
.anh{border-radius:var(--r);overflow:hidden;position:relative;background:#e8ecf7}
.anh img{width:100%;height:100%;object-fit:cover}
.anh-zoom img{transition:transform 1.2s var(--ease)}
.anh-zoom:hover img{transform:scale(1.05)}

/* ---------- dải chạy logo ---------- */
.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee+.marquee{margin-top:16px}
.mq-ray{display:flex;gap:16px;width:max-content;animation:chay var(--tg,60s) linear infinite}
.marquee.nguoc .mq-ray{animation-direction:reverse}
.marquee:hover .mq-ray{animation-play-state:paused}
@keyframes chay{to{transform:translateX(-50%)}}
.the-logo{width:156px;height:84px;flex:none;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 30px -18px rgba(20,40,140,.3);backdrop-filter:blur(8px);transition:transform .4s var(--ease),box-shadow .4s}
.the-logo:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.the-logo img{max-width:112px;max-height:46px;width:auto;height:auto;object-fit:contain}

/* ---------- form chia đôi ---------- */
.form-khoi{display:grid;grid-template-columns:5fr 7fr;border-radius:32px;overflow:hidden;box-shadow:var(--shadow-h);background:#fff}
.form-trai{position:relative;padding:clamp(36px,4.5vw,64px);color:#fff;background:linear-gradient(150deg,#2B47D1 0%,#2563EB 45%,#18A9C6 100%);overflow:hidden}
.form-trai::before{content:"";position:absolute;width:520px;height:520px;right:-220px;bottom:-240px;border-radius:50%;background:radial-gradient(circle,rgba(61,220,151,.55),transparent 65%)}
.form-trai::after{content:"";position:absolute;width:360px;height:360px;left:-140px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(150,140,255,.5),transparent 65%)}
.form-trai>*{position:relative;z-index:1}
.form-trai h2{color:#fff}
.form-trai .lead{color:rgba(255,255,255,.88);margin-top:18px}
.form-trai .vach i{background:rgba(255,255,255,.9)}.form-trai .vach i:nth-child(n){opacity:calc(1 - var(--o,0))}
.lien-nhanh{margin-top:40px;display:grid;gap:12px}
.lien-nhanh a{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-weight:700;transition:background .3s}
.lien-nhanh a:hover{background:rgba(255,255,255,.2)}
.lien-nhanh small{display:block;font-weight:500;opacity:.8;font-size:12.5px}
.lien-nhanh svg{flex:none}
.form-phai{padding:clamp(32px,4.5vw,64px)}
.o-luoi{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.o{position:relative}
.o.rong{grid-column:1/-1}
.o input,.o textarea{width:100%;height:58px;padding:22px 18px 8px;border:1.5px solid var(--line);border-radius:14px;font:inherit;font-size:15.5px;color:var(--ink);background:#fff;transition:border-color .3s,box-shadow .3s;outline:0}
.o textarea{height:120px;resize:vertical;padding-top:28px}
.o label{position:absolute;left:19px;top:18px;font-size:15px;color:var(--muted);pointer-events:none;transition:.25s var(--ease)}
.o label em{color:#E0475B;font-style:normal}
.o input:focus,.o textarea:focus{border-color:var(--p3);box-shadow:0 0 0 4px rgba(62,124,241,.12)}
.o input:focus+label,.o input:not(:placeholder-shown)+label,.o textarea:focus+label,.o textarea:not(:placeholder-shown)+label{top:8px;font-size:11.5px;font-weight:700;color:var(--blue);letter-spacing:.02em}
.form-gui{margin-top:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.form-gui .small a{color:var(--deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ---------- chân trang ---------- */
.chan{position:relative;background:linear-gradient(180deg,#0A1A78 0%,#061263 100%);color:rgba(255,255,255,.75);padding:90px 0 0;overflow:hidden}
.chan::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--p1),var(--p2),var(--p3),var(--p4),var(--gold))}
.chan::after{content:"";position:absolute;width:700px;height:700px;right:-250px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(31,177,203,.18),transparent 65%)}
.chan .wrap{position:relative;z-index:1}
.chan-luoi{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.chan h4{color:#fff;font-weight:700;font-size:15px;margin-bottom:18px}
.chan li{margin:9px 0;font-size:14.5px}
.chan a:hover{color:#fff}
.chan .logo-chan{height:46px;width:auto;margin-bottom:22px}
.chan .cty{color:#fff;font-weight:700;margin-bottom:14px}
.chan .dong{display:flex;gap:12px;margin:10px 0;font-size:14.5px}
.mxh{display:flex;gap:10px}
.mxh a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);transition:.3s}
.mxh a:hover{background:#fff;color:var(--deep)}
.chan-cuoi{margin-top:70px;padding:24px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;font-size:13.5px}

/* ---------- nút nổi ---------- */
.noi{position:fixed;right:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--nut-1),var(--nut-2));box-shadow:0 14px 30px -10px rgba(0,20,137,.6)}
.noi::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--p3);animation:song 2.4s infinite}
@keyframes song{from{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}

/* =====================================================================
   TRANG CHỦ
   ===================================================================== */
.h1{position:relative;padding:150px 0 0;background:radial-gradient(50% 60% at 78% 30%,rgba(62,124,241,.10),transparent 70%),radial-gradient(40% 50% at 95% 80%,rgba(35,184,132,.10),transparent 70%),linear-gradient(180deg,#F6F8FF 0%,#fff 100%);overflow:hidden}
.h1-luoi{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:20px}
.h1 h1{font-size:clamp(40px,4.6vw,64px);line-height:1.1}
.h1 .lead{margin-top:26px}
.h1-nut{display:flex;align-items:center;gap:28px;margin-top:38px;flex-wrap:wrap}
/* tháp B (giữ nguyên SVG và màu đã chốt) */
.thap{position:relative;width:100%;max-width:640px;margin-left:auto;aspect-ratio:1120/992}
.thap .mbx-svg{position:absolute;left:0;top:0;height:100%;width:auto;aspect-ratio:840/992;overflow:visible}
.cu{position:absolute;display:flex;align-items:center;transform:translateY(-50%)}
.cu .duong{height:1px;width:var(--dai);background:linear-gradient(90deg,var(--mau),color-mix(in srgb,var(--mau) 15%,transparent))}
.cu .cham{width:12px;height:12px;border-radius:50%;background:var(--mau);border:2px solid #fff;margin-left:-6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--mau) 22%,transparent),0 2px 9px color-mix(in srgb,var(--mau) 60%,transparent)}
.cu .nhan{padding-left:10px;white-space:nowrap}
.cu .nhan b{display:flex;align-items:center;gap:8px;font-family:'Be Vietnam Pro',Mulish,sans-serif;font-weight:700;font-size:clamp(13px,1.25vw,18px);color:#0F1F6E;line-height:1.15}
.cu .nhan b::before{content:attr(data-so);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--mau) 70%,#fff),var(--mau-d));box-shadow:0 3px 8px -2px color-mix(in srgb,var(--mau) 70%,transparent)}
.cu .nhan small{display:block;padding-left:31px;font-family:'Be Vietnam Pro',Mulish,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.15em;color:var(--mau-d);margin-top:3px}
.cu-1{--mau:#F0A21A;--mau-d:#B97609}.cu-2{--mau:#7069E8;--mau-d:#5048C4}.cu-3{--mau:#3E7CF1;--mau-d:#2A5FCC}.cu-4{--mau:#1FB1CB;--mau-d:#12849C}.cu-5{--mau:#23B884;--mau-d:#15885F}
.cu{animation:cuVao 1s var(--ease) backwards}.cu .duong{transform-origin:0 50%;animation:ve 1s var(--ease) backwards;animation-delay:inherit}
.cu-5{animation-delay:.75s}.cu-4{animation-delay:1.1s}.cu-3{animation-delay:1.45s}.cu-2{animation-delay:1.8s}.cu-1{animation-delay:2.7s}
@keyframes cuVao{from{opacity:0;transform:translate(-10px,-50%)}}
@keyframes ve{from{transform:scaleX(0)}}
/* dải số dưới H1: kính trắng, vạch phổ trên đầu mỗi số */
.so-dai{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin:56px 0 0;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #fff;border-radius:26px;box-shadow:var(--shadow)}
.so-dai>div{padding:30px 32px;position:relative}
.so-dai>div+div::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:var(--line)}
.so-dai .so{font-family:'Be Vietnam Pro',Mulish,sans-serif;font-size:clamp(34px,3.4vw,48px);font-weight:300;color:var(--navy);line-height:1;letter-spacing:-.02em}
.so-dai .so::before{content:"";display:block;width:28px;height:3px;border-radius:3px;background:var(--m,var(--p1));margin-bottom:18px}
.so-dai>div:nth-child(2){--m:var(--p2)}.so-dai>div:nth-child(3){--m:var(--p3)}.so-dai>div:nth-child(4){--m:var(--p4)}
.so-dai p{margin-top:10px;font-size:14.5px}

/* H2 hai cấp độ: 01 thấp, 02 cao và lớn hơn, mũi tên vẽ dần nối hai bậc */
.h2-luoi{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,56px);align-items:end;position:relative}
.buoc{position:relative}
.buoc .so-bac{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:18px;color:#fff;background:linear-gradient(140deg,var(--p2),var(--p3));box-shadow:0 12px 24px -10px rgba(31,120,220,.6)}
.buoc-2 .so-bac{background:linear-gradient(140deg,var(--p3),var(--deep));width:64px;height:64px;font-size:20px}
.buoc h2{margin:22px 0 14px}
.buoc .anh{aspect-ratio:16/11;margin:30px 0 28px}
.buoc-2 .anh{aspect-ratio:16/10}
.buoc h3{font-size:clamp(22px,2vw,28px);font-weight:600;color:var(--navy)}
.buoc .khi{margin:6px 0 18px;font-size:15.5px}
.ds-vach li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink);font-size:15.5px;transition:padding .35s var(--ease),color .3s}
.ds-vach li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--p2);flex:none;transition:transform .35s var(--ease)}
.ds-vach li:hover{padding-left:6px;color:var(--blue)}.ds-vach li:hover::before{transform:scale(1.5)}
.buoc-2 .ds-vach li::before{background:var(--p3)}
.buoc .lk{margin-top:22px}
.mui-noi{position:absolute;left:30%;top:-30px;width:40%;height:120px;pointer-events:none}
.mui-noi path{fill:none;stroke:url(#gNoi);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.8s var(--ease) .3s}
.mui-noi.ro path{stroke-dashoffset:0}

/* H3 tình huống: danh sách lớn, ảnh dính bên trái, chuyển ảnh khi rê */
.h3-luoi{display:grid;grid-template-columns:5fr 6fr;gap:clamp(36px,6vw,90px);align-items:start}
.h3-anh{position:sticky;top:110px;aspect-ratio:4/5}
.h3-anh img{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease),transform 1.6s var(--ease);transform:scale(1.06)}
.h3-anh img.bat{opacity:1;transform:none}
.h3-anh::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(10,26,120,.35))}
.th-ds{margin-top:40px;border-top:1px solid var(--line)}
.th-ds li{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:8px;padding:20px 8px;border-bottom:1px solid var(--line);font-size:clamp(16.5px,1.35vw,19px);font-weight:600;color:var(--ink);cursor:default;position:relative;transition:color .3s,padding .4s var(--ease)}
.th-ds li::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(62,124,241,.08),transparent);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.th-ds li span{font-family:'Be Vietnam Pro',sans-serif;font-size:13px;font-weight:700;color:var(--p3)}
.th-ds li i{opacity:0;transform:translateX(-8px);transition:.35s var(--ease);color:var(--p3);font-style:normal}
.th-ds li:hover{color:var(--blue);padding-left:16px}.th-ds li:hover::before{transform:scaleX(1)}.th-ds li:hover i{opacity:1;transform:none}
.h3-ghi{margin-top:26px;font-size:15px}
.h3-ghi b{color:var(--navy)}
.cta-dai{margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 14px 14px 28px;border-radius:999px;background:#fff;box-shadow:var(--shadow)}
.cta-dai p{font-weight:700;color:var(--navy);font-size:16.5px}

/* H4 ba chương: ảnh dính đổi theo chương đang đọc */
.h4-luoi{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px)}
.h4-anh{position:sticky;top:100px;height:calc(100vh - 140px);max-height:720px}
.h4-anh .khung{position:relative;height:100%;border-radius:28px;overflow:hidden}
.h4-anh img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);transition:clip-path 1.1s var(--ease)}
.h4-anh img.bat{clip-path:inset(0 0 0 0)}
.h4-anh .tien{position:absolute;left:24px;right:24px;bottom:24px;display:flex;gap:8px;z-index:2}
.h4-anh .tien i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.4);overflow:hidden;position:relative}
.h4-anh .tien i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--ease)}
.h4-anh .tien i.bat::after{transform:none}
.chuong{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0}
.chuong .so-lon{font-family:'Be Vietnam Pro',sans-serif;font-size:clamp(70px,8vw,120px);font-weight:700;line-height:.9;letter-spacing:-.04em;-webkit-text-stroke:1.5px rgba(43,71,209,.35);color:transparent;transition:color .8s,-webkit-text-stroke-color .8s}
.chuong.bat .so-lon{color:transparent;background:var(--pho);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke-color:transparent}
.chuong h3{font-size:clamp(26px,2.6vw,36px);margin:20px 0 18px;font-weight:600}
.chuong p{font-size:16.5px;max-width:520px}
.trich{margin-top:24px;padding:18px 22px;border-radius:16px;background:var(--sky);font-size:15px;color:var(--ink);border-left:3px solid var(--p2)}
.so-cap{display:flex;gap:44px;margin-top:28px}
.so-cap .so{font-family:'Be Vietnam Pro',sans-serif;font-size:clamp(46px,4.6vw,64px);font-weight:300;color:var(--navy);line-height:1;letter-spacing:-.03em}
.so-cap p{margin-top:6px;font-size:14.5px}
.ho-so{margin-top:28px;display:flex;align-items:center;gap:16px;padding:16px 16px 16px 20px;border-radius:18px;background:#fff;box-shadow:var(--shadow);max-width:520px}
.ho-so .pdf{width:46px;height:46px;border-radius:12px;background:#FDECEC;color:#D93B3B;display:grid;place-items:center;font-weight:800;font-size:11px;flex:none}
.ho-so b{display:block;color:var(--navy)}.ho-so .nut{height:44px;padding:0 20px;margin-left:auto;font-size:14px}

/* Khách hàng */
.kh-tieu{text-align:center;max-width:900px;margin:0 auto 56px}
.kh-tieu h2{font-size:clamp(26px,2.6vw,38px);line-height:1.3}
.mb-bang{margin-top:56px;display:grid;grid-template-columns:auto 1fr 1fr;gap:0;border-radius:24px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.mb-bang>div{padding:26px 30px}
.mb-bang>div+div{border-left:1px solid var(--line)}
.mb-bang .mb{display:flex;align-items:center;gap:16px;font-weight:700;color:var(--navy);max-width:330px}
.mb-bang .mb img{height:30px;width:auto}
.mb-bang p{font-size:15px;color:var(--ink);margin-bottom:8px}

/* Dự án tiêu biểu */
.tab-hang{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#fff;box-shadow:var(--shadow);position:relative}
.tab-hang button{position:relative;z-index:1;border:0;background:none;font:inherit;font-weight:700;font-size:15px;color:var(--navy);padding:12px 24px;border-radius:999px;cursor:pointer;transition:color .4s}
.tab-hang button.bat{color:#fff}
.tab-hang .tab-nen{position:absolute;top:6px;bottom:6px;border-radius:999px;background:linear-gradient(135deg,var(--nut-1),var(--nut-2));transition:left .5s var(--ease),width .5s var(--ease)}
.du-an{display:none;grid-template-columns:7fr 5fr;gap:0;margin-top:36px;border-radius:30px;background:#fff;box-shadow:var(--shadow-h);overflow:hidden}
.du-an.bat{display:grid;animation:daVao .8s var(--ease)}
@keyframes daVao{from{opacity:0;transform:translateY(20px)}}
.du-an .anh{border-radius:0;height:100%;min-height:440px}
.du-an .anh img{animation:kb 14s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.du-an .anh.logo-anh{background:linear-gradient(140deg,#fff,#EEF3FF);display:grid;place-items:center}
.du-an .anh.logo-anh img{width:46%;height:auto;object-fit:contain;animation:none}
.du-an-chu{padding:clamp(30px,3.6vw,50px)}
.du-an-chu .nganh{font-size:13px;font-weight:700;color:var(--p2);letter-spacing:.02em}
.du-an-chu h3{font-size:clamp(28px,2.6vw,38px);margin:8px 0 26px;font-weight:400}
.mach{position:relative;padding-left:28px}
.mach::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--p1),var(--p3),var(--p4))}
.mach>div{position:relative;margin-bottom:22px}
.mach>div::before{content:"";position:absolute;left:-28px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--p3)}
.mach h4{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.mach p{font-size:15px;color:var(--ink)}

/* Tin tức: một bài lớn + hai bài dọc */
.tin-luoi{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}
.tin{display:block;border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .5s var(--ease),box-shadow .5s}
.tin:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}
.tin .anh{border-radius:0;aspect-ratio:16/9}
.tin .anh img{transition:transform 1.2s var(--ease)}.tin:hover .anh img{transform:scale(1.06)}
.tin-chu{padding:24px 28px 28px}
.tin-chu time{font-size:13px;color:var(--muted);font-weight:600}
.tin-chu h3{font-size:19px;font-weight:600;line-height:1.4;margin-top:8px}
.tin-lon .tin-chu h3{font-size:clamp(22px,2vw,27px);font-weight:500}
.tin-doc{display:grid;gap:28px}
.tin-doc .tin{display:grid;grid-template-columns:42% 1fr}
.tin-doc .tin .anh{aspect-ratio:auto;height:100%}

/* =====================================================================
   TRANG TRONG: đầu trang chung
   ===================================================================== */
.dau-trong{position:relative;padding:160px 0 clamp(70px,7vw,110px);overflow:hidden;background:radial-gradient(45% 55% at 90% 15%,rgba(31,177,203,.12),transparent 70%),radial-gradient(40% 50% at 70% 95%,rgba(112,105,232,.10),transparent 70%),linear-gradient(180deg,#F6F8FF,#fff)}
.vet-dau{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:28px}
.vet-dau a:hover{color:var(--blue)}
.vet-dau i{width:4px;height:4px;border-radius:50%;background:var(--muted)}

/* ---------- DỊCH VỤ ---------- */
.dv-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}
.dv-muc{border-top:1px solid var(--line)}
.dv-muc a{display:grid;grid-template-columns:54px 1fr 40px;align-items:center;padding:22px 6px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:color .35s,padding .45s var(--ease)}
.dv-muc a::before{content:"";position:absolute;inset:0;background:var(--m);transform:translateY(101%);transition:transform .55s var(--ease);z-index:0}
.dv-muc a>*{position:relative;z-index:1}
.dv-muc span{font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:13px;color:var(--m)}
.dv-muc b{font-size:clamp(19px,1.7vw,24px);font-weight:600;color:var(--navy);transition:color .35s}
.dv-muc em{font-style:normal;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);color:var(--navy);transition:.4s var(--ease)}
.dv-muc a:hover{padding-left:22px}
.dv-muc a:hover::before{transform:none}
.dv-muc a:hover span,.dv-muc a:hover b{color:#fff}
.dv-muc a:hover em{border-color:#fff;color:#fff;transform:rotate(-45deg)}
.dv-muc a:nth-child(1){--m:var(--p1)}.dv-muc a:nth-child(2){--m:var(--p2)}.dv-muc a:nth-child(3){--m:var(--p3)}.dv-muc a:nth-child(4){--m:var(--p4)}.dv-muc a:nth-child(5){--m:var(--gold)}
.dai-anh{position:relative;height:clamp(320px,46vw,600px);overflow:hidden;border-radius:32px;margin:0 var(--gut)}
.dai-anh img{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;will-change:transform}
.dai-anh::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,26,120,.45))}
.dai-anh .chu-anh{position:absolute;left:clamp(24px,4vw,56px);bottom:clamp(22px,3.5vw,48px);z-index:1;display:flex;flex-wrap:wrap;gap:10px}
.dai-anh .chu-anh span{padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);color:#fff;font-weight:600;font-size:14px}
.bac-luoi{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:end;position:relative}
.bac{border-radius:28px;padding:clamp(30px,3.4vw,48px);position:relative;overflow:hidden}
.bac-1{background:#fff;box-shadow:var(--shadow)}
.bac-2{color:rgba(255,255,255,.88);background:linear-gradient(150deg,#2B47D1,#2563EB 50%,#18A9C6);box-shadow:0 40px 80px -36px rgba(37,99,235,.65);padding-top:clamp(56px,6vw,90px)}
.bac-2::after{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(61,220,151,.45),transparent 65%)}
.bac>*{position:relative;z-index:1}
.bac .so-bac{font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:clamp(56px,6vw,88px);line-height:.85;letter-spacing:-.04em;background:var(--pho);-webkit-background-clip:text;background-clip:text;color:transparent}
.bac-2 .so-bac{background:linear-gradient(180deg,#fff,rgba(255,255,255,.55));-webkit-background-clip:text;background-clip:text}
.bac h3{font-size:clamp(24px,2.3vw,32px);font-weight:600;margin:22px 0 10px}
.bac-2 h3{color:#fff}
.bac .nhan-ve{font-size:16px}.bac .nhan-ve b{color:var(--navy)}.bac-2 .nhan-ve b{color:#fff}
.chuoi{margin-top:22px;font-weight:600;font-size:14.5px;color:var(--ink);line-height:2}
.chuoi span+span::before{content:"·";margin:0 10px;color:var(--p3)}
.bac-2 .chuoi{color:#fff}.bac-2 .chuoi span+span::before{color:rgba(255,255,255,.6)}
.bac .lk{margin-top:26px}
.mui-bac{position:absolute;left:34%;top:-64px;width:30%;height:90px;pointer-events:none;z-index:2}
.mui-bac path{fill:none;stroke:var(--p3);stroke-width:2;stroke-dasharray:5 7}
/* 3 dịch vụ thương hiệu: thẻ mở rộng khi rê */
.mo-rong{display:flex;gap:18px;height:520px}
.mr{flex:1;position:relative;border-radius:28px;overflow:hidden;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;background:#fff;box-shadow:var(--shadow);transition:flex .7s var(--ease),background .6s,box-shadow .6s;cursor:pointer;min-width:0}
.mr::before{content:"";position:absolute;inset:0;background:var(--g);opacity:0;transition:opacity .6s}
.mr>*{position:relative;z-index:1}
.mr .so{position:absolute;top:30px;left:36px;font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:15px;color:var(--m)}
.mr .bieu{position:absolute;top:22px;right:24px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--m) 35%,#fff),transparent 70%);opacity:.9;transition:transform .8s var(--ease)}
.mr h3{font-size:clamp(22px,2vw,28px);font-weight:600;transition:color .5s}
.mr .mo-ta{margin-top:12px;font-size:15.5px;max-width:420px;transition:color .5s}
.mr .an{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s var(--ease),opacity .5s}
.mr .chuoi{margin-top:18px}
.mr .lk{margin-top:16px}
.mr:hover,.mr.bat{flex:1.9}
.mr:hover::before,.mr.bat::before{opacity:1}
.mr:hover h3,.mr.bat h3,.mr:hover .mo-ta,.mr.bat .mo-ta,.mr:hover .chuoi,.mr.bat .chuoi,.mr:hover .so,.mr.bat .so{color:#fff}
.mr:hover .an,.mr.bat .an{max-height:260px;opacity:1}
.mr:hover .lk,.mr.bat .lk{color:#fff;background-image:linear-gradient(#fff,#fff)}
.mr:hover .chuoi span+span::before,.mr.bat .chuoi span+span::before{color:rgba(255,255,255,.6)}
.mr:hover .bieu,.mr.bat .bieu{transform:scale(2.4);opacity:.25}
.mr-1{--m:var(--p1);--g:linear-gradient(160deg,#1FB98A,#0E8A8F)}
.mr-2{--m:var(--p4);--g:linear-gradient(160deg,#6A63E6,#2B47D1)}
.mr-3{--m:var(--gold);--g:linear-gradient(160deg,#E89A12,#C0670A)}
.dai-cta{position:relative;overflow:hidden;border-radius:32px;padding:clamp(40px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#2B47D1,#2563EB 45%,#18A9C6);color:#fff}
.dai-cta::after{content:"";position:absolute;width:520px;height:520px;right:10%;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(61,220,151,.5),transparent 65%)}
.dai-cta h2{color:#fff;font-size:clamp(26px,3vw,42px);position:relative;z-index:1}
.dai-cta .nut{position:relative;z-index:1}

/* ---------- TƯ VẤN TĂNG TRƯỞNG ---------- */
.tv-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,4vw,70px);align-items:center}
.tv-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.08}
.tv-bang{display:flex;flex-wrap:wrap;gap:0;margin-top:40px;border-top:1px solid var(--line);padding-top:22px}
.tv-bang div{padding-right:34px;margin-right:34px;border-right:1px solid var(--line)}
.tv-bang div:last-of-type{border-right:0}
.tv-bang b{display:block;font-family:'Be Vietnam Pro',sans-serif;font-size:30px;font-weight:300;color:var(--navy);letter-spacing:-.02em;line-height:1.1}
.tv-bang span{font-size:13.5px}
.tv-bang small{flex-basis:100%;margin-top:12px;font-size:12px;color:var(--muted)}
.bieu-do{position:relative;width:100%;aspect-ratio:660/520}
.bieu-do svg{width:100%;height:100%;overflow:visible}
.bd-cot{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform 1.1s var(--ease)}
.bieu-do.ro .bd-cot{transform:none}
.bd-nhan{opacity:0;transition:opacity .6s,transform .6s var(--ease);transform:translateY(8px)}
.bieu-do.ro .bd-nhan{opacity:1;transform:none}
.bd-mui{stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1) 1.5s}
.bieu-do.ro .bd-mui{stroke-dashoffset:0}
.bd-dau{opacity:0;transform-box:fill-box;transform-origin:50% 50%;transform:scale(.3);transition:opacity .3s 2.9s,transform .6s cubic-bezier(.3,1.6,.5,1) 2.9s}
.bieu-do.ro .bd-dau{opacity:1;transform:none}
.bd-sang{animation:sangChay 3.2s 3.4s infinite}
@keyframes sangChay{0%{stroke-dashoffset:900}60%,100%{stroke-dashoffset:-900}}
.bt-luoi{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bt{position:relative;padding:clamp(28px,3vw,44px);border-radius:26px;background:#fff;box-shadow:var(--shadow);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s}
.bt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--m);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.bt:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}.bt:hover::after{transform:none}
.bt .mang{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--m)}
.bt .mang i{width:10px;height:10px;border-radius:50%;background:var(--m)}
.bt .hoi{margin-top:18px;font-size:clamp(22px,2.1vw,30px);font-weight:300;line-height:1.3;color:var(--navy)}
.bt:nth-child(1){--m:var(--p1)}.bt:nth-child(2){--m:var(--p2)}.bt:nth-child(3){--m:var(--p3)}.bt:nth-child(4){--m:var(--p4)}
.bt-duoi{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cach-luoi{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,90px);align-items:start}
.chum{position:sticky;top:110px;padding:34px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}
.chum .small{font-weight:700;color:var(--navy)}
.bong-hoi{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.bong-hoi span{align-self:flex-start;padding:12px 20px;border-radius:20px 20px 20px 6px;background:var(--sky);border:1px solid var(--line);font-weight:600;color:var(--navy);font-size:15.5px;animation:troi 6s ease-in-out infinite;animation-delay:calc(var(--i)*-1.2s)}
.bong-hoi span:nth-child(even){align-self:flex-end;border-radius:20px 20px 6px 20px}
@keyframes troi{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.chum .doi{margin-top:26px;display:flex;align-items:center;gap:12px;font-weight:700;color:var(--blue);font-size:14.5px}
.chum .doi::before{content:"";width:40px;height:2px;background:var(--pho)}
.buoc-doc{position:relative;padding-left:76px}
.buoc-doc::before{content:"";position:absolute;left:27px;top:10px;bottom:10px;width:2px;background:var(--line)}
.buoc-doc .vet{position:absolute;left:27px;top:10px;width:2px;height:0;background:linear-gradient(var(--p1),var(--p2),var(--p3),var(--p4));transition:height .2s linear}
.bd4{position:relative;padding:6px 0 54px;opacity:.35;transition:opacity .6s}
.bd4.bat{opacity:1}
.bd4 .tron{position:absolute;left:-76px;top:0;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-family:'Be Vietnam Pro',sans-serif;font-weight:700;color:var(--muted);transition:.5s var(--ease)}
.bd4.bat .tron{border-color:transparent;color:#fff;background:linear-gradient(140deg,var(--m),color-mix(in srgb,var(--m) 60%,#001489));box-shadow:0 10px 24px -8px var(--m)}
.bd4:nth-of-type(1){--m:var(--p1)}.bd4:nth-of-type(2){--m:var(--p2)}.bd4:nth-of-type(3){--m:var(--p3)}.bd4:nth-of-type(4){--m:var(--p4)}
.bd4 h3{font-size:clamp(22px,2vw,28px);font-weight:600;padding-top:10px}
.bd4 .tuy{font-size:13px;font-weight:700;color:var(--m);margin-top:4px}
.bd4 .chuoi{margin-top:12px}
.dau-ra{margin-top:10px;padding:28px 32px;border-radius:22px;color:#fff;background:linear-gradient(130deg,#2B47D1,#2563EB 50%,#18A9C6);box-shadow:0 30px 60px -30px rgba(37,99,235,.7)}
.dau-ra small{font-weight:800;letter-spacing:.1em;font-size:12px;opacity:.8}
.dau-ra p{margin-top:8px;font-size:17.5px;font-weight:600;line-height:1.55}
.nd-luoi{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:end}
.bao-cao{position:relative;padding:30px 26px 28px 34px;border-radius:8px 22px 22px 8px;background:#fff;box-shadow:var(--shadow);min-height:250px;display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s}
.bao-cao::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;border-radius:8px 0 0 8px;background:var(--m)}
.bao-cao::after{content:"";position:absolute;left:10px;top:0;bottom:0;width:6px;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent)}
.bao-cao:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:var(--shadow-h)}
.bao-cao .so{font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:13px;color:var(--m)}
.bao-cao h3{margin-top:auto;font-size:19px;font-weight:600;line-height:1.4}
.bao-cao .dong-gia{display:grid;gap:7px;margin:22px 0 24px}
.bao-cao .dong-gia i{height:5px;border-radius:5px;background:var(--line)}
.bao-cao .dong-gia i:nth-child(2){width:80%}.bao-cao .dong-gia i:nth-child(3){width:60%}
.bao-cao:nth-child(1){--m:var(--p1);min-height:250px}.bao-cao:nth-child(2){--m:var(--p2);min-height:280px}.bao-cao:nth-child(3){--m:var(--p3);min-height:310px}
.bao-cao.chinh{--m:var(--gold);min-height:350px;color:rgba(255,255,255,.85);background:linear-gradient(160deg,#2B47D1,#001489)}
.bao-cao.chinh h3{color:#fff}.bao-cao.chinh .dong-gia i{background:rgba(255,255,255,.18)}
.bao-cao .the{display:flex;gap:8px;margin-top:16px}
.bao-cao .the span{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-size:12.5px;font-weight:700;color:#fff}
.nd-ghi{margin-top:36px;text-align:center;font-size:17px;color:var(--navy)}
.nd-ghi b{font-weight:800}
.lc-luoi{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.ban-lv{border-radius:26px;background:#fff;box-shadow:var(--shadow);padding:30px 34px}
.ban-lv .small{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}
.ban-lv li{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:17px;font-weight:600;color:var(--navy)}
.ban-lv li i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--m) 14%,#fff);color:var(--m);font-style:normal;font-weight:800;font-size:13px;font-family:'Be Vietnam Pro',sans-serif}
.ban-lv li:nth-child(1){--m:var(--p1)}.ban-lv li:nth-child(2){--m:var(--p2)}.ban-lv li:nth-child(3){--m:var(--p3)}.ban-lv li:nth-child(4){--m:var(--p4)}.ban-lv li:nth-child(5){--m:var(--gold)}
.ban-lv .cung{margin-top:16px;font-size:14px}
.lc-chu .lon{font-size:clamp(22px,2.1vw,29px);font-weight:300;line-height:1.45;color:var(--navy)}
.lc-chu .phu{margin-top:26px;display:flex;gap:14px;align-items:flex-start;padding-top:24px;border-top:1px solid var(--line)}
.lc-anh{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:clamp(40px,5vw,70px)}
.lc-anh .anh{aspect-ratio:16/10}
.lc-anh .anh:last-child{aspect-ratio:auto;margin-top:60px}
.nhan-tam{position:absolute;left:14px;top:14px;z-index:2;padding:5px 10px;border-radius:8px;background:rgba(15,31,110,.6);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(6px)}

/* ---------- VỀ CHÚNG TÔI ---------- */
.vct-hero{text-align:left;max-width:1000px}
.vct-hero h1{font-size:clamp(44px,5.8vw,82px);line-height:1.04}
.vct-hero .lead{margin-top:28px;max-width:680px}
.vct-dv{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.vct-dv a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:#fff;box-shadow:0 8px 24px -14px rgba(20,40,140,.35);font-weight:700;font-size:14.5px;color:var(--navy);transition:.4s var(--ease)}
.vct-dv a i{width:9px;height:9px;border-radius:50%;background:var(--m)}
.vct-dv a:hover{background:var(--m);color:#fff;transform:translateY(-3px)}
.vct-dv a:hover i{background:#fff}
.vct-dv a:nth-child(1){--m:var(--p1)}.vct-dv a:nth-child(2){--m:var(--p2)}.vct-dv a:nth-child(3){--m:var(--p3)}.vct-dv a:nth-child(4){--m:var(--p4)}.vct-dv a:nth-child(5){--m:var(--gold)}
.vong-luoi{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,90px);align-items:center}
.vong{position:relative;width:100%;max-width:560px;aspect-ratio:1;margin:0 auto}
.vong svg.ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vong .tam{position:absolute;inset:27%;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;padding:20px}
.vong .tam b{font-size:clamp(15px,1.4vw,19px);font-weight:700;color:var(--navy);line-height:1.35}
.vong .tam small{display:block;font-size:12.5px;color:var(--muted);margin-top:6px}
.vn{position:absolute;width:150px;transform:translate(-50%,-50%);text-align:center}
.vn i{display:grid;place-items:center;margin:0 auto 8px;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--line);font-family:'Be Vietnam Pro',sans-serif;font-style:normal;font-weight:700;font-size:14px;color:var(--muted);transition:.5s var(--ease)}
.vn span{font-size:14px;font-weight:700;color:var(--muted);line-height:1.3;display:block;transition:color .5s}
.vn.bat i{border-color:transparent;color:#fff;background:linear-gradient(140deg,var(--m),color-mix(in srgb,var(--m) 55%,#001489));box-shadow:0 10px 24px -8px var(--m);transform:scale(1.15)}
.vn.bat span{color:var(--navy)}
.vn:nth-of-type(1){--m:var(--p1)}.vn:nth-of-type(2){--m:var(--p2)}.vn:nth-of-type(3){--m:var(--p3)}.vn:nth-of-type(4){--m:var(--p4)}.vn:nth-of-type(5){--m:#5B8CFF}.vn:nth-of-type(6){--m:var(--gold)}
.vong .quay{transform-origin:50% 50%;animation:quay 30s linear infinite}
@keyframes quay{to{transform:rotate(360deg)}}
.vong-chu .mo-hinh{margin-top:30px;padding:20px 24px;border-radius:18px;background:var(--sky);font-weight:700;color:var(--navy);display:flex;align-items:center;gap:14px}
.vong-chu .mo-hinh::before{content:"";width:36px;height:36px;border-radius:50%;flex:none;background:conic-gradient(var(--p1),var(--p2),var(--p3),var(--p4),var(--gold),var(--p1));-webkit-mask:radial-gradient(circle,transparent 10px,#000 11px);mask:radial-gradient(circle,transparent 10px,#000 11px);animation:quay 6s linear infinite}
.th-luoi{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.th-chu p+p{margin-top:16px}
.th-lk{margin-top:30px;display:grid;gap:4px}
.th-lk a{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--line);font-weight:700;color:var(--navy);font-size:17px;transition:padding .4s var(--ease),color .3s}
.th-lk a::after{content:"→";color:var(--m);transition:transform .4s var(--ease)}
.th-lk a:hover{padding-left:12px;color:var(--blue)}.th-lk a:hover::after{transform:translateX(6px)}
.th-lk a:nth-child(1){--m:var(--p3)}.th-lk a:nth-child(2){--m:var(--p1)}.th-lk a:nth-child(3){--m:var(--gold)}
.sach{perspective:1400px;display:grid;place-items:center}
.bia{position:relative;width:min(380px,100%);aspect-ratio:3/4;border-radius:10px 22px 22px 10px;padding:38px 34px;background:linear-gradient(160deg,#fff 0%,#F2F5FF 100%);box-shadow:-30px 40px 80px -30px rgba(20,40,140,.45),inset 8px 0 0 var(--deep);transform:rotateY(-18deg) rotateX(6deg);transform-style:preserve-3d;transition:transform .9s var(--ease);display:flex;flex-direction:column}
.sach:hover .bia{transform:rotateY(-6deg) rotateX(2deg) translateY(-6px)}
.bia::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);background-size:250% 100%;animation:bongSach 5s infinite;pointer-events:none}
@keyframes bongSach{0%,60%{background-position:120% 0}100%{background-position:-20% 0}}
.bia .vach{margin:auto 0 18px}
.bia img{height:30px;width:auto}
.bia .nam{position:absolute;right:30px;top:40px;font-weight:800;color:var(--muted);letter-spacing:.1em;font-size:13px}
.bia h3{font-size:30px;font-weight:300;line-height:1.2}
.bia .tep{margin-top:12px;font-size:13.5px;color:var(--muted)}
.bia .nut{margin-top:24px;align-self:flex-start;height:46px;font-size:14.5px}
.he-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ct{border-radius:24px;background:#fff;box-shadow:var(--shadow);padding:30px;display:flex;flex-direction:column;gap:20px;transition:transform .5s var(--ease),box-shadow .5s}
.ct:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}
.ct .lg{height:64px;display:flex;align-items:center}
.ct .lg img{max-height:54px;max-width:170px;width:auto;height:auto}
.ct ul li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:15px;font-weight:600;color:var(--ink)}
.ct ul li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--p3);flex:none}
.ct.chinh{grid-row:span 2;background:linear-gradient(160deg,#2B47D1,#001489);color:#fff;justify-content:space-between;padding:40px}
.ct.chinh .lg img{filter:brightness(0) invert(1);max-height:44px}
.ct.chinh ul li{color:#fff;font-size:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.ct.chinh ul li::before{background:var(--p1);width:8px;height:8px}
.ct.chinh .ghi{font-size:14px;opacity:.75}
.he-luoi .ct:not(.chinh) ul li:only-child{font-size:16px}
.dn-luoi{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.ng{position:relative}
.ng .khung{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#E8EEFF,#D7F3EE)}
.ng .khung img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ng:hover .khung img{transform:scale(1.06)}
.ng .khung::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--pho);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.ng:hover .khung::after{transform:none}
.ng h3{margin-top:16px;font-size:18px;font-weight:700}
.ng p{font-size:13.5px;line-height:1.45;margin-top:4px}
.ng .noi-lv{margin-top:8px;font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--p3);text-transform:uppercase}
.dn-luoi .ng:nth-child(1),.dn-luoi .ng:nth-child(2){grid-column:span 3}
.dn-luoi .ng:nth-child(1) .khung,.dn-luoi .ng:nth-child(2) .khung{aspect-ratio:auto;height:360px;display:grid;grid-template-columns:44% 1fr}
.dn-luoi .ng:nth-child(-n+2){display:block}
.ng.lon .khung{background:#fff;box-shadow:var(--shadow);height:auto}
.ng.lon .khung img{height:100%}
.ng.lon .the-chu{padding:34px 32px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.ng.lon .the-chu::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(31,177,203,.18),transparent 70%)}
.ng.lon h3{font-size:26px;font-weight:600;margin:0}
.ng.lon p{font-size:15.5px;margin-top:8px}
.nganh-tab{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.nganh-tab button{border:1px solid var(--line);background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--navy);padding:11px 18px;border-radius:999px;cursor:pointer;transition:.35s var(--ease)}
.nganh-tab button:hover{border-color:var(--p3)}
.nganh-tab button.bat{background:linear-gradient(135deg,var(--nut-1),var(--nut-2));color:#fff;border-color:transparent;box-shadow:0 10px 22px -12px rgba(0,20,137,.6)}
.nganh-o{display:none;grid-template-columns:repeat(6,1fr);gap:14px;padding:28px;border-radius:28px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:var(--shadow)}
.nganh-o.bat{display:grid}
.nganh-o .the-logo{width:auto;animation:logoVao .6s var(--ease) backwards;animation-delay:calc(var(--i)*40ms)}
@keyframes logoVao{from{opacity:0;transform:translateY(14px) scale(.96)}}

/* ---------- đáp ứng ---------- */
@media (max-width:1100px){
  .menu{display:none}.hamburger{display:grid;place-items:center}.dau-phai .nut{display:none}
  .chan-luoi{grid-template-columns:1fr 1fr}
  .dn-luoi{grid-template-columns:repeat(4,1fr)}.dn-luoi .ng:nth-child(1),.dn-luoi .ng:nth-child(2){grid-column:span 2}
  .nganh-o{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:900px){
  .h1-luoi,.h2-luoi,.h3-luoi,.h4-luoi,.dv-hero,.bac-luoi,.tv-hero,.cach-luoi,.lc-luoi,.vong-luoi,.th-luoi,.form-khoi,.tin-luoi{grid-template-columns:1fr}
  .thap{margin:0 auto}
  .so-dai{grid-template-columns:1fr 1fr}.so-dai>div:nth-child(3)::before{display:none}
  .h3-anh,.chum{position:relative;top:0}.h3-anh{aspect-ratio:4/3}
  .h4-anh{display:none}.chuong{min-height:0;padding:28px 0}
  .chuong .anh-dt{display:block;aspect-ratio:4/3;margin-bottom:22px}
  .mui-noi,.mui-bac{display:none}
  .mo-rong{flex-direction:column;height:auto}.mr{min-height:300px}.mr .an{max-height:260px;opacity:1}
  .mr:hover,.mr.bat{flex:1}
  .nd-luoi{grid-template-columns:1fr 1fr}
  .he-luoi{grid-template-columns:1fr 1fr}.ct.chinh{grid-column:1/-1;grid-row:auto}
  .du-an.bat{grid-template-columns:1fr}.du-an .anh{min-height:260px}
  .mb-bang{grid-template-columns:1fr}.mb-bang>div+div{border-left:0;border-top:1px solid var(--line)}
}
@media (min-width:901px){.chuong .anh-dt{display:none}}
@media (max-width:640px){
  .dau .wrap{height:68px}.logo img{height:32px}
  .h1{padding-top:110px}.dau-trong{padding-top:120px}
  .o-luoi{grid-template-columns:1fr}
  .so-dai>div{padding:22px 20px}
  .tin-doc .tin{grid-template-columns:1fr}.tin-doc .tin .anh{aspect-ratio:16/9}
  .bt-luoi,.nd-luoi,.he-luoi{grid-template-columns:1fr}
  .dn-luoi{grid-template-columns:1fr 1fr}.dn-luoi .ng:nth-child(1),.dn-luoi .ng:nth-child(2){grid-column:1/-1}
  .dn-luoi .ng:nth-child(1) .khung,.dn-luoi .ng:nth-child(2) .khung{height:auto;grid-template-columns:40% 1fr}
  .ng.lon .the-chu{padding:20px}.ng.lon h3{font-size:20px}
  .nganh-o{grid-template-columns:repeat(2,1fr);padding:16px}
  .nganh-tab{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1*var(--gut));padding-bottom:6px}
  .nganh-tab button{white-space:nowrap}
  .chan-luoi{grid-template-columns:1fr}
  .cta-dai,.dai-cta{flex-direction:column;align-items:flex-start;border-radius:26px}
  .cta-dai{padding:22px}
  .tv-bang div{padding-right:18px;margin-right:18px}.tv-bang b{font-size:24px}
  .vn{width:96px}.vn span{font-size:11.5px}.vn i{width:36px;height:36px;font-size:12px}
  .lc-anh{grid-template-columns:1fr}.lc-anh .anh:last-child{margin-top:0;aspect-ratio:16/10}
  .sec-dau{flex-direction:column;align-items:flex-start}
  .bac-2{padding-top:36px}
  .cu .nhan b{font-size:12px}.cu .nhan b::before{width:16px;height:16px;font-size:7.5px}.cu .nhan small{font-size:8.5px;padding-left:24px;letter-spacing:.06em}
  .tab-hang{display:flex;width:100%}.tab-hang button{flex:1;padding:12px 8px}
}

/* ===== THÁP H1 BẢN B (lấy nguyên từ claude/tools/h1_thap_chot_b.css, phần SVG) ===== */
/* ===== THÁP H1 TRANG CHỦ – BẢN CHỐT B · NHÃN MÀU (06/10). Tháp vẽ bằng SVG (lớp mbx-svg) thay ảnh thap-h1.webp ===== */
.mbx-s-mqa{stop-color:var(--mqa)}.mbx-s-mqb{stop-color:var(--mqb)}.mbx-s-cqa{stop-color:var(--cqa)}.mbx-s-cqb{stop-color:var(--cqb)}.mbx-s-m1a{stop-color:var(--m1a)}.mbx-s-m1b{stop-color:var(--m1b)}.mbx-s-c1a{stop-color:var(--c1a)}.mbx-s-c1b{stop-color:var(--c1b)}.mbx-s-m2a{stop-color:var(--m2a)}.mbx-s-m2b{stop-color:var(--m2b)}.mbx-s-c2a{stop-color:var(--c2a)}.mbx-s-c2b{stop-color:var(--c2b)}.mbx-s-m3a{stop-color:var(--m3a)}.mbx-s-m3b{stop-color:var(--m3b)}.mbx-s-c3a{stop-color:var(--c3a)}.mbx-s-c3b{stop-color:var(--c3b)}.mbx-s-m4a{stop-color:var(--m4a)}.mbx-s-m4b{stop-color:var(--m4b)}.mbx-s-c4a{stop-color:var(--c4a)}.mbx-s-c4b{stop-color:var(--c4b)}
.mbx-s-k0{stop-color:var(--k0)}.mbx-s-k1{stop-color:var(--k1)}
.mbx-s-v0{stop-color:var(--v0)}.mbx-s-v1{stop-color:var(--v1)}.mbx-s-v2{stop-color:var(--v2)}
.mbx-s-h0{stop-color:var(--h0)}.mbx-s-h1{stop-color:var(--h1)}.mbx-s-h2{stop-color:var(--h2)}
.mbx-s-n0{stop-color:var(--n0)}.mbx-s-n1{stop-color:var(--n1)}
.mbx-svg .mbx-mat{fill-opacity:var(--mat-o)}.mbx-svg .mbx-tq .mbx-mat{fill-opacity:1}
.mbx-svg .mbx-bong{fill:var(--bong)}.mbx-svg .mbx-day{fill:var(--day)}
.mbx-svg .mbx-hao{opacity:var(--hao-o)}.mbx-svg .mbx-phan{opacity:var(--phan-o)}
.mbx-svg .mbx-vien{filter:var(--vien-f,none)}
.mbx-svg .mbx-t,.mbx-svg .mbx-hao{transform-box:fill-box;transform-origin:50% 50%}
.mbx-quet-dai{transform:translateX(-600px)}
/* chuyển động: chậm, tinh, chạy một lần – tầng hạ lần lượt từ dưới lên, tấm Quyết định xuất hiện cuối kèm quầng sáng, một vệt sáng quét qua mép kính */
@keyframes mbxHa{from{opacity:0;transform:translateY(-36px)}to{opacity:1;transform:none}}
@keyframes mbxHien{from{opacity:0;transform:translateY(-20px) scale(.94)}to{opacity:1;transform:none}}
@keyframes mbxHao{0%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(1.06)}100%{opacity:var(--hao-o);transform:none}}
@keyframes mbxMo{from{opacity:0}}
@keyframes mbxQuet{from{transform:translateX(-600px)}to{transform:translateX(1500px)}}
@keyframes mbxCu{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes mbxVe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* luôn chạy trên bản xem thử */
.mbx-chay .mbx-t4{animation:mbxHa 1.3s cubic-bezier(.16,.84,.3,1) .15s backwards}
.mbx-chay .mbx-t3{animation:mbxHa 1.3s cubic-bezier(.16,.84,.3,1) .5s backwards}
.mbx-chay .mbx-t2{animation:mbxHa 1.3s cubic-bezier(.16,.84,.3,1) .85s backwards}
.mbx-chay .mbx-t1{animation:mbxHa 1.3s cubic-bezier(.16,.84,.3,1) 1.2s backwards}
.mbx-chay .mbx-tq{animation:mbxHien 1.5s cubic-bezier(.16,.84,.3,1) 1.95s backwards}
.mbx-chay .mbx-hao{animation:mbxHao 2.6s ease-out 2.25s backwards}
.mbx-chay .mbx-nen,.mbx-chay .mbx-phan{animation:mbxMo 1.6s ease-out .15s backwards}
.mbx-chay .mbx-quet-dai{animation:mbxQuet 2.4s cubic-bezier(.45,0,.25,1) 3.3s 1 backwards}
.mbx-chay .mbx-cu{animation:mbxCu 1s cubic-bezier(.2,.7,.2,1) backwards}
.mbx-chay .mbx-duong{transform-origin:0 50%;animation:mbxVe 1s cubic-bezier(.2,.7,.2,1) backwards}
.mbx-chay .mbx-cu-5,.mbx-chay .mbx-cu-5 .mbx-duong{animation-delay:.75s}
.mbx-chay .mbx-cu-4,.mbx-chay .mbx-cu-4 .mbx-duong{animation-delay:1.1s}
.mbx-chay .mbx-cu-3,.mbx-chay .mbx-cu-3 .mbx-duong{animation-delay:1.45s}
.mbx-chay .mbx-cu-2,.mbx-chay .mbx-cu-2 .mbx-duong{animation-delay:1.8s}
.mbx-chay .mbx-cu-1,.mbx-chay .mbx-cu-1 .mbx-duong{animation-delay:2.7s}
/* Phương án B · NHÃN MÀU: dải màu tươi (đáy xanh ngọc → lam → xanh dương → tím xanh, đỉnh vàng), huy hiệu số 01–05 cùng màu tầng, chấm tròn phát sáng, đường 1px nhạt dần */
.mbx-thap{--m1a:#C9C5FF;--m1b:#8780F7;--c1a:#7069E8;--c1b:#544BCB;--m2a:#A9D0FF;--m2b:#5293FF;--c2a:#3E7CF1;--c2b:#2C60D2;--m3a:#A6F2F6;--m3b:#2FCBE2;--c3a:#1FB1CB;--c3b:#1691AC;--m4a:#B2F6D7;--m4b:#36D39C;--c4a:#23B884;--c4b:#19976C;--mqa:#FFEAA8;--mqb:#FFC23F;--cqa:#F3A51F;--cqb:#CF8412;--mat-o:.95;--k0:rgba(255,255,255,.55);--k1:rgba(255,255,255,0);--v0:rgba(255,255,255,.95);--v1:rgba(255,255,255,.35);--v2:rgba(255,255,255,.8);--bong:rgba(30,50,140,.18);--day:rgba(255,255,255,.35);--h0:rgba(255,220,130,.85);--h1:rgba(255,190,60,.3);--h2:rgba(255,190,60,0);--hao-o:.7;--n0:rgba(40,80,200,.12);--n1:rgba(40,80,200,0);--phan-o:.4}


/* menu điện thoại + thông báo trang chưa dựng */
@media (max-width:1100px){
  body.mo-menu .menu{display:flex;flex-direction:column;position:fixed;top:68px;left:12px;right:12px;padding:12px;background:#fff;border-radius:22px;box-shadow:var(--shadow-h);gap:0}
  body.mo-menu .menu .con{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 12px;min-width:0}
  body.mo-menu .dau{background:#fff}
}
.bao-nho{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;z-index:60;padding:12px 20px;border-radius:999px;background:var(--navy);color:#fff;font-weight:600;font-size:14px;transition:.4s var(--ease);pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.bao-nho.hien-ra{opacity:1;transform:translate(-50%,0)}

/* ===== sửa lượt 1 ===== */
@media (min-width:901px){.h1-luoi{grid-template-columns:1.08fr 1fr}}
.h1 h1{font-size:clamp(40px,4.3vw,60px)}
.tv-bang{flex-wrap:nowrap}.tv-bang div{padding-right:24px;margin-right:24px;white-space:nowrap}
.tv-bang{display:grid;grid-template-columns:repeat(3,auto);justify-content:start}
.tv-bang small{grid-column:1/-1}
.ban-lv .cung{text-transform:none;letter-spacing:0;font-weight:500;font-size:13.5px}
.bd4{opacity:.5}
/* đội ngũ: vòng ảnh có viền phổ màu */
.dn-luoi{grid-template-columns:repeat(6,1fr);gap:24px}
.dn-luoi .ng{grid-column:auto!important;text-align:center}
.vanh{position:relative;width:min(100%,180px);aspect-ratio:1;margin:0 auto;border-radius:50%;padding:5px;background:conic-gradient(from 200deg,var(--p1),var(--p2),var(--p3),var(--p4),var(--gold),var(--p1));transition:transform .6s var(--ease)}
.vanh::after{content:"";position:absolute;inset:-10px;border-radius:50%;background:inherit;filter:blur(18px);opacity:0;transition:opacity .6s;z-index:-1}
.vanh img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:4px solid #fff}
.ng:hover .vanh{transform:translateY(-6px) rotate(-3deg)}.ng:hover .vanh::after{opacity:.55}
.ng h3{margin-top:18px;font-size:18px;font-weight:700}
/* MVV: Mibrand cột trái, SNP cột giữa, 4 công ty cột phải */
.he-luoi{grid-template-columns:1.25fr 1fr 1fr 1fr;grid-auto-rows:minmax(150px,auto)}
.ct.chinh{grid-row:span 2}
.he-luoi .ct:nth-child(2){grid-row:span 2}
/* vòng 6 bước: nhãn có nền trắng để không đè vạch */
.vn span{display:inline-block;background:rgba(255,255,255,.92);padding:3px 8px;border-radius:8px}
/* Về chúng tôi: quỹ đạo 6 chân dung bên phải đầu trang */
.vct-luoi{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.vct-hero{max-width:none}
.quy-dao{position:relative;display:block;width:100%;max-width:440px;aspect-ratio:1;margin-left:auto}
.quy-dao svg{position:absolute;inset:0;width:100%;height:100%;animation:quay 80s linear infinite}
.quy-tam{position:absolute;inset:37%;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:800;color:#fff;font-size:15px;line-height:1.2;background:linear-gradient(140deg,var(--p3),var(--deep));box-shadow:0 20px 40px -16px rgba(0,20,137,.6)}
.quy-dao .q{position:absolute;width:21%;aspect-ratio:1;border-radius:50%;border:4px solid #fff;box-shadow:0 14px 30px -12px rgba(20,40,140,.45);object-fit:cover;background:#fff;animation:troi 6s ease-in-out infinite}
.q1{left:39.5%;top:1%}.q2{left:76%;top:20%;animation-delay:-1s!important}.q3{left:76%;top:58%;animation-delay:-2s!important}.q4{left:39.5%;top:77%;animation-delay:-3s!important}.q5{left:3%;top:58%;animation-delay:-4s!important}.q6{left:3%;top:20%;animation-delay:-5s!important}
@media (max-width:1100px){.dn-luoi{grid-template-columns:repeat(3,1fr)}.he-luoi{grid-template-columns:1fr 1fr}.he-luoi .ct:nth-child(2){grid-row:auto}}
@media (max-width:900px){.vct-luoi{grid-template-columns:1fr}.quy-dao{margin:10px auto 0;max-width:340px}}
@media (max-width:640px){.dn-luoi{grid-template-columns:1fr 1fr}.he-luoi{grid-template-columns:1fr}.tv-bang{grid-template-columns:repeat(3,auto)}.tv-bang div{padding-right:12px;margin-right:12px}}
.vct-hero h1{font-size:clamp(40px,4.7vw,68px)}
.quy-tam img{width:72%;height:auto}

.thap{--W:1180;--X0:850;aspect-ratio:var(--W)/992;container-type:inline-size}
.thap .cu{left:calc(var(--x)/var(--W)*100%);top:calc(var(--y)/992*100%)}
.thap .cu .duong{width:calc((var(--X0) - var(--x))/var(--W)*100cqw)}
@media (max-width:640px){
 .thap{--W:1340;--X0:822}
 .cu .nhan{padding-left:6px}.cu .nhan b{font-size:11.5px;gap:5px}.cu .nhan b::before{width:15px;height:15px;font-size:7px}.cu .nhan small{font-size:8px;padding-left:20px;letter-spacing:.04em}
 .cu .cham{width:9px;height:9px}
 .tv-bang{grid-template-columns:repeat(3,1fr)}.tv-bang div{white-space:normal}
}
@media (max-width:900px){.h1 .thap{margin:10px auto 0 0;max-width:600px}}
@media (max-width:640px){.thap{--W:1420;--X0:812}}

/* =====================================================================
   LƯỢT 2 (07/10) – theo claude/review-pa3/REVIEW-PA3.md mục 1–9
   ===================================================================== */
/* ---- 7.2 tiêu đề trượt lên: khung che nới xuống, trượt xong bỏ che ---- */
.chu-len{padding:.08em 0 .22em;margin:-.08em 0 -.22em}
.chu-len.xong{overflow:visible}

/* ---- 8.1 thanh menu ---- */
.dau{--dau-h:84px}
.dau.cuon{--dau-h:68px}
.dau .wrap{height:var(--dau-h)}
.dau.cuon,.dau:has(.co-con:hover),.dau:has(.co-con:focus-within),body.mo-menu .dau{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(15,31,110,.07),0 10px 30px -22px rgba(15,31,110,.3)}
.menu-khung{margin:0 auto}
.menu{margin:0}
.menu>li>a{height:44px;display:flex;align-items:center;gap:7px;padding:0 16px}
.menu>li>a.dang{background:rgba(43,71,209,.08);color:var(--deep)}
.chev{transition:transform .35s var(--ease);opacity:.75}
.co-con:hover .chev,.co-con:focus-within .chev{transform:rotate(180deg)}
.menu .con{--cach:calc((var(--dau-h) - 44px)/2 + 8px);top:calc(100% + var(--cach));left:50%;transform:translate(-50%,8px);border:1px solid rgba(15,31,110,.06);box-shadow:0 30px 60px -24px rgba(15,31,110,.35),0 4px 12px rgba(15,31,110,.06)}
.menu>li:hover .con,.menu>li:focus-within .con{opacity:1;visibility:visible;transform:translate(-50%,0)}
.menu .con::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--cach) + 2px)}
.menu .con::after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(15,31,110,.06);border-top:1px solid rgba(15,31,110,.06);transform:translateX(-50%) rotate(45deg);border-radius:3px 0 0 0}
.menu .con a.dang{background:var(--sky);color:var(--deep);font-weight:800}
.menu .chi-dt{display:none}
.hamburger svg path{transition:transform .35s var(--ease),opacity .25s;transform-origin:12px 12px}
body.mo-menu .hb-1{transform:rotate(45deg) translateY(5px)}
body.mo-menu .hb-2{opacity:0}
body.mo-menu .hb-3{transform:rotate(-45deg) translateY(-5px)}
@media (max-width:1100px) and (min-width:1001px){
  .menu{display:flex}.hamburger{display:none}.dau-phai .nut{display:inline-flex}
  .menu>li>a{padding:0 11px;font-size:14.5px}.menu{gap:2px}.dau-phai{gap:8px}
}
@media (max-width:1000px){
  .menu{display:none}.hamburger{display:grid;place-items:center}.dau-phai .nut-dau{display:none}
  .menu-khung{margin:0}.dau-phai{margin-left:auto}
  body.mo-menu .menu{display:flex;flex-direction:column;position:fixed;top:calc(var(--dau-h) + 6px);left:12px;right:12px;max-height:calc(100vh - var(--dau-h) - 24px);overflow:auto;padding:12px;background:#fff;border-radius:22px;box-shadow:var(--shadow-h);gap:0}
  body.mo-menu .menu>li>a{height:50px;font-size:16px}
  body.mo-menu .menu .con{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
  body.mo-menu .menu .con::after,body.mo-menu .menu .con::before,body.mo-menu .chev{display:none}
  body.mo-menu .menu .chi-dt{display:block;padding:10px 4px 4px}
  body.mo-menu .menu .chi-dt .nut{width:100%;justify-content:center;height:52px;color:#fff;background:linear-gradient(135deg,var(--nut-1),var(--nut-2))}
}
/* nút nổi: nhỏ hơn, chỉ hiện sau màn đầu (M8) */
.noi{opacity:0;transform:scale(.6) translateY(20px);pointer-events:none;transition:opacity .4s,transform .5s var(--ease)}
.noi.hien-noi{opacity:1;transform:none;pointer-events:auto}
@media (max-width:640px){.noi{width:48px;height:48px;right:14px;bottom:14px}.noi svg{width:16px;height:16px}}

/* ---- trang chủ: tháp trên điện thoại rộng gần hết màn, chú thích xuống dưới ---- */
.thap-chu{display:none}
@media (max-width:900px){.h1 .thap{margin:10px auto 0}}
@media (max-width:640px){
  .h1 .thap{--W:840;width:84%;max-width:none;margin:8px auto 0}
  .h1 .thap .cu{display:none}
  .thap-chu{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:20px 0 0;padding:0;list-style:none}
  .thap-chu li{min-width:0}
  .thap-chu li.cu-1{grid-column:1/-1}
  .thap-chu b{display:flex;align-items:center;gap:8px;font-family:'Be Vietnam Pro',Mulish,sans-serif;font-weight:700;font-size:15px;color:var(--navy);line-height:1.2}
  .thap-chu b::before{content:attr(data-so);width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:9.5px;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--mau) 70%,#fff),var(--mau-d))}
  .thap-chu small{display:block;padding-left:30px;margin-top:2px;font-family:'Be Vietnam Pro',Mulish,sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--mau-d)}
}

/* ---- H2 trang chủ: mũi tên A/B/C, giữ nguyên khuôn ---- */
.mui-h2{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}
.mh-a,.mh-b,.mh-c{display:none}
.h2-luoi[data-mui=a] .mh-a,.h2-luoi[data-mui=b] .mh-b,.h2-luoi[data-mui=c] .mh-c{display:inline}
.mh-a-mui,.mh-b-mui,.mh-c-mui{transform-box:fill-box;transform-origin:50% 50%;transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.mh-b-sao{filter:blur(.5px)}
.mh-b-vet{transition:opacity .8s}
.mh-c-soi{fill:none;stroke-width:2.6;stroke-linecap:round;opacity:.9}
.so-bac.cham{animation:quang 1.4s var(--ease)}
@keyframes quang{0%{box-shadow:0 12px 24px -10px rgba(31,120,220,.6),0 0 0 0 rgba(62,124,241,.55)}35%{box-shadow:0 12px 24px -10px rgba(31,120,220,.6),0 0 0 14px rgba(62,124,241,.18),0 0 40px 12px rgba(31,177,203,.35)}100%{box-shadow:0 12px 24px -10px rgba(31,120,220,.6),0 0 0 26px rgba(62,124,241,0),0 0 40px 12px rgba(31,177,203,0)}}
.noi-dt{display:none}
@media (max-width:900px){
  .mui-h2{display:none}
  .noi-dt{display:flex;flex-direction:column;align-items:center;padding:34px 0 6px}
  .noi-dt i{display:block;width:2px;height:64px;background:repeating-linear-gradient(180deg,var(--p2) 0 6px,transparent 6px 11px);transform:scaleY(0);transform-origin:50% 0;transition:transform 1s var(--ease) .5s;-webkit-mask:linear-gradient(#000,#000);position:relative}
  .noi-dt::after{content:"";width:10px;height:10px;margin-top:-6px;border-right:2px solid var(--deep);border-bottom:2px solid var(--deep);transform:rotate(45deg) scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1) 1.4s}
  .buoc-1.ro .noi-dt i{transform:none}.buoc-1.ro .noi-dt::after{transform:rotate(45deg)}
  .buoc-1.ro .noi-dt i{background:repeating-linear-gradient(180deg,var(--p2) 0 6px,transparent 6px 11px)}
}
/* công tắc so sánh mũi tên (chỉ trên bản xem thử) */
.cong-tac{position:fixed;left:18px;bottom:18px;z-index:45;display:flex;align-items:center;gap:4px;padding:6px 6px 6px 16px;border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 14px 34px -14px rgba(15,31,110,.45),0 0 0 1px rgba(15,31,110,.06);font-size:13px;font-weight:700;color:var(--navy)}
.cong-tac span{margin-right:8px}
.cong-tac button{width:36px;height:36px;border-radius:50%;border:0;background:none;font:inherit;font-weight:800;color:var(--navy);cursor:pointer;transition:.3s}
.cong-tac button:hover{background:var(--sky)}
.cong-tac button.bat{color:#fff;background:linear-gradient(135deg,var(--nut-1),var(--nut-2))}
@media (max-width:640px){.cong-tac{left:12px;bottom:12px;padding:4px 4px 4px 12px;font-size:12px}.cong-tac button{width:32px;height:32px}}

/* nhãn trục dự án: chữ thường, đậm 600 (3.1) */
.mach h4{text-transform:none;letter-spacing:0;font-size:15px;font-weight:700;color:var(--navy);margin-bottom:2px}

/* ---- DỊCH VỤ: đầu trang phương án A (hai bậc là hình chủ đạo) ---- */
.dv-dau .t-hero{font-size:clamp(38px,4.2vw,58px);line-height:1.1}
.dv-hero2{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(36px,4vw,64px);align-items:center}
.dv-bac{position:relative;display:grid;grid-template-columns:1fr 1.06fr;gap:18px;align-items:end}
.dv-bac-tieu{grid-column:1/-1;font-size:15.5px;font-weight:600;color:var(--muted);margin-bottom:6px}
.dv-bac-tieu b{color:var(--navy);font-weight:800}
.dv-bac .bac{border-radius:26px;padding:28px 28px 26px}
.dv-bac .bac-2{padding-top:clamp(56px,6vw,96px)}
.dv-bac .so-bac{font-size:clamp(46px,4.4vw,66px)}
.dv-bac .bac h3{font-size:clamp(21px,1.75vw,25px);margin:16px 0 8px}
.dv-bac .nhan-ve{font-size:14.5px;line-height:1.55}
.dv-bac .ds-vach{margin-top:14px}
.dv-bac .ds-vach li{font-size:14px;padding:9px 0;white-space:nowrap}
.bac-2 .ds-vach li{color:#fff;border-bottom-color:rgba(255,255,255,.2)}
.bac-2 .ds-vach li::before{background:#9BF0CF}
.bac-2 .ds-vach li:hover{color:#fff}
.dv-bac .bac .lk{margin-top:16px;font-size:14.5px}
.dv-bac .mui-bac{left:auto;right:47%;top:auto;bottom:calc(100% - 120px);width:90px;height:56px;overflow:visible}
.dv-bac .mui-bac path{stroke-width:2;stroke-dasharray:4 6;stroke-linecap:round;fill:none;stroke:var(--p3)}
.dv-bac .mui-bac .dau-mui{stroke-dasharray:none;stroke:var(--deep)}
.dai-anh{height:clamp(260px,34vw,460px)}
.dai-anh img{object-position:50% 22%}
/* ba dịch vụ thương hiệu: dòng mở, hiện đủ chữ (3.2) */
.th-dong{border-top:1px solid var(--line)}
.thd{display:grid;grid-template-columns:96px 1.15fr 1.25fr auto;gap:28px 36px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line);position:relative}
.thd::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:72px;background:var(--m);transition:width .7s var(--ease)}
.thd:hover::before{width:100%}
.thd .so{font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:clamp(40px,4vw,56px);line-height:.95;letter-spacing:-.03em;color:var(--m)}
.thd h3{font-size:clamp(22px,2vw,28px);font-weight:600}
.thd p{margin-top:8px;font-size:15.5px}
.thd .lk{align-self:end;white-space:nowrap}
.ds-gach{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px}
.ds-gach li{position:relative;padding:7px 0 7px 22px;font-weight:600;font-size:15px;color:var(--ink);line-height:1.4}
.ds-gach li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:2px;border-radius:2px;background:var(--m,var(--p3))}
.cta-trang{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(34px,4vw,56px) clamp(28px,4vw,60px);border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.cta-trang h2{font-size:clamp(26px,2.8vw,40px);font-weight:300}
@media (max-width:1100px){.dv-hero2{grid-template-columns:1fr}.dv-bac{margin-top:10px}}
@media (max-width:900px){.thd{grid-template-columns:70px 1fr;gap:16px 20px}.thd .ds-gach,.thd .lk{grid-column:2}}
@media (max-width:640px){
  .dv-bac{grid-template-columns:1fr}.dv-bac .bac-2{padding-top:30px}.dv-bac .mui-bac{display:none}
  .dv-bac .ds-vach li{white-space:normal}
  .thd{grid-template-columns:1fr}.thd .ds-gach,.thd .lk{grid-column:auto}
  .ds-gach{grid-template-columns:1fr}
  .cta-trang{flex-direction:column;align-items:flex-start}
}

/* ---- TƯ VẤN TĂNG TRƯỞNG ---- */
.tv-hero{grid-template-columns:1fr 1.1fr;grid-template-rows:1fr auto auto auto auto auto 1fr;grid-template-areas:". hinh" "vet hinh" "h1 hinh" "lead hinh" "nut hinh" "so hinh" ". hinh";align-items:start}
.tv-o-vet{grid-area:vet}.tv-o-h1{grid-area:h1}.tv-o-lead{grid-area:lead;margin-top:24px}.tv-o-nut{grid-area:nut}.tv-o-so{grid-area:so}.tv-o-hinh{grid-area:hinh;align-self:center}
.tv-hero h1{font-size:clamp(38px,4.4vw,62px)}
@media (max-width:900px){
  .tv-hero{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"vet" "h1" "hinh" "nut" "lead" "so"}
  .tv-o-hinh{margin:26px 0 0}.tv-o-nut{margin-top:22px}.tv-o-lead{margin-top:26px}
}
/* bài toán: bỏ khung thẻ, 4 câu hỏi lớn ngăn bằng đường kẻ */
.bt-luoi2{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(30px,5vw,80px)}
.bt2{position:relative;padding:28px 0 36px;border-top:1px solid var(--line)}
.bt2::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:56px;background:var(--m);transition:width .7s var(--ease)}
.bt2:hover::before{width:100%}
.bt2 .mang{font-weight:700;font-size:15px;color:color-mix(in srgb,var(--m) 80%,#0F1F6E)}
.bt2 .hoi{margin-top:12px;font-size:clamp(23px,2.2vw,31px);font-weight:300;line-height:1.3;color:var(--navy)}
.cta-2{border-radius:28px;padding:16px 16px 16px 30px;flex-wrap:wrap}
.cta-nut{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cta-phu{display:flex;align-items:center;gap:14px;padding-left:22px;border-left:1px solid var(--line)}
.cta-phu small{font-size:13.5px;color:var(--muted);max-width:170px;line-height:1.35}
.nut-phu{display:inline-flex;align-items:center;height:48px;padding:0 20px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--blue) 35%,#fff);font-weight:700;font-size:14.5px;color:var(--deep);white-space:nowrap;transition:.3s var(--ease)}
.nut-phu:hover{background:var(--sky);border-color:var(--blue)}
/* bốn bước: hộp câu hỏi dính đến hết trục */
.chum-cot{align-self:stretch}
.chum{position:sticky;top:120px}
.chum-tieu{font-weight:700;color:var(--navy);font-size:17px;line-height:1.45}
.bd4 .ds-gach{margin-top:14px;max-width:560px}
.bd4:nth-of-type(1) .ds-gach{--m:var(--p1)}.bd4:nth-of-type(2) .ds-gach{--m:var(--p2)}.bd4:nth-of-type(3) .ds-gach{--m:var(--p3)}.bd4:nth-of-type(4) .ds-gach{--m:var(--p4)}
.dau-ra{color:var(--text);border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--p1),var(--p3),var(--p4)) border-box;box-shadow:var(--shadow)}
.dau-ra h4{font-size:16px;font-weight:800;color:var(--deep)}
.dau-ra p{color:var(--navy);margin-top:6px}
/* nhận được: bìa chữ thật, không vạch xám, bìa 04 trắng viền đậm */
.bao-cao .so{font-size:clamp(34px,3vw,44px);line-height:1;letter-spacing:-.03em}
.bao-cao h3{font-size:clamp(18px,1.5vw,21px)}
.bao-cao .phu{margin-top:12px;font-size:14px;font-weight:700;color:var(--deep)}
.bao-cao.chinh{--m:var(--deep);color:var(--text);background:#fff;box-shadow:0 0 0 2px var(--deep),var(--shadow-h)}
.bao-cao.chinh h3{color:var(--navy)}
/* làm cùng */
.ban-tieu{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px}
.ban-lv li i{width:auto;height:auto;background:none;border-radius:0;font-size:15px;color:var(--m);min-width:26px}
@media (max-width:900px){
  .chum{position:relative;top:0;padding:0;background:none;box-shadow:none}
  .bong-hoi{flex-direction:row;overflow-x:auto;margin:16px calc(-1*var(--gut)) 0;padding:4px var(--gut) 10px;scrollbar-width:none}
  .bong-hoi::-webkit-scrollbar{display:none}
  .bong-hoi span,.bong-hoi span:nth-child(even){align-self:auto;white-space:nowrap;flex:none;animation:none;border-radius:20px;background:#fff}
  .cach-luoi{gap:30px}
}
@media (max-width:640px){
  .bt-luoi2{grid-template-columns:1fr}
  .cta-2{border-radius:24px;padding:22px}.cta-nut{flex-direction:column;align-items:flex-start;gap:16px}
  .cta-phu{border-left:0;padding-left:0;flex-direction:column;align-items:flex-start;gap:8px}.cta-phu small{max-width:none}
  .bd4 .ds-gach{grid-template-columns:1fr}
  .nd-luoi{gap:12px}
  .bao-cao,.bao-cao:nth-child(n){min-height:0;padding:20px 22px 20px 30px}
  .bao-cao .so{font-size:30px}.bao-cao h3{margin-top:10px}
  .bao-cao:nth-child(2){margin-left:10px}.bao-cao:nth-child(3){margin-left:20px}.bao-cao:nth-child(4){margin-left:30px}
}

/* ---- VỀ CHÚNG TÔI: đầu trang phương án A (vòng Mô hình kiến tạo) ---- */
.vct-luoi{grid-template-columns:1.06fr 1fr;gap:clamp(30px,3vw,48px)}
.vct-hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1.08}
.vct-hero h1 b{color:var(--navy);background:none;-webkit-text-fill-color:currentColor}
.vong-khung{width:100%}
.vong{max-width:560px}
.vong .tam{inset:30%;padding:24px}
.vong .tam b{font-size:clamp(14px,1.25vw,17px)}
.vong-chay{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset .9s var(--ease)}
.vn{width:0;height:0;transform:none}
.vn i{position:absolute;left:0;top:0;margin:0;transform:translate(-50%,-50%)}
.vn.bat i{transform:translate(-50%,-50%) scale(1.15)}
.vn span{position:absolute;width:128px;background:none;padding:0;font-size:13.5px;line-height:1.35;text-align:left}
.vn-tren span{left:-64px;bottom:34px;text-align:center}
.vn-duoi span{left:-64px;top:34px;text-align:center}
.vn-phai span{left:34px;top:0;transform:translateY(-50%)}
.vn-trai span{right:34px;top:0;transform:translateY(-50%);text-align:right}
.vong-ds{display:none}
.vs-luoi{display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,5vw,80px);align-items:end}
.vs-luoi .lon{font-size:clamp(21px,2vw,28px);font-weight:300;line-height:1.5;color:var(--navy)}
/* hồ sơ năng lực: bìa phẳng, logo thẳng đúng tỉ lệ */
.sach{perspective:none}
.bia,.sach:hover .bia{transform:none}
.bia{box-shadow:0 40px 80px -34px rgba(20,40,140,.45),0 2px 8px rgba(20,40,140,.06),inset 7px 0 0 var(--deep);transition:transform .6s var(--ease),box-shadow .6s}
.sach:hover .bia{transform:translateY(-6px)}
.bia-dau{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bia-dau img{height:34px;width:auto;object-fit:contain}
.bia .nam{position:static}
.bia h3{margin-top:auto}
/* MVV: lưới đều */
.he-luoi{grid-template-columns:1fr 2.2fr;grid-auto-rows:auto}
.he-luoi .ct:nth-child(2){grid-row:auto}
.ct.chinh{grid-row:auto;background:var(--sky);color:var(--navy);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--blue) 22%,#fff)}
.ct.chinh .lg img{filter:none;max-height:40px}
.ct.chinh ul li{color:var(--navy);border-bottom-color:var(--line)}
.ct.chinh ul li::before{background:var(--p3)}
.he-phai{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.he-phai .ct{grid-column:span 2}
.he-phai .ct:nth-child(n+4){grid-column:span 3}
/* đội ngũ: viền trắng, bóng nhẹ */
.vanh{background:#fff;padding:0;box-shadow:0 22px 44px -22px rgba(20,40,140,.42),0 0 0 1px rgba(15,31,110,.05)}
.vanh::after{display:none}
.vanh img{border:5px solid #fff}
.ng:hover .vanh{transform:translateY(-6px)}
.ng .noi-lv{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:700;color:var(--blue)}
/* tab ngành: một hàng, cuộn ngang khi thiếu chỗ */
.nganh-tab{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px}
.nganh-tab::-webkit-scrollbar{display:none}
.nganh-tab button{white-space:nowrap;flex:none;padding:10px 15px;font-size:13.5px}
@media (max-width:1100px){
  .vct-luoi{grid-template-columns:1fr}
  .vong-khung{max-width:620px;margin:30px auto 0}
  .he-luoi{grid-template-columns:1fr}
}
@media (max-width:640px){
  .vn span{display:none}
  .vong{max-width:360px}
  .vong .tam{inset:27%;padding:14px}.vong .tam b{font-size:13px}
  .vong-ds{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:18px 0 0;padding:0;list-style:none}
  .vong-ds li{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--muted);line-height:1.3;transition:color .4s}
  .vong-ds li i{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-family:'Be Vietnam Pro',sans-serif;border:2px solid var(--line);transition:.4s}
  .vong-ds li.bat{color:var(--navy)}.vong-ds li.bat i{border-color:var(--p3);color:var(--p3)}
  .vs-luoi{grid-template-columns:1fr}
  .he-phai{grid-template-columns:1fr}.he-phai .ct,.he-phai .ct:nth-child(n+4){grid-column:auto}
}
@media (max-width:900px) and (min-width:641px){.he-phai{grid-template-columns:1fr 1fr}.he-phai .ct,.he-phai .ct:nth-child(n+4){grid-column:auto}.he-phai .ct:last-child{grid-column:1/-1}}
@media (max-width:900px){.cong-tac{opacity:0;pointer-events:none;transform:translateY(12px);transition:.35s}body.xem-h2 .cong-tac{opacity:1;pointer-events:auto;transform:none}}
/* TVTT đầu trang: biểu đồ không kéo giãn hàng chữ trên máy tính */
@media (min-width:901px){
  .tv-hero{min-height:560px}
  .tv-o-hinh{position:relative;align-self:stretch}
  .tv-o-hinh .bieu-do{position:absolute;left:0;top:50%;transform:translateY(-50%)}
}
@media (min-width:901px){.thd{grid-template-columns:96px 1fr 1.3fr auto}}
@media (min-width:901px){.thd .ds-gach li{white-space:nowrap}}
.nganh-tab{gap:6px}
.nganh-tab button{padding:9px 13px;font-size:13px}
/* sửa sau soát lượt 2 */
.tv-hero{row-gap:0}
.chu-len>span,.tv-hero h1,.t-h2{text-wrap:balance}
@media (max-width:900px){.cach-luoi{grid-template-columns:minmax(0,1fr)}.cach-luoi>*{min-width:0}}
@media (max-width:640px){
  .bieu-do text[font-size="17"]{font-size:22px}.bieu-do text[font-size="14"]{font-size:18px}
  .tv-bang b{font-size:26px}
}

/* =====================================================================
   LƯỢT 3 (07/10) – góp ý trang chủ anh Kha 16:07 + REVIEW-PA3 mục 10, 11
   ===================================================================== */
/* H1: bỏ chấm tròn, đường kẻ chạy thẳng tới ô số */
.cu .cham{display:none}
.cu .nhan{padding-left:4px}

/* H2: 3 hướng mới */
.mh-bac,.mh-muc{display:none}
.h2-luoi[data-mui=bac] .mh-bac,.h2-luoi[data-mui=muc] .mh-muc{display:inline}
.mh-bac-mui{transition:opacity .4s}
.mh-muc-cham{transform-box:fill-box;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.3,1.7,.5,1),opacity .2s}
.buoc .so-bac{transition:transform .7s cubic-bezier(.3,1.5,.5,1),box-shadow .7s}
.so-bac.nhac{transform:translateY(-6px);box-shadow:0 18px 30px -12px rgba(0,20,137,.55),0 0 0 3px #fff,0 0 0 5px rgba(31,177,203,.55),0 0 34px 6px rgba(31,177,203,.35)}
.so-bac.tach{opacity:.55}
.bong-01,.bong-vet{position:absolute;left:0;top:0;z-index:4;width:56px;height:56px;border-radius:18px;transform-origin:0 0;pointer-events:none;display:grid;place-items:center;font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:18px;color:#fff;
  background:linear-gradient(140deg,color-mix(in srgb,var(--p2) calc((1 - var(--x,0))*100%),var(--p3)),color-mix(in srgb,var(--p3) calc((1 - var(--x,0))*100%),var(--deep)));box-shadow:0 14px 28px -10px rgba(0,20,137,.55)}
.bong-vet{color:transparent;box-shadow:none;opacity:.22;animation:vetTan 1.1s var(--ease) forwards}
@keyframes vetTan{to{opacity:0;filter:blur(6px)}}
.bong-01.tan{animation:bongTan .5s var(--ease) forwards}
@keyframes bongTan{to{opacity:0;filter:blur(4px)}}
.cong-tac .ct-ten{font-style:normal;font-weight:600;color:var(--muted);margin:0 10px 0 6px;min-width:150px}
@media (max-width:640px){.cong-tac .ct-ten{display:none}}

/* H3: một ảnh đứng yên */
.h3-anh img{opacity:1;transform:none}

/* CTA "Chưa rõ nên bắt đầu từ đâu?": mũi tên tự vẽ sang nút */
.cta-ve{gap:14px;padding:14px 14px 14px 30px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,rgba(35,184,132,.5),rgba(62,124,241,.6)) border-box;border:1.5px solid transparent}
.cta-ve p{white-space:nowrap;font-size:17.5px}
.cta-mui{flex:1;min-width:40px;height:24px;overflow:visible}
.cm-duong{fill:none;stroke:url(#ctaG);stroke:var(--p3);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;pathLength:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.1s var(--ease)}
.cta-dau{width:14px;height:14px;margin-left:-18px;flex:none;opacity:0;transform:translateX(-8px);transition:.4s var(--ease) 1s}
.cta-dau path{fill:none;stroke:var(--p3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cta-ve.ve .cm-duong{stroke-dashoffset:0}
.cta-ve.ve .cta-dau{opacity:1;transform:none}
.nut-mot::after{animation:none}
.cta-ve.ve .nut-mot::after{animation:longlanhMot 1.1s 1.2s var(--ease) forwards}
@keyframes longlanhMot{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
.cta-ve .nut{transition:transform .4s var(--ease),box-shadow .4s}
.cta-ve:hover .nut{transform:translateY(-3px);box-shadow:0 22px 40px -14px rgba(0,20,137,.65)}
.cta-ve:hover .cta-dau{transform:translateX(6px)}
@media (max-width:640px){.cta-mui,.cta-dau{display:none}.cta-ve p{white-space:normal}}

/* Khách hàng: hàng 6 ngành, logo ngành đang sáng nổi lên */
.kh-tieu{margin-bottom:44px}
.kh-tieu .t-h2{margin-bottom:28px}
.nganh-hang{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}
.nganh-hang button{position:relative;border:0;background:none;font:inherit;font-size:clamp(19px,1.9vw,27px);font-weight:300;color:#9AA6C8;padding:8px 16px;cursor:pointer;transition:color .5s}
.nganh-hang button::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;border-radius:2px;background:var(--pho);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.nganh-hang button.bat{color:var(--navy);font-weight:700}
.nganh-hang button.bat::after{transform:none}
.nganh-hang button+button::before{content:"";position:absolute;left:-4px;top:50%;width:4px;height:4px;border-radius:50%;background:#C8D0E6}
.kh-logo .the-logo{transition:opacity .6s,filter .6s,transform .6s var(--ease),box-shadow .6s}
.kh-logo.loc .the-logo{opacity:.35;filter:grayscale(1)}
.kh-logo.loc[data-sang="0"] .the-logo[data-n="0"],.kh-logo.loc[data-sang="1"] .the-logo[data-n="1"],.kh-logo.loc[data-sang="2"] .the-logo[data-n="2"],.kh-logo.loc[data-sang="3"] .the-logo[data-n="3"],.kh-logo.loc[data-sang="4"] .the-logo[data-n="4"],.kh-logo.loc[data-sang="5"] .the-logo[data-n="5"]{opacity:1;filter:none;transform:translateY(-4px) scale(1.06);box-shadow:0 18px 36px -16px rgba(20,40,140,.45);background:#fff}
@media (max-width:640px){.nganh-hang{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:0 calc(-1*var(--gut));padding:0 var(--gut);scrollbar-width:none}.nganh-hang button{white-space:nowrap;flex:none;font-size:18px;padding:8px 12px}}

/* Dự án tiêu biểu: tab là logo khách, ảnh lớn có tên đè, ba bước nối một đường */
.tab-logo{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:-10px;border-bottom:1px solid var(--line)}
.tab-logo button{position:relative;z-index:1;height:96px;border:0;background:none;cursor:pointer;display:grid;place-items:center;opacity:.45;filter:grayscale(1);transition:opacity .4s,filter .4s}
.tab-logo button:hover{opacity:.8;filter:none}
.tab-logo button.bat{opacity:1;filter:none}
.tab-logo img{max-height:46px;max-width:150px;width:auto}
.tab-logo .chu-logo{font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:30px;letter-spacing:-.02em;color:var(--navy)}
.tab-logo .tab-nen{position:absolute;bottom:-1px;height:3px;border-radius:3px;background:var(--pho);transition:left .5s var(--ease),width .5s var(--ease)}
.du-an2{display:none;margin-top:34px}
.du-an2.bat{display:block;animation:daVao .8s var(--ease)}
.da-anh{position:relative;aspect-ratio:21/9;border-radius:30px;overflow:hidden;background:#0F1F6E}
.da-anh img{width:100%;height:100%;object-fit:cover;animation:kb 14s ease-out both}
.da-anh::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,90,0) 35%,rgba(10,20,90,.78))}
.da-ten{position:absolute;left:clamp(24px,4vw,56px);bottom:clamp(22px,3.4vw,46px);z-index:1;color:#fff}
.da-ten .nganh{font-size:14px;font-weight:700;color:#9BF0CF}
.da-ten h3{color:#fff;font-size:clamp(32px,4vw,56px);font-weight:300;margin-top:4px}
.da-anh.logo-anh{background:radial-gradient(60% 80% at 70% 30%,#FFE9A8 0%,transparent 60%),linear-gradient(140deg,#FFF6DD,#F1F5FF)}
.da-anh.logo-anh img{position:absolute;right:12%;top:50%;width:28%;height:auto;transform:translateY(-50%);object-fit:contain;animation:none}
.da-anh.logo-anh::after{background:linear-gradient(90deg,rgba(255,255,255,.0),rgba(255,255,255,0))}
.da-anh.logo-anh .da-ten{color:var(--navy)}.da-anh.logo-anh .da-ten h3{color:var(--navy)}.da-anh.logo-anh .da-ten .nganh{color:var(--blue)}
.da-ba{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin-top:42px;padding-top:36px}
.da-ba::before{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:linear-gradient(90deg,var(--p1),var(--p3),var(--p4));opacity:.5}
.da-ba>div{position:relative}
.da-so{position:absolute;top:-36px;left:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--p3);font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:11px;color:var(--deep)}
.da-ba>div:nth-child(1) .da-so{border-color:var(--p1)}.da-ba>div:nth-child(3) .da-so{border-color:var(--p4)}
.da-ba h4{font-size:17px;font-weight:700;color:var(--navy);margin:6px 0 8px}
.da-ba p{font-size:15.5px;color:var(--text)}
.du-an2 .lk{margin-top:26px}
@media (max-width:900px){.da-anh{aspect-ratio:16/10}.da-anh.logo-anh img{width:40%;right:8%}}
@media (max-width:640px){.tab-logo button{height:72px}.tab-logo img{max-width:92px;max-height:34px}.tab-logo .chu-logo{font-size:21px}
  .da-anh{aspect-ratio:4/3;border-radius:22px}.da-anh.logo-anh img{top:30%;width:55%;right:22%}
  .da-ba{grid-template-columns:1fr;padding-top:0;padding-left:44px;gap:22px}.da-ba::before{left:13px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:linear-gradient(var(--p1),var(--p3),var(--p4))}.da-so{top:2px;left:-44px}}

/* Form: thẻ gọi trực tiếp CEO */
.form-trai .lead b{color:#fff;font-weight:800;background:linear-gradient(transparent 62%,rgba(155,240,207,.45) 0)}
.ceo{margin-top:34px;padding:22px;border-radius:24px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px -30px rgba(0,10,80,.6)}
.ceo-dau{display:flex;align-items:center;gap:16px}
.ceo-anh{position:relative;width:74px;height:74px;flex:none;border-radius:50%;padding:3px;background:linear-gradient(140deg,#9BF0CF,#fff)}
.ceo-anh img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff}
.ceo-anh::after{content:"";position:absolute;right:2px;bottom:4px;width:15px;height:15px;border-radius:50%;background:#3DDC97;border:3px solid #fff;box-shadow:0 0 0 0 rgba(61,220,151,.7);animation:songXanh 2.2s infinite}
@keyframes songXanh{70%{box-shadow:0 0 0 10px rgba(61,220,151,0)}100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}}
.ceo-nhan{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:#BFF6E0}
.ceo-dau b{display:block;font-size:19px;font-weight:800;color:#fff;margin-top:2px}
.ceo-dau small{display:block;font-size:13.5px;opacity:.85}
.ceo-so{display:flex;align-items:center;gap:14px;margin-top:20px;padding:14px 18px;border-radius:18px;background:#fff;color:var(--deep);font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:clamp(24px,2.4vw,32px);letter-spacing:.01em;box-shadow:0 18px 36px -16px rgba(0,10,80,.6);transition:transform .4s var(--ease),box-shadow .4s;position:relative;overflow:hidden}
.ceo-so svg{width:44px;height:44px;padding:11px;flex:none;border-radius:50%;color:#fff;background:linear-gradient(135deg,#23B884,#1FB1CB);animation:rung 3.2s 1.5s infinite}
@keyframes rung{0%,86%,100%{transform:none}88%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}92%{transform:rotate(-10deg)}94%{transform:rotate(6deg)}}
.ceo-so::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(43,71,209,.12) 50%,transparent 65%);transform:translateX(-120%);animation:longlanh 5s 2s infinite}
.ceo-so:hover{transform:translateY(-3px);box-shadow:0 26px 44px -18px rgba(0,10,80,.7)}
.ceo-zalo{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.35);font-weight:700;color:#fff;transition:background .3s}
.ceo-zalo:hover{background:rgba(255,255,255,.14)}
.form-trai .lead{max-width:440px}

/* REVIEW mục 10 */
.nhan-bd{display:none}
.cta-phu{border-left:0;padding-left:0}
.bia.co-anh{aspect-ratio:auto;width:min(520px,100%);padding:0;overflow:hidden;border-radius:24px;box-shadow:0 40px 80px -34px rgba(20,40,140,.45),0 2px 8px rgba(20,40,140,.06)}
.bia.co-anh::after{display:none}
.bia-anh{position:relative;aspect-ratio:16/10;overflow:hidden}
.bia-anh img{width:100%;height:100%;object-fit:cover}
.dai-tam{position:absolute;left:0;right:0;bottom:0;padding:10px 16px;background:rgba(240,162,26,.94);color:#fff;font-weight:800;font-size:15px;line-height:1.35}
.bia-chu{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px 24px}
.bia-chu h3{margin:0;font-size:24px;font-weight:600}
.bia-chu .nut{margin:0}
@media (max-width:640px){.dai-tam{font-size:13px}.bia-chu{flex-direction:column;align-items:flex-start}}
@media (min-width:1101px){
  .he-luoi{align-items:start}
  .he-phai{grid-template-columns:repeat(3,1fr)}
  .he-phai .ct,.he-phai .ct:nth-child(n+4){grid-column:auto}
}
.ct.chinh{justify-content:flex-start;gap:24px}
.nganh-hang{flex-wrap:nowrap}
.nganh-hang button{font-size:clamp(17px,1.65vw,24px);padding:8px 13px;white-space:nowrap}
.nganh-hang button::after{left:13px;right:13px}
.kh-logo.loc .the-logo{opacity:.5;filter:grayscale(.85)}
.da-anh{aspect-ratio:12/5}
.da-anh:not(.logo-anh) img{object-position:50% 100%;animation:none}
.tab-logo img{max-height:58px;max-width:170px}
.tab-logo{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.tab-logo img{max-width:88%;max-height:36px}.tab-logo .chu-logo{font-size:20px}}
.ceo-so span{white-space:nowrap}
@media (max-width:640px){.ceo{padding:16px}.ceo-so{font-size:22px;gap:10px;padding:12px 14px}.ceo-so svg{width:38px;height:38px;padding:9px}.ceo-anh{width:62px;height:62px}}

/* ===== LƯỢT 4 (07/10 16:39): chốt H2 kiểu 3 + REVIEW-PA3 mục 12 ===== */
.mh-bay-vet,.mh-bay-mui{transition:opacity .6s}
.mui-h2{z-index:1}
.buoc .so-bac{position:relative;z-index:2}
/* 1. Khách hàng: logo ngành khác giữ đủ màu, chỉ logo ngành đang chọn nổi lên */
.kh-logo.loc .the-logo{opacity:1;filter:none}
.kh-logo.loc[data-sang="0"] .the-logo[data-n="0"],.kh-logo.loc[data-sang="1"] .the-logo[data-n="1"],.kh-logo.loc[data-sang="2"] .the-logo[data-n="2"],.kh-logo.loc[data-sang="3"] .the-logo[data-n="3"],.kh-logo.loc[data-sang="4"] .the-logo[data-n="4"],.kh-logo.loc[data-sang="5"] .the-logo[data-n="5"]{transform:translateY(-6px);box-shadow:0 0 0 2px var(--p3),0 18px 34px -14px rgba(43,71,209,.45);background:#fff}
/* 2. Form: bỏ chấm trực tuyến, cụm nhấn chỉ in đậm */
.ceo-anh::after{display:none}
.form-trai .lead b{background:none;text-decoration:none}
/* 3. Dự án: ảnh thấp, phủ sáng, không lộ chữ in sẵn của banner */
.da-anh:not(.logo-anh){aspect-ratio:16/5;background:#EEF3FF}
.da-anh:not(.logo-anh) img{object-position:50% 100%}
.da-anh:not(.logo-anh)::after{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 30%,rgba(255,255,255,0) 62%)}
.da-anh:not(.logo-anh) .da-ten{top:50%;bottom:auto;transform:translateY(-50%)}
.da-anh:not(.logo-anh) .da-ten h3{color:var(--navy)}
.da-anh:not(.logo-anh) .da-ten .nganh{color:var(--blue)}
.da-anh.logo-anh{aspect-ratio:16/5}
.da-anh.logo-anh .da-ten{top:50%;bottom:auto;transform:translateY(-50%)}
.da-anh.logo-anh img{width:20%}
.tab-logo .chu-logo{color:var(--navy)}
@media (max-width:640px){.da-anh:not(.logo-anh),.da-anh.logo-anh{aspect-ratio:16/9}.da-anh:not(.logo-anh)::after{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.55) 60%,rgba(255,255,255,.1))}.da-anh.logo-anh img{width:34%;top:50%;right:8%}}
/* 4. MVV: hàng dưới căn giữa */
@media (min-width:1101px){
  .he-phai{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
  .he-phai .ct{flex:0 0 calc((100% - 40px)/3)}
}

/* ===== LƯỢT 5 (07/10 16:54): REVIEW-PA3 mục 13 ===== */
/* 1. H3: ảnh đứng yên, cao bằng cột chữ, không phủ màu */
.h3-luoi{align-items:stretch}
.h3-anh{position:relative;top:0;aspect-ratio:auto;height:100%;min-height:520px}
.h3-anh::after{display:none}
@media (max-width:900px){.h3-anh{height:auto;min-height:0;aspect-ratio:4/3}}
/* 2. CTA: mũi tên ngắn cố định, nút đi liền sau */
.cta-ve{justify-content:flex-start}
.cta-mui{flex:0 0 56px;min-width:0;width:56px}
/* 3. Ảnh CEO phương án A: chân dung tròn lớn, crop sát mặt */
.ceo-dau{gap:20px}
.ceo-anh{width:128px;height:128px;padding:0;background:none;border:3px solid #fff;overflow:hidden;box-shadow:0 0 0 7px rgba(255,255,255,.16),0 0 40px rgba(155,240,207,.35),0 24px 50px -18px rgba(0,10,80,.65)}
.ceo-anh img{border:0;border-radius:0;transform:scale(2);transform-origin:77% 28%}
.ceo-dau b{font-size:22px;letter-spacing:-.01em}
.ceo-dau small{margin-top:3px}
@media (max-width:640px){.ceo-dau{gap:14px}.ceo-anh{width:84px;height:84px;box-shadow:0 0 0 5px rgba(255,255,255,.16),0 18px 36px -14px rgba(0,10,80,.65)}.ceo-dau b{font-size:19px;white-space:nowrap}.ceo-dau small{font-size:12.5px}.ceo-pa span{flex-basis:100%}}
/* Phương án B: ảnh ngang 16:10 trên đầu thẻ (chỉ bật bằng nút so sánh) */
.ceo-b{display:none;position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;margin-bottom:18px;box-shadow:0 30px 60px -24px rgba(0,10,80,.75)}
.ceo-b img{width:100%;height:100%;object-fit:cover;object-position:62% 30%;transform:scale(1.35);transform-origin:62% 30%}
.ceo-b .dai-tam{position:absolute;left:10px;right:auto;top:10px;bottom:auto;font-size:10.5px;padding:6px 10px;border-radius:8px}
.ceo.pa-b .ceo-b{display:block}
.ceo.pa-b .ceo-anh{display:none}
.ceo-pa{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.8)}
.ceo-pa button{font:inherit;font-weight:700;padding:6px 12px;border-radius:999px;border:1px dashed rgba(255,255,255,.5);background:none;color:#fff;cursor:pointer}
.ceo-pa button.bat{background:#fff;color:var(--deep);border-style:solid}
.ceo-pa+.ceo{margin-top:12px}

/* ===== LƯỢT 6 (08/10 00:03): REVIEW-PA3 mục 14 ===== */
/* H1: "Xem dự án" trước, nút chính sau */
.h1-nut{gap:30px}
/* Tháp: công tắc font A/B/C (chỉ ở bản xem thử) */
.chon-pa{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:6px;font-size:12.5px;color:var(--muted)}
.chon-pa button{font:inherit;font-weight:700;min-width:34px;padding:5px 11px;border-radius:999px;border:1px dashed var(--line);background:#fff;color:var(--navy);cursor:pointer}
.chon-pa button.bat{background:var(--deep);border:1px solid var(--deep);color:#fff}
.thap-khung .cu .nhan b,.thap-khung .cu .nhan small,.thap-khung .thap-chu b,.thap-khung .thap-chu small{font-family:Mulish,sans-serif}
/* A: tên Mulish 600, số mảnh + vạch dọc, chữ phụ Mulish 500 giãn rộng */
.thap-khung[data-font=a] .cu .nhan b,.thap-khung[data-font=a] .thap-chu b{font-weight:600;gap:0;letter-spacing:-.005em;color:#0F1F6E}
.thap-khung[data-font=a] .cu .nhan b::before,.thap-khung[data-font=a] .thap-chu b::before{width:2.4em;height:auto;display:block;flex:none;margin-right:.7em;padding:0;border-radius:0;background:none;box-shadow:none;border-right:1px solid color-mix(in srgb,var(--mau) 50%,transparent);text-align:left;font-size:.78em;line-height:1.3;font-weight:300;letter-spacing:.06em;color:var(--mau-d)}
.thap-khung[data-font=a] .cu .nhan small{padding-left:calc(clamp(13px,1.25vw,18px)*2.3);font-weight:500;letter-spacing:.26em;font-size:10px;margin-top:4px;color:color-mix(in srgb,var(--mau-d) 80%,#5A6488)}
.thap-khung[data-font=a] .thap-chu small{padding-left:38px;font-weight:500;letter-spacing:.22em;font-size:9.5px}
/* B: tên Mulish 300 mảnh, chấm số nhỏ hơn, chữ phụ đậm */
.thap-khung[data-font=b] .cu .nhan b,.thap-khung[data-font=b] .thap-chu b{font-weight:300;font-size:clamp(14px,1.4vw,20px);color:#0F1F6E}
.thap-khung[data-font=b] .cu .nhan b::before,.thap-khung[data-font=b] .thap-chu b::before{width:19px;height:19px;font-size:8.5px;font-family:Mulish,sans-serif;font-weight:800}
.thap-khung[data-font=b] .cu .nhan small,.thap-khung[data-font=b] .thap-chu small{padding-left:27px;font-weight:800;letter-spacing:.2em;font-size:10px}
/* C: mỗi nhãn là một miếng kính mờ nhỏ */
.thap-khung[data-font=c] .cu .nhan{margin-left:4px;padding:8px 14px 9px 12px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 26px -14px rgba(20,40,140,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.thap-khung[data-font=c] .cu .nhan b,.thap-khung[data-font=c] .thap-chu b{font-weight:600;gap:8px;color:#0F1F6E}
.thap-khung[data-font=c] .cu .nhan b::before,.thap-khung[data-font=c] .thap-chu b::before{width:auto;height:auto;background:none;box-shadow:none;border-radius:0;font-family:Mulish,sans-serif;font-weight:800;font-size:.72em;color:var(--mau-d)}
.thap-khung[data-font=c] .cu .nhan small,.thap-khung[data-font=c] .thap-chu small{padding-left:calc(1.6em + 8px);font-weight:500;letter-spacing:.22em;font-size:10px}

/* Khách hàng: chừa lề trên cho ô nổi, logo đều cỡ theo diện tích, viền sáng mảnh */
.kh-logo .marquee{padding:12px 0 14px;margin-top:-12px}
.kh-logo .marquee+.marquee{margin-top:-8px}
.kh-logo .the-logo img{max-width:none;max-height:none;object-fit:contain}
.kh-logo.loc[data-sang="0"] .the-logo[data-n="0"],.kh-logo.loc[data-sang="1"] .the-logo[data-n="1"],.kh-logo.loc[data-sang="2"] .the-logo[data-n="2"],.kh-logo.loc[data-sang="3"] .the-logo[data-n="3"],.kh-logo.loc[data-sang="4"] .the-logo[data-n="4"],.kh-logo.loc[data-sang="5"] .the-logo[data-n="5"]{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(62,124,241,.38),0 16px 32px -14px rgba(43,71,209,.4);background:#fff}

/* Dự án tiêu biểu: logo tab đủ màu, cùng chiều cao; tab chọn chỉ có gạch chân */
.tab-logo button,.tab-logo button:hover,.tab-logo button.bat{opacity:1;filter:none}
.tab-logo img{height:44px;max-height:none;max-width:80%;width:auto;object-fit:contain}
.tab-logo .chu-logo{font-family:Mulish,sans-serif;font-weight:800;font-size:34px;line-height:44px;letter-spacing:-.03em;color:var(--navy)}
.da-khung{display:grid;grid-template-columns:5fr 7fr;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.da-trai{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:clamp(28px,3.4vw,48px);background:radial-gradient(70% 90% at 15% 10%,rgba(155,240,207,.45),transparent 60%),linear-gradient(150deg,#EEF3FF,#F7F9FF)}
.da-trai .nganh{font-size:14px;font-weight:700;color:var(--blue)}
.da-trai h3{font-size:clamp(30px,3.2vw,46px);font-weight:300;line-height:1.1;color:var(--navy)}
.da-trai .lk{margin-top:18px}
.da-phai{display:grid;gap:0;padding:clamp(18px,2.4vw,30px) clamp(24px,3vw,44px)}
.da-phai>div{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.da-phai>div:last-child{border-bottom:0}
.da-phai .da-so{position:static;width:30px;height:30px}
.da-phai>div:nth-child(1) .da-so{border-color:var(--p1)}.da-phai>div:nth-child(3) .da-so{border-color:var(--p4)}
.da-phai h4{font-size:16.5px;font-weight:700;color:var(--navy);margin:3px 0 5px}
.da-phai p{font-size:15px;color:var(--text);line-height:1.6}
@media (max-width:900px){.da-khung{grid-template-columns:1fr}}
@media (max-width:640px){.tab-logo img{height:30px;max-width:86%}.tab-logo .chu-logo{font-size:22px;line-height:30px}.da-trai{padding:24px}.da-phai{padding:8px 20px}}

/* Thẻ CEO: nhãn thẳng hàng với tên */
.ceo-nhan{display:block}
.ceo-nhan i{display:none}

/* Tin tức: 3 thẻ, ảnh đủ khung (không cắt chữ in sẵn) ở trên, chữ ở dưới */
.tin-luoi{grid-template-columns:1.35fr 1fr 1fr;align-items:stretch}
.tin-doc{display:contents}
.tin-doc .tin{display:flex;flex-direction:column}
.tin .anh,.tin-doc .tin .anh{aspect-ratio:768/403;height:auto}
.tin-doc .tin-chu{padding:20px 22px 24px}
.tin-doc .tin-chu h3{font-size:17.5px}
@media (max-width:1100px){.tin-luoi{grid-template-columns:1fr 1fr}.tin-lon{grid-column:1/-1}}
@media (max-width:640px){.tin-luoi{grid-template-columns:1fr}}

/* Về chúng tôi, MVV: lưới 3 cột đều, thẻ cùng chiều cao, logo cùng cỡ */
.he-luoi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;align-items:stretch}
.he-phai{display:contents}
.he-luoi .ct,.he-luoi .ct.chinh,.he-phai .ct,.he-phai .ct:nth-child(n+4){grid-column:auto;grid-row:auto;flex:none;justify-content:flex-start;gap:18px;padding:28px}
.he-luoi .ct .lg{height:52px}
.he-luoi .ct .lg img,.he-luoi .ct.chinh .lg img{height:40px;max-height:40px;max-width:150px;width:auto;object-fit:contain}
.he-luoi .ct ul li,.he-luoi .ct.chinh ul li{font-size:15px;padding:8px 0}
@media (max-width:900px){.he-luoi{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.he-luoi{grid-template-columns:1fr;grid-auto-rows:auto}}
/* lượt 6, chỉnh sau khi soi */
.he-luoi .ct .lg{height:68px}
.he-luoi .ct .lg img,.he-luoi .ct.chinh .lg img{max-height:none;max-width:none}
.tin-luoi{grid-template-columns:repeat(3,minmax(0,1fr))}
.tin-lon .tin-chu{padding:20px 22px 24px}
.tin-lon .tin-chu h3{font-size:19px;font-weight:600}
.tab-logo img{height:52px}
.tab-logo img[alt="Honda Việt Nam"]{height:64px}
.tab-logo .chu-logo{font-size:38px;line-height:52px}
.thap-khung[data-font=a] .cu .nhan small{padding-left:calc(clamp(13px,1.25vw,18px)*2.3 + 3px)}
@media (max-width:640px){.tab-logo img{height:30px}.tab-logo img[alt="Honda Việt Nam"]{height:38px}.tab-logo .chu-logo{font-size:22px;line-height:30px}}
.chon-pa{margin-top:14px}

/* ===== LƯỢT 7 (08/10 00:27): REVIEW-PA3 mục 15 ===== */
/* H2: 3 kiểu nối 01 sang 02, công tắc D/E/F (chỉ ở bản xem thử) */
.chon-h2{justify-content:flex-end;margin:0 0 22px}
@media (max-width:900px){.chon-h2{display:none}}
.mh-d,.mh-e,.mh-f{display:none}
.h2-luoi[data-mui=d] .mh-d,.h2-luoi[data-mui=e] .mh-e,.h2-luoi[data-mui=f] .mh-f{display:inline}
.md-mui{opacity:0;transition:opacity .4s}
.md-dom{opacity:0}
.so-bac.hao{box-shadow:0 12px 24px -10px rgba(0,20,137,.55),0 0 0 7px rgba(243,165,31,.13),0 0 32px 6px rgba(243,165,31,.26)}
.so-bac.bung-vang{animation:bungVang 1.3s var(--ease)}
@keyframes bungVang{0%{box-shadow:0 12px 24px -10px rgba(0,20,137,.55),0 0 0 0 rgba(243,165,31,.6),0 0 32px 6px rgba(243,165,31,.26)}40%{box-shadow:0 12px 24px -10px rgba(0,20,137,.55),0 0 0 14px rgba(243,165,31,.2),0 0 46px 14px rgba(243,165,31,.4)}100%{box-shadow:0 12px 24px -10px rgba(0,20,137,.55),0 0 0 24px rgba(243,165,31,0),0 0 32px 6px rgba(243,165,31,.26)}}
.mh-e circle{opacity:0;transform:scale(0);transform-box:fill-box;transform-origin:50% 50%;transition:opacity .45s,transform .55s cubic-bezier(.3,1.6,.5,1)}
.mh-e circle.sang{opacity:var(--o);transform:none}
.mh-e.tho circle{animation:thoCham 2.8s ease-in-out infinite;animation-delay:calc(var(--i)*.11s)}
@keyframes thoCham{0%,100%{transform:scale(1)}50%{transform:scale(1.32)}}
.mf-dai{opacity:.24}
.mf-sang{opacity:0;filter:blur(5px);stroke-width:40}

/* Về chúng tôi, MVV: hàng cao theo nội dung; thẻ lớn cho công ty nhiều dịch vụ, thẻ ngang gọn cho công ty 1–2 dịch vụ */
.he-luoi{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch}
.he-luoi .ct,.he-luoi .ct.chinh,.he-phai .ct,.he-phai .ct:nth-child(n+4){grid-column:span 6}
.he-luoi .ct:not(.ngang) ul{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.he-luoi .ct.ngang{grid-column:span 3;flex-direction:row;align-items:center;gap:18px;padding:20px 22px}
.he-luoi .ct.ngang .lg{flex:0 0 92px;height:64px;justify-content:center}
.he-luoi .ct.ngang .lg img{max-width:92px;height:auto!important}
.he-luoi .ct.ngang ul li{padding:0;font-size:15px;line-height:1.4;align-items:flex-start}
.he-luoi .ct.ngang ul li::before{margin-top:7px}
@media (max-width:1100px){.he-luoi .ct.ngang{grid-column:span 6}}
@media (max-width:640px){.he-luoi .ct,.he-luoi .ct.chinh,.he-phai .ct,.he-luoi .ct.ngang{grid-column:1/-1}.he-luoi .ct:not(.ngang) ul{grid-template-columns:1fr}}

/* Dự án tiêu biểu: Honda chỉ còn cụm chữ HONDA, cỡ theo diện tích như Vietlott */
.tab-logo img[alt="Honda Việt Nam"]{max-width:90%;object-fit:contain}
@media (max-width:640px){.tab-logo img[alt="Honda Việt Nam"]{width:auto!important;height:22px!important}}
.so-bac.hao{box-shadow:0 12px 24px -10px rgba(0,20,137,.55),0 0 0 8px rgba(243,165,31,.18),0 0 38px 8px rgba(243,165,31,.32)}

/* ===== LƯỢT 8 (08/10 00:35): REVIEW-PA3 mục 16 ===== */
/* H4: số 01/02/03 luôn tô màu theo dải tháp; chương đang đọc nhích lên và có vệt sáng lướt qua số */
.chuong .so-lon{-webkit-text-stroke:0;color:transparent;-webkit-background-clip:text;background-clip:text;background-size:300% 100%,100% 100%;background-position:120% 0,0 0;background-repeat:no-repeat;display:inline-block;transition:transform .7s var(--ease),filter .7s}
.chuong:nth-child(1) .so-lon{background-image:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%),linear-gradient(135deg,#23B884,#1FB1CB)}
.chuong:nth-child(2) .so-lon{background-image:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%),linear-gradient(135deg,#1FB1CB,#3E7CF1)}
.chuong:nth-child(3) .so-lon{background-image:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%),linear-gradient(135deg,#3E7CF1,#7069E8)}
.chuong.bat .so-lon{-webkit-text-stroke:0;transform:translateY(-6px);filter:drop-shadow(0 12px 20px rgba(43,71,209,.22));animation:loeSo 1.4s var(--ease) .2s both}
@keyframes loeSo{from{background-position:120% 0,0 0}to{background-position:-20% 0,0 0}}
/* Câu trích: dấu ngoặc kép lớn như bản PA2, chữ trong ngoặc */
.trich{display:flex;gap:16px;align-items:flex-start;margin:26px 0 0;padding:20px 24px;border-radius:18px;background:var(--sky);border-left:0;font-size:16px;color:var(--navy);max-width:560px}
.trich .ngoac{flex:none;width:30px;height:30px;margin-top:2px;fill:var(--p3);opacity:.85}
.chuong:nth-child(1) .trich .ngoac{fill:var(--p1)}.chuong:nth-child(2) .trich .ngoac{fill:var(--p2)}
.trich p{margin:0;font-size:16px;line-height:1.65;font-style:italic;color:var(--navy)}

/* Khách hàng: khung nổi bật theo ngành dưới hàng tab, bên dưới 1 hàng logo chạy */
.kh-den{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:center;margin:0 auto 26px;padding:30px 34px;border-radius:28px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.95)}
.kd-trai p{font-size:clamp(22px,2vw,28px);font-weight:300;color:var(--navy);line-height:1.2}
.kd-ten{font-size:clamp(26px,2.5vw,36px);font-weight:800;color:var(--navy);line-height:1.15;margin:2px 0 12px}
.kd-ten.doi{animation:tenDoi .6s var(--ease)}
@keyframes tenDoi{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.kd-nhan{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--p3)}
.kd-phai{display:grid}
.kd-o{grid-area:1/1;display:flex;flex-wrap:wrap;align-content:center;gap:12px;visibility:hidden}
.kd-o.bat{visibility:visible}
.kd-logo{width:132px;height:74px;display:grid;place-items:center;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -18px rgba(20,40,140,.35);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .45s,transform .55s var(--ease)}
.kd-o.bat .kd-logo{opacity:1;transform:none;transition-delay:calc(var(--i)*55ms)}
.kd-logo img{object-fit:contain;max-width:none;max-height:none}
.kh-logo .marquee+.marquee{display:none}
@media (max-width:900px){.kh-den{grid-template-columns:1fr;gap:18px;padding:24px}.kd-trai{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.kd-trai p,.kd-ten{margin:0}.kd-nhan{flex-basis:100%}}
@media (max-width:640px){.kd-o{gap:8px}.kd-logo{width:calc((100% - 16px)/3);height:60px;border-radius:12px}.kd-logo img{transform:scale(.8)}}

/* ===== LƯỢT 8b (08/10 12:16): REVIEW-PA3 mục 17 ===== */
/* Khung khách hàng: ngành ≤ 8 logo dùng ô to hơn; khung cao theo loạt logo đang hiện */
.kd-phai{align-items:start;overflow:hidden;transition:height .5s var(--ease)}
.kd-o{align-self:start}
.kd-o.lon{gap:14px}
.kd-o.lon .kd-logo{width:165px;height:94px;border-radius:18px}
.kd-o.lon .kd-logo img{transform:scale(1.28)}
.kh-den{align-items:center}
/* Mobile: hàng tên ngành mờ mép để báo còn kéo ngang được */
@media (max-width:640px){
  .nganh-hang{-webkit-mask:linear-gradient(90deg,#000 0,#000 82%,transparent);mask:linear-gradient(90deg,#000 0,#000 82%,transparent);transition:-webkit-mask .3s}
  .nganh-hang.co-trai{-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 82%,transparent)}
  .nganh-hang.het-phai{-webkit-mask:linear-gradient(90deg,transparent,#000 14%);mask:linear-gradient(90deg,transparent,#000 14%)}
  .kd-o.lon .kd-logo{width:calc((100% - 16px)/3);height:70px;border-radius:12px}
  .kd-o.lon .kd-logo img{transform:scale(.95)}
  .kd-o.lon{gap:8px}
}

/* ===== LƯỢT 9 (08/10 13:11): REVIEW-PA3 mục 18 ===== */
/* Ảnh CEO: mặt vào giữa khung, thấy vai; quầng xanh trong vòng tròn làm chìm logo phông sau */
.ceo-anh img{transform:scale(1.6);transform-origin:66% 30%}
.ceo-anh::before{content:"";position:absolute;inset:0;z-index:2;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 54% 44%,transparent 38%,rgba(52,104,232,.72) 66%,rgba(52,104,232,.9) 80%)}
/* Dự án: ảnh 16:10 ở cột trái, tên + ngành + link dưới ảnh */
.da-trai{justify-content:flex-start;padding:clamp(20px,2.4vw,30px);background:linear-gradient(160deg,#F3F6FF,#FBFCFF)}
.da-hinh{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;margin-bottom:18px;background:#E9EEFB;box-shadow:0 18px 36px -22px rgba(10,26,120,.45)}
.da-hinh img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.du-an2:hover .da-hinh img{transform:scale(1.04)}
.da-vietlott{display:grid;place-items:center;background:radial-gradient(80% 90% at 75% 20%,#FF3B47 0%,transparent 60%),linear-gradient(140deg,#E0001B,#8E0012 70%,#060A38)}
.da-vietlott::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,rgba(255,255,255,.05) 0 2px,transparent 2px 22px)}
.da-vietlott img{position:relative;z-index:1;width:auto;height:auto;max-width:56%;padding:18px 26px;border-radius:18px;background:#fff;object-fit:contain;box-shadow:0 20px 40px -16px rgba(0,0,0,.45)}
.du-an2:hover .da-vietlott img{transform:none}
.da-trai h3{font-size:clamp(28px,2.8vw,40px)}
.da-trai .lk{margin-top:12px}
.da-khung{grid-template-columns:5fr 6fr;align-items:stretch}
@media (max-width:900px){.da-khung{grid-template-columns:1fr}}
/* Tin tức: trả lại cột theo màn hình (quy tắc 3 cột lượt 6 đè lên mobile) */
@media (max-width:1100px){.tin-luoi{grid-template-columns:1fr 1fr}.tin-lon{grid-column:1/-1}}
@media (max-width:640px){.tin-luoi{grid-template-columns:1fr}.tin-lon{grid-column:auto}}
/* Thu khoảng trắng giữa "Xem thêm dự án" và khối form */
#du-an{padding-bottom:clamp(40px,4vw,60px)}
#du-an+#lien-he{padding-top:clamp(32px,3.4vw,52px)}
.ceo-anh::before{background:radial-gradient(circle at 56% 42%,transparent 31%,rgba(52,104,232,.7) 54%,rgba(52,104,232,.93) 72%),linear-gradient(90deg,rgba(52,104,232,.55),transparent 34%)}

/* ===== LƯỢT 10 (08/10 13:26): REVIEW-PA3 mục 19 ===== */
/* Tháp: con trỏ bàn tay rõ ràng; rê chuột thì tháp nghiêng nhẹ, các lớp tách theo độ sâu, đốm sáng chạy theo chuột */
.h1 .thap{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .7s var(--ease);will-change:transform}
.h1 .thap.nghieng{transition:transform .25s ease-out}
.mbx-svg .mbx-t{--k:0;--nhac:0px;transform:translate(calc(var(--px,0)*var(--k)*1px),calc(var(--py,0)*var(--k)*1px - var(--nhac)));transition:transform .55s var(--ease),filter .45s}
.mbx-svg .mbx-t4{--k:4}.mbx-svg .mbx-t3{--k:8}.mbx-svg .mbx-t2{--k:12}.mbx-svg .mbx-t1{--k:16}.mbx-svg .mbx-tq{--k:24}
.mbx-svg .mbx-bong,.mbx-svg .mbx-quet,.mbx-svg .mbx-ho{pointer-events:none}
.mbx-den{opacity:0;transition:opacity .45s}
.thap.nghieng .mbx-den{opacity:1}
.mbx-loe{opacity:0}
@keyframes loeKinh{0%{opacity:0;transform:translateX(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(var(--d))}}
/* Rê vào một lớp hoặc nhãn: lớp nhấc lên, sáng hơn, vệt sáng quét qua; nhãn đậm lên, đường nối sáng chạy */
.thap[data-nhac="1"] .mbx-tq,.thap[data-nhac="2"] .mbx-t1,.thap[data-nhac="3"] .mbx-t2,.thap[data-nhac="4"] .mbx-t3,.thap[data-nhac="5"] .mbx-t4{--nhac:16px;filter:brightness(1.07) saturate(1.12)}
.thap[data-nhac="1"] .mbx-tq .mbx-loe,.thap[data-nhac="2"] .mbx-t1 .mbx-loe,.thap[data-nhac="3"] .mbx-t2 .mbx-loe,.thap[data-nhac="4"] .mbx-t3 .mbx-loe,.thap[data-nhac="5"] .mbx-t4 .mbx-loe{animation:loeKinh 1.1s var(--ease) both}
.thap .cu .nhan b{transition:color .3s,font-weight .3s}
.thap[data-nhac="1"] .cu-1 .nhan b,.thap[data-nhac="2"] .cu-2 .nhan b,.thap[data-nhac="3"] .cu-3 .nhan b,.thap[data-nhac="4"] .cu-4 .nhan b,.thap[data-nhac="5"] .cu-5 .nhan b{font-weight:800;color:var(--mau-d)}
.thap[data-nhac="1"] .cu-1 .duong,.thap[data-nhac="2"] .cu-2 .duong,.thap[data-nhac="3"] .cu-3 .duong,.thap[data-nhac="4"] .cu-4 .duong,.thap[data-nhac="5"] .cu-5 .duong{height:2px;background:linear-gradient(90deg,var(--mau) 0%,#fff 45%,var(--mau) 55%,var(--mau) 100%);background-size:220% 100%;box-shadow:0 0 10px color-mix(in srgb,var(--mau) 60%,transparent);animation:chayDuong 1.2s linear infinite}
@keyframes chayDuong{from{background-position:100% 0}to{background-position:-120% 0}}

/* CTA: mũi tên thẳng mảnh, rê chuột nhích phải */
.cta-ve{gap:14px}
.cta-thang{flex:none;width:38px;height:12px;overflow:visible}
.cta-thang path{fill:none;stroke:var(--p3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cta-thang{transition:transform .35s var(--ease)}
.cta-ve:hover .cta-thang{transform:translateX(4px)}
@media (max-width:640px){.cta-thang{display:none}}

/* Thẻ CEO: nút gọi đặc xanh lá ngọc, 2 dòng, sóng lan quanh icon */
.ceo-dau small{opacity:.9}
.ceo-so{gap:16px;padding:14px 22px 14px 14px;border-radius:999px;background:linear-gradient(135deg,#2BC48E,#14A37A);color:#fff;box-shadow:0 18px 34px -14px rgba(10,120,80,.7),inset 0 1px 0 rgba(255,255,255,.25);font-family:inherit}
.ceo-so::after{background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%)}
.ceo-so .cs-icon{position:relative;flex:none;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center}
.ceo-so .cs-icon svg{width:22px;height:22px;padding:0;background:none;color:#14A37A;border-radius:0}
.ceo-so .cs-icon::before,.ceo-so .cs-icon::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:songGoi 2.4s ease-out infinite}
.ceo-so .cs-icon::after{animation-delay:1.2s}
@keyframes songGoi{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.7);opacity:0}}
.ceo-so .cs-chu{display:flex;flex-direction:column;line-height:1.1;white-space:nowrap}
.ceo-so .cs-chu small{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.92}
.ceo-so .cs-chu b{font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:clamp(24px,2.3vw,30px);letter-spacing:.01em;margin-top:3px}
.ceo-so:hover{transform:translateY(-4px);box-shadow:0 28px 46px -16px rgba(10,120,80,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.ceo-so:hover .cs-icon::before,.ceo-so:hover .cs-icon::after{animation-duration:1.4s;border-color:#fff}
@media (max-width:640px){.ceo-so{width:100%;padding:12px 18px 12px 12px;gap:12px}.ceo-so .cs-icon{width:44px;height:44px}.ceo-so .cs-chu b{font-size:23px}}

/* ============ LƯỢT 12: nút "Trao đổi với Mibrand" sóng tỏa, mũi tên trong nút, form ============ */
.nut-mt{flex:none;width:18px;height:12px;overflow:visible;margin-right:-4px;transition:transform .35s var(--ease)}
.nut-mt path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nut:hover .nut-mt,.cta-ve:hover .nut-mt{transform:translateX(5px)}
/* vệt sáng chuyển vào nền nút để 2 giả phần tử làm vòng sóng tràn ra ngoài viền */
.nut-toa{--sa:.6;overflow:visible;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%) 100% 0/260% 100% no-repeat,linear-gradient(135deg,var(--nut-1),var(--nut-2));animation:longlanhNen 4.5s 1.5s infinite}
@keyframes longlanhNen{0%,70%{background-position:100% 0,0 0}100%{background-position:0 0,0 0}}
.nut-mot.nut-toa{animation:none}
.cta-ve.ve .nut-mot.nut-toa{animation:longlanhNen1 1.1s 1.2s var(--ease) forwards}
@keyframes longlanhNen1{from{background-position:100% 0,0 0}to{background-position:0 0,0 0}}
.nut-toa::before,.nut-toa::after,.nut-mot.nut-toa::after,.cta-ve.ve .nut-mot.nut-toa::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px solid rgba(62,124,241,.9);box-shadow:0 0 14px rgba(62,124,241,.55),inset 0 0 10px rgba(62,124,241,.3);background:none;transform:none;opacity:0;pointer-events:none;animation:none}
.nut-toa.toa::before,.nut-toa.toa::after,.cta-ve.ve .nut-mot.nut-toa.toa::after{animation:toaVong 2.4s cubic-bezier(.2,.6,.35,1) infinite}
.nut-toa.toa::after,.cta-ve.ve .nut-mot.nut-toa.toa::after{animation-delay:-1.2s}
@keyframes toaVong{0%{inset:0;opacity:var(--sa)}65%{opacity:calc(var(--sa)*.5)}100%{inset:-16px;opacity:0}}
.nut-toa:hover,.cta-ve:hover .nut-toa{--sa:.85;transform:translateY(-3px)}
.form-trai h2{font-size:clamp(28px,2.85vw,40px)}
@media (min-width:641px){.ceo-dau b{font-size:clamp(18px,1.55vw,22px);white-space:nowrap}}
.form-trai h2>span,.form-trai h2>b{display:block}

/* ============ LƯỢT 13: form nhấn "lời giải", nút gọi tỏa sóng cả nút, ảnh CEO ============ */
.form-trai .lg{position:relative;display:inline-block;white-space:nowrap;background:linear-gradient(100deg,#FFE3A3,#FFC24A 45%,#F0A21A);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.form-trai .lg svg{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.3em;overflow:visible}
.form-trai .lg path{fill:none;stroke:#FFC24A;stroke-width:3.5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ease) .6s}
.form-khoi.ro .lg path{stroke-dashoffset:0}
.form-trai .lead .nw{white-space:nowrap}
/* nút Gọi ngay: 2 vòng sóng quanh cả viên nút, cùng nhịp nút Trao đổi; vệt sáng chuyển vào nền */
.ceo-so{--sa:.75;overflow:visible;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.3) 50%,transparent 62%) 100% 0/260% 100% no-repeat,linear-gradient(135deg,#2BC48E,#14A37A);animation:longlanhNen 5s 2s infinite}
.ceo-so::before,.ceo-so::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px solid rgba(61,220,151,.95);box-shadow:0 0 14px rgba(61,220,151,.6),inset 0 0 10px rgba(61,220,151,.3);background:none;transform:none;opacity:0;pointer-events:none;animation:none}
.ceo-so.toa::before,.ceo-so.toa::after{animation:toaVong 2.4s cubic-bezier(.2,.6,.35,1) infinite}
.ceo-so.toa::after{animation-delay:-1.2s}
.ceo-so:hover{--sa:1}
.ceo-so .cs-icon::before,.ceo-so .cs-icon::after{content:none;animation:none}
/* ảnh CEO: phóng 1,42, mặt giữa; bầu dục quanh đầu trong suốt, ngoài làm mờ + phủ xanh nhẹ */
.ceo-anh{border-width:2px;box-shadow:0 0 0 6px rgba(255,255,255,.16),0 0 40px rgba(155,240,207,.35),0 24px 50px -18px rgba(0,10,80,.65)}
.ceo-anh img{transform:scale(1.42);transform-origin:63% 46%}
.ceo-anh::before{background:radial-gradient(ellipse 32% 48% at 51% 47%,transparent 74%,rgba(46,96,226,.5) 90%,rgba(46,96,226,.8) 100%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-webkit-mask:radial-gradient(ellipse 32% 48% at 51% 47%,transparent 72%,#000 92%);mask:radial-gradient(ellipse 32% 48% at 51% 47%,transparent 72%,#000 92%)}
@media (max-width:640px){.ceo-anh{box-shadow:0 0 0 5px rgba(255,255,255,.16),0 18px 36px -14px rgba(0,10,80,.65)}}

/* ============ LƯỢT 14: soát cuối – nút gọi màn hẹp, logo mobile, form căn giữa ============ */
@media (max-width:400px){.form-trai{padding-left:22px;padding-right:22px}.ceo{padding:14px}.ceo-so{gap:10px;padding:10px 16px 10px 10px}.ceo-so .cs-icon{width:44px;height:44px}.ceo-so .cs-chu b{font-size:clamp(18px,5.4vw,22px)}}
@media (max-width:640px){.kd-logo img{max-width:86%!important;height:auto!important}}
@media (min-width:901px){.form-phai{display:flex;flex-direction:column;justify-content:center}.form-phai textarea{min-height:150px}}

/* ============ LƯỢT 15: tháp kính xuất hiện theo bản B (mã Review dựng thử, REVIEW-PA3 mục 24) ============ */
/* ===== Bản B (link mẫu): tháp vào so le ~1 giây, tấm dưới bay lên, tấm vàng đáp xuống ===== */
.mbx-chay .mbx-t4,.mbx-chay .mbx-t3,.mbx-chay .mbx-t2,.mbx-chay .mbx-t1{animation:thapLen .56s cubic-bezier(.33,1,.68,1) backwards}
.mbx-chay .mbx-t4{animation-delay:.1s}.mbx-chay .mbx-t3{animation-delay:.21s}.mbx-chay .mbx-t2{animation-delay:.32s}.mbx-chay .mbx-t1{animation-delay:.43s}
.mbx-chay .mbx-tq{animation:thapXuong .6s cubic-bezier(.33,1,.68,1) .54s backwards}
@keyframes thapLen{from{opacity:0;transform:translateY(76px)}}
@keyframes thapXuong{from{opacity:0;transform:translateY(-58px)}}
.mbx-chay .mbx-nen,.mbx-chay .mbx-phan{animation:mbxMo .7s ease-out backwards}
.mbx-chay .mbx-hao{animation:mbxHao 1.8s ease-out .95s backwards}
.mbx-chay .mbx-quet-dai{animation:mbxQuet 2s cubic-bezier(.45,0,.25,1) 1.25s 1 backwards}
.h1 .thap .cu,.h1 .thap .cu .duong{animation-duration:.38s}
.mbx-chay .cu-5,.mbx-chay .cu-5 .duong{animation-delay:.36s}
.mbx-chay .cu-4,.mbx-chay .cu-4 .duong{animation-delay:.47s}
.mbx-chay .cu-3,.mbx-chay .cu-3 .duong{animation-delay:.58s}
.mbx-chay .cu-2,.mbx-chay .cu-2 .duong{animation-delay:.69s}
.mbx-chay .cu-1,.mbx-chay .cu-1 .duong{animation-delay:.84s}
.h1 .so-dai{animation:none!important;opacity:1!important;transform:none!important}
.h1 .so-dai>div{animation:soLen .6s cubic-bezier(.33,1,.68,1) backwards}
.h1 .so-dai>div:nth-child(1){animation-delay:.75s}.h1 .so-dai>div:nth-child(2){animation-delay:.85s}.h1 .so-dai>div:nth-child(3){animation-delay:.95s}.h1 .so-dai>div:nth-child(4){animation-delay:1.05s}
@keyframes soLen{from{opacity:0;transform:translateY(18px)}}
/* câu lớp khi rê: hiện ở dải dưới chân tháp, không che tấm kính */
.h1 .thap-khung{position:relative}
.h1 .cau-duoi{position:absolute;left:4%;right:4%;bottom:-6px;z-index:3;display:grid;justify-items:center;align-items:end;pointer-events:none}
.h1 .cau-duoi p{grid-area:1/1;display:flex;align-items:baseline;gap:10px;max-width:520px;margin:0;padding:10px 16px 11px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid rgba(0,20,137,.08);box-shadow:0 18px 40px -20px rgba(0,20,137,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:400 14.5px/1.5 Mulish,sans-serif;color:#3A4460;opacity:0;transform:translateY(6px);transition:opacity .22s,transform .22s}
.h1 .cau-duoi p.bat{opacity:1;transform:none}
.h1 .cau-duoi i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--mau);box-shadow:0 0 0 3px color-mix(in srgb,var(--mau) 22%,transparent);transform:translateY(-1px)}
.h1 .cau-duoi b{flex:none;font-weight:700;color:var(--mau-d)}
.h1 .thap-khung:not(.vao) .mbx-chay *,.h1 .thap-khung:not(.vao) .cu{animation-play-state:paused!important}
/* điện thoại: danh sách lớp vào so le, chạm để xem câu */
@media (max-width:767px){
 .h1 .thap-chu li{animation:soLen .5s cubic-bezier(.33,1,.68,1) backwards;cursor:pointer}
 .h1 .thap-chu .cu-5{animation-delay:.36s}.h1 .thap-chu .cu-4{animation-delay:.47s}.h1 .thap-chu .cu-3{animation-delay:.58s}.h1 .thap-chu .cu-2{animation-delay:.69s}.h1 .thap-chu .cu-1{animation-delay:.84s}
 .h1 .cau-mb{margin:12px 0 0;min-height:0;font:400 14.5px/1.5 Mulish,sans-serif;color:#3A4460;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid rgba(0,20,137,.08);box-shadow:0 14px 30px -18px rgba(0,20,137,.35)}
 .h1 .cau-mb[hidden]{display:none}
 .h1 .thap-chu li.on b{color:var(--mau-d)}
}
@media (min-width:768px){.h1 .cau-mb{display:none}}
@media (max-width:767px){.h1 .cau-duoi{display:none}}
/* chấm màu và tên lớp trong câu dưới chân tháp lấy đúng màu của lớp */
.cau-duoi p[data-l="1"]{--mau:#F0A21A;--mau-d:#B97609}.cau-duoi p[data-l="2"]{--mau:#7069E8;--mau-d:#5048C4}.cau-duoi p[data-l="3"]{--mau:#3E7CF1;--mau-d:#2A5FCC}.cau-duoi p[data-l="4"]{--mau:#1FB1CB;--mau-d:#12849C}.cau-duoi p[data-l="5"]{--mau:#23B884;--mau-d:#15885F}