/* /hero-wow-preview/ only: "What the numbers look like" as photo cards and a live numbers lab (#planning-examples.wow-ex).
   Markup from artifacts/hero-preview/build-examples.py, behavior in wow-ex.js. Without JavaScript the cards hide and the
   five examples stack inside the lab with their math lists. */
@property --ac{syntax:'<color>';inherits:true;initial-value:#2f63ff}
.wow-ex [data-ex="biz"]{--ac:#2f63ff}
.wow-ex [data-ex="re"]{--ac:#0fb39a}
.wow-ex [data-ex="str"]{--ac:#ff7a45}
.wow-ex [data-ex="eq"]{--ac:#8b5cff}
.wow-ex [data-ex="doc"]{--ac:#ff4f8b}
.modernist .wow-ex{background:linear-gradient(180deg,#f8faff,#edf2ff)}

/* ---------- cards ---------- */
.wow-ex .ex-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.1vw,16px);margin-top:clamp(26px,3vw,44px);position:relative;z-index:1}
html:not(.js) .wow-ex .ex-cards{display:none}
.wow-ex .ex-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:0;border-radius:22px;overflow:hidden;text-align:left;cursor:pointer;
 background:linear-gradient(180deg,#fff,#f4f7ff);color:#151815;font:inherit;box-shadow:0 0 0 1px #dde5f7,0 22px 44px -32px #0b1640;
 transition:translate .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;-webkit-tap-highlight-color:transparent}
.wow-ex .ex-card:hover{translate:0 -4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 45%,#dde5f7),0 28px 50px -30px #0b1640}
.wow-ex .ex-card.is-on{translate:0 -8px;box-shadow:0 0 0 2.5px var(--ac),0 32px 60px -28px color-mix(in srgb,var(--ac) 75%,#0b1640)}
.wow-ex .ex-card.is-on::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--ac)}
.wow-ex .ex-card:focus-visible{outline:3px solid #151815;outline-offset:4px}
.ex-card-photo{position:relative;display:block;height:clamp(118px,10.4vw,168px);overflow:hidden;background:#dde5f7}
.ex-card-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--oy,20%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.wow-ex .ex-card:hover .ex-card-photo img,.wow-ex .ex-card.is-on .ex-card-photo img{transform:scale(1.07)}
.ex-card-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--ac) 55%,transparent));opacity:.8}
.ex-card-persona{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:6px 10px;border-radius:999px;
 background:#ffffffeb;color:#151815;font:800 10.5px/1.15 Manrope,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 18px -10px #0b1640}
.ex-card-persona::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ac)}
.ex-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:14px 16px 16px;transition:background-color .4s ease}
.wow-ex .ex-card.is-on .ex-card-body{background:color-mix(in srgb,var(--ac) 7%,transparent)}
.ex-card-title{min-height:2.64em;color:#151815;font:700 14.5px/1.32 Manrope,Arial,sans-serif}
.ex-card-kpi{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}
.ex-card-num{color:#151815;font:700 clamp(22px,1.9vw,30px)/1 Barlow,Arial,sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ex-card-spark{flex:none;width:64px;height:28px;overflow:visible}
.ex-card-spark .sp{fill:#cfd8ee}
.ex-card-spark .sp-start,.ex-card-spark .sp-level{fill:var(--ac)}
.ex-card-spark .sp-level2{fill:color-mix(in srgb,var(--ac) 55%,#fff)}
.ex-card-spark .sp-sub{fill:#e3e9f7}
.ex-card-spark .sp-total,.ex-card-spark .sp-result{fill:#d5ff83;stroke:#151815;stroke-width:1}
.ex-card-spark .sp-ghost{fill:none;stroke:#ff7a59;stroke-width:1;stroke-dasharray:2 2}
.ex-card-cap{min-height:2.6em;color:#56627e;font:600 12px/1.3 Manrope,Arial,sans-serif}

/* ---------- the lab ---------- */
.wow-ex .ex-lab{position:relative;margin-top:clamp(18px,2vw,28px);border-radius:clamp(24px,2.6vw,36px);overflow:hidden;isolation:isolate;color:#eef2ff;
 background:radial-gradient(70% 90% at 0% 0%,color-mix(in srgb,var(--ac) 40%,transparent),transparent 62%),radial-gradient(60% 80% at 100% 100%,#d5ff8322,transparent 60%),linear-gradient(160deg,#10225f,#0a1435 55%,#070f29);
 box-shadow:0 50px 90px -60px #0b1640,inset 0 1px 0 #ffffff29;transition:--ac .8s ease}
.wow-ex .ex-lab::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);
 background-size:34px 34px;-webkit-mask-image:radial-gradient(90% 75% at 50% 0%,#000,transparent 85%);mask-image:radial-gradient(90% 75% at 50% 0%,#000,transparent 85%)}
.wow-ex .ex-lab[data-ex="biz"]{--ac:#2f63ff}.wow-ex .ex-lab[data-ex="re"]{--ac:#0fb39a}.wow-ex .ex-lab[data-ex="str"]{--ac:#ff7a45}
.wow-ex .ex-lab[data-ex="eq"]{--ac:#8b5cff}.wow-ex .ex-lab[data-ex="doc"]{--ac:#ff4f8b}
.wow-ex .ex-panel{position:relative;padding:clamp(20px,2.6vw,38px)}
.wow-ex .ex-panel+.ex-panel{border-top:1px solid #ffffff1f}
html.js .wow-ex .ex-panel{display:none;border-top:0}
html.js .wow-ex .ex-panel.is-on{display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);grid-template-areas:"head head" "side main" "notes notes";gap:24px clamp(22px,2.6vw,40px);align-items:start}
.ex-anchor{position:absolute;top:-90px}

/* header */
.wow-ex .ex-head{grid-area:head;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 20px}
.wow-ex .ex-persona{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:#ffffff14;
 box-shadow:inset 0 0 0 1px #ffffff26;color:#dfe6ff;font:800 11px/1.15 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.wow-ex .ex-persona::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac);box-shadow:0 0 12px var(--ac)}
.wow-ex .ex-panel .ex-title{grid-column:1;margin:0;max-width:24ch;color:#fff;font:700 clamp(26px,2.6vw,40px)/1.04 Barlow,Arial,sans-serif;letter-spacing:-.005em;text-transform:none}
.ex-tools{grid-column:2;grid-row:1/span 2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
.ex-pill{padding:8px 12px;border-radius:999px;background:#d5ff831c;color:#d5ff83;font:800 11px/1 Manrope,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #d5ff8340;white-space:nowrap}
.wow-ex .ex-reset{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:0;border-radius:999px;background:#fff;color:#151815;font:800 13px/1 Manrope,Arial,sans-serif;cursor:pointer;
 animation:exPop .35s cubic-bezier(.34,1.56,.64,1)}
.wow-ex .ex-reset[hidden]{display:none}
.wow-ex .ex-reset svg{width:16px;height:16px}
.wow-ex .ex-reset:focus-visible,.wow-ex .ex-seg-b:focus-visible{outline:3px solid #d5ff83;outline-offset:2px}
@keyframes exPop{from{opacity:0;transform:scale(.8)}}

/* scenario and controls */
.wow-ex .ex-side{grid-area:side;display:flex;flex-direction:column;gap:18px;min-width:0}
.wow-ex .ex-scenario p{margin:0 0 10px;max-width:none;color:#c3cdee;font:500 15px/1.62 Manrope,Arial,sans-serif}
.wow-ex .ex-scenario strong{color:#fff}
.wow-ex .ex-v{color:#fff;font-weight:800;white-space:nowrap;border-radius:4px;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--ac) 85%,#fff);font-variant-numeric:tabular-nums}
.wow-ex .ex-v.is-flash{animation:exFlash .8s ease}
@keyframes exFlash{0%{background:#d5ff8359;color:#d5ff83}100%{background:transparent}}
.wow-ex .ex-controls{display:flex;flex-direction:column;gap:4px;padding:16px 16px 14px;border-radius:20px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1c}
html:not(.js) .wow-ex .ex-controls,html:not(.js) .wow-ex .ex-kpis,html:not(.js) .wow-ex .ex-charts{display:none}
.wow-ex .ex-ctl-head{margin:0 0 6px;color:#d5ff83;font:800 11px/1 Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ex-ctl{margin:0 -8px;padding:8px 8px 6px;border-radius:12px;transition:background-color .25s ease,box-shadow .25s ease}
.ex-ctl.is-linked,.ex-ctl.is-demo{background:#ffffff12;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 60%,transparent)}
.ex-ctl-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ex-ctl-top label{color:#c3cdee;font:700 13px/1.3 Manrope,Arial,sans-serif}
.ex-ctl-val{color:#fff;font:700 21px/1 Barlow,Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.wow-ex .ex-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:30px;margin:2px 0 0;padding:0;background:transparent;cursor:pointer;--p:50%}
.wow-ex .ex-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#d5ff83 0,#d5ff83 var(--p),#ffffff26 var(--p))}
.wow-ex .ex-range::-moz-range-track{height:6px;border-radius:3px;background:#ffffff26}
.wow-ex .ex-range::-moz-range-progress{height:6px;border-radius:3px;background:#d5ff83}
.wow-ex .ex-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #d5ff8352,0 6px 14px #0009;transition:box-shadow .2s ease,transform .2s ease}
.wow-ex .ex-range::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #d5ff8352,0 6px 14px #0009}
.wow-ex .ex-range:hover::-webkit-slider-thumb,.wow-ex .ex-range:active::-webkit-slider-thumb{box-shadow:0 0 0 8px #d5ff8366,0 6px 14px #0009}
.wow-ex .ex-range:focus{outline:none}
.wow-ex .ex-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #d5ff83,0 0 0 8px #ffffff59}
.wow-ex .ex-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #d5ff83,0 0 0 8px #ffffff59}
.ex-ctl.is-demo .ex-range::-webkit-slider-thumb{box-shadow:0 0 0 9px #d5ff8373,0 6px 14px #0009}
.ex-ctl-scale{display:flex;justify-content:space-between;margin-top:1px;color:#8795c4;font:600 11px/1 Manrope,Arial,sans-serif}
.ex-seg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:8px;padding:4px;border-radius:12px;background:#ffffff12}
.wow-ex .ex-seg-b{padding:10px 0;border:0;border-radius:9px;background:transparent;color:#aeb9e2;font:800 13px/1 Manrope,Arial,sans-serif;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.wow-ex .ex-seg-b:hover{color:#fff;background:#ffffff14}
.wow-ex .ex-seg-b[aria-checked="true"]{background:#d5ff83;color:#151815}
.wow-ex .ex-assume{margin:8px 0 0;color:#8f9dcb;font:500 12px/1.5 Manrope,Arial,sans-serif}
.wow-ex .ex-assume::before{content:"i";display:inline-grid;place-items:center;width:15px;height:15px;margin-right:6px;border-radius:50%;background:#ffffff1f;color:#fff;font:800 10px/1 Manrope,Arial,sans-serif;vertical-align:1px}

/* KPIs */
.wow-ex .ex-main{grid-area:main;display:flex;flex-direction:column;gap:16px;min-width:0}
.ex-kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}
.ex-kpi{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px 15px;border-radius:18px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f}
.ex-kpi-label{color:#aeb9e2;font:700 12px/1.3 Manrope,Arial,sans-serif}
.ex-kpi-val{color:#fff;font:700 clamp(26px,2.4vw,40px)/1 Barlow,Arial,sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ex-kpi-note{color:#aeb9e2;font:600 12px/1.35 Manrope,Arial,sans-serif}
.ex-kpi-note[hidden]{display:none}
.ex-kpi.is-main{background:linear-gradient(150deg,#e6ffb0,#c2f56a);box-shadow:0 18px 40px -22px #b6f04f,inset 0 1px 0 #fff}
.ex-kpi.is-main .ex-kpi-label,.ex-kpi.is-main .ex-kpi-note{color:#2b3a1d}
.ex-kpi.is-main .ex-kpi-val{color:#151815}
.ex-kpi.is-main.is-neg{background:linear-gradient(150deg,#ffe0d6,#ffa487);box-shadow:0 18px 40px -22px #ff7a59,inset 0 1px 0 #fff}
.ex-kpi.is-bad .ex-kpi-val{color:#ffa487;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff7a59}

/* charts */
.ex-charts{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.wow-ex .ex-chart{position:relative;min-width:0;margin:0;padding:14px 14px 12px;border-radius:20px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1a}
.ex-chart-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 6px;color:#fff;font:800 11.5px/1.25 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ex-chart-hint{color:#8f9dcb;font:600 11px/1.25 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap}
.ex-chart-hint::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#d5ff83;box-shadow:0 0 0 0 #d5ff83aa;vertical-align:1px;animation:exPing 2.2s ease-out infinite}
@keyframes exPing{70%,100%{box-shadow:0 0 0 7px #d5ff8300}}
.ex-svg{display:block;width:100%;height:280px;overflow:visible;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.ex-bridge-svg{height:290px}
.ex-grid line{stroke:#ffffff12}
.ex-grid line.z{stroke:#ffffff5c;stroke-width:1.2}
.ex-grid text{fill:#8795c4;font:600 11px Manrope,Arial,sans-serif}
.ex-bar{transition:opacity .25s ease}
.ex-bridge-svg.is-hot .ex-bar:not(.is-hot){opacity:.3}
.ex-bar.k-sub .b{stroke:#ffffffb3;stroke-width:1.4;stroke-dasharray:4 3}
.ex-bar.k-ghost .b{stroke:#ff7a59;stroke-width:1.4;stroke-dasharray:5 3}
.ex-val{fill:#fff;font:700 13px Barlow,Arial,sans-serif;paint-order:stroke;stroke:#0b1640;stroke-width:4px;stroke-linejoin:round;font-variant-numeric:tabular-nums;pointer-events:none}
.ex-bar.k-total .ex-val,.ex-bar.k-result .ex-val{fill:#d5ff83;font-size:15px}
.ex-bar.k-down .ex-val,.ex-bar.k-pay .ex-val,.ex-bar.is-neg .ex-val{fill:#ffb49c}
.ex-bar.k-ghost .ex-val{fill:#ff9a7a}
.ex-bar.k-pay .ex-val{fill:#e2ffa8}
.ex-xl{fill:#c3cdee;font:700 11px Manrope,Arial,sans-serif;pointer-events:none}
.ex-hit{fill:transparent}
.ex-bar.is-drag .ex-hit{cursor:ns-resize}
.ex-grip{cursor:ns-resize;touch-action:none}
.ex-grip-hit{fill:transparent}
.ex-grip-bar{fill:#fff;stroke:#0b1640;stroke-width:1.5}
.ex-lab.is-in .ex-grip-bar{animation:exGrip 1.4s ease 1.6s 2}
@keyframes exGrip{50%{fill:#d5ff83}}
.ex-c{stroke:#ffffff6b;stroke-width:1.2;stroke-dasharray:3 3}
.ex-fl{fill:#8a63ff29}
.ex-op rect{fill:#0b1640;stroke:#ffffff47}
.ex-op text{fill:#fff;font:800 12px Manrope,Arial,sans-serif}
.ex-bridge-svg.is-dragging,.ex-xy.is-dragging,.ex-meter.is-dragging{cursor:grabbing}
.wow-ex .ex-eq{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:8px 4px 0;color:#c3cdee;font:700 15px/1.45 Barlow,Arial,sans-serif;font-variant-numeric:tabular-nums}
.ex-eq .q-start{color:#9db9ff}.ex-eq .q-down{color:#ffb49c}.ex-eq .q-level2{color:#cbb8ff}.ex-eq .q-op{color:#8795c4}
.ex-eq .q-total{color:#d5ff83;font-size:18px}

/* waffle */
.ex-waffle{display:flex;align-items:center;gap:18px;min-height:250px}
.ex-waffle-svg{flex:0 0 auto;width:min(52%,236px);height:auto;aspect-ratio:1}
.ex-waffle .w{fill:#ffffff14;transition:fill .5s ease,opacity .25s ease}
.ex-waffle .w-exp{fill:#ff7a59}.ex-waffle .w-add{fill:#b69cff}.ex-waffle .w-pro{fill:#d5ff83}
.ex-waffle-svg[data-hl="exp"] .w:not(.w-exp),.ex-waffle-svg[data-hl="add"] .w:not(.w-add),.ex-waffle-svg[data-hl="pro"] .w:not(.w-pro){opacity:.16}
.ex-legend{display:flex;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;list-style:none}
.ex-legend li{display:flex;align-items:flex-start;gap:10px;margin:0;cursor:default}
.ex-legend i{flex:none;width:12px;height:12px;margin-top:3px;border-radius:4px}
.lg-exp i{background:#ff7a59}.lg-add i{background:#b69cff}.lg-pro i{background:#d5ff83}
.ex-legend b{display:block;color:#fff;font:700 13px/1.25 Manrope,Arial,sans-serif}
.ex-legend em{display:block;color:#aeb9e2;font:600 13px/1.35 Manrope,Arial,sans-serif;font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}
.ex-legend em small{display:block;color:#8795c4;font:inherit}

/* two lines */
.ex-xy .ex-ln{stroke-width:3;stroke-linecap:round}
.ex-ln-cash{stroke:#8fb0ff}.ex-ln-good{stroke:#d5ff83}.ex-ln-bad{stroke:#ff7a59;stroke-dasharray:7 5}
.ex-negz{fill:#ff7a5912}
.ex-negt{fill:#ff9a7a;font:800 10.5px Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ex-cur{stroke:#ffffff8c;stroke-dasharray:3 3}
.ex-dot{stroke:#0b1640;stroke-width:3}
.ex-dot-cash{fill:#8fb0ff}.ex-dot-good{fill:#d5ff83}.ex-dot-bad{fill:#ff7a59}
.ex-dl{font:700 14px Barlow,Arial,sans-serif;paint-order:stroke;stroke:#0b1640;stroke-width:4px;stroke-linejoin:round;font-variant-numeric:tabular-nums}
.ex-dl-cash{fill:#b9ccff}.ex-dl-good{fill:#d5ff83}.ex-dl-bad{fill:#ffb49c}
.ex-lnn{font:700 11px Manrope,Arial,sans-serif;paint-order:stroke;stroke:#0b1640;stroke-width:4px}
.ex-lnn-cash{fill:#8fb0ff}.ex-lnn-good{fill:#d5ff83}.ex-lnn-bad{fill:#ff9a7a}
.ex-bandt{fill:#c9d6ff;font:700 11.5px Manrope,Arial,sans-serif;paint-order:stroke;stroke:#0b1640;stroke-width:4px;stroke-linejoin:round}
.ex-xpill rect{fill:#fff}.ex-xpill text{fill:#0b1640;font:800 11px Manrope,Arial,sans-serif}
.ex-xt{fill:#8795c4;font:600 11px Manrope,Arial,sans-serif}
.ex-over{fill:transparent;cursor:ew-resize}
.ex-xy.is-in .ex-ln,.ex-xy.is-in .ex-band{animation:exFade .9s ease both}
.ex-xy.is-in .ex-dot{animation:exDot .6s cubic-bezier(.34,1.56,.64,1) .5s both;transform-box:fill-box;transform-origin:center}
@keyframes exFade{from{opacity:0}}
@keyframes exDot{from{opacity:0;transform:scale(0)}}

/* heat grid */
.ex-heat .hc{cursor:pointer;transform-box:fill-box;transform-origin:center}
.ex-heat .hc rect{transition:fill .35s ease}
.ex-heat .hc:hover rect{stroke:#fff;stroke-width:1.5}
.ex-heat .hc.is-cross rect{filter:brightness(1.18)}
.ex-heat .hc text{fill:#eef2ff;font:700 10.5px Manrope,Arial,sans-serif;pointer-events:none}
.ex-heat .hc.is-light text{fill:#151815}
.ex-heat .hl{fill:#8f9dcb;font:700 11px Manrope,Arial,sans-serif}
.ex-heat .ht{fill:#aeb9e2;font:800 10.5px Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ex-heat .hring{fill:none;stroke:#fff;stroke-width:2.5;pointer-events:none;filter:drop-shadow(0 0 8px #d5ff83)}
.ex-heat.is-in .hc{animation:hcIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
@keyframes hcIn{from{opacity:0;transform:scale(.55)}}

/* payment meter */
.wow-ex .ex-meter{height:176px}
.m-track{fill:#ffffff10;stroke:#ffffff1f}
.m-wh{fill:#5b8cff}
.m-pay{fill:#d5ff83}.m-p1{fill:#c9f57b}.m-p2{fill:#bcea6d}.m-p3{fill:#afde60}
.m-over{stroke:#8fb0ff;stroke-dasharray:4 3}
.m-target{stroke:#fff;stroke-width:2;stroke-dasharray:4 3}
.m-tt{fill:#fff;font:700 14px Barlow,Arial,sans-serif}
.m-in{fill:#fff;font:800 12px Manrope,Arial,sans-serif;pointer-events:none}
.m-in-p{fill:#23301a}
.m-ax{fill:#8795c4;font:600 11px Manrope,Arial,sans-serif}
.m-hl{fill:#b9ccff;font:700 12px Manrope,Arial,sans-serif}
.m-handle{cursor:ew-resize;touch-action:none}
.m-handle-hit{fill:transparent}
.m-handle-bar{fill:#fff;stroke:#0b1640;stroke-width:1.5}
.ex-lab.is-in .m-handle-bar{animation:exGrip 1.4s ease 1.6s 2}
.wow-ex .ex-pays{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:6px 0 0;padding:0;list-style:none}
.wow-ex .ex-pays li{margin:0;padding:10px 10px 11px;border-radius:14px;background:#d5ff8314;box-shadow:inset 0 0 0 1px #d5ff8333}
.ex-pays span{display:block;color:#aeb9e2;font:700 11px/1.2 Manrope,Arial,sans-serif}
.ex-pays b{display:block;margin-top:5px;color:#d5ff83;font:700 18px/1 Barlow,Arial,sans-serif;font-variant-numeric:tabular-nums}

/* notes */
.wow-ex .ex-notes{grid-area:notes;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px clamp(24px,3vw,48px);padding-top:22px;border-top:1px solid #ffffff1c}
.wow-ex .ex-note:first-child:nth-last-child(2){grid-column:1/-1}
.wow-ex .ex-note h4{margin:0 0 8px;color:#fff;font:800 12px/1.2 Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.wow-ex .ex-note p{margin:0 0 8px;max-width:70ch;color:#c3cdee;font:500 14.5px/1.62 Manrope,Arial,sans-serif}
.wow-ex .ex-note-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.wow-ex .ex-note-foot .text-link{color:#d5ff83;white-space:normal}
.wow-ex .ex-note-foot .ms-example-source{margin:0;color:#8f9dcb;font:600 12.5px/1.5 Manrope,Arial,sans-serif}
.wow-ex .ex-note-foot .ms-example-source a{color:#c3cdee}

/* the math list: visible without JavaScript, read to screen readers with it */
.wow-ex .ex-math{margin:18px 0 0;color:#eef2ff}
.wow-ex .ex-math>div{border-color:#ffffff26}
.wow-ex .ex-math>div:last-child{border-top-color:#ffffff80}
.wow-ex .ex-math dd{color:#fff}
html.js .wow-ex .ex-math,.wow-ex .ex-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* note and the call below the lab */
.wow-ex .ms-example-note{max-width:80ch;color:#56627e}
.wow-ex>.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:14px 20px;border-radius:14px;background:#151815;color:#d5ff83;text-decoration:none;
 transition:transform .25s ease,box-shadow .25s ease}
.wow-ex>.text-link:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px #151815}

/* tooltip */
.ex-tip{position:fixed;left:0;top:0;z-index:80;max-width:260px;padding:10px 13px 11px;border-radius:14px;pointer-events:none;background:#0b1640f2;color:#eef2ff;
 font:600 12.5px/1.4 Manrope,Arial,sans-serif;box-shadow:0 18px 40px -16px #000c,inset 0 0 0 1px #ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
 transform:translate(-50%,calc(-100% - 12px));opacity:0;transition:opacity .15s ease}
.ex-tip.is-on{opacity:1}
.ex-tip span{display:block;color:#aeb9e2;font:800 10.5px/1.2 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ex-tip b{display:block;margin:3px 0 2px;color:#d5ff83;font:700 20px/1.1 Barlow,Arial,sans-serif;font-variant-numeric:tabular-nums}
.ex-tip em{display:block;font-style:normal;color:#dfe6ff}

/* the lab arrives */
html.js .wow-ex .ex-lab{transition:--ac .8s ease,opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}

@media(max-width:1199px){
 .ex-charts{grid-template-columns:1fr}
 .ex-kpis{grid-template-columns:1fr 1fr}
 .ex-kpi.is-main{grid-column:1/-1}
}
@media(max-width:1099px){
 .wow-ex .ex-cards{display:flex;gap:12px;margin:22px -20px 0;padding:6px 20px 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none}
 .wow-ex .ex-cards::-webkit-scrollbar{display:none}
 .wow-ex .ex-card{flex:0 0 min(70vw,260px);scroll-snap-align:center}
 html:not(.js) .wow-ex .ex-cards{display:none}
}
@media(max-width:899px){
 html.js .wow-ex .ex-panel.is-on{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:16px;padding:20px 16px 22px}
 .wow-ex .ex-side,.wow-ex .ex-main,.wow-ex .ex-charts{display:contents}
 .wow-ex .ex-head{order:0;grid-template-columns:1fr}
 .ex-tools{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:14px}
 .wow-ex .ex-scenario{order:1}
 .ex-kpis{order:2}
 .wow-ex .ex-bridge{order:3}
 .wow-ex .ex-controls{order:4}
 .wow-ex .ex-alt{order:5}
 .wow-ex .ex-notes{order:6;grid-template-columns:1fr}
 .wow-ex .ex-scenario p{font-size:14.5px}
 .ex-xl{font-size:10px;letter-spacing:-.01em}
 .wow-ex .ex-lab{margin-left:-8px;margin-right:-8px}
 .ex-kpi{padding:12px 14px}
 .ex-kpi-val{font-size:26px}
 .ex-kpi.is-main .ex-kpi-val{font-size:34px}
 .ex-bridge-svg{height:250px}
 .ex-svg{height:240px}
 .wow-ex .ex-meter{height:170px}
 .ex-waffle{min-height:0}
 .wow-ex .ex-panel .ex-title{font-size:28px}
 .ex-eq{font-size:14px}.ex-eq .q-total{font-size:16px}
 .wow-ex .ex-range::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px}
 .wow-ex .ex-range::-moz-range-thumb{width:28px;height:28px}
 .wow-ex .ex-pays{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wow-ex>.text-link{display:flex;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 .wow-ex .ex-card,.ex-card-photo img,.ex-waffle .w,.ex-heat .hc rect{transition:none}
 .ex-chart-hint::before,.ex-lab.is-in .ex-grip-bar,.ex-lab.is-in .m-handle-bar,.wow-ex .ex-v.is-flash,.wow-ex .ex-reset{animation:none}
}
.ex-xy.is-pre .ex-ln,.ex-xy.is-pre .ex-band,.ex-xy.is-pre .ex-dot,.ex-xy.is-pre .ex-dl,.ex-xy.is-pre .ex-bandt,.ex-heat.is-pre .hc,.ex-heat.is-pre .hring{opacity:0}
@media(max-width:899px){.wow-ex .ex-head,.wow-ex .ex-side,.wow-ex .ex-main,.wow-ex .ex-notes{grid-area:auto}}