/* V9: connected illustrated care pathway; approved large scenes remain unchanged. */
.vx-value-section{padding:32px 0 100px;background:#fff;color:var(--ink,#173644);scroll-margin-top:30px}
.vx-value-inner{max-width:1240px;margin:0 auto;padding:0 40px}
.vx-value-heading{max-width:720px;margin-bottom:78px}
.vx-value-eyebrow{margin:0 0 20px;color:#59798b;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:1.8px}
.vx-value-heading h2{margin:0 0 22px;font-size:47px;font-weight:500;line-height:1.14;letter-spacing:-2px}
.vx-value-heading>p:last-child{max-width:600px;margin:0;color:var(--muted,#61747d);font-size:16px;line-height:1.75}
.vx-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px;align-items:stretch}
.vx-value-card{position:relative;isolation:isolate;min-width:0;padding:36px 38px;border:1px solid #e1edf2;border-radius:30px;background:#f9fcfe;display:flex;flex-direction:column}
.vx-value-copy,.vx-value-cue-group{position:relative;z-index:1}
.vx-value-card-top{margin-bottom:15px}
.vx-value-audience{margin:0 0 17px;color:#56768a;font-size:9px;font-weight:650;line-height:1.7;letter-spacing:1.2px}
.vx-value-card h3{margin:0;font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.8px;text-wrap:balance;overflow-wrap:break-word}
.vx-value-goal{margin:0 0 15px;color:#4f6b79;font-size:14px;line-height:1.8}
.vx-value-mechanism{margin:0;color:#6a818e;font-size:12px;line-height:1.85}
.vx-value-scene{position:absolute;pointer-events:none;z-index:0;mix-blend-mode:multiply}
.vx-value-scene img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.vx-value-cue-group{position:relative;z-index:1;margin-top:30px;min-width:0}
.vx-value-journey,.vx-value-cues{list-style:none;padding:0;margin:0;color:#54768a;font-size:13px;line-height:1.5}
.vx-value-journey li,.vx-value-cues li{position:relative;padding:0;border:0;background:none;min-width:0}
.vx-value-cue-image{display:block;width:88px;height:70px;object-fit:contain}
.vx-value-journey{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-bottom:3px}
.vx-value-journey::before{content:"";position:absolute;top:80px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#bedbe9,#9fc9de,#bedbe9);border-radius:2px}
.vx-value-journey::after{content:"";position:absolute;top:77px;right:calc(10% - 1px);width:6px;height:6px;border-top:2px solid #9fc9de;border-right:2px solid #9fc9de;transform:rotate(45deg)}
.vx-value-journey li{text-align:center}
.vx-value-journey li::after{content:"";position:absolute;top:77px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#8ebdd3;box-shadow:0 0 0 4px #f8fcfe}
.vx-value-journey .vx-value-cue-image{margin:0 auto}
.vx-value-journey span{display:block;margin-top:24px}
.vx-value-cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.vx-value-cues .vx-value-cue-image{width:68px;height:56px;margin-bottom:8px}
.vx-value-cues span{display:block;font-size:12px;line-height:1.55}
.vx-value-guest{grid-column:1/-1;min-height:330px;background:linear-gradient(110deg,#f5fbfe 0%,#fff 73%)}
.vx-value-guest .vx-value-copy{max-width:56%}.vx-value-guest h3{font-size:36px;max-width:560px}
.vx-value-guest .vx-value-goal{max-width:540px}
.vx-value-guest .vx-value-mechanism{max-width:550px}
.vx-value-guest .vx-value-scene{width:440px;right:-8px;top:-48px;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}
.vx-value-team{overflow:clip;background:linear-gradient(135deg,#fff 20%,#f2f8fc 100%);min-height:420px}
.vx-value-team .vx-value-scene{width:370px;right:-65px;bottom:-52px;opacity:.24;mask-image:linear-gradient(135deg,transparent 17%,#000 75%)}
.vx-value-team .vx-value-copy{max-width:460px}
.vx-value-team .vx-value-cue-group{margin-top:28px}
.vx-value-hotel{background:linear-gradient(130deg,#f8fcff,#fff 70%)}
.vx-value-hotel .vx-value-scene{width:285px;right:-24px;top:-58px}
.vx-value-hotel .vx-value-card-top{padding-right:155px;min-height:148px}
.vx-value-hotel .vx-value-audience{max-width:205px}
.vx-value-hotel .vx-value-cue-group{margin-top:auto;padding-top:24px}
html[lang="zh-CN"] .vx-value-heading h2,html[lang="zh-CN"] .vx-value-card h3{letter-spacing:-.035em;line-height:1.3}
@media(max-width:1100px){.vx-value-inner{padding:0 28px}.vx-value-card{padding:30px}.vx-value-guest{padding-right:30px}.vx-value-guest .vx-value-scene{width:40%;top:-20px}.vx-value-guest h3{font-size:32px}.vx-value-card h3{font-size:27px}.vx-value-hotel .vx-value-scene{width:240px;right:-16px;top:-44px}.vx-value-hotel .vx-value-card-top{padding-right:125px;min-height:135px}.vx-value-hotel .vx-value-audience{font-size:8px;letter-spacing:.8px}}
@media(max-width:850px){.vx-value-grid{grid-template-columns:1fr;gap:42px}.vx-value-heading{margin-bottom:66px}.vx-value-guest{padding-right:30px;min-height:350px}.vx-value-guest .vx-value-scene{width:40%;right:-10px;top:-20px}.vx-value-team{min-height:340px}.vx-value-team .vx-value-copy{max-width:500px}.vx-value-team .vx-value-scene{width:350px;right:-38px;bottom:-60px;opacity:.19}.vx-value-hotel .vx-value-card-top{padding-right:200px;min-height:125px}.vx-value-hotel .vx-value-scene{width:280px;right:-12px;top:-55px}.vx-value-hotel .vx-value-audience{font-size:9px;max-width:none}.vx-value-hotel .vx-value-goal,.vx-value-hotel .vx-value-mechanism{max-width:540px}.vx-value-hotel .vx-value-cue-group{margin-top:6px}}
@media(max-width:600px){.vx-value-section{padding:24px 0 70px}.vx-value-inner{padding:0 22px}.vx-value-heading{margin-bottom:58px}.vx-value-eyebrow{font-size:9px;margin-bottom:18px}.vx-value-heading h2{font-size:35px;letter-spacing:-1.5px;margin-bottom:19px}.vx-value-heading>p:last-child{font-size:14px;line-height:1.8}.vx-value-grid{gap:40px}.vx-value-card{padding:26px;border-radius:25px}.vx-value-audience{font-size:8px;letter-spacing:1px;margin-bottom:14px}.vx-value-card h3,.vx-value-guest h3{font-size:28px}.vx-value-goal{font-size:13px}.vx-value-mechanism{font-size:12px}.vx-value-guest{padding-top:128px;min-height:0}.vx-value-guest .vx-value-scene{width:225px;right:-7px;top:-42px;mask-image:linear-gradient(to bottom,#000 78%,transparent)}.vx-value-guest .vx-value-cue-group{display:block;margin-top:22px}.vx-value-team{min-height:0;padding-bottom:34px}.vx-value-team .vx-value-scene{width:285px;right:-84px;bottom:-35px;opacity:.16;mask-image:linear-gradient(135deg,transparent 25%,#000 100%)}.vx-value-team .vx-value-cue-group{margin-top:24px;gap:8px}.vx-value-hotel{padding-top:99px}.vx-value-hotel .vx-value-scene{width:225px;right:-9px;top:-48px}.vx-value-hotel .vx-value-card-top{padding-right:0;min-height:0}.vx-value-hotel .vx-value-audience{font-size:8px;letter-spacing:.8px}.vx-value-hotel .vx-value-cue-group{margin-top:5px;gap:11px}}
@media(max-width:360px){.vx-value-inner{padding:0 19px}.vx-value-card{padding-left:22px;padding-right:22px}.vx-value-card h3,.vx-value-guest h3{font-size:26px}.vx-value-heading h2{font-size:32px}.vx-value-guest .vx-value-scene{width:205px}.vx-value-hotel .vx-value-scene{width:210px}}
/* Let the foreground scenes cross a quiet edge, without a rule through Viki. */
.vx-value-guest::before,.vx-value-hotel::before{content:"";position:absolute;top:-1px;right:27px;height:1px;background:#fff;pointer-events:none;z-index:0}
.vx-value-guest::before{width:360px}.vx-value-hotel::before{width:230px}
@media(max-width:600px){.vx-value-guest::before,.vx-value-hotel::before{right:12px;width:185px}}
/* Fade only the guest JPEG's empty outer margins; retain the foreground objects. */
.vx-value-guest .vx-value-scene{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 94%,transparent 100%),linear-gradient(to right,transparent 0%,#000 9%,#000 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 94%,transparent 100%),linear-gradient(to right,transparent 0%,#000 9%,#000 95%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:600px){html[lang="zh-CN"] .vx-value-team h3{max-width:6em;text-wrap:wrap}}
@media(max-width:600px){html[lang="zh-CN"] .vx-value-hotel h3{max-width:9em;text-wrap:wrap}}

/* Small screens follow one continuous vertical route, with room for every label. */
@media(max-width:600px){
  .vx-value-guest .vx-value-copy{max-width:none}
  .vx-value-guest .vx-value-cue-group{margin-top:27px}
  .vx-value-journey{display:grid;grid-template-columns:1fr;gap:8px;padding:0}
  .vx-value-journey::before{top:30px;bottom:30px;left:6px;right:auto;width:2px;height:auto;background:linear-gradient(#bedbe9,#9fc9de,#bedbe9)}
  .vx-value-journey::after{top:auto;bottom:28px;left:3px;right:auto;transform:rotate(135deg)}
  .vx-value-journey li{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:13px;min-height:64px;padding-left:25px;text-align:left}
  .vx-value-journey li::after{top:calc(50% - 3px);left:4px}
  .vx-value-journey .vx-value-cue-image{width:72px;height:58px;margin:0}
  .vx-value-journey span{margin:0;font-size:13px;line-height:1.5}
  .vx-value-cues{grid-template-columns:1fr;gap:11px}
  .vx-value-cues li{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;min-height:48px}
  .vx-value-cues .vx-value-cue-image{width:58px;height:48px;margin:0}
  .vx-value-cues span{font-size:12px;line-height:1.55}
  .vx-value-team .vx-value-cue-group{margin-top:25px}
}