/* S02 - VCC ecosystem introduction */
#chung-nhan{background:linear-gradient(180deg,#f4fbf6 0%,#fff 72%);padding:56px 0 42px}
#chung-nhan .ecosystem-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;column-gap:clamp(32px,4vw,56px);row-gap:18px;max-width:1180px;margin:28px auto 0}
#chung-nhan .ecosystem-heading{max-width:1000px;margin:0 auto;text-align:center}
#chung-nhan .ecosystem-heading .eyebrow{display:block;margin-bottom:12px;color:#18b923;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#chung-nhan .ecosystem-heading h2{color:#162b48;font-size:clamp(30px,2.7vw,38px);font-weight:800;line-height:1.2}
#chung-nhan .ecosystem-copy{padding-top:0;text-align:left}
#chung-nhan .ecosystem-copy p{max-width:860px;margin:0;color:#536273;font-size:16px;line-height:1.7}
#chung-nhan .ecosystem-copy .ecosystem-tagline{max-width:900px;margin:0 0 18px;color:#162b48;font-size:clamp(20px,1.8vw,24px);font-weight:750;line-height:1.5}
#chung-nhan .ecosystem-tagline .vietnam-flag{display:inline-block;width:30px;height:20px;margin-right:8px;border-radius:2px;vertical-align:-2px;box-shadow:0 1px 3px rgba(20,45,35,.2)}
#chung-nhan .ecosystem-award{display:flex;width:100%;height:100%;max-width:520px;align-self:stretch;margin:0 auto;overflow:hidden;border:1px solid #e0eee5;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(25,89,54,.12)}
#chung-nhan .ecosystem-award img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
#chung-nhan .ecosystem-award figcaption{padding:9px 14px;color:#536273;font-size:12px;font-weight:650}
#chung-nhan .ecosystem-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:16px}
#chung-nhan .ecosystem-primary{background:#18b923;box-shadow:0 8px 20px rgba(24,185,35,.2)}
#chung-nhan .ecosystem-link{color:#18a923;font-size:14px;font-weight:700}
#chung-nhan .ecosystem-link span{display:inline-block;margin-left:4px;transition:transform .18s}
#chung-nhan .ecosystem-link:hover span{transform:translateX(3px)}

#chung-nhan .ecosystem-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:24px auto 0;border:1px solid #d9e9de;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(25,89,54,.07);overflow:hidden}
#chung-nhan .ecosystem-fact{display:grid;min-width:0;grid-template-rows:44px 48px 64px;align-content:center;justify-items:center;row-gap:5px;padding:18px 14px;text-align:center}
#chung-nhan .ecosystem-fact+.ecosystem-fact{border-left:1px solid #dce5f0}
#chung-nhan .ecosystem-fact strong{align-self:center;color:#18b923;font-size:36px;font-weight:800;line-height:1.15}
#chung-nhan .ecosystem-fact span{display:flex;align-items:center;justify-content:center;color:#1b2d45;font-size:15px;font-weight:750;line-height:1.45}
#chung-nhan .ecosystem-fact small{align-self:start;margin:0;color:#68788b;font-size:13px;line-height:1.55}
#chung-nhan .ecosystem-facts{max-width:none;margin:20px 0 0}
#chung-nhan .ecosystem-intro>.ecosystem-actions{grid-column:2;justify-self:center;justify-content:center;margin-top:0}

/* Continuous award and certification ticker */
#chung-nhan .certs-heading{margin:30px 0 7px;color:#536273;font-size:11px;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}
#chung-nhan .certs{position:relative;left:50%;width:min(1280px,calc(100vw - 32px));margin:0;overflow:hidden;padding:6px 0 12px;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#chung-nhan .certs-track{--gap:16px;display:flex;gap:var(--gap);width:max-content}
#chung-nhan .certs-track.run{animation:cn-slide 32s linear infinite}
#chung-nhan .certs:hover .certs-track{animation-play-state:paused}
@keyframes cn-slide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - var(--gap)/2))}}
#chung-nhan .cert{flex:0 0 160px;display:flex;flex-direction:column;align-items:center;padding:10px 8px;border:1px solid #e2ebe5;border-radius:12px;background:#fff;transition:box-shadow .2s,transform .2s,border-color .2s}
#chung-nhan .cert:hover{transform:translateY(-4px);border-color:#b5e4c7;box-shadow:0 14px 34px rgba(9,142,80,.12)}
#chung-nhan .cert img{width:64px;height:64px;object-fit:contain;margin-bottom:7px}
#chung-nhan .cert img.doc{width:auto;height:64px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 6px 14px rgba(120,80,0,.22)}
#chung-nhan .cert b{font-size:13.5px;font-weight:700;color:#1b2d45;line-height:1.3}
#chung-nhan .cert span{font-size:12px;color:#68788b;line-height:1.35;margin-top:3px}
@media (prefers-reduced-motion:reduce){
  #chung-nhan .certs-track.run{animation:none}
  #chung-nhan .certs{overflow-x:auto}
}

@media (max-width:850px){
  #chung-nhan .ecosystem-intro{grid-template-columns:1fr;align-items:center;row-gap:28px;margin-top:24px}
  #chung-nhan .ecosystem-award{height:auto;max-width:520px}
  #chung-nhan .ecosystem-award img{height:auto;aspect-ratio:4/3}
  #chung-nhan .ecosystem-copy{padding-top:0;text-align:center}
  #chung-nhan .ecosystem-copy p{margin-right:auto;margin-left:auto}
  #chung-nhan .ecosystem-copy .ecosystem-tagline{margin:0 auto 16px}
  #chung-nhan .ecosystem-actions{justify-content:center}
  #chung-nhan .ecosystem-intro>.ecosystem-actions{grid-column:1;margin-top:0}
  #chung-nhan .ecosystem-facts{margin-right:auto;margin-left:auto}
  #chung-nhan .ecosystem-fact{padding:16px 12px}
  #chung-nhan .ecosystem-fact strong{font-size:32px}
}
@media (max-width:600px){
  #chung-nhan{padding:32px 0 26px}
  #chung-nhan .ecosystem-heading h2{font-size:26px;line-height:1.25}
  #chung-nhan .ecosystem-heading .eyebrow{font-size:12px}
  #chung-nhan .ecosystem-copy p{font-size:15px;line-height:1.65}
  #chung-nhan .ecosystem-copy .ecosystem-tagline{font-size:19px}
  #chung-nhan .ecosystem-award{max-width:400px;margin-top:16px;border-radius:12px}
  #chung-nhan .ecosystem-actions{align-items:center;flex-direction:column;gap:12px;margin-top:16px}
  #chung-nhan .ecosystem-facts{grid-template-columns:1fr;margin-top:20px}
  #chung-nhan .ecosystem-fact{padding:12px 6px}
  #chung-nhan .certs-heading{margin-top:22px}
  #chung-nhan .certs{width:calc(100vw - 24px)}
  #chung-nhan .certs-track{--gap:12px}
  #chung-nhan .certs-track.run{animation-duration:26s}
  #chung-nhan .cert{flex-basis:144px}
  #chung-nhan .ecosystem-fact{grid-template-rows:34px 38px 56px;gap:4px;padding:12px 14px;text-align:center}
  #chung-nhan .ecosystem-fact+.ecosystem-fact{border-top:1px solid #dce5f0;border-left:0}
  #chung-nhan .ecosystem-fact strong{font-size:28px}
  #chung-nhan .ecosystem-fact span{font-size:13px}
  #chung-nhan .ecosystem-fact small{font-size:11px}
}