/* Compact scenes bring the model to the service page, with plain client benefits. */
.ws-main .wab-experiment h2{font-size:clamp(34px,4.3vw,64px)}.wab-experiment .wlens-heading{align-items:start}.wab-experiment .wlens-duration{padding-top:45px}.wab-experiment .wlens-track{height:240svh}
.wab-stage .wlens-caption{max-width:32%;top:26%}.ws-main .wab-stage .wlens-caption h3{font-size:clamp(27px,2.7vw,41px)}.wab-stage .wlens-caption p{max-width:300px}
.wab-visual{position:absolute;inset:10px 20px 12px 35%;display:flex;align-items:center;justify-content:center}.wab-visual svg{display:block;width:100%;height:100%;max-height:100%}.wab-visual svg g,.wva-visual svg g{font-family:Onest,Arial,sans-serif}
.wab-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.wab-comment{position:absolute;left:30px;bottom:28px;max-width:31%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #ffffff;background:#f8f6f2;box-shadow:0 9px 18px -15px #4b382f55;border-radius:5px;transform:translateY(calc(5px - var(--lens-local,0)*5px))}.wab-comment>i{font-style:normal;color:#ff5a2b;font-size:24px}.wab-comment small{display:block;color:#9a8b7d;font-size:8px;margin-bottom:5px}.wab-comment strong{font-size:10px;font-weight:400;line-height:1.45;display:block}
.wva-lab{min-width:0;background:#faf8f5;color:#231b20;border:1px solid #ded5cd;border-radius:7px;overflow:hidden}.wva-toolbar{display:flex;gap:4px;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e6ded5}.wva-toolbar button{background:transparent;border:0;color:#9c8d83;font:inherit;font-size:10px;padding:10px 11px;border-radius:3px;min-height:38px;cursor:pointer}.wva-toolbar button[aria-pressed=true]{color:#33252a;background:#eee5df}.wva-toolbar button:focus-visible,.wva-phases button:focus-visible{outline:2px solid #ff5a2b;outline-offset:2px}
.wva-visual{height:360px;padding:5px 9px}.wva-visual svg{display:block;width:100%;height:100%}
.wva-annotation{margin:0 18px 16px;display:flex;gap:10px;align-items:center;padding:11px 13px;border:1px solid #ede1d7;border-radius:4px;background:white;transform:translateX(calc(6px - var(--value-local,0)*6px))}.wva-annotation>i{font-size:21px;line-height:1;color:#ff5a2b;font-style:normal}.wva-annotation>div{min-width:0}.wva-annotation small{font-size:8px;color:#a58d7f;display:block;margin-bottom:5px}.wva-annotation strong{font-size:11px;line-height:1.45;font-weight:400;display:block}.wva-phases{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e7ded6;padding:9px 18px}.wva-phases button{border:0;background:none;font:inherit;font-size:9px;color:#aa9789;cursor:pointer;min-height:32px}.wva-phases button[aria-pressed=true]{color:#7c354f}.wva-phases button small{font-size:8px;margin-right:5px}
.wva-note{font-size:9px;color:#a58d7f;margin:0 18px 14px;line-height:1.5}.wis.wis-motion .wis-description{max-width:440px;font-size:15px}.wis.wis-motion .wis-result strong{font-size:15px}.wis.wis-motion .wis-grid{gap:55px}
.wis-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 23px 14px;padding-top:20px}.wis-stats>div{border-left:1px solid #ffffff18;padding-left:12px}.wis-stats>div:first-child{border:0;padding-left:0}.wis-stats small{display:block;font-size:8px;color:#ad8f9d;margin-bottom:9px}.wis-stats strong{font-size:25px;letter-spacing:-.045em;font-weight:400}.wis-stats>div:last-child strong{color:#ed997c}.wis-events>div{transition:background .3s,color .3s}.wis-events>div.is-event strong{color:#efa085}.wis-live .wis-insight{position:relative;background:#ffffff06;border-top:1px solid #ffffff10;min-height:96px}.wis-live .wis-lead{padding-top:14px;padding-bottom:18px}.wis-live .wis-model-note{padding:0 23px 17px;font-size:8px;color:#937786;margin:0}
.wva-dark-tabs{display:flex;gap:5px;margin-bottom:14px}.wva-dark-tabs button{font:inherit;font-size:10px;color:#ae8b9c;border:1px solid #725264;background:none;border-radius:3px;padding:10px 12px;cursor:pointer;min-height:40px}.wva-dark-tabs button[aria-pressed=true]{color:#fff;background:#74334d;border-color:#94556d}.wva-chart-panel[hidden],.wis-live[hidden]{display:none!important}.wva-dark-tabs button:focus-visible{outline:2px solid #ff936e;outline-offset:3px}
@media(max-width:1050px){.wis.wis-motion .wis-grid{gap:32px}.wva-toolbar button{font-size:9px;padding:9px}.wva-visual{height:330px}.wab-experiment .wlens-heading{gap:25px}.wab-experiment .wlens-duration strong{font-size:62px}.wab-experiment .wlens-duration span{font-size:10px}}
@media(max-width:760px){
 .ws-main .wab-experiment h2{font-size:33px}.wab-experiment .wlens-duration{padding-top:20px}.wab-experiment .wlens-duration strong{font-size:48px}.wab-experiment .wlens-duration span{font-size:11px}.wab-experiment .wlens-track{height:220svh}.wab-stage{height:clamp(470px,64svh,570px)}
 .wab-visual{inset:6px 0 auto;height:56%;width:100%}.wab-stage .wlens-caption{top:auto;bottom:82px;left:20px;right:20px;max-width:none}.ws-main .wab-stage .wlens-caption h3{font-size:29px;margin-bottom:10px}.wab-stage .wlens-caption p{font-size:12px;line-height:1.55}.wab-stage .wlens-caption>small{margin-bottom:9px}.wab-comment{bottom:18px;left:20px;right:20px;max-width:none;padding:9px 12px;gap:8px}.wab-comment strong{font-size:9px}.wab-comment small{font-size:7px;margin-bottom:3px}.wab-comment>i{font-size:19px}
 .wab-tabs{gap:9px}.wab-tabs button{display:block;font-size:9px;line-height:1.4}.wab-tabs button small{display:block;margin-bottom:6px}.wis.wis-motion .wis-grid{gap:26px}.wva-toolbar button{font-size:10px;padding:8px 9px}.wva-visual{height:300px;padding:0 4px}.wva-annotation{margin:0 12px 12px;padding:10px 12px}.wva-annotation strong{font-size:10px}.wva-phases{padding:8px 12px;gap:5px}.wva-phases button{font-size:8px}.wva-note{margin-inline:12px;font-size:8px}.wis-stats{margin:0 16px 12px;gap:9px}.wis-stats strong{font-size:24px}.wis-stats small{font-size:8px}.wis-live .wis-model-note{padding-inline:16px}.wva-dark-tabs button{font-size:10px;padding:9px 11px}
}
@media(max-height:620px) and (min-width:761px){.wab-stage .wlens-caption{top:24%}.ws-main .wab-stage .wlens-caption h3{font-size:25px}.wab-stage .wlens-caption p{font-size:11px}.wab-comment{bottom:16px;padding:7px 10px;max-width:31%}.wab-comment small{font-size:7px}.wab-comment strong{font-size:8px}.wab-visual{inset:0 14px 0 35%}.wab-tabs button{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.wva-annotation,.wab-comment{transform:none}.wis-events>div{transition:none}}
.wab-visual text[fill="#999"],.wva-visual text[fill="#999"]{fill:#81776f}.wab-comment strong{font-size:11px}.wva-lab{overflow-anchor:none}
@media(max-width:760px){.wab-visual{height:50%}.wab-stage .wlens-caption{top:calc(50% + 20px);bottom:auto}.wab-comment strong{font-size:10px}}

/* Four moments of the same customer journey. */
.wab-experiment .wlens-track{height:260svh}.wab-stage .wlens-caption{top:23%}.wab-visual{inset:10px 12px 12px 34%}.wab-tabs button span{font-size:13px}.wab-comment{max-width:30%;background:#fbfaf7;box-shadow:0 10px 22px -17px #53413955}.wab-comment strong{font-size:11px}
@media(max-width:760px){.wab-experiment .wlens-track{height:240svh}.wab-visual{inset:6px 0 auto;height:50%;width:100%}.wab-stage .wlens-caption{top:calc(50% + 17px);max-width:none}.wab-comment{max-width:none}.wab-comment strong{font-size:10px}.wab-tabs button span{font-size:11px}}