/* Azend answers group (ans): one compact animated visual per answer page.
   Every class is prefixed vans-. Colours only from :root tokens, square corners, red for one highlight per visual.
   Motion runs on [data-io].play (added by site.js) and shows the final state under reduced motion.
   No values are drawn unless the page itself sources them. */

/* Section shell */
.vans .kicker{margin-bottom:12px;color:var(--ash)}
.vans-h{font-size:clamp(24px,2.6vw,38px);max-width:26ch}
.vans-l{margin:12px 0 28px;font-size:16px;line-height:1.5;color:var(--mist);max-width:64ch}
.vans .vz-cap{margin-top:16px}
.vans-viz{max-width:1120px}

/* Shared atoms */
.vans-n{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}
.vans-b{display:block;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;color:var(--white)}
.vans-s{display:block;font-size:13px;line-height:1.45;color:var(--ash)}
.vans-box{position:relative;border:1px solid var(--line-strong);background:var(--ink-raise);padding:16px 16px 15px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;min-width:0;opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease) calc(var(--i,0)*.16s),transform .7s var(--ease) calc(var(--i,0)*.16s)}
.vans-box.hi{border-color:var(--red)}
.vans-box.hi .vans-n{color:var(--red)}
.vans-box.ghost{background:transparent;border-style:dashed}
.play .vans-box{opacity:1;transform:none}
.vans-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.vans-tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mist);border:1px solid var(--line-strong);padding:6px 8px;line-height:1.2;opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease) calc(.3s + var(--i,0)*.07s),transform .5s var(--ease) calc(.3s + var(--i,0)*.07s)}
.vans-tag.dash{border-style:dashed;color:var(--ash)}
.play .vans-tag{opacity:1;transform:none}

/* 1. Fork: stacks joined by connectors (fan in, straight, fan out) */
.vans-fork{display:grid;grid-template-columns:var(--cols,minmax(0,1fr) 56px minmax(0,1fr));align-items:stretch}
.vans-stk{display:grid;gap:8px;align-content:stretch}
.vans-stk > .vans-box,.vans-fork > .vans-box{justify-content:center}
.vans-stk.in > .vans-box::after,.vans-stk.out > .vans-box::before{content:"";position:absolute;top:50%;width:28px;height:0;border-top:1px solid var(--mist);transform:scaleX(0);transition:transform .5s var(--ease) calc(.35s + var(--i,0)*.16s)}
.vans-stk.in > .vans-box::after{right:-29px;transform-origin:left}
.vans-stk.out > .vans-box::before{left:-29px;transform-origin:left;transition-delay:calc(1s + var(--i,0)*.12s)}
.vans-stk > .vans-box.dash::after,.vans-stk > .vans-box.dash::before{border-top-style:dashed}
.play .vans-stk > .vans-box::after,.play .vans-stk > .vans-box::before{transform:none}
.vans-join{position:relative}
.vans-join::before{content:"";position:absolute;left:28px;top:var(--a,50%);bottom:var(--a,50%);width:1px;background:var(--mist);transform:scaleY(0);transition:transform .45s var(--ease) .75s}
.vans-join::after{content:"";position:absolute;top:50%;height:1px;background:var(--mist);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease) .9s}
.vans-join.in::after{left:28px;right:0}
.vans-join.out::after{left:0;right:28px;transition-delay:.7s}
.vans-join.out::before{transition-delay:.85s}
.vans-join.in i,.vans-join.str i{position:absolute;right:1px;top:calc(50% - 4px);width:8px;height:8px;border-top:1px solid var(--mist);border-right:1px solid var(--mist);transform:rotate(45deg);opacity:0;transition:opacity .4s var(--ease) 1.2s}
.vans-join.str::before{display:none}
.vans-join.str::after{left:0;right:0}
.play .vans-join::before{transform:none}
.play .vans-join::after{transform:none}
.play .vans-join i{opacity:1}

/* Band under a visual (governance, controls, decision criteria) */
.vans-band{margin-top:10px;border:1px solid var(--line);background:var(--ink-deep);padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;opacity:0;transition:opacity .8s var(--ease) 1.3s}
.vans-band > b{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--white)}
.vans-band .vans-tags{margin-top:0}
.vans-band .vans-tag{transition-delay:calc(1.4s + var(--i,0)*.07s)}
.play .vans-band{opacity:1}

/* 2. Equation of cards: A + B + C */
.vans-eq{display:grid;grid-template-columns:var(--cols,minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr));align-items:stretch}
.vans-eq .vans-box{justify-content:flex-start;padding:20px 18px}
.vans-eq .vans-box::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--bone);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease) calc(.2s + var(--i,0)*.16s)}
.vans-eq .vans-box.hi::before{background:var(--red)}
.play .vans-eq .vans-box::before,.vans-eq.play .vans-box::before{transform:none}
.vans-op{display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;color:var(--ash);opacity:0;transition:opacity .5s var(--ease) calc(.4s + var(--i,0)*.16s)}
.play .vans-op{opacity:1}
.vans-eq .vans-b{font-size:17px;margin:4px 0 6px}
.vans-who{display:block;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.06em;color:var(--mist)}
.vans-who em{font-style:normal;color:var(--ash);text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin-right:6px}
.vans-li{list-style:none;margin-top:6px;display:grid;gap:6px}
.vans-li li{position:relative;padding-left:16px;font-size:13px;line-height:1.4;color:var(--mist)}
.vans-li li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background:var(--ash)}
.vans-sum{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
.vans-sum::after{content:"";flex:1;height:1px;background:var(--line-strong);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.play .vans-sum::after,.play.vans-sum::after{transform:none}

/* 3. Checklist progress stepper */
.vans-ck{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line-strong);position:relative}
.vans-ck::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--bone);transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease) .1s}
.vans-ck li{padding:18px 14px 0 0;display:flex;flex-direction:column;gap:6px;min-width:0}
.vans-ck li + li{padding-left:14px;border-left:1px solid var(--line)}
.vans-ck .sq{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 10px}
.vans-ck .sq i{width:20px;height:20px;border:1px solid var(--line-strong);background:transparent;transition:background .35s var(--ease) calc(.2s + var(--i,0)*.06s),border-color .35s var(--ease) calc(.2s + var(--i,0)*.06s)}
.vans-ck.play::before{transform:none}
.vans-ck.play .sq i{background:var(--bone);border-color:var(--bone)}
.vans-ck.play .sq i.hi{background:var(--red);border-color:var(--red)}
.vans-ck .vans-b{font-size:14px}

/* 4. Converging lines SVG (RevOps) */
.vans-svg{display:block;width:100%;height:auto;max-width:820px}
.vans-svg text{font-family:var(--font)}
.vans-svg .ln{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--ease) calc(var(--i,0)*.15s)}
.vans-svg .fd{opacity:0;transition:opacity .7s var(--ease) calc(.9s + var(--i,0)*.15s)}
.vans-svg.play .ln{stroke-dashoffset:0}
.vans-svg.play .fd{opacity:1}

/* 5. Scope spans across the lifecycle (RevOps vs ops) */
.vans-span{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:4px;row-gap:0}
.vans-span .hd{padding:0 0 10px;border-bottom:1px solid var(--line-strong);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);min-width:0;overflow-wrap:anywhere}
.vans-span .rw{grid-column:var(--c);margin-top:16px;min-width:0}
.vans-span .rw .vans-n{margin-bottom:6px;color:var(--mist)}
.vans-span .rw i{display:block;height:30px;background:rgba(237,231,228,.16);border:1px solid var(--line-strong);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease) calc(.2s + var(--i,0)*.2s)}
.vans-span .rw.hi i{background:var(--red);border-color:var(--red);position:relative}
.vans-span .rw.hi .vans-n{color:var(--white)}
.vans-span .gap{grid-column:1/-1;margin-top:10px;display:flex;justify-content:space-around;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.vans-span.play .rw i{transform:none}

/* 6. Hub grid (Agent Hub) */
.vans-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:900px}
.vans-hub .vans-box{min-height:96px;transform:scale(.94)}
.vans-hub .core{background:var(--ink-deep);border-color:var(--red);justify-content:center;text-align:center;align-items:center}
.vans-hub .core .vans-b{font-size:20px}
.play .vans-hub .vans-box,.vans-hub.play .vans-box{transform:none}

/* 7. Iceberg: switch on above the line, the work below */
.vans-ice{position:relative;display:grid;gap:8px;max-width:900px}
.vans-ice .vans-box{width:var(--w,100%);margin:0 auto;flex-direction:row;justify-content:space-between;align-items:baseline;gap:6px 18px;flex-wrap:wrap}
.vans-ice .vans-box .vans-s{text-align:right;max-width:38ch}
.vans-ice .wl{position:relative;margin:8px 0;height:22px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}
.vans-ice .wl::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--line-strong);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease) .2s;z-index:0}
.vans-ice .wl span{position:relative;z-index:1;background:var(--ink);padding:0 10px 0 0}
.vans-ice .wl span + span{padding:0 0 0 10px}
.vans-ice.play .wl::before{transform:none}

/* 8. Layers merging into one system */
.vans-os{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:24px;align-items:center;max-width:1000px}
.vans-os .lbl{display:grid;gap:10px}
.vans-os .lbl b{font-size:clamp(18px,1.7vw,24px);font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:1.1}
.vans-os .lbl .was{color:var(--ash);text-decoration:line-through;text-decoration-color:var(--ash);text-decoration-thickness:2px;opacity:1}
.vans-os .lbl .now{opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease) 1.3s,transform .7s var(--ease) 1.3s}
.vans-os ol{list-style:none;display:grid;gap:0}
.vans-os li{display:flex;justify-content:space-between;align-items:baseline;gap:6px 16px;flex-wrap:wrap;border:1px solid var(--line-strong);background:var(--ink-raise);padding:14px 16px;margin-top:-1px;transform:translateX(var(--x,0));opacity:.55;transition:transform 1.1s var(--ease) calc(.2s + var(--i,0)*.12s),opacity 1.1s var(--ease) calc(.2s + var(--i,0)*.12s)}
.vans-os li .vans-s{text-align:right}
.vans-os li.base{background:var(--ink-deep);border-color:var(--red)}
.vans-os li.base .vans-n{color:var(--red)}
.vans-os.play li{transform:none;opacity:1}
.vans-os.play .lbl .now{opacity:1;transform:none}

/* 9. Comparison table, facts only */
.vans-cmp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) minmax(0,1.6fr);border-top:1px solid var(--line-strong)}
.vans-cmp > div{padding:14px 16px 14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--mist);opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease) calc(var(--i,0)*.12s),transform .6s var(--ease) calc(var(--i,0)*.12s);min-width:0}
.vans-cmp > .th{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--white)}
.vans-cmp > .k{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.vans-cmp > .h{position:relative;padding-left:16px}
.vans-cmp > .h::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--bone);transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease) calc(.2s + var(--i,0)*.12s)}
.vans-cmp > .h.hi::before{background:var(--red)}
.vans-cmp.play > div{opacity:1;transform:none}
.vans-cmp.play > .h::before{transform:none}

/* 10. Phase timeline with go-live waves */
.vans-tl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.2fr);gap:6px}
.vans-tl .ph{display:flex;flex-direction:column;gap:6px;min-width:0}
.vans-tl .bar{height:12px;background:rgba(237,231,228,.22);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease) calc(var(--i,0)*.35s)}
.vans-tl .ph:nth-child(3) .bar{background:var(--bone)}
.vans-tl .waves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px}
.vans-tl .waves span{border:1px solid var(--line-strong);padding:9px 10px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mist);line-height:1.3;opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease) calc(1.1s + var(--i,0)*.2s),transform .6s var(--ease) calc(1.1s + var(--i,0)*.2s)}
.vans-tl .waves span.hi{border-color:var(--red);color:var(--white)}
.vans-tl.play .bar{transform:none}
.vans-tl.play .waves span{opacity:1;transform:none}
.vans-drv{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:22px}
.vans-drv > b{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--white);margin-right:4px}

/* 11. Two lanes (moved vs rebuilt) */
.vans-lanes{display:grid;gap:8px}
.vans-lane{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) minmax(0,9rem);gap:0;align-items:stretch;border:1px solid var(--line);background:var(--ink-raise)}
.vans-lane > div{padding:16px 18px;min-width:0}
.vans-lane .hd{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:4px}
.vans-lane .tg .vans-tags{margin-top:0}
.vans-lane .to{position:relative;border-left:1px solid var(--line);padding-left:34px!important;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--white);text-align:center}
.vans-lane.hi{border-color:var(--red)}
.vans-lane.hi .hd .vans-n{color:var(--red)}
.vans-lane .to::before{content:"";position:absolute;left:0;top:50%;width:22px;height:1px;background:var(--mist);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease) 1s}
.vans-lanes.play .vans-lane .to::before{transform:none}

/* 12. Matrix: one account, markets as columns */
.vans-mx{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:4px}
.vans-mx .ch{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--white);padding:0 0 8px;border-bottom:1px solid var(--line-strong)}
.vans-mx .rh{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ash);display:flex;align-items:center;min-width:0}
.vans-mx .c{border:1px solid var(--line-strong);background:var(--ink-raise);padding:9px 10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mist);min-width:0;overflow-wrap:anywhere;opacity:0;transform:scale(.92);transition:opacity .45s var(--ease) calc(.2s + var(--i,0)*.06s),transform .45s var(--ease) calc(.2s + var(--i,0)*.06s)}
.vans-mx .base{grid-column:1/-1;margin-top:6px;border:1px solid var(--red);background:var(--ink-deep);padding:14px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline;opacity:0;transition:opacity .8s var(--ease) 1.3s}
.vans-mx .base .vans-n{color:var(--red)}
.vans-mx.play .c{opacity:1;transform:none}
.vans-mx.play .base{opacity:1}

/* 13. Scorecard rows (dimensions, no scores) */
.vans-sc{list-style:none;border-top:1px solid var(--line-strong)}
.vans-sc li{display:grid;grid-template-columns:28px minmax(0,1.1fr) 70px minmax(0,1.9fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.vans-sc .bx{width:16px;height:16px;border:1px solid var(--line-strong);position:relative}
.vans-sc .bx::after{content:"";position:absolute;inset:3px;background:var(--bone);transform:scale(0);transition:transform .4s var(--ease) calc(.2s + var(--i,0)*.18s)}
.vans-sc li.hi .bx::after{background:var(--red)}
.vans-sc .vans-b{font-size:14px}
.vans-sc .ty{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);opacity:0;transition:opacity .5s var(--ease) calc(.35s + var(--i,0)*.18s)}
.vans-sc li.hi .ty{color:var(--white)}
.vans-sc .vans-s{font-size:14px;opacity:0;transform:translateX(-8px);transition:opacity .5s var(--ease) calc(.35s + var(--i,0)*.18s),transform .5s var(--ease) calc(.35s + var(--i,0)*.18s)}
.vans-sc.play .bx::after{transform:none}
.vans-sc.play .ty,.vans-sc.play .vans-s{opacity:1;transform:none}

/* 14. Buyer-stage index (answers.html) */
.vans-stg{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;border-top:1px solid var(--line-strong)}
.vans-stg::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--bone);transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease) .1s}
.vans-stg > li{position:relative;padding:26px 14px 0 0;min-width:0;opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease) calc(var(--i,0)*.18s),transform .7s var(--ease) calc(var(--i,0)*.18s)}
.vans-stg > li + li{padding-left:14px;border-left:1px solid var(--line)}
.vans-stg > li::before{content:"";position:absolute;left:0;top:-6px;width:11px;height:11px;background:var(--ink);border:1px solid var(--white)}
.vans-stg > li + li::before{left:-6px}
.vans-stg > li.hi::before{background:var(--red);border-color:var(--red)}
.vans-stg .vans-b{font-size:17px;margin:4px 0 12px}
.vans-stg ul{list-style:none;display:grid;gap:0;border-top:1px solid var(--line)}
.vans-stg ul a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;color:var(--mist);transition:color .2s}
.vans-stg ul a:hover,.vans-stg ul a:focus-visible{color:var(--white)}
.vans-stg.play::before{transform:none}
.vans-stg.play > li{opacity:1;transform:none}


/* Small parts used by several pages */
.vans-box.sm{flex-direction:row;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;padding:10px 14px}
.vans-box.sm .vans-b{font-size:13px}
.vans-box.sm .vans-n{font-size:10px}
.vans-kv{display:grid;gap:0;margin-top:10px;border-top:1px solid var(--line)}
.vans-kv div{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--mist)}
.vans-kv dt{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.vans-kv dd{margin:0}
.vans-band.alert > b{color:var(--red)}
.vans .vz-nrr .t small{display:block;margin-top:5px;font-size:12px;font-weight:400;line-height:1.4;color:var(--ash);max-width:34ch}
.vans .vz-nrr{padding-top:22px}
.vans .vz-nrr .res{margin-bottom:16px}
.vans-cmp > .k.hi{color:var(--red)}
@media (max-width:820px){.vans-kv div{grid-template-columns:minmax(0,6.5rem) minmax(0,1fr)}}

/* Responsive */
@media (max-width:1000px){
  .vans-stg{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .vans-stg > li:nth-child(4){padding-left:0;border-left:0}
  .vans-stg > li:nth-child(4)::before{left:0}
  .vans-ck{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}
  .vans-ck li:nth-child(4){padding-left:0;border-left:0}
}
@media (max-width:820px){
  .vans-l{margin-bottom:22px;font-size:15px}
  .vans-fork,.vans-eq{grid-template-columns:minmax(0,1fr)!important}
  .vans-join{height:30px}
  .vans-join::before{display:none}
  .vans-join::after,.vans-join.in::after,.vans-join.out::after,.vans-join.str::after{left:28px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:scaleY(0);transform-origin:top}
  .play .vans-join::after,.play .vans-join.in::after,.play .vans-join.out::after,.play .vans-join.str::after{transform:none}
  .vans-join i,.vans-join.in i,.vans-join.str i{right:auto;left:24px;top:auto;bottom:1px;transform:rotate(135deg)}
  .vans-stk.in > .vans-box::after,.vans-stk.out > .vans-box::before{display:none}
  .vans-stk.row2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vans-op{height:34px}
  .vans-ck{grid-template-columns:minmax(0,1fr)}
  .vans-ck li,.vans-ck li + li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n sq" "b sq";column-gap:12px;row-gap:2px;align-items:center;padding:12px 0;border-left:0;border-bottom:1px solid var(--line)}
  .vans-ck .vans-n{grid-area:n}.vans-ck .vans-b{grid-area:b}.vans-ck .sq{grid-area:sq;margin:0;justify-content:flex-end;max-width:120px}
  .vans-ck .vans-s{display:none}
  .vans-ck .sq i{width:14px;height:14px}
  .vans-span .hd{font-size:10px;letter-spacing:.04em}
  .vans-span .rw .vans-n{font-size:10px;letter-spacing:.08em;white-space:nowrap}
  .vans-span .gap{font-size:10px}
  .vans-hub{gap:6px}
  .vans-hub .vans-box{min-height:74px;padding:10px 8px;justify-content:center}
  .vans-hub .vans-s{display:none}
  .vans-hub .vans-b{font-size:11px;letter-spacing:.02em;overflow-wrap:break-word;hyphens:auto}
  .vans-hub .vans-n{font-size:9px;letter-spacing:.08em}
  .vans-hub .core .vans-b{font-size:13px}
  .vans-ice .vans-box{width:100%!important;flex-direction:column;align-items:flex-start}
  .vans-ice .vans-box .vans-s{text-align:left}
  .vans-ice .wl{font-size:10px;letter-spacing:.1em}
  .vans-os{grid-template-columns:minmax(0,1fr);gap:16px}
  .vans-os .lbl{grid-auto-flow:column;justify-content:start;gap:16px}
  .vans-os li{flex-direction:column;align-items:flex-start;transform:translateX(calc(var(--x,0) * .3))}
  .vans-os li .vans-s{text-align:left}
  .vans-cmp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .vans-cmp > .th.k0{display:none}
  .vans-cmp > .k{grid-column:1/-1;padding:14px 0 0;border-bottom:0}
  .vans-cmp > div{font-size:13px;padding-right:10px}
  .vans-cmp > .h{padding-left:12px}
  .vans-tl{grid-template-columns:minmax(0,1fr)}
  .vans-tl .ph + .ph{margin-top:12px}
  .vans-lane{grid-template-columns:minmax(0,1fr)}
  .vans-lane .hd{border-right:0;border-bottom:1px solid var(--line)}
  .vans-lane .to{border-left:0;border-top:1px solid var(--line);justify-content:flex-start;padding-left:40px!important}
  .vans-lane .to::before{left:12px}
  .vans-mx{grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,1fr))}
  .vans-mx .rh{font-size:10px;letter-spacing:.04em;overflow-wrap:anywhere}
  .vans-mx .ch{font-size:10px;letter-spacing:.06em}
  .vans-mx .c{font-size:10px;letter-spacing:.04em;padding:8px 6px}
  .vans-sc li{grid-template-columns:22px minmax(0,1fr) 52px;gap:4px 10px}
  .vans-sc li .vans-s{grid-column:2/-1;font-size:13px}
  .vans-stg{grid-template-columns:minmax(0,1fr);row-gap:24px;border-top:0}
  .vans-stg::before{left:5px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:scaleY(0);transform-origin:top}
  .vans-stg > li,.vans-stg > li + li,.vans-stg > li:nth-child(4){padding:0 0 0 30px;border-left:0}
  .vans-stg > li::before,.vans-stg > li + li::before,.vans-stg > li:nth-child(4)::before{left:0;top:4px}
}

/* Reduced motion: final state, no movement */
@media (prefers-reduced-motion:reduce){
  .vans-box,.vans-tag,.vans-band,.vans-op,.vans-cmp > div,.vans-stg > li,.vans-mx .c,.vans-mx .base,.vans-tl .waves span,.vans-sc .ty,.vans-sc .vans-s,.vans-os .lbl .now{opacity:1!important;transform:none!important;transition:none!important}
  .vans-stk.in > .vans-box::after,.vans-stk.out > .vans-box::before,.vans-join::before,.vans-join::after,.vans-eq .vans-box::before,.vans-sum::after,.vans-ck::before,.vans-span .rw i,.vans-ice .wl::before,.vans-cmp > .h::before,.vans-tl .bar,.vans-lane .to::before,.vans-sc .bx::after,.vans-stg::before{transform:none!important;transition:none!important}
  .vans-join i{opacity:1!important;transition:none!important}
  .vans-ck .sq i{background:var(--bone);border-color:var(--bone);transition:none!important}
  .vans-ck .sq i.hi{background:var(--red);border-color:var(--red)}
  .vans-os li{transform:none!important;opacity:1!important;transition:none!important}
  .vans-svg .ln{stroke-dashoffset:0!important;transition:none!important}
  .vans-svg .fd{opacity:1!important;transition:none!important}
}

/* Round 9: more air and brand red in the answer visuals */
.vans-h{margin-bottom:clamp(28px,3vw,44px)}
.vans-drv{gap:10px 12px;margin-bottom:clamp(36px,4vw,56px)}
.vans-drv > b{margin-right:10px;color:var(--red)}
.vans-drv .vans-tag{padding:9px 14px}
.vans-n{color:var(--red)}
.vans-tl{gap:clamp(18px,2.4vw,36px)}
.vans-tl .ph{gap:12px}
.vans-tl .ph + .ph{margin-top:0}
.vans-tl .bar{height:8px;margin-bottom:10px;background:rgba(239,65,54,.3)}
.vans-tl .ph:nth-child(2) .bar{background:rgba(239,65,54,.6)}
.vans-tl .ph:nth-child(3) .bar{background:var(--red)}
.vans-tl .vans-s{font-size:14px;line-height:1.55;max-width:40ch}
.vans-tl .waves{gap:12px;margin-top:18px}
.vans-tl .waves span{padding:16px 16px;line-height:1.4}
.vans-tl .waves span.hi{background:rgba(239,65,54,.12)}
.vans + .sec,.vans .vz-cap{margin-top:clamp(28px,3vw,44px)}
@media (max-width:760px){.vans-tl .ph + .ph{margin-top:20px}.vans-tl .waves{grid-template-columns:1fr}}