/* Trang giải pháp (dịch vụ, OMS, WMS, TMS/COD, Fulfillment) — cùng ngôn ngữ thiết kế với /fulfillment-connect/:
   nền sáng/tint xen kẽ, cột lợi ích có vạch navy + ô số, hàng đánh số, quy trình trên nền navy có nút tròn. */
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm){
  --sk-line:var(--border-default);
}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) :is(.oh-cmp,.oh-ben,.oh-int2){padding:96px 0;border-top:1px solid var(--text-primary)}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) :is(.oh-cmp,.oh-int2){background:#fff}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben{background:var(--surface-base)}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben{background:#fff}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) :is(.oh-cmp,.oh-ben,.oh-int2,.oh-flow2) .oh-head{margin-bottom:56px}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) :is(.oh-cmp,.oh-ben,.oh-int2,.oh-flow2) .oh-h2{font:600 clamp(26px,3.2vw,42px)/1.15 var(--sans);letter-spacing:-.025em;max-width:20em;text-wrap:balance}

/* Cột lợi ích: vạch trên + ô số navy (như cột "Lợi ích" của Connect) */
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;border-top:0}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l:has(> li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l li{display:block;position:relative;padding:24px 0 0;background:none;border:0;border-top:2px solid var(--state-active);border-radius:0;box-shadow:none;transform:none}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l li:hover{transform:none;box-shadow:none}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-n{display:grid;place-items:center;width:52px;height:52px;margin:0 0 20px;background:var(--brand-primary);color:#fff;font:700 15px/1 var(--sans);opacity:1}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l h3{margin:0 0 10px;font:700 18px/1.3 var(--sans);letter-spacing:0;color:var(--text-primary)}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l p{font:500 15px/1.65 var(--sans);color:var(--text-secondary);max-width:none}

/* Khối thứ hai (giải pháp): hàng đánh số 3 cột như "Đối tượng" của Connect */
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l{grid-template-columns:1fr;gap:0;max-width:1000px;margin-left:auto}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li{display:grid;grid-template-columns:56px minmax(0,5fr) minmax(0,6fr);gap:8px 32px;align-items:baseline;padding:26px 0;border-top:1px solid var(--sk-line)}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li:first-child{border-top:2px solid var(--brand-primary)}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li:last-child{border-bottom:1px solid var(--sk-line)}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-n{display:block;width:auto;height:auto;margin:0;background:none;color:var(--state-active);font:600 13px/1 var(--sans)}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l h3{margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.35}

/* Tích hợp (OMS/WMS) */
:is(#onflow-oms,#onflow-wms) .oh-int2{padding:96px 0}
:is(#onflow-oms,#onflow-wms) .oh-int2-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;border-top:0}
:is(#onflow-oms,#onflow-wms) .oh-int2-l li{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 0 0;background:none;border:0;border-top:2px solid var(--brand-primary);border-radius:0;box-shadow:none;font:700 18px/1.35 var(--sans)}
:is(#onflow-oms,#onflow-wms) .oh-int2-l li span{display:block;width:auto;height:auto;border-radius:0;background:none;color:#b45309;font:600 13px/1 var(--sans)}

/* Quy trình: nền navy, nút tròn nối bằng đường nét đứt phát sáng (như "Quy trình triển khai" của Connect) */
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps){position:relative;overflow:hidden;padding:104px 0;border-top:0;background:radial-gradient(60% 70% at 88% 100%,rgba(247,148,29,.22),transparent 70%),radial-gradient(50% 60% at 10% 0,rgba(61,123,255,.28),transparent 70%),linear-gradient(160deg,#103a8c,#0a255f 60%,#071a46)}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps)::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps) .oh-c{position:relative}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps) .oh-label,:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps) .oh-label span{color:var(--on-brand-muted,#b4c7f0)}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps) .oh-label span{color:#fff}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps) .oh-h2{color:#fff}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps{--n:4;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0 28px;margin-top:64px;padding:0;border:0}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps--5{--n:5}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps:not(.oh-wsteps--5):has(> li:nth-child(5)){--n:5}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::before,:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::after{content:"";position:absolute;top:41px;left:calc(50% / var(--n));width:calc(100% - 100% / var(--n));right:auto;height:3px;border-radius:2px}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 8px,transparent 8px 16px)}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::after{background:linear-gradient(90deg,var(--state-active),#ffd25a);box-shadow:0 0 14px rgba(247,148,29,.8);transform-origin:left center;transform:scaleX(0);animation:sk-line 7s ease-in-out infinite}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li{position:relative;display:block;padding:0 6px;text-align:center;border:0}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li::before{display:none}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps-n{position:relative;z-index:1;display:grid;place-items:center;width:84px;height:84px;margin:0 auto 28px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#2b5fc9,#0f3a8e);border:2px solid rgba(255,255,255,.55);color:#fff;font:700 13px/1 var(--sans);letter-spacing:.02em;box-shadow:0 0 0 8px rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.35);animation:sk-pop 7s ease-in-out infinite}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li:nth-child(2) .oh-wsteps-n{animation-delay:1.6s}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li:nth-child(3) .oh-wsteps-n{animation-delay:3.2s}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li:nth-child(4) .oh-wsteps-n{animation-delay:4.8s}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li:nth-child(5) .oh-wsteps-n{animation-delay:5.6s}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li:last-child .oh-wsteps-n{background:radial-gradient(circle at 30% 25%,#ffb04a,var(--state-active));border-color:#fff;color:#0c2d72;box-shadow:0 0 0 8px rgba(247,148,29,.18),0 0 40px rgba(247,148,29,.7)}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps h3{margin:0 0 10px;font:700 clamp(17px,1.5vw,20px)/1.35 var(--sans);letter-spacing:0;color:#fff}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li:last-child h3{color:#ffc27a}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps p{margin:0 auto;max-width:17em;font:500 15px/1.65 var(--sans);color:#c3d3f3}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps) .oh-ffm-note{margin-top:56px;color:#c3d3f3}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps) .oh-ffm-note a{color:#ffc27a;text-decoration:underline;text-underline-offset:4px}
@keyframes sk-line{0%{transform:scaleX(0)}70%,92%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes sk-line-v{0%{transform:scaleY(0)}70%,92%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes sk-pop{0%,14%,100%{transform:scale(1)}6%{transform:scale(1.14)}}
@media(prefers-reduced-motion:reduce){:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::after{animation:none;transform:scaleX(1)}:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps-n{animation:none}}

@media(max-width:1100px){
  :is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l,:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l:has(> li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#onflow-oms,#onflow-wms) .oh-int2-l{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
}
@media(max-width:900px){
  :is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps{grid-template-columns:1fr;gap:34px;margin-top:44px}
  :is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::before,:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::after{top:42px;bottom:42px;left:41px;width:3px;height:auto}
  :is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.35) 0 8px,transparent 8px 16px)}
  :is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::after{transform-origin:center top;transform:scaleY(0);animation-name:sk-line-v;background:linear-gradient(180deg,var(--state-active),#ffd25a)}
  :is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:20px;text-align:left;align-items:center}
  :is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps-n{grid-row:1/3;margin:0}
  :is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps p{margin:0;max-width:none}
}
@media(max-width:700px){
  :is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) :is(.oh-cmp,.oh-ben,.oh-int2){padding:64px 0}
  :is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-flow2:has(.oh-wsteps){padding:72px 0}
  :is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l,:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l:has(> li:nth-child(4):last-child){grid-template-columns:1fr}
  :is(#onflow-oms,#onflow-wms) .oh-int2-l{grid-template-columns:1fr}
  :is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li{grid-template-columns:44px minmax(0,1fr)}
  :is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l p{grid-column:2}
}

/* Làm mềm: bỏ vạch kẻ cứng, dùng thẻ bo góc nhẹ, ô số dịu */
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) :is(.oh-cmp,.oh-ben,.oh-int2){border-top:0}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben{background:linear-gradient(180deg,#f4f6fb,#eef2f9)}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben{background:#fff}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l{gap:20px}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l li{padding:28px 26px 30px;background:#fff;border:1px solid #e3e8f2;border-top:1px solid #e3e8f2;border-radius:16px;box-shadow:0 1px 2px rgba(11,45,114,.04),0 10px 28px -14px rgba(11,45,114,.18);transition:box-shadow .3s,transform .3s}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l li:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(11,45,114,.04),0 18px 36px -14px rgba(11,45,114,.28)}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-n{width:44px;height:44px;margin:0 0 18px;border-radius:12px;background:var(--brand-primary-subtle);color:var(--brand-primary);font:700 14px/1 var(--sans)}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l h3{font:700 17px/1.35 var(--sans)}
:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l p{font:500 14.5px/1.65 var(--sans)}

/* Khối giải pháp: lưới 2 cột thẻ nhạt thay cho hàng kẻ */
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none;margin:0}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;row-gap:6px;align-items:start;padding:24px 26px;background:#f7f9fd;border:1px solid #e3e8f2;border-radius:16px;box-shadow:none}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li:first-child,:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li:last-child{border:1px solid #e3e8f2}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li:hover{background:#fff;box-shadow:0 14px 30px -16px rgba(11,45,114,.3)}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-n{display:grid;grid-row:1/3;width:44px;height:44px;margin:0;border-radius:12px;background:var(--brand-primary);color:#fff;font:700 14px/1 var(--sans)}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l h3{grid-column:2;font-size:17px}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l p{grid-column:2}

/* Tích hợp OMS/WMS */
:is(#onflow-oms,#onflow-wms) .oh-int2-l{gap:16px}
:is(#onflow-oms,#onflow-wms) .oh-int2-l li{padding:22px 22px;background:#f7f9fd;border:1px solid #e3e8f2;border-radius:16px;flex-direction:row;align-items:center;gap:14px;font:600 16px/1.35 var(--sans)}
:is(#onflow-oms,#onflow-wms) .oh-int2-l li span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--brand-primary-subtle);color:var(--brand-primary);font:700 13px/1 var(--sans)}

/* Quy trình: dịu hơn — bớt phát sáng, nút nhỏ gọn */
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps-n{width:68px;height:68px;border-width:1px;box-shadow:0 0 0 6px rgba(255,255,255,.05);animation:none;font-size:12px}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::before,:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::after{top:33px;height:2px}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps::after{box-shadow:none}
:is(#onflow-service,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-wsteps li:last-child .oh-wsteps-n{box-shadow:0 0 0 6px rgba(247,148,29,.18)}
@media(max-width:900px){
  :is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l,:is(#onflow-service,#onflow-oms,#onflow-wms,#onflow-cod,#onflow-ffm) .oh-ben-l:has(> li:nth-child(4):last-child),:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l{grid-template-columns:1fr}
}
:is(#onflow-service,#onflow-cod,#onflow-ffm) .oh-ben ~ .oh-ben .oh-ben-l li:last-child:nth-child(odd){grid-column:1/-1}

/* Hero kiểu "sân khấu" (trang Fulfillment): ảnh thật + thẻ nổi, thanh số liệu nổi lên giữa hai khối */
.oh-hero--stage{position:relative;overflow:hidden;padding:80px 0 150px;background:radial-gradient(55% 70% at 88% 12%,rgba(247,148,29,.30),transparent 65%),radial-gradient(60% 80% at 0% 100%,rgba(61,123,255,.30),transparent 65%),linear-gradient(155deg,#123f99 0%,#0b2d72 45%,#071a46 100%)}
.oh-hero--stage::before{content:"";position:absolute;inset:0;transform:none;width:auto;height:auto;border-radius:0;opacity:1;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(100deg,#000 0%,transparent 60%);mask-image:linear-gradient(100deg,#000 0%,transparent 60%);pointer-events:none}
.oh-hero--stage .oh-oms-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:72px}
.oh-hero--stage .oh-h1{max-width:11em;font-size:clamp(38px,5.2vw,72px);line-height:1.04;letter-spacing:-.035em}
.oh-hero--stage .oh-oms-accent{color:var(--state-active);text-shadow:0 0 40px rgba(247,148,29,.35)}
.oh-hero--stage .oh-oms-sub{margin-top:22px;font-size:clamp(19px,2vw,26px)}
.oh-hero--stage .oh-oms-lead{font-size:17px;color:#cfdcf7}
.oh-hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:34px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.oh-hero-points li{display:flex;align-items:center;gap:9px;font:600 14px/1.3 var(--sans);color:#e6eeff}
.oh-hero-points li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--state-active) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 10.5 3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}

.oh-stage{position:relative;padding:0 0 36px 44px}
.oh-stage::before{content:"";position:absolute;right:-18px;top:22px;bottom:14px;left:62px;border:2px solid rgba(247,148,29,.7);border-radius:26px}
.oh-stage::after{content:"";position:absolute;inset:-30px -30px 0 20px;background:radial-gradient(closest-side,rgba(247,148,29,.28),transparent);filter:blur(30px);z-index:0;pointer-events:none}
.oh-stage-photo{position:relative;z-index:1;margin:0}
.oh-stage-photo .oh-shot-btn{background:#071a46;border-radius:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.75)}
.oh-stage-photo img{aspect-ratio:5/4;object-fit:cover;object-position:50% 40%}
.oh-stage-card{position:absolute;z-index:2;background:rgba(255,255,255,.96);color:var(--text-primary);border-radius:16px;box-shadow:0 24px 50px -18px rgba(3,12,40,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.oh-stage-track{left:0;bottom:0;width:min(330px,78%);padding:18px 20px 20px}
.oh-stage-k{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:700 13px/1 var(--sans);color:var(--text-primary)}
.oh-stage-k em{margin-left:auto;font:600 11.5px/1 var(--mono,ui-monospace,monospace);font-style:normal;color:var(--text-muted)}
.oh-stage-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:relative}
.oh-stage-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font:600 11px/1.2 var(--sans);text-align:center;color:var(--text-muted);animation:oh-stg-txt 6s infinite;animation-delay:calc(var(--i)*1.5s)}
.oh-stage-steps li::before{content:"";position:absolute;top:7px;left:calc(50% + 10px);right:calc(-50% + 10px);height:2px;background:#dfe5f1}
.oh-stage-steps li:last-child::before{display:none}
.oh-stage-steps i{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:#dfe5f1;animation:oh-stg-dot 6s infinite;animation-delay:calc(var(--i)*1.5s)}
.oh-stage-kpi{top:-4px;right:-26px;padding:16px 22px 16px 20px;display:flex;flex-direction:column;gap:6px;border-left:4px solid var(--state-active)}
.oh-stage-kpi b{font:800 34px/1 var(--sans);letter-spacing:-.03em;color:var(--brand-primary)}
.oh-stage-kpi b small{margin-left:2px;font-size:.55em;color:var(--state-active)}
.oh-stage-kpi span,.oh-stage-chip span{font:600 12px/1.35 var(--sans);color:var(--text-secondary)}
.oh-stage-chip{right:-10px;bottom:6px;padding:14px 18px;background:var(--brand-primary);color:#fff;display:flex;flex-direction:column;gap:4px}
.oh-stage-chip b{font:800 24px/1 var(--sans);letter-spacing:-.02em}
.oh-stage-chip span{color:#b9cbf2}
@keyframes oh-stg-dot{0%{background:#dfe5f1;box-shadow:0 0 0 0 rgba(247,148,29,0)}4%,22%{background:var(--state-active);box-shadow:0 0 0 6px rgba(247,148,29,.22)}30%,100%{background:var(--brand-primary);box-shadow:none}}
@keyframes oh-stg-txt{0%{color:var(--text-muted)}4%,22%{color:var(--text-primary)}30%,100%{color:var(--text-secondary)}}
@media(prefers-reduced-motion:reduce){.oh-stage-steps li,.oh-stage-steps i{animation:none}.oh-stage-steps i{background:var(--brand-primary)}}

/* Thanh số liệu nổi giữa hero và nội dung */
.oh-hero--stage + .oh-oms-stats-sec{position:relative;z-index:3;margin-top:-84px;padding:0;background:transparent}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats{padding:30px 40px;background:#fff;border:1px solid #e3e8f2;border-radius:20px;box-shadow:0 30px 60px -30px rgba(11,45,114,.45)}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-note{margin:16px 0 0;text-align:center}
@media(max-width:1000px){
  .oh-hero--stage{padding:48px 0 120px}
  .oh-hero--stage .oh-oms-hero-in{grid-template-columns:1fr;gap:56px}
  .oh-stage{padding:0 0 36px 0;max-width:640px}
  .oh-stage::before{left:18px}
  .oh-stage-kpi{right:-6px}
}
@media(max-width:600px){
  .oh-hero--stage .oh-h1{font-size:36px}
  .oh-stage-card{border-radius:12px}
  .oh-stage-track{width:86%;padding:14px 14px 16px}
  .oh-stage-kpi{top:-14px;padding:12px 14px}
  .oh-stage-kpi b{font-size:26px}
  .oh-stage-chip{display:none}
  .oh-hero--stage + .oh-oms-stats-sec{margin-top:-72px}
  .oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats{padding:20px}
}
.oh-oms-hero .oh-hero-points{margin-top:40px}

/* Chữ hero Fulfillment: trình bày như hero /fulfillment-connect/ (tiêu đề 2 dòng, dòng nhấn cam xuống hàng riêng, lead 17px) */
.oh-hero--stage .oh-label{display:flex;margin-bottom:22px;color:#d5e0f7;font-weight:600}
.oh-hero--stage .oh-label span{color:#fff}
.oh-hero--stage .oh-h1{max-width:14em;font:700 clamp(32px,4.4vw,56px)/1.08 var(--sans);letter-spacing:-.03em;text-wrap:balance}
.oh-hero--stage .oh-oms-accent{display:block;color:var(--state-active);text-shadow:none}
.oh-hero--stage .oh-oms-sub{margin:24px 0 0;font:600 18px/1.4 var(--sans);color:#fff}
.oh-hero--stage .oh-oms-lead{margin:12px 0 32px;max-width:36em;font:400 17px/1.7 var(--sans);color:var(--on-brand-soft)}

/* Fulfillment · 03 Quy trình vận hành: dải 5 bước phẳng, ngăn bằng đường kẻ, không đổ bóng */
#onflow-ffm .oh-flow2,#onflow-service .oh-flow2{background:#fff;padding:96px 0}
#onflow-ffm .oh-ffm-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:3px solid var(--brand-primary);border-bottom:1px solid #dfe5f1}
#onflow-ffm .oh-ffm-flow li{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px 32px;border-left:1px solid #dfe5f1;background:#fff}
#onflow-ffm .oh-ffm-flow li:first-child{border-left:1px solid #dfe5f1}
#onflow-ffm .oh-ffm-flow li:last-child{border-right:1px solid #dfe5f1;background:var(--brand-primary);border-color:var(--brand-primary)}
#onflow-ffm .oh-ffm-flow-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
#onflow-ffm .oh-ffm-flow-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--brand-primary-subtle);color:var(--brand-primary)}
#onflow-ffm .oh-ffm-flow-n{font:600 13px/1 var(--mono,ui-monospace,monospace);letter-spacing:.06em;color:#9aa6bd}
#onflow-ffm .oh-ffm-flow h3{margin:0;font:700 17px/1.35 var(--sans);letter-spacing:0;color:var(--text-primary)}
#onflow-ffm .oh-ffm-flow p{margin:0;font:500 14.5px/1.65 var(--sans);color:var(--text-secondary)}
#onflow-ffm .oh-ffm-flow li:last-child .oh-ffm-flow-ico{background:rgba(255,255,255,.12);color:#ffc27a}
#onflow-ffm .oh-ffm-flow li:last-child .oh-ffm-flow-n{color:#8fa9de}
#onflow-ffm .oh-ffm-flow li:last-child h3{color:#fff}
#onflow-ffm .oh-ffm-flow li:last-child p{color:#c3d3f3}
#onflow-ffm .oh-ffm-flow li:not(:last-child)::after{content:"";position:absolute;z-index:2;top:50px;right:-13px;width:26px;height:26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m10 8 5 5-5 5' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;border:1px solid #dfe5f1}
@media(max-width:1100px){
  #onflow-ffm .oh-ffm-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #onflow-ffm .oh-ffm-flow li{border-bottom:1px solid #dfe5f1}
  #onflow-ffm .oh-ffm-flow li:last-child{grid-column:1/-1}
  #onflow-ffm .oh-ffm-flow li::after{display:none!important}
}
@media(max-width:640px){
  #onflow-ffm .oh-flow2{padding:64px 0}
  #onflow-ffm .oh-ffm-flow{grid-template-columns:1fr}
  #onflow-ffm .oh-ffm-flow li{padding:22px 20px}
}

/* Trang dịch vụ: dải bước phẳng (4 cột) */
#onflow-service .oh-ffm-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid var(--brand-primary);border-bottom:1px solid #dfe5f1}
#onflow-service .oh-ffm-flow li{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px 32px;border-left:1px solid #dfe5f1;background:#fff}
#onflow-service .oh-ffm-flow li:first-child{border-left:1px solid #dfe5f1}
#onflow-service .oh-ffm-flow li:last-child{border-right:1px solid #dfe5f1;background:var(--brand-primary);border-color:var(--brand-primary)}
#onflow-service .oh-ffm-flow-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
#onflow-service .oh-ffm-flow-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--brand-primary-subtle);color:var(--brand-primary)}
#onflow-service .oh-ffm-flow-n{font:600 13px/1 var(--mono,ui-monospace,monospace);letter-spacing:.06em;color:#9aa6bd}
#onflow-service .oh-ffm-flow h3{margin:0;font:700 17px/1.35 var(--sans);letter-spacing:0;color:var(--text-primary)}
#onflow-service .oh-ffm-flow p{margin:0;font:500 14.5px/1.65 var(--sans);color:var(--text-secondary)}
#onflow-service .oh-ffm-flow li:last-child .oh-ffm-flow-ico{background:rgba(255,255,255,.12);color:#ffc27a}
#onflow-service .oh-ffm-flow li:last-child .oh-ffm-flow-n{color:#8fa9de}
#onflow-service .oh-ffm-flow li:last-child h3{color:#fff}
#onflow-service .oh-ffm-flow li:last-child p{color:#c3d3f3}
#onflow-service .oh-ffm-flow li:not(:last-child)::after{content:"";position:absolute;z-index:2;top:50px;right:-13px;width:26px;height:26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m10 8 5 5-5 5' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;border:1px solid #dfe5f1}
@media(max-width:1100px){
  #onflow-service .oh-ffm-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #onflow-service .oh-ffm-flow li{border-bottom:1px solid #dfe5f1}
  #onflow-service .oh-ffm-flow li:last-child{grid-column:1/-1}
  #onflow-service .oh-ffm-flow li::after{display:none!important}
}
@media(max-width:640px){
  #onflow-service .oh-flow2{padding:64px 0}
  #onflow-service .oh-ffm-flow{grid-template-columns:1fr}
  #onflow-service .oh-ffm-flow li{padding:22px 20px}
}

/* COD: dải 4 bước phẳng */
#onflow-cod .oh-ffm-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid var(--brand-primary);border-bottom:1px solid #dfe5f1}
#onflow-cod .oh-ffm-flow li{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px 32px;border-left:1px solid #dfe5f1;background:#fff}
#onflow-cod .oh-ffm-flow li:first-child{border-left:1px solid #dfe5f1}
#onflow-cod .oh-ffm-flow li:last-child{border-right:1px solid #dfe5f1;background:var(--brand-primary);border-color:var(--brand-primary)}
#onflow-cod .oh-ffm-flow-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
#onflow-cod .oh-ffm-flow-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--brand-primary-subtle);color:var(--brand-primary)}
#onflow-cod .oh-ffm-flow-n{font:600 13px/1 var(--mono,ui-monospace,monospace);letter-spacing:.06em;color:#9aa6bd}
#onflow-cod .oh-ffm-flow h3{margin:0;font:700 17px/1.35 var(--sans);letter-spacing:0;color:var(--text-primary)}
#onflow-cod .oh-ffm-flow p{margin:0;font:500 14.5px/1.65 var(--sans);color:var(--text-secondary)}
#onflow-cod .oh-ffm-flow li:last-child .oh-ffm-flow-ico{background:rgba(255,255,255,.12);color:#ffc27a}
#onflow-cod .oh-ffm-flow li:last-child .oh-ffm-flow-n{color:#8fa9de}
#onflow-cod .oh-ffm-flow li:last-child h3{color:#fff}
#onflow-cod .oh-ffm-flow li:last-child p{color:#c3d3f3}
#onflow-cod .oh-ffm-flow li:not(:last-child)::after{content:"";position:absolute;z-index:2;top:50px;right:-13px;width:26px;height:26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='m10 8 5 5-5 5' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;border:1px solid #dfe5f1}
@media(max-width:1100px){
  #onflow-cod .oh-ffm-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #onflow-cod .oh-ffm-flow li{border-bottom:1px solid #dfe5f1}
  #onflow-cod .oh-ffm-flow li:last-child{grid-column:1/-1}
  #onflow-cod .oh-ffm-flow li::after{display:none!important}
}
@media(max-width:640px){
  #onflow-cod .oh-flow2{padding:64px 0}
  #onflow-cod .oh-ffm-flow{grid-template-columns:1fr}
  #onflow-cod .oh-ffm-flow li{padding:22px 20px}
}

/* Fulfillment · 06 Tích hợp: gọn lại — logo ô nhỏ, mỗi nhóm một hàng, bỏ khoảng trống thừa */
#onflow-ffm .oh-int{padding:80px 0 88px}
#onflow-ffm .oh-int .oh-head{margin-bottom:40px}
#onflow-ffm .oh-ffm-int{display:grid;gap:36px}
#onflow-ffm .oh-ffm-int h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0;border:0;font:700 14px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--text-primary)}
#onflow-ffm .oh-ffm-int h3 span{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font:700 14px/1.3 var(--sans)}
#onflow-ffm .oh-ffm-int h3 span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--state-active)}
#onflow-ffm .oh-ffm-int .oh-logos{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
#onflow-ffm .oh-ffm-int .oh-logos:nth-of-type(2){grid-template-columns:repeat(7,minmax(0,1fr))}
#onflow-ffm .oh-ffm-int .oh-logos li{aspect-ratio:1/.62;display:flex;align-items:center;justify-content:center;padding:8px 10px;margin:0;background:var(--surface-base);border:0;border-radius:8px;overflow:hidden}
#onflow-ffm .oh-ffm-int .oh-logos img{width:100%;height:100%;object-fit:contain;filter:none;opacity:1;transform:scale(1.25)}
@media(max-width:1100px){#onflow-ffm .oh-ffm-int .oh-logos,#onflow-ffm .oh-ffm-int .oh-logos:nth-of-type(2){grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:640px){#onflow-ffm .oh-int{padding:56px 0}#onflow-ffm .oh-ffm-int .oh-logos,#onflow-ffm .oh-ffm-int .oh-logos:nth-of-type(2){grid-template-columns:repeat(3,minmax(0,1fr))}}

#onflow-service .oh-ffm-note{margin-top:32px}
.oh-stage-photo--fit img{aspect-ratio:auto;object-fit:contain;background:#fff}
.oh-stage-photo--fit .oh-shot-btn{background:#fff}

/* COD · 05 Đối tác: logo ô nhỏ, gọn */
#onflow-cod .oh-int{padding:80px 0 88px}
#onflow-cod .oh-int .oh-head{margin-bottom:40px}
#onflow-cod .oh-int .oh-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
#onflow-cod .oh-int .oh-logos li{aspect-ratio:1/.62;display:flex;align-items:center;justify-content:center;padding:8px 10px;margin:0;background:var(--surface-base);border:0;border-radius:8px;overflow:hidden}
#onflow-cod .oh-int .oh-logos img{width:100%;height:100%;object-fit:contain;filter:none;opacity:1;transform:scale(1.25)}
@media(max-width:1100px){#onflow-cod .oh-int .oh-logos{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:640px){#onflow-cod .oh-int{padding:56px 0}#onflow-cod .oh-int .oh-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Thanh số liệu dưới hero: gọn, cân đối, không đổ bóng nặng */
.oh-hero--stage{padding-bottom:120px}
.oh-hero--stage + .oh-oms-stats-sec{margin-top:-56px;border-bottom:0}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats{padding:0;border:1px solid #dfe5f1;border-radius:16px;box-shadow:none;overflow:hidden}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats>div,.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats>div:first-child{padding:26px 32px;border-right:1px solid #e6eaf3;column-gap:6px;align-content:center}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats>div:last-child{border-right:0}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats dd{font:700 clamp(30px,3.4vw,46px)/1 var(--sans);letter-spacing:-.03em;white-space:nowrap}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-unit{font:700 clamp(16px,1.6vw,22px)/1 var(--sans)}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats dt{margin-top:8px;font:500 14px/1.4 var(--sans)}
.oh-hero--stage + .oh-oms-stats-sec .oh-oms-note{margin:14px 0 0;padding:0 0 4px;text-align:left}
@media(max-width:1000px){
  .oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats>div,.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats>div:first-child{padding:22px 24px;border-bottom:1px solid #e6eaf3}
  .oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats>div:last-child{border-bottom:0}
}
@media(max-width:600px){
  .oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats>div,.oh-hero--stage + .oh-oms-stats-sec .oh-oms-stats>div:first-child{padding:18px 20px}
}

/* Hero: ảnh thật làm nền mờ phía sau (chỉ trang có ảnh chụp) */
.oh-hero.oh-hero--stage[style*="--hero-bg"]::after{display:block;content:"";position:absolute;inset:-30px;background:var(--hero-bg) center/cover no-repeat;filter:blur(12px) saturate(1.15);opacity:.42;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,#000 60%);mask-image:linear-gradient(90deg,rgba(0,0,0,.12) 0%,#000 60%)}

/* Dòng nhấn của tiêu đề hero: chữ trắng + gạch chân cam bo tròn, như hero /fulfillment-connect/ */
.oh-hero--stage .oh-h1{font-size:clamp(30px,3.7vw,48px);line-height:1.12;max-width:15em}
.oh-hero--stage .oh-h1 .oh-oms-accent{display:inline;color:#fff;text-shadow:none;padding:0 .12em;background-image:radial-gradient(circle closest-side,rgba(247,148,29,.85) 94%,transparent),radial-gradient(circle closest-side,rgba(247,148,29,.85) 94%,transparent),linear-gradient(rgba(247,148,29,.85),rgba(247,148,29,.85));background-repeat:no-repeat;background-size:.2em .2em,.2em .2em,calc(100% - .2em) .2em;background-position:left 90%,right 90%,center 90%;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Gạch chân kiểu SaaS: thanh thẳng bo tròn, gradient cam -> hổ phách, vẽ ra khi tải trang */
.oh-hero--stage .oh-h1 .oh-oms-accent{padding:0 .1em .12em;background-image:linear-gradient(90deg,#f7941d,#ffb347);background-repeat:no-repeat;background-position:left 96%;background-size:100% .13em;border-radius:2px;animation:oh-underline .9s .45s cubic-bezier(.22,.8,.2,1) backwards}
@keyframes oh-underline{from{background-size:0 .13em}to{background-size:100% .13em}}
@media(prefers-reduced-motion:reduce){.oh-hero--stage .oh-h1 .oh-oms-accent{animation:none}}

/* ===== Nhóm "Giải pháp" (nền tảng công nghệ): OMS, WMS, TMS, API — phong cách sản phẩm, khác nhóm "Dịch vụ" ===== */
.oh-hero--tech{position:relative;overflow:hidden;padding:72px 0 88px;background:radial-gradient(50% 70% at 85% 20%,rgba(61,123,255,.38),transparent 70%),radial-gradient(45% 60% at 5% 100%,rgba(43,95,201,.35),transparent 70%),linear-gradient(160deg,#0f3a8e 0%,#0a2a70 50%,#06194a 100%)}
.oh-hero--tech::before{content:"";position:absolute;inset:0;width:auto;height:auto;transform:none;border-radius:0;opacity:1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.oh-hero--tech .oh-oms-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px}
.oh-hero--tech .oh-h1{max-width:15em;font:700 clamp(30px,3.7vw,48px)/1.12 var(--sans);letter-spacing:-.03em;text-wrap:balance}
.oh-hero--tech .oh-h1 .oh-oms-accent{display:inline;color:#fff;padding:0 .1em .12em;background-image:linear-gradient(90deg,#f7941d,#ffb347);background-repeat:no-repeat;background-position:left 96%;background-size:100% .13em;border-radius:2px}
.oh-hero--tech .oh-label{color:#d5e0f7;font-weight:600}
.oh-hero--tech .oh-oms-sub{font:600 18px/1.4 var(--sans)}
.oh-hero--tech .oh-oms-lead{font-size:17px}
.oh-hero--tech .oh-shot{position:relative;perspective:1600px}
.oh-hero--tech .oh-shot::before{content:"";position:absolute;inset:8% -4% -6% 10%;background:radial-gradient(closest-side,rgba(61,123,255,.55),transparent);filter:blur(34px);z-index:0}
.oh-hero--tech .oh-shot-btn{position:relative;z-index:1;border-radius:12px;box-shadow:0 30px 70px -28px rgba(0,0,0,.8);transform:rotateY(-7deg) rotateX(3deg);transform-origin:70% 50%;transition:transform .5s var(--ease)}
.oh-hero--tech .oh-shot-btn:hover{transform:rotateY(-2deg) rotateX(1deg)}
.oh-hero--tech .oh-shot figcaption{position:relative;z-index:1}
.oh-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.oh-hero-chips li{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.07);font:600 12.5px/1.2 var(--sans);color:#e6eeff}
.oh-hero-chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:#6aa0ff;box-shadow:0 0 0 3px rgba(106,160,255,.25)}
@media(max-width:1000px){.oh-hero--tech .oh-oms-hero-in{grid-template-columns:1fr}.oh-hero--tech .oh-shot-btn{transform:none}}
@media(prefers-reduced-motion:reduce){.oh-hero--tech .oh-shot-btn{transition:none}}

/* Thẻ lợi ích kiểu sản phẩm: vạch gradient xanh, ô số mono */
.oh-tech .oh-ben-l li{position:relative;overflow:hidden;border-top:1px solid #e3e8f2}
.oh-tech .oh-ben-l li::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2b5fc9,#6aa0ff)}
.oh-tech .oh-ben-n{font:600 13px/1 var(--mono,ui-monospace,monospace);letter-spacing:.04em;background:#eaf1ff;color:#2b5fc9}

/* Điểm nổi bật dưới ảnh hero giải pháp: 3 cột, đường kẻ mảnh + số thứ tự (thay cho pill) */
.oh-hero-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;margin:22px 0 0;padding:0;list-style:none}
.oh-hero-feats li{padding:14px 0 0;border-top:1px solid rgba(255,255,255,.24);font:600 14px/1.45 var(--sans);color:#fff}
.oh-hero-feats li span{display:block;margin-bottom:8px;font:600 12px/1 var(--sans);letter-spacing:.08em;color:var(--state-active)}
@media(max-width:700px){.oh-hero-feats{grid-template-columns:1fr;gap:0}.oh-hero-feats li{display:flex;gap:14px;align-items:baseline;padding:12px 0}.oh-hero-feats li span{margin:0}}

/* ===== Trang Về chúng tôi — ngôn ngữ riêng: biên tập, góc vuông, đường kẻ mảnh, ảnh tràn (khác nhóm Dịch vụ / Giải pháp) ===== */
#onflow-about{--ab-ink:#0a1530;--ab-line:#d9dfec}
/* Hero: ảnh kho tràn khung, tiêu đề khổng lồ, số liệu nằm dọc đáy hero */
#onflow-about .oh-ab-hero{position:relative;display:flex;align-items:flex-end;min-height:min(86vh,720px);padding:0;background:#071a46 var(--ab-bg) center 62%/cover no-repeat;overflow:hidden}
#onflow-about .oh-ab-hero.oh-hero::before{display:block;content:"";position:absolute;inset:0;width:auto;height:auto;transform:none;border-radius:0;opacity:1;background:linear-gradient(90deg,rgba(7,26,70,.94) 0%,rgba(7,26,70,.78) 45%,rgba(7,26,70,.35) 100%),linear-gradient(0deg,rgba(7,26,70,.9),transparent 45%)}
#onflow-about .oh-ab-hero-in{position:relative;z-index:1;width:100%;padding-top:140px;padding-bottom:0}
#onflow-about .oh-ab-hero .oh-label{margin-bottom:28px}
#onflow-about .oh-ab-hero .oh-h1{max-width:14em;margin:0 0 72px;font:700 clamp(38px,6vw,84px)/1.02 var(--sans);letter-spacing:-.04em;color:#fff}
#onflow-about .oh-ab-hero .oh-h1-soft{display:block;color:var(--state-active)}
#onflow-about .oh-ab-stats5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;border-top:1px solid rgba(255,255,255,.3)}
#onflow-about .oh-ab-stats5>div{display:block;padding:26px 24px 32px 0;margin-right:24px;border:0;border-right:1px solid rgba(255,255,255,.18)}
#onflow-about .oh-ab-stats5>div:last-child{border-right:0}
#onflow-about .oh-ab-stats5 dd{display:inline;margin:0;font:700 clamp(28px,3.4vw,48px)/1 var(--sans);letter-spacing:-.03em;color:#fff;white-space:nowrap}
#onflow-about .oh-ab-stats5 .oh-oms-unit{display:inline;margin-left:2px;font:700 clamp(16px,1.6vw,22px)/1 var(--sans);color:var(--state-active)}
#onflow-about .oh-ab-stats5 dt{display:block;margin-top:10px;font:500 13.5px/1.4 var(--sans);color:#c3d3f3}

/* Tầm nhìn / sứ mệnh: văn bản cỡ lớn trên nền trắng, không khung */
#onflow-about .oh-ab-vm{padding:120px 0 80px;background:#fff;border:0}
#onflow-about .oh-ab-vm-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:0 96px}
#onflow-about .oh-ab-vm-g article{position:relative;overflow:hidden;padding:0;border:0;border-top:2px solid var(--ab-ink);border-radius:0;background:none}
#onflow-about .oh-ab-vm-g .oh-ab-vision{padding:0;background:none;border-color:var(--ab-ink)}
#onflow-about .oh-ab-vision::after{display:none}
#onflow-about .oh-ab-vm .oh-ab-k{margin:22px 0 28px;color:var(--text-muted);font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
#onflow-about .oh-ab-vm .oh-ab-k span{color:var(--state-active)}
#onflow-about .oh-ab-vm .oh-ab-big{margin:0;font:500 clamp(20px,1.8vw,24px)/1.5 var(--sans);letter-spacing:-.01em;color:var(--text-secondary)}
#onflow-about .oh-ab-vision .oh-ab-big{font:700 clamp(28px,3.6vw,52px)/1.14 var(--sans);letter-spacing:-.035em;color:var(--ab-ink)}

/* Giá trị cốt lõi: hai cột chỉ mục, đường kẻ mảnh */
#onflow-about .oh-ab-val{padding:40px 0 120px;background:#fff;border:0}
#onflow-about .oh-ab-val .oh-head{margin-bottom:48px}
#onflow-about .oh-ab-val-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 96px}
#onflow-about .oh-ab-val-c{padding:0;border:0;border-top:2px solid var(--ab-ink);border-radius:0;background:none}
#onflow-about .oh-ab-val-ico{display:none}
#onflow-about .oh-ab-val-c h3{margin:22px 0 14px;padding:0;border:0;font:700 clamp(26px,2.6vw,36px)/1.1 var(--sans);letter-spacing:-.03em}
#onflow-about .oh-ab-val-c li{display:block;padding:16px 0 16px 0;border-bottom:1px solid var(--ab-line);font:600 18px/1.4 var(--sans);color:var(--text-primary)}
#onflow-about .oh-ab-val-c li:last-child{border-bottom:0}
#onflow-about .oh-ab-val-c li::before{position:static;display:inline-block;width:8px;height:8px;margin:0 16px 1px 0;border-radius:0;background:var(--state-active);transform:none}

/* Khác biệt: bảng dòng kẻ, số lớn bên trái */
#onflow-about .oh-ab-diff{padding:110px 0;background:#071a46;border:0}
#onflow-about .oh-ab-diff .oh-h2{color:#fff}
#onflow-about .oh-ab-lead{margin:0 0 56px;max-width:none;font:500 clamp(18px,1.7vw,22px)/1.4 var(--sans);color:#9db7ea}
#onflow-about .oh-ab-diff-l{display:block;border-top:1px solid rgba(255,255,255,.3)}
#onflow-about .oh-ab-diff-l li{display:grid;grid-template-columns:120px minmax(0,4fr) minmax(0,6fr);gap:0 32px;align-items:baseline;padding:30px 0;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:none}
#onflow-about .oh-ab-diff-l li span{margin:0;font:700 clamp(36px,4vw,56px)/1 var(--sans);letter-spacing:-.04em;color:var(--state-active)}
#onflow-about .oh-ab-diff-l h3{margin:0;font:700 clamp(20px,2vw,28px)/1.2 var(--sans);color:#fff}
#onflow-about .oh-ab-diff-l p{margin:0;font:500 16px/1.65 var(--sans);color:#b9cbf2}

/* Năng lực: hàng chia đôi, ảnh một bên chữ một bên, so le */
#onflow-about .oh-ab-cap{padding:120px 0 0;background:#fff}
#onflow-about .oh-ab-cap .oh-head{margin-bottom:56px}
#onflow-about .oh-ab-cap-g{display:block}
#onflow-about .oh-ab-cap-i{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;margin:0 0 0;border-radius:0;background:none;overflow:visible}
#onflow-about .oh-ab-cap-i+.oh-ab-cap-i{margin-top:0}
#onflow-about .oh-ab-cap-i img{width:100%;height:100%;min-height:440px;aspect-ratio:auto;object-fit:cover;border-radius:0;transform:none!important}
#onflow-about .oh-ab-cap-i figcaption{position:static;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:56px 64px;background:#f3f5fa}
#onflow-about .oh-ab-cap-i:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
#onflow-about .oh-ab-cap-i:nth-child(even) img{order:2}
#onflow-about .oh-ab-cap-i:nth-child(even) figcaption{background:#fff;border-top:1px solid var(--ab-line);border-bottom:1px solid var(--ab-line)}
#onflow-about .oh-ab-cap-i figcaption b{color:var(--ab-ink);font:700 clamp(24px,2.4vw,34px)/1.15 var(--sans);letter-spacing:-.03em}
#onflow-about .oh-ab-cap-i figcaption span{color:var(--text-secondary);font:500 17px/1.7 var(--sans)}

/* Khách hàng là trung tâm: câu khẩu hiệu khổng lồ, tiêu chí dạng một dòng */
#onflow-about .oh-ab-center{padding:130px 0;text-align:left;background:#fff;border:0}
#onflow-about .oh-ab-center-h{max-width:15em;margin:0;font:700 clamp(34px,5vw,72px)/1.04 var(--sans);letter-spacing:-.04em;color:var(--ab-ink)}
#onflow-about .oh-ab-center-p{max-width:34em;margin:28px 0 44px;font:500 19px/1.6 var(--sans);color:var(--text-secondary)}
#onflow-about .oh-ab-center-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:crit;gap:0 24px;border-top:2px solid var(--ab-ink)}
#onflow-about .oh-ab-center-l li{counter-increment:crit;display:block;padding:22px 0 0;border:0;border-radius:0;background:none;color:var(--ab-ink);font:700 clamp(18px,1.7vw,22px)/1.3 var(--sans)}
#onflow-about .oh-ab-center-l li::before{content:"0" counter(crit);display:block;width:auto;height:auto;margin-bottom:12px;border-radius:0;background:none;font:600 12px/1 var(--sans);letter-spacing:.1em;color:var(--state-active)}

/* Thư viện ảnh: lưới sát nhau, góc vuông */
#onflow-about .oh-ab-gal{padding:0 0 120px;background:#fff}
#onflow-about .oh-ab-gal .oh-head{margin-bottom:40px}
#onflow-about .oh-ab-gal-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:240px;gap:4px}
#onflow-about .oh-ab-gal-g li{aspect-ratio:auto;border-radius:0}
#onflow-about .oh-ab-gal-g li:first-child{grid-column:span 2;grid-row:span 2}

@media(max-width:1000px){
  #onflow-about .oh-ab-hero{min-height:0}
  #onflow-about .oh-ab-hero-in{padding-top:100px}
  #onflow-about .oh-ab-hero .oh-h1{margin-bottom:48px}
  #onflow-about .oh-ab-stats5{grid-template-columns:repeat(2,minmax(0,1fr))}
  #onflow-about .oh-ab-stats5>div{margin-right:0;padding:20px 12px 24px 0}
  #onflow-about .oh-ab-stats5>div:nth-child(2n){border-right:0}
  #onflow-about .oh-ab-vm-g,#onflow-about .oh-ab-val-g{grid-template-columns:1fr;gap:56px}
  #onflow-about .oh-ab-vm{padding:80px 0 56px}
  #onflow-about .oh-ab-diff-l li{grid-template-columns:80px minmax(0,1fr);gap:8px 20px}
  #onflow-about .oh-ab-diff-l p{grid-column:2}
  #onflow-about .oh-ab-cap-i,#onflow-about .oh-ab-cap-i:nth-child(even){grid-template-columns:1fr}
  #onflow-about .oh-ab-cap-i img,#onflow-about .oh-ab-cap-i:nth-child(even) img{order:0;min-height:300px}
  #onflow-about .oh-ab-cap-i figcaption{padding:36px 28px}
  #onflow-about .oh-ab-center-l{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  #onflow-about .oh-ab-gal-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  #onflow-about .oh-ab-gal-g li:first-child{grid-column:1/-1;grid-row:span 1}
}
@media(max-width:640px){
  #onflow-about .oh-ab-diff,#onflow-about .oh-ab-center{padding:72px 0}
  #onflow-about .oh-ab-cap{padding-top:72px}
  #onflow-about .oh-ab-val{padding-bottom:72px}
  #onflow-about .oh-ab-gal{padding-bottom:72px}
  #onflow-about .oh-ab-gal-g{grid-auto-rows:150px}
}
#onflow-about .oh-ab-hero.oh-hero::before{-webkit-mask-image:none;mask-image:none}

/* Tầm nhìn / sứ mệnh — thay bản dòng kẻ: khối tầm nhìn có ảnh nền + dấu trích lớn, sứ mệnh là khối xám với vạch cam */
#onflow-about .oh-ab-vm{padding:0;background:#fff}
#onflow-about .oh-ab-vm .oh-c{max-width:none;padding:0}
#onflow-about .oh-ab-vm-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0}
#onflow-about .oh-ab-vm-g article{border:0;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:72px 64px}
#onflow-about .oh-ab-vm-g .oh-ab-vision{position:relative;padding:72px 72px 72px max(32px,calc((100vw - 1280px) / 2 + 32px));background:#071a46 var(--vm-bg) center/cover no-repeat;color:#fff}
#onflow-about .oh-ab-vision::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,70,.55),rgba(7,26,70,.94) 70%)}
#onflow-about .oh-ab-vision::after{display:block;content:"\201C";position:absolute;left:max(32px,calc((100vw - 1280px) / 2 + 32px));top:20px;width:auto;height:auto;border-radius:0;background:none;font:700 220px/1 var(--sans);color:var(--state-active);opacity:.9}
#onflow-about .oh-ab-vision>*{position:relative;z-index:1}
#onflow-about .oh-ab-vision .oh-ab-k{margin:0 0 26px;color:#b4c7f0}
#onflow-about .oh-ab-vision .oh-ab-big{max-width:20em;font:700 clamp(28px,3.4vw,50px)/1.16 var(--sans);letter-spacing:-.035em;color:#fff}
#onflow-about .oh-ab-vm-g .oh-ab-mission{position:relative;padding:72px max(32px,calc((100vw - 1280px) / 2 + 32px)) 72px 64px;background:#f1f4fa}
#onflow-about .oh-ab-mission::before{content:"";position:absolute;left:0;top:72px;bottom:72px;width:5px;background:var(--state-active)}
#onflow-about .oh-ab-mission .oh-ab-k{margin:0 0 26px}
#onflow-about .oh-ab-mission .oh-ab-big{font:600 clamp(20px,1.9vw,26px)/1.5 var(--sans);letter-spacing:-.01em;color:var(--ab-ink)}
@media(max-width:1000px){
  #onflow-about .oh-ab-vm-g{grid-template-columns:1fr}
  #onflow-about .oh-ab-vm-g article{min-height:0;padding:56px 28px}
  #onflow-about .oh-ab-vm-g .oh-ab-vision{padding:150px 28px 48px}
  #onflow-about .oh-ab-vision::after{left:24px;top:10px;font-size:150px}
  #onflow-about .oh-ab-vm-g .oh-ab-mission{padding:48px 28px 48px 36px}
  #onflow-about .oh-ab-mission::before{top:48px;bottom:48px;left:24px}
}
#onflow-about .oh-ab-vm-g article{min-height:620px}
#onflow-about .oh-ab-vision::after{top:28px;font-size:170px}
#onflow-about .oh-ab-vision .oh-ab-big{font-size:clamp(26px,3vw,44px)}
@media(max-width:1000px){#onflow-about .oh-ab-vm-g article{min-height:0}}

/* Trang Liên hệ: công tắc dịch vụ / phần mềm */
.oh-ct-form{grid-column:6/13}
.oh-ct-switch{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 16px;border:1px solid var(--border-default);border-radius:2px;overflow:hidden;background:#fff}
.oh-ct-switch button{padding:14px 16px;border:0;background:#fff;font:600 14px/1.3 var(--sans);color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s}
.oh-ct-switch button+button{border-left:1px solid var(--border-default)}
.oh-ct-switch button[aria-pressed="true"]{background:var(--brand-primary);color:#fff}
.oh-ct-form .oh-form{grid-column:auto;margin:0}
.oh-form[hidden]{display:none}
.oh-form .wpcf7-checkbox{display:grid;grid-template-columns:1fr;gap:6px 20px;margin-top:8px}
.oh-form .wpcf7-checkbox .wpcf7-list-item{margin:0}
.oh-form .wpcf7-checkbox label{display:flex;gap:8px;align-items:center;text-transform:none;font:500 13.5px/1.4 var(--sans)}
@media(max-width:1100px){.oh-ct-form{grid-column:1/-1}}