@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Google+Sans+Flex:wght@100..900&display=swap');

/* LEONIX � Taste-skill restyle
   Page-only overrides. Original QWeb, copy, interactions and media stay intact. */
.o_leonix_solution_clone_0{
  --brand-ink:#292929;
  --brand-accent:#E65B22;
  --brand-paper:#FFFFFF;
  --brand-stone:#F2F1EF;
  --brand-stone-2:#E9E8E5;
  --brand-muted:#5C5B57;
  --n:var(--brand-ink);
  --n2:#383838;
  --g:var(--brand-accent);
  --gs:#FCEDE6;
  --gd:#A84118;
  --ink:var(--brand-ink);
  --mu:var(--brand-muted);
  --ln:#D7D5D0;
  --bg:var(--brand-stone);
  color:var(--brand-ink);
  background:var(--brand-paper);
  font-family:"Google Sans Flex",Arial,sans-serif;
  font-size:17px;
  line-height:1.55;
  font-optical-sizing:auto;
  font-synthesis:none;
}
.o_leonix_solution_clone_0,
.o_leonix_solution_clone_0 button,
.o_leonix_solution_clone_0 input,
.o_leonix_solution_clone_0 select,
.o_leonix_solution_clone_0 textarea{
  font-family:"Google Sans Flex",Arial,sans-serif;
}
.o_leonix_solution_clone_0 h1,
.o_leonix_solution_clone_0 h2,
.o_leonix_solution_clone_0 h3,
.o_leonix_solution_clone_0 h4,
.o_leonix_solution_clone_0 h5,
.o_leonix_solution_clone_0 h6,
.o_leonix_solution_clone_0 .h1,
.o_leonix_solution_clone_0 .h2,
.o_leonix_solution_clone_0 .h3,
.o_leonix_solution_clone_0 .h4,
.o_leonix_solution_clone_0 .h5,
.o_leonix_solution_clone_0 .h6{
  font-family:"Bricolage Grotesque",Arial,sans-serif;
  font-optical-sizing:auto;
  font-synthesis:none;
  letter-spacing:-.035em;
}
.o_leonix_solution_clone_0 p{
  color:var(--brand-ink);
  line-height:1.55;
}
.o_leonix_solution_clone_0 .text-muted{
  color:var(--brand-muted)!important;
}
.o_leonix_solution_clone_0 .container{
  max-width:1360px;
}
.o_leonix_solution_clone_0 .lk-sec{
  padding:clamp(76px,8vw,116px) 0;
}
.o_leonix_solution_clone_0 .lk-bg,
.o_leonix_solution_clone_0 .k2-calc-sec,
.o_leonix_solution_clone_0 #ba-nhanh,
.o_leonix_solution_clone_0 #demo,
.o_leonix_solution_clone_0 #so-sanh{
  background:var(--brand-stone)!important;
}
.o_leonix_solution_clone_0 .lk-white,
.o_leonix_solution_clone_0 #giai-phap,
.o_leonix_solution_clone_0 #chuan-vas,
.o_leonix_solution_clone_0 #lo-trinh,
.o_leonix_solution_clone_0 #faq{
  background:var(--brand-paper)!important;
}
.o_leonix_solution_clone_0 .lk-dark,
.o_leonix_solution_clone_0 #van-de,
.o_leonix_solution_clone_0 #dat-lich{
  color:#F7F6F3;
  background:var(--brand-ink)!important;
}
.o_leonix_solution_clone_0 .lk-dark p,
.o_leonix_solution_clone_0 #van-de p,
.o_leonix_solution_clone_0 #dat-lich p{
  color:#F0EFEC;
}
.o_leonix_solution_clone_0 .lk-h2{
  max-width:900px;
  margin:0 0 22px;
  color:var(--brand-ink);
  font-size:clamp(36px,3.7vw,56px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.045em;
}
.o_leonix_solution_clone_0 .lk-dark .lk-h2,
.o_leonix_solution_clone_0 #van-de .lk-h2,
.o_leonix_solution_clone_0 #dat-lich .lk-h2{
  color:#fff;
}
.o_leonix_solution_clone_0 .lk-lead{
  max-width:66ch;
  color:#464540;
  font-size:18px;
  line-height:1.5;
  font-weight:400;
}
.o_leonix_solution_clone_0 .lk-dark .lk-lead,
.o_leonix_solution_clone_0 #van-de .lk-lead,
.o_leonix_solution_clone_0 #dat-lich .lk-lead{
  color:#F0EFEC;
}
/* The former eyebrow copy is retained, but treated as a readable intro line. */
.o_leonix_solution_clone_0 .lk-kicker{
  display:block;
  margin:0 0 14px;
  color:var(--brand-muted);
  font-size:16px;
  font-weight:500;
  letter-spacing:0;
  line-height:1.4;
  text-transform:none;
}
.o_leonix_solution_clone_0 .lk-dark .lk-kicker,
.o_leonix_solution_clone_0 #van-de .lk-kicker{
  color:#F0EFEC;
}
/* HERO: retain the original split composition and comparison visual. */
.o_leonix_solution_clone_0 .lk-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(68px,7vw,100px) 0 136px;
  color:var(--brand-ink);
  background:var(--brand-paper)!important;
}
.o_leonix_solution_clone_0 .lk-hero:before{
  content:none!important;
  display:none!important;
}
.o_leonix_solution_clone_0 .lk-hero .row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  column-gap:clamp(24px,3.2vw,48px);
  row-gap:30px;
  margin:0;
}
.o_leonix_solution_clone_0 .lk-hero .row>.col-lg-5,
.o_leonix_solution_clone_0 .lk-hero .row>.col-lg-7{
  width:auto;
  max-width:none;
  padding:0;
}
.o_leonix_solution_clone_0 .lk-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  margin:0 0 24px;
  border:0;
  border-radius:0;
  color:var(--brand-muted);
  background:transparent;
  font-size:15px;
  font-weight:500;
  letter-spacing:0;
  line-height:1.4;
  text-transform:none;
}
.o_leonix_solution_clone_0 .lk-eyebrow:before{
  content:"";
  display:block;
  flex:0 0 30px;
  width:30px;
  height:26px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 30'%3E%3Cg fill='none' stroke='%23E65B22' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 9L18 24L33 9M3 2L18 17L33 2M3 16L18 31L33 16'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.o_leonix_solution_clone_0 .lk-eyebrow i{
  display:none!important;
}
.o_leonix_solution_clone_0 .lk-hero h1{
  max-width:18ch;
  margin:0 0 24px;
  color:var(--brand-ink);
  font-size:clamp(40px,4vw,58px);
  font-weight:600;
  line-height:.99;
  letter-spacing:-.055em;
  hyphens:none;
}
.o_leonix_solution_clone_0 .lk-hero h1 span{
  color:inherit!important;
}
.o_leonix_solution_clone_0 .lk-sub{
  max-width:58ch;
  margin:0 0 26px;
  color:#464540;
  font-size:18px;
  line-height:1.52;
}
.o_leonix_solution_clone_0 .lk-ctas{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px 26px;
}
.o_leonix_solution_clone_0 .lk-btn-gold{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 21px!important;
  border:0!important;
  border-radius:2px!important;
  color:#fff!important;
  background:var(--brand-accent)!important;
  box-shadow:none!important;
  font-size:15px;
  font-weight:650;
  line-height:1.25;
  transition:background-color .18s ease,transform .18s ease;
}
.o_leonix_solution_clone_0 .lk-btn-gold:hover{
  color:#fff!important;
  background:#C94C1B!important;
  transform:translateY(-1px);
}
.o_leonix_solution_clone_0 .lk-btn-ghost{
  min-height:44px;
  padding:12px 0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--brand-ink)!important;
  background:transparent!important;
  font-size:15px;
  font-weight:600;
}
.o_leonix_solution_clone_0 .lk-btn-ghost:hover{
  color:var(--brand-accent)!important;
  background:transparent!important;
}
.o_leonix_solution_clone_0 .lk-btn-navy{
  min-height:46px;
  padding:12px 20px!important;
  border:0!important;
  border-radius:2px!important;
  color:#fff!important;
  background:var(--brand-ink)!important;
  font-weight:600;
}
.o_leonix_solution_clone_0 .lk-btn-navy:hover{
  color:#fff!important;
  background:#444!important;
}
.o_leonix_solution_clone_0 .lk-btn-out{
  border:0!important;
  border-radius:0!important;
  color:var(--brand-ink)!important;
  background:transparent!important;
}
.o_leonix_solution_clone_0 .lk-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:26px;
  color:#55534E;
  font-size:14px;
  line-height:1.4;
}
.o_leonix_solution_clone_0 .lk-trust i{
  color:var(--brand-ink);
  margin-right:6px;
}
/* Existing "before / with Leonix" visual: two flat fields, no floating card. */
.o_leonix_solution_clone_0 .k2-wrap{position:relative}
.o_leonix_solution_clone_0 .k2-split{
  grid-template-columns:1fr 1fr;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
  background:var(--brand-stone);
}
.o_leonix_solution_clone_0 .k2-side{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:clamp(20px,2.3vw,32px);
}
.o_leonix_solution_clone_0 .k2-before{background:#E8E7E3}
.o_leonix_solution_clone_0 .k2-after{background:#F7F6F3}
.o_leonix_solution_clone_0 .k2-lb{
  margin-bottom:4px;
  color:var(--brand-ink);
  font-size:15px;
  font-weight:650;
  letter-spacing:0;
  line-height:1.3;
}
.o_leonix_solution_clone_0 .k2-after .k2-lb{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-item{
  border:0;
  border-radius:0;
  background:#F7F6F3;
  padding:12px 13px;
}
.o_leonix_solution_clone_0 .k2-item b{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-item small{color:#55534E}
.o_leonix_solution_clone_0 .k2-item.bad,
.o_leonix_solution_clone_0 .k2-item.good{
  border:0;
  background:#fff;
}
.o_leonix_solution_clone_0 .k2-item.good small{color:#3F5D4B}
.o_leonix_solution_clone_0 .k2-bd{
  border-radius:2px;
  font-size:12px;
  font-weight:650;
}
.o_leonix_solution_clone_0 .k2-bd.r{color:#8E302A;background:#F4E5E2}
.o_leonix_solution_clone_0 .k2-bd.g{color:#fff;background:#3F5D4B}
.o_leonix_solution_clone_0 .k2-je{
  border:0;
  border-radius:0;
  background:#fff;
  padding:12px 14px;
}
.o_leonix_solution_clone_0 .k2-je b{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-flow{
  width:2px;
  background-image:linear-gradient(#77736D 50%,rgba(119,115,109,0) 50%);
}
.o_leonix_solution_clone_0 .k2-tiles{gap:4px}
.o_leonix_solution_clone_0 .k2-tile{
  border-radius:0;
  background:#E7E6E2;
  padding:9px 7px;
}
.o_leonix_solution_clone_0 .k2-tile small{
  color:#55534E;
  font-size:11px;
  font-weight:600;
}
.o_leonix_solution_clone_0 .k2-tile b{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-sum{
  border:0;
  border-top:4px solid var(--brand-ink);
  padding-top:14px;
}
.o_leonix_solution_clone_0 .k2-before .k2-sum{border-color:#77736D}
.o_leonix_solution_clone_0 .k2-big{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-big span{font-family:"Bricolage Grotesque",sans-serif}
.o_leonix_solution_clone_0 .k2-big.r,
.o_leonix_solution_clone_0 .k2-big.g{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-big.g span{animation:none;box-shadow:none}
.o_leonix_solution_clone_0 .k2-kv{font-size:14px}
.o_leonix_solution_clone_0 .k2-kv span{color:#55534E}
.o_leonix_solution_clone_0 .k2-kv b{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-kv b.r,
.o_leonix_solution_clone_0 .k2-kv b.g{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-arrow{
  width:42px;
  height:42px;
  border:0;
  border-radius:0;
  color:var(--brand-ink);
  background:var(--brand-paper);
  box-shadow:none;
  font-size:18px;
}
.o_leonix_solution_clone_0 .k2-demo-note{
  color:var(--brand-muted);
  font-size:13px;
}
/* Calculator: the existing live calculator remains the page's interactive proof. */
.o_leonix_solution_clone_0 .k2-calc-sec{
  padding:0 0 clamp(70px,8vw,112px);
  background:var(--brand-stone)!important;
}
.o_leonix_solution_clone_0 .k2-calc{
  position:relative;
  z-index:2;
  margin-top:-86px;
  grid-template-columns:minmax(0,1fr) minmax(330px,420px);
  border:0;
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
  background:var(--brand-paper);
}
.o_leonix_solution_clone_0 .k2-cl{
  padding:clamp(28px,3.5vw,48px);
  gap:24px;
}
.o_leonix_solution_clone_0 .k2-cl h2{
  max-width:20ch;
  margin:8px 0 8px;
  color:var(--brand-ink);
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:clamp(32px,3vw,44px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:600;
}
.o_leonix_solution_clone_0 .k2-cl p{
  max-width:60ch;
  color:#464540;
}
.o_leonix_solution_clone_0 .k2-presets{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  color:var(--brand-muted);
  font-size:14px;
}
.o_leonix_solution_clone_0 .k2-preset{
  border:0;
  border-radius:0;
  background:#EAE9E5;
  color:var(--brand-ink);
  padding:9px 12px;
  font-size:13px;
  font-weight:550;
}
.o_leonix_solution_clone_0 .k2-preset.on{
  border:0;
  color:#fff;
  background:var(--brand-ink);
}
.o_leonix_solution_clone_0 .k2-sliders{
  gap:22px 28px;
}
.o_leonix_solution_clone_0 .k2-sl{
  color:var(--brand-ink);
  font-size:15px;
  line-height:1.4;
}
.o_leonix_solution_clone_0 .k2-sl .t b{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-sl input{
  accent-color:var(--brand-accent);
}
.o_leonix_solution_clone_0 .k2-cr{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:20px;
  padding:clamp(28px,3.5vw,48px);
  color:#F7F6F3;
  background:var(--brand-ink)!important;
}
.o_leonix_solution_clone_0 .k2-cr .lb{color:#F7F6F3;font-size:15px}
.o_leonix_solution_clone_0 .k2-year{
  color:#fff;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:clamp(42px,4vw,58px);
  letter-spacing:-.045em;
  line-height:1;
}
.o_leonix_solution_clone_0 .k2-year small{font-size:20px}
.o_leonix_solution_clone_0 .k2-stats{gap:10px}
.o_leonix_solution_clone_0 .k2-stats div{
  border:0;
  border-radius:0;
  background:#383838;
  padding:12px;
}
.o_leonix_solution_clone_0 .k2-stats b{color:#fff}
.o_leonix_solution_clone_0 .k2-stats small{color:#F0EFEC;font-size:12px}
.o_leonix_solution_clone_0 .k2-barh{color:#F0EFEC}
.o_leonix_solution_clone_0 .k2-barbg{border-radius:0;background:#53514D}
.o_leonix_solution_clone_0 .k2-bar{border-radius:0;background:var(--brand-accent)}
.o_leonix_solution_clone_0 .k2-cr .hint{color:#D8D6D1;font-size:13px}
/* Problem section: editorial 2-column list, not four boxed feature cards. */
.o_leonix_solution_clone_0 #van-de{
  background:var(--brand-ink)!important;
}
.o_leonix_solution_clone_0 #van-de .lk-kicker{color:#E3E0DA}
.o_leonix_solution_clone_0 #van-de .lk-journey{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:40px 0 56px;
}
.o_leonix_solution_clone_0 #van-de .lk-desk{
  flex:1 1 190px;
  border:0;
  border-radius:0;
  background:#383838;
  padding:22px;
}
.o_leonix_solution_clone_0 #van-de .lk-desk.hot{
  border:0;
  background:#45413E;
}
.o_leonix_solution_clone_0 #van-de .lk-desk .n,
.o_leonix_solution_clone_0 #van-de .lk-desk .e{
  color:#F0EFEC;
  font-size:14px;
}
.o_leonix_solution_clone_0 #van-de .lk-desk b{color:#fff;font-size:20px}
.o_leonix_solution_clone_0 #van-de .lk-desk p{color:#F0EFEC}
.o_leonix_solution_clone_0 #van-de .lk-arrow{color:#F0EFEC}
.o_leonix_solution_clone_0 #van-de .lk-pains{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px 64px;
  background:transparent;
}
.o_leonix_solution_clone_0 #van-de .lk-pain{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.o_leonix_solution_clone_0 #van-de .lk-pain h3{
  color:#fff;
  font-size:clamp(22px,2vw,28px);
  font-weight:600;
  line-height:1.1;
}
.o_leonix_solution_clone_0 #van-de .lk-pain p{color:#F0EFEC}
.o_leonix_solution_clone_0 #van-de .lk-pain .c{color:#F0EFEC}
/* Solution flow and role tabs. */
.o_leonix_solution_clone_0 #giai-phap{background:var(--brand-paper)!important}
.o_leonix_solution_clone_0 .lk-ba{
  margin:48px 0 56px;
  padding:clamp(24px,3vw,40px);
  border:0;
  border-radius:0;
  background:var(--brand-stone);
}
.o_leonix_solution_clone_0 .lk-ba .lb{
  margin-bottom:12px;
  color:var(--brand-ink);
  font-size:15px;
  font-weight:650;
  letter-spacing:0;
}
.o_leonix_solution_clone_0 .lk-ba .lb.g{color:#3F5D4B}
.o_leonix_solution_clone_0 .lk-flow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:stretch;
  margin-bottom:28px;
}
.o_leonix_solution_clone_0 .lk-flow .ar{
  align-self:center;
  color:var(--brand-ink);
}
.o_leonix_solution_clone_0 .lk-node{
  flex:1 1 170px;
  padding:16px;
  border:0;
  border-radius:0;
  background:#fff;
  text-align:left;
}
.o_leonix_solution_clone_0 .lk-node b{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .lk-node small{color:#55534E;font-size:13px}
.o_leonix_solution_clone_0 .lk-node.bad{
  border:0;
  background:#E8E7E3;
}
.o_leonix_solution_clone_0 .lk-node.bad small{color:#55534E}
.o_leonix_solution_clone_0 .lk-node.core{
  flex:2 1 340px;
  border:0;
  background:#DFDED9;
}
.o_leonix_solution_clone_0 .lk-node.core small{color:#44423D}
.o_leonix_solution_clone_0 .lk-pills{
  gap:8px 22px;
  margin:0 0 22px;
}
.o_leonix_solution_clone_0 .lk-pills button{
  min-height:44px;
  padding:10px 0;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  color:var(--brand-ink);
  background:transparent;
  font-size:15px;
  font-weight:600;
}
.o_leonix_solution_clone_0 .lk-pills button.active{
  border-color:var(--brand-ink);
  color:var(--brand-ink);
  background:transparent;
}
.o_leonix_solution_clone_0 .lk-panel{
  padding:clamp(22px,3vw,38px);
  border:0;
  border-radius:0;
  background:var(--brand-stone);
}
.o_leonix_solution_clone_0 .lk-panel .h{
  color:var(--brand-muted);
  font-size:14px;
  font-weight:650;
  letter-spacing:0;
}
.o_leonix_solution_clone_0 .lk-panel p{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .lk-chief{
  margin-top:36px;
  padding:clamp(26px,3vw,40px);
  border:0;
  border-radius:0;
  color:#fff;
  background:var(--brand-ink);
}
.o_leonix_solution_clone_0 .lk-chief .k{
  margin-bottom:18px;
  color:#F0EFEC;
  font-size:16px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}
.o_leonix_solution_clone_0 .lk-chief h3{color:#fff}
.o_leonix_solution_clone_0 .lk-chief p{color:#F0EFEC}
/* Three linked accounting branches: tab controls become editorial navigation. */
.o_leonix_solution_clone_0 #ba-nhanh{background:var(--brand-stone)!important}
.o_leonix_solution_clone_0 .k2-btabs{
  gap:clamp(14px,2vw,28px);
  margin:34px 0 30px;
}
.o_leonix_solution_clone_0 .k2-btab{
  display:flex;
  flex-direction:column;
  gap:9px;
  width:100%;
  height:100%;
  padding:20px 0;
  border:0;
  border-top:4px solid #D4D2CD;
  border-radius:0;
  background:transparent;
  text-align:left;
}
.o_leonix_solution_clone_0 .k2-btab.active{
  border-color:var(--brand-ink);
  background:transparent;
  box-shadow:none;
}
.o_leonix_solution_clone_0 .k2-btab small{
  color:var(--brand-muted);
  font-size:14px;
  font-weight:550;
  letter-spacing:0;
}
.o_leonix_solution_clone_0 .k2-btab b{
  color:var(--brand-ink);
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:clamp(22px,2vw,28px);
  line-height:1.05;
  font-weight:600;
}
.o_leonix_solution_clone_0 .k2-btab span{color:#4A4945;font-size:14px}
.o_leonix_solution_clone_0 .k2-bgrid{
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
  gap:clamp(24px,4vw,56px);
}
.o_leonix_solution_clone_0 .k2-blist{
  padding:24px 0;
  border:0;
  border-radius:0;
  background:transparent;
}
.o_leonix_solution_clone_0 .k2-blist .h{
  margin-bottom:12px;
  color:var(--brand-muted);
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
}
.o_leonix_solution_clone_0 .k2-chk{
  gap:12px;
  color:var(--brand-ink);
  font-size:16px;
  line-height:1.45;
}
.o_leonix_solution_clone_0 .k2-chk i{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-bright{gap:14px;min-width:0}
.o_leonix_solution_clone_0 .k2-tblbox{
  border:0;
  border-radius:0;
  overflow-x:auto;
}
.o_leonix_solution_clone_0 .k2-tblhd{
  padding:14px 18px;
  color:#fff;
  background:var(--brand-ink);
}
.o_leonix_solution_clone_0 .k2-tblhd b{font-family:"Bricolage Grotesque",sans-serif;font-size:20px;font-weight:550}
.o_leonix_solution_clone_0 .k2-tblhd span{color:#F0EFEC;font-size:13px}
.o_leonix_solution_clone_0 .k2-tbl{
  min-width:460px;
  border-collapse:collapse;
  font-size:14px;
}
.o_leonix_solution_clone_0 .k2-tbl th{
  padding:10px 12px;
  color:var(--brand-ink);
  background:#E6E5E1;
  font-size:13px;
}
.o_leonix_solution_clone_0 .k2-tbl td{
  padding:10px 12px;
  border-top:1px solid #D1CFC9;
  color:var(--brand-ink);
}
.o_leonix_solution_clone_0 .k2-tbl tr.hl{background:#E4E2DD}
.o_leonix_solution_clone_0 .k2-gnote{
  border-radius:0;
  color:var(--brand-ink);
  background:#E4E2DD;
}
.o_leonix_solution_clone_0 .k2-chips .h{color:var(--brand-muted);font-size:13px;letter-spacing:0}
.o_leonix_solution_clone_0 .k2-chip{
  border-radius:0;
  color:var(--brand-ink);
  background:#E4E2DD;
}
/* VAS documents: retain the real sample forms and tables, remove cosmetic framing. */
.o_leonix_solution_clone_0 #chuan-vas{background:var(--brand-paper)!important}
.o_leonix_solution_clone_0 .k2-dgrid{
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:clamp(24px,3vw,42px);
  margin-top:34px;
}
.o_leonix_solution_clone_0 .k2-steps{gap:8px}
.o_leonix_solution_clone_0 .k2-step{
  padding:14px 16px;
  border:0;
  border-radius:0;
  color:var(--brand-ink);
  background:var(--brand-stone);
}
.o_leonix_solution_clone_0 .k2-step.active{
  border:0;
  color:#fff;
  background:var(--brand-ink);
}
.o_leonix_solution_clone_0 .k2-step.active small{color:#F0EFEC}
.o_leonix_solution_clone_0 .k2-step small{color:var(--brand-muted)}
.o_leonix_solution_clone_0 .k2-play button{
  border:0;
  border-radius:2px;
  color:#fff;
  background:var(--brand-ink);
}
.o_leonix_solution_clone_0 .k2-play span{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-paper{
  min-height:560px;
  padding:clamp(20px,2.5vw,34px);
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#F8F7F4;
}
.o_leonix_solution_clone_0 .k2-doc{
  color:var(--brand-ink);
  font-family:"Google Sans Flex",Arial,sans-serif;
  font-size:14px;
}
.o_leonix_solution_clone_0 .k2-doc .tt b{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:22px;
}
.o_leonix_solution_clone_0 .k2-frm{font-family:"Google Sans Flex",Arial,sans-serif}
.o_leonix_solution_clone_0 .k2-frm th{background:#E8E7E3}
.o_leonix_solution_clone_0 .k2-frm tr.hl{background:#E4E2DD}
.o_leonix_solution_clone_0 .k2-dnote{color:var(--brand-muted)}
.o_leonix_solution_clone_0 .k2-dnote.g{
  border-radius:0;
  color:var(--brand-ink);
  background:#E4E2DD;
}
.o_leonix_solution_clone_0 .k2-d3 div{
  border-radius:0;
  color:var(--brand-ink);
  background:var(--brand-stone);
}
.o_leonix_solution_clone_0 .k2-d3 b{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-ill{color:var(--brand-muted)}
/* Flow and comparison layouts remain native to their existing sections. */
.o_leonix_solution_clone_0 #demo{background:var(--brand-stone)!important}
.o_leonix_solution_clone_0 #lo-trinh{background:var(--brand-paper)!important}
.o_leonix_solution_clone_0 .lk-road{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px 38px;
}
.o_leonix_solution_clone_0 .lk-road li{padding:0}
.o_leonix_solution_clone_0 .lk-road li .n{
  display:inline-flex;
  width:auto;
  min-width:0;
  height:auto;
  margin:0 0 12px;
  padding:0;
  color:var(--brand-muted);
  background:transparent;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:24px;
  font-weight:600;
}
.o_leonix_solution_clone_0 .lk-road li b{display:block;color:var(--brand-ink);font-size:22px}
.o_leonix_solution_clone_0 .lk-road li p{margin:8px 0 0;color:#464540}
.o_leonix_solution_clone_0 .lk-road li.hl .n{color:var(--brand-accent);background:transparent}
.o_leonix_solution_clone_0 #so-sanh{background:var(--brand-stone)!important}
.o_leonix_solution_clone_0 .k2-chead{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:20px 40px;
}
.o_leonix_solution_clone_0 .k2-seg{
  display:flex;
  flex-wrap:wrap;
  gap:6px 18px;
  padding:0;
  margin:0;
  border-radius:0;
  background:transparent;
}
.o_leonix_solution_clone_0 .k2-seg button{
  min-height:44px;
  padding:8px 0;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  color:var(--brand-ink);
  background:transparent;
  font-size:14px;
  font-weight:600;
}
.o_leonix_solution_clone_0 .k2-seg button.active{
  border-color:var(--brand-ink);
  color:var(--brand-ink);
  background:transparent;
}
.o_leonix_solution_clone_0 .k2-same{
  display:flex;
  flex-wrap:wrap;
  gap:12px 22px;
  margin:26px 0;
  padding:20px 22px;
  border:0;
  border-radius:0;
  color:var(--brand-ink);
  background:#E7E6E2;
}
.o_leonix_solution_clone_0 .k2-same b{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-cgrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.5vw,36px);
}
.o_leonix_solution_clone_0 .k2-ccard{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.o_leonix_solution_clone_0 .k2-ccard .hd{
  min-height:54px;
  padding:14px 16px;
  color:#fff;
  background:var(--brand-ink);
  font-size:14px;
  font-weight:650;
  letter-spacing:0;
}
.o_leonix_solution_clone_0 .k2-ccard .bd{
  padding:18px 0;
  gap:22px;
}
.o_leonix_solution_clone_0 .k2-old,
.o_leonix_solution_clone_0 .k2-new{
  align-items:flex-start;
  gap:10px;
  padding:0;
  margin:0;
  border-radius:0;
  background:transparent;
  color:var(--brand-ink);
  font-size:15px;
  font-weight:450;
}
.o_leonix_solution_clone_0 .k2-old i{
  flex:none;
  width:auto;
  height:auto;
  border-radius:0;
  color:#74716B;
  background:transparent;
  font-size:14px;
}
.o_leonix_solution_clone_0 .k2-new{
  margin-top:12px;
  color:var(--brand-ink);
  font-weight:600;
}
.o_leonix_solution_clone_0 .k2-new i{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-legend{
  gap:16px 26px;
  color:var(--brand-muted);
}
.o_leonix_solution_clone_0 .k2-legend i{border-radius:0}
.o_leonix_solution_clone_0 .k2-mgrid .h{
  color:var(--brand-muted);
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
}
.o_leonix_solution_clone_0 .k2-mc{
  border-radius:0;
  padding:15px;
  color:var(--brand-ink);
}
.o_leonix_solution_clone_0 .k2-mc.lbl{background:#E5E4E0;color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-mc.lbl2{background:var(--brand-ink);color:#fff}
.o_leonix_solution_clone_0 .k2-mc.lbl2 span{color:#fff}
.o_leonix_solution_clone_0 .k2-mc.old{border:0;background:#fff;color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-mc.new{background:#E4E2DD;color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-mc.bad{border:0;background:#E8E7E3;color:var(--brand-ink)}
.o_leonix_solution_clone_0 .k2-mc.good{border:0;background:#DDE4DD;color:#283E2E}
.o_leonix_solution_clone_0 .k2-cfoot{margin-top:28px}
/* Close: use the same charcoal field as the problem section. */
.o_leonix_solution_clone_0 #faq{background:var(--brand-paper)!important}
.o_leonix_solution_clone_0 .lk-case{
  height:100%;
  padding:24px 26px;
  border:0;
  border-radius:0;
  background:var(--brand-stone);
}
.o_leonix_solution_clone_0 .lk-case .lb{
  color:var(--brand-muted);
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
}
.o_leonix_solution_clone_0 .lk-case b{color:var(--brand-ink);font-size:20px}
.o_leonix_solution_clone_0 .lk-case p{color:#464540}
.o_leonix_solution_clone_0 .lk-faq{
  max-width:920px;
  margin-top:28px;
  border-top:0;
}
.o_leonix_solution_clone_0 .lk-q{
  border-bottom:0;
  margin:0 0 8px;
  background:var(--brand-stone);
}
.o_leonix_solution_clone_0 .lk-q button{
  padding:18px 20px;
  color:var(--brand-ink);
  font-size:17px;
  font-weight:600;
}
.o_leonix_solution_clone_0 .lk-q button i{color:var(--brand-ink)}
.o_leonix_solution_clone_0 .lk-q>div p{padding:0 20px 16px;color:var(--brand-ink)}
.o_leonix_solution_clone_0 #dat-lich{
  border-top:0;
  background:var(--brand-ink)!important;
}
.o_leonix_solution_clone_0 #dat-lich .lk-h2{
  max-width:19ch;
  font-size:clamp(38px,4vw,58px);
}
.o_leonix_solution_clone_0 #dat-lich .lk-lead{max-width:60ch}
.o_leonix_solution_clone_0 #dat-lich .lk-mail{color:#fff}
.o_leonix_solution_clone_0 .lk-video{
  padding:18px 0;
  border:0;
  border-radius:0;
  background:transparent;
}
.o_leonix_solution_clone_0 .lk-video .btn{border-radius:2px}
/* Remove the empty placeholder band; it has no copy or media to preserve. */
.o_leonix_solution_clone_0 #goi-giai-phap{display:none!important}
/* Controls stay functional and gain a clear, consistent focus state. */
.o_leonix_solution_clone_0 button:focus-visible,
.o_leonix_solution_clone_0 a:focus-visible,
.o_leonix_solution_clone_0 input:focus-visible{
  outline:2px solid var(--brand-accent);
  outline-offset:3px;
}
.o_leonix_solution_clone_0 ::selection{
  color:#fff;
  background:var(--brand-accent);
}
@media(max-width:991px){
  .o_leonix_solution_clone_0 .container{max-width:100%}
  .o_leonix_solution_clone_0 .lk-sec{padding:68px 0}
  .o_leonix_solution_clone_0 .lk-hero{padding:64px 0 112px}
  .o_leonix_solution_clone_0 .lk-hero .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
  .o_leonix_solution_clone_0 .lk-hero h1{font-size:clamp(34px,4.3vw,46px)}
  .o_leonix_solution_clone_0 .k2-split{grid-template-columns:1fr}
  .o_leonix_solution_clone_0 .k2-arrow{display:none}
  .o_leonix_solution_clone_0 .k2-calc{grid-template-columns:1fr;margin-top:-68px}
  .o_leonix_solution_clone_0 .k2-sliders{grid-template-columns:1fr}
  .o_leonix_solution_clone_0 .k2-btabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .o_leonix_solution_clone_0 .k2-bgrid{grid-template-columns:minmax(0,1fr)}
  .o_leonix_solution_clone_0 .k2-dgrid{grid-template-columns:minmax(0,1fr)}
  .o_leonix_solution_clone_0 .k2-cgrid{grid-template-columns:1fr}
  .o_leonix_solution_clone_0 .lk-road{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .o_leonix_solution_clone_0{font-size:16px}
  .o_leonix_solution_clone_0 .lk-sec{padding:58px 0}
  .o_leonix_solution_clone_0 .lk-hero{padding:52px 0 102px}
  .o_leonix_solution_clone_0 .lk-hero .row{grid-template-columns:minmax(0,1fr);gap:30px}
  .o_leonix_solution_clone_0 .lk-hero h1{max-width:20ch;font-size:clamp(30px,8vw,38px);line-height:1.02}
  .o_leonix_solution_clone_0 .lk-sub{font-size:16px}
  .o_leonix_solution_clone_0 .lk-ctas{display:flex;align-items:flex-start;gap:12px 20px}
  .o_leonix_solution_clone_0 .lk-trust{display:grid;grid-template-columns:1fr;gap:9px}
  .o_leonix_solution_clone_0 .k2-side{padding:18px}
  .o_leonix_solution_clone_0 .k2-calc{margin-top:-56px}
  .o_leonix_solution_clone_0 .k2-cl,.o_leonix_solution_clone_0 .k2-cr{padding:22px}
  .o_leonix_solution_clone_0 .k2-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .o_leonix_solution_clone_0 .k2-stats b{font-size:17px}
  .o_leonix_solution_clone_0 .k2-stats small{font-size:11px}
  .o_leonix_solution_clone_0 #van-de .lk-pains{grid-template-columns:1fr;gap:26px}
  
[TRUNCATED: use next_offset to continue]
[TRUNCATED: use next_offset to continue].o_leonix_solution_clone_0 .lk-ba{padding:20px}
  .o_leonix_solution_clone_0 .k2-btabs{grid-template-columns:1fr;gap:8px}
  .o_leonix_solution_clone_0 .k2-btab{padding:14px 0}
  .o_leonix_solution_clone_0 .k2-dgrid{grid-template-columns:1fr}
  .o_leonix_solution_clone_0 .k2-paper{min-height:0;padding:16px}
  .o_leonix_solution_clone_0 .k2-sign{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .o_leonix_solution_clone_0 .lk-road{grid-template-columns:1fr;gap:22px}
  .o_leonix_solution_clone_0 .k2-chead{align-items:flex-start}
  .o_leonix_solution_clone_0 .k2-seg{display:flex;flex-wrap:wrap;gap:4px 16px}
  .o_leonix_solution_clone_0 .k2-seg li{flex:1 1 140px}
  .o_leonix_solution_clone_0 .k2-mwrap{overflow-x:auto}
  .o_leonix_solution_clone_0 .k2-cfoot{justify-content:flex-start}
  .o_leonix_solution_clone_0 #dat-lich .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .o_leonix_solution_clone_0 *,
  .o_leonix_solution_clone_0 *:before,
  .o_leonix_solution_clone_0 *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
/* Final detail pass: upward brand mark and flat connector. */
.o_leonix_solution_clone_0 .lk-eyebrow:before{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cg fill='none' stroke='%23E65B22' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 25L18 10L33 25M3 17L18 2L33 17M3 33L18 18L33 33'/%3E%3C/g%3E%3C/svg%3E");
}
.o_leonix_solution_clone_0 .k2-flow{
 width:4px;
 height:18px;
 margin-left:22px;
 background:#77736D!important;
 background-image:none!important;
 animation:none!important;
}
.o_leonix_solution_clone_0 .lk-road{
 list-style:decimal;
 padding-left:1.5rem;
}
.o_leonix_solution_clone_0 .lk-road li::marker{
 color:var(--brand-ink);
 font-family:"Google Sans Flex",Arial,sans-serif;
 font-size:16px;
 font-weight:650;
}
.o_leonix_solution_clone_0 .lk-road li .n{display:none!important}


/* GSX REFERENCE INFOGRAPHIC LIVE OVERRIDE
   Two-panel challenges / solutions style for the active Ghi nhan mot lan illustration component. */
#wrap#wrap#wrap#wrap #giai-phap .gsx-flip{
  position:relative!important;
  margin-top:46px!important;
  perspective:none!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flip:before{
  content:"\f023   \f084"!important;
  position:absolute!important;
  z-index:20!important;
  left:50%!important;
  top:-5px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:150px!important;
  height:48px!important;
  padding-left:.32em!important;
  border-radius:999px!important;
  color:#FFFFFF!important;
  background:linear-gradient(90deg,#E65B22 0%,#E65B22 48%,#269B75 52%,#269B75 100%)!important;
  box-shadow:0 8px 20px rgba(41,41,41,.13)!important;
  font-family:FontAwesome!important;
  font-size:17px!important;
  letter-spacing:.32em!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flip-in,
#wrap#wrap#wrap#wrap #giai-phap .gsx-flip.is-flipped .gsx-flip-in{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:38px!important;
  align-items:stretch!important;
  transform:none!important;
  transform-style:flat!important;
  transition:none!important;
  padding-top:44px!important;
  height:auto!important;
  min-height:0!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face{
  grid-area:auto!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  border:1px solid #E7E2DA!important;
  border-radius:18px!important;
  background:#FFFFFF!important;
  box-shadow:0 13px 32px rgba(41,41,41,.06)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--front{
  border-bottom:5px solid #E65B22!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back{
  border:1px solid #DDEBE4!important;
  border-bottom:5px solid #269B75!important;
  background:#FFFFFF!important;
  box-shadow:0 13px 32px rgba(38,140,105,.07)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face-top{
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 24px!important;
  border-bottom:1px solid #EEEAE4!important;
  background:#FFFFFF!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-tag{
  color:#E65B22!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-tag{
  color:#238D69!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-tag b{
  width:30px!important;
  height:30px!important;
  border:1px solid #F0D8CC!important;
  background:#FFF4EF!important;
  color:#D65A31!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-tag b{
  border-color:#CBE6D9!important;
  background:#E9F6EF!important;
  color:#238D69!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-tag-s{
  color:#817A70!important;
  font-size:11px!important;
  letter-spacing:.01em!important;
}
@media(min-width:992px){
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    gap:20px!important;
    align-items:center!important;
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    padding:24px 22px 23px!important;
  }
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-copy{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:4px 0 4px 22px!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-copy:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:2px!important;
  bottom:2px!important;
  width:6px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#F2A083,#E65B22)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-copy{
  padding:4px 22px 4px 0!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-copy:before{
  left:auto!important;
  right:0!important;
  background:linear-gradient(180deg,#9FD9C2,#269B75)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-copy h3{
  max-width:none!important;
  margin:0 0 10px!important;
  color:#292929!important;
  font-size:clamp(23px,2.1vw,28px)!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-desc{
  margin:0 0 17px!important;
  color:#625D55!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-facts{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-facts li{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#4D4943!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:550!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-facts li i{
  flex:0 0 19px!important;
  display:grid!important;
  place-items:center!important;
  width:19px!important;
  height:19px!important;
  border-radius:50%!important;
  border:1px solid #E65B22!important;
  background:#FFF5F0!important;
  color:#D65A31!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-facts li i{
  border-color:#269B75!important;
  background:#269B75!important;
  color:#FFFFFF!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-note{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:14px 0 0!important;
  color:#827B72!important;
  font-size:11px!important;
  line-height:1.4!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-actions{
  margin-top:14px!important;
  padding-top:0!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-go{
  display:none!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 14px!important;
  border-radius:6px!important;
  background:#E65B22!important;
  color:#FFFFFF!important;
  font-size:12px!important;
  font-weight:700!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:300px!important;
  margin:0!important;
  padding:16px 13px 18px!important;
  overflow:hidden!important;
  border:1px solid #E8E4DD!important;
  border-radius:13px!important;
  background:#F8F7F4!important;
  box-shadow:none!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:4px!important;
  background:linear-gradient(90deg,#F2C7B8,#E65B22)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new{
  border-color:#DCEBE3!important;
  background:#F5F9F6!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new:after{
  background:linear-gradient(90deg,#B8E0CE,#269B75)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow-title{
  margin:0 0 12px!important;
  color:#81796F!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-node{
  padding:8px 5px!important;
  gap:5px!important;
  border-radius:7px!important;
  border-color:#E7E2DA!important;
  background:#FFFFFF!important;
  font-size:10px!important;
  white-space:normal!important;
  text-align:center!important;
  box-shadow:0 3px 8px rgba(41,41,41,.035)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-node svg{
  width:15px!important;
  height:15px!important;
  color:#E65B22!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-node svg{
  color:#269B75!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-merge{
  height:34px!important;
  margin:1px 0!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--old .gsx-merge path{
  stroke:#DCA28C!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-merge path{
  stroke:#8ECDB3!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-hub{
  gap:6px!important;
  padding:9px 10px!important;
  border-radius:8px!important;
  font-size:10px!important;
  white-space:normal!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-hub--chat{
  border-color:#EFCDBF!important;
  background:#FFF7F3!important;
  color:#965038!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-stamp{
  gap:5px!important;
  padding:8px 9px!important;
  border-color:#E7B6A0!important;
  border-radius:8px!important;
  background:#FFF5F0!important;
  color:#A64B2D!important;
  font-size:10px!important;
  white-space:normal!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-core{
  background:#EFF8F3!important;
  border-color:#CDE8DA!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-hub--odoo{
  background:#292929!important;
  color:#FFFFFF!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-hub--vas{
  background:#269B75!important;
  color:#FFFFFF!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-plus{
  color:#269B75!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-pipe{
  background:linear-gradient(180deg,rgba(38,155,117,.25),#269B75)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-pipe i{
  border-color:#269B75!important;
  background:#F1FAF5!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-ledger{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-color:#CFE7D9!important;
  background:#EFF8F3!important;
  gap:5px!important;
  padding:8px!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-ledger-h{
  grid-column:1/-1!important;
  background:#DDF1E7!important;
  color:#226D53!important;
  font-size:10px!important;
  text-align:center!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-ledger-l{
  justify-content:center!important;
  gap:3px!important;
  padding:5px 3px!important;
  border-color:#D6EADF!important;
  color:#416A58!important;
  font-size:9px!important;
  white-space:normal!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-ledger-l i{
  color:#269B75!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-tile{
  gap:6px!important;
  padding:8px!important;
  border-color:#DCEBE3!important;
  background:#FFFFFF!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-tile-t{
  font-size:9px!important;
  white-space:normal!important;
  color:#365B4B!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-tile .gsx-bars b{
  background:#269B75!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-live{
  background:#269B75!important;
}
@media(max-width:1100px){
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flow{
    min-height:260px!important;
    height:auto!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-copy h3{
    max-width:30ch!important;
  }
}
@media(max-width:991.98px){
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flip-in,
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flip.is-flipped .gsx-flip-in{
    grid-template-columns:minmax(0,1fr)!important;
    gap:22px!important;
    padding-top:16px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flip:before{
    display:none!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid{
    grid-template-columns:minmax(0,1fr)!important;
    padding:22px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-copy{
    padding-left:22px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-copy{
    padding:4px 22px 4px 0!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flow{
    min-height:280px!important;
  }
}
@media(max-width:620px){
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-top{
    padding:15px 18px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid{
    padding:18px 15px!important;
    gap:16px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-copy h3{
    font-size:25px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-desc{
    font-size:14px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-facts li{
    font-size:12.5px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flow{
    min-height:260px!important;
    padding:14px 10px 16px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-stage--src{
    gap:5px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flip *,
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flip *:before{
    animation:none!important;
  }
}


/* GSX FLOW VISIBILITY AND PANEL STACK
   Keep the copy readable, then show the process illustration as a full-width visual. */
#wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  align-items:stretch!important;
  gap:18px!important;
  height:auto!important;
  min-height:0!important;
  padding:24px 24px 22px!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid > .gsx-copy{
  display:flex!important;
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid > figure.gsx-flow{
  display:flex!important;
  grid-column:1/-1!important;
  grid-row:auto!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  clip-path:none!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:300px!important;
  max-height:none!important;
  margin:0!important;
  padding:17px 18px 20px!important;
  overflow:hidden!important;
  z-index:2!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid > figure.gsx-flow *,
#wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid > figure.gsx-flow *:before,
#wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid > figure.gsx-flow *:after{
  visibility:visible!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--front .gsx-flow{
  background:#F8F7F4!important;
  border-color:#E8E4DD!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-flow{
  background:#F5F9F6!important;
  border-color:#DCEBE3!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--front .gsx-flow:after{
  background:linear-gradient(90deg,#F2C7B8,#E65B22)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-flow:after{
  background:linear-gradient(90deg,#B8E0CE,#269B75)!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--front .gsx-flow-title{
  color:#827B72!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-face--back .gsx-flow-title{
  color:#4E7764!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow .gsx-stage{
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow .gsx-stage--src{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow .gsx-node{
  min-width:0!important;
  min-height:42px!important;
  white-space:normal!important;
  font-size:11px!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow .gsx-pipe{
  flex:0 0 28px!important;
  height:28px!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow .gsx-merge{
  display:block!important;
  width:100%!important;
  height:34px!important;
  opacity:1!important;
}
#wrap#wrap#wrap#wrap #giai-phap .gsx-flow--new .gsx-stage--out{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
@media(max-width:991.98px){
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
    padding:22px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid > figure.gsx-flow{
    min-height:290px!important;
  }
}
@media(max-width:620px){
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid{
    padding:18px 15px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-face-grid > figure.gsx-flow{
    min-height:270px!important;
    padding:14px 10px 17px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flow .gsx-stage--src{
    gap:5px!important;
  }
  #wrap#wrap#wrap#wrap #giai-phap .gsx-flow .gsx-node{
    padding:8px 4px!important;
    font-size:10px!important;
  }
}