/* /hero-wow-preview/ only: "Your planning map" (#the-shift.wow-planmap). Bright ice ground, glass chips,
   an SVG map of the visitor's pieces around "Your plan", and the strategies that sit on the connections. */
.wow-planmap{position:relative;isolation:isolate;overflow:clip;color:#151815;padding:clamp(64px,7vw,110px) 0 clamp(56px,6vw,96px);
 background:radial-gradient(46% 52% at 88% 12%,#d5ff8352,#d5ff8300 70%),radial-gradient(44% 56% at 4% 96%,#9cc0ff73,#9cc0ff00 70%),radial-gradient(40% 40% at 60% 60%,#ffffffcc,#ffffff00 70%),linear-gradient(180deg,#f7faff 0%,#e9f0ff 100%)}
.pm-wrap{max-width:1340px;margin:0 auto;padding:0 4vw;display:grid;grid-template-columns:minmax(330px,.86fr) 1.3fr;grid-template-areas:"intro map" "results map";gap:18px clamp(28px,4vw,64px);align-items:start}
.pm-stage{display:contents}
.pm-intro{grid-area:intro}
.pm-map{grid-area:map;position:sticky;top:110px}
.pm-results{grid-area:results}
.pm-kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:800 13px/1 Manrope,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#174cf2}
.pm-kicker b{width:10px;height:10px;border-radius:50%;background:#d5ff83;box-shadow:0 0 0 3px #174cf2,0 0 16px 4px #d5ff83aa}
.wow-planmap h2{margin:0;font:700 clamp(46px,5.2vw,86px)/.9 Barlow,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.01em;color:#151815}
.wow-planmap h2 span{display:block;color:#174cf2}
.pm-lede{margin:22px 0 26px;max-width:520px;font:500 clamp(16px,1.3vw,19px)/1.55 Manrope,Arial,sans-serif;color:#151815cc}
.pm-chips{display:flex;flex-wrap:wrap;gap:10px}
.pm-chip{display:inline-flex;align-items:center;gap:9px;padding:11px 16px 11px 12px;border-radius:999px;border:1px solid #c9d7f7;background:#ffffffc7;color:#151815;
 font:700 14.5px/1.1 Manrope,Arial,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #fff,0 8px 18px -14px #174cf2;
 transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.pm-chip svg{width:20px;height:20px;flex:none;fill:none;stroke:#174cf2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s ease}
.pm-chip:hover{transform:translateY(-2px);border-color:#174cf2;box-shadow:inset 0 1px 0 #fff,0 14px 24px -16px #174cf2}
.pm-chip.is-on{background:#174cf2;border-color:#174cf2;color:#fff;box-shadow:0 12px 26px -14px #174cf2,inset 0 1px 0 #ffffff59}
.pm-chip.is-on svg{stroke:#d5ff83}
.pm-chip:focus-visible,.pm-strat:focus-visible,.pm-book:focus-visible{outline:3px solid #151815;outline-offset:3px}

/* the map */
.pm-svg{display:block;width:100%;height:auto;overflow:visible}
.pm-ring{fill:none;stroke:#9cc0ff;stroke-width:1.2;stroke-dasharray:2 7;opacity:.8}
.pm-ring-in{opacity:.45}
.pm-spoke{fill:none;stroke:#174cf2;stroke-width:1.6;stroke-opacity:.3;transition:stroke-dashoffset .7s cubic-bezier(.2,.8,.2,1)}
.pm-edge{fill:none;stroke:#174cf2;stroke-width:3;stroke-linecap:round;stroke-opacity:.85;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1),stroke .3s ease,stroke-width .3s ease}
.pm-edge.is-hot{stroke:#0b2fb3;stroke-width:5;filter:drop-shadow(0 0 6px #d5ff83)}
.pm-light{fill:#d5ff83;stroke:#174cf2;stroke-width:1.5}
.pm-badge circle{fill:#d5ff83;stroke:#151815;stroke-opacity:.2;stroke-width:1.5}
.pm-badge text{font:700 16px Barlow,Arial,sans-serif;text-anchor:middle;fill:#151815}
.pm-badge.is-hot circle{fill:#151815}.pm-badge.is-hot text{fill:#d5ff83}
.pm-node{cursor:pointer}
.pm-node-disc{fill:#ffffffa6;stroke:#9cc0ff;stroke-width:1.6;stroke-dasharray:4 5;transition:fill .3s ease,stroke .3s ease}
.pm-node-icon{fill:none;stroke:#9cc0ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}
.pm-node-label{font:800 15px Manrope,Arial,sans-serif;text-anchor:middle;fill:#8a93a8;transition:fill .3s ease}
.pm-node-pulse{fill:none;stroke:#d5ff83;stroke-width:3;opacity:0}
.pm-node.is-on .pm-node-disc{fill:#fff;stroke:#174cf2;stroke-width:2.6;stroke-dasharray:none;filter:drop-shadow(0 10px 14px #174cf247)}
.pm-node.is-on .pm-node-icon{stroke:#174cf2;stroke-width:1.9}
.pm-node.is-on .pm-node-label{fill:#151815}
.pm-node.is-on .pm-node-pulse{animation:pmPulse 2.6s ease-out infinite}
.pm-node.is-hot .pm-node-disc{fill:#d5ff83}
.pm-node:hover .pm-node-disc{stroke:#174cf2}
@keyframes pmPulse{0%{opacity:.9;transform:scale(.8)}80%,100%{opacity:0;transform:scale(1.35)}}
.pm-node-pulse{transform-box:fill-box;transform-origin:center}
.pm-hub-disc{fill:#151815;stroke:#d5ff83;stroke-width:3}
.pm-hub-t{font:700 19px Barlow,Arial,sans-serif;letter-spacing:.06em;text-anchor:middle;fill:#d5ff83}
.pm-hub-glow{opacity:.55;transition:opacity .5s ease}
.pm-hub.is-on .pm-hub-glow{opacity:1;animation:pmGlow 3.2s ease-in-out infinite}
.pm-hub-glow{transform-box:fill-box;transform-origin:center}
@keyframes pmGlow{50%{transform:scale(1.12)}}
.pm-hot .pm-edge:not(.is-hot){stroke-opacity:.25}

/* results */
.pm-count{display:flex;align-items:baseline;gap:12px;margin:26px 0 14px}
.pm-count strong{font:700 clamp(54px,5vw,76px)/.9 Barlow,Arial,sans-serif;color:#174cf2;font-variant-numeric:tabular-nums;min-width:1.1em}
.pm-count span{font:800 15px/1.2 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#151815b3}
.pm-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pm-item{display:block}
.pm-strat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 14px 12px;border-radius:14px;border:1px solid #ffffffe6;cursor:pointer;text-align:left;
 background:linear-gradient(160deg,#ffffffe6,#ffffffa6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #fff,0 10px 22px -18px #174cf2cc;
 transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background-color .25s ease}
.pm-strat-name{font:800 15px/1.2 Manrope,Arial,sans-serif;color:#151815}
.pm-strat-via{font:700 11.5px/1.2 Manrope,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#174cf2}
.pm-item.is-link .pm-strat{border-color:#d5ff83;box-shadow:inset 3px 0 0 #d5ff83,inset 0 1px 0 #fff,0 12px 24px -18px #174cf2}
.pm-strat:hover,.pm-item.is-hot .pm-strat{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 16px 30px -18px #174cf2}
.pm-item.is-hot .pm-strat{background:#d5ff83}
.pm-cta{margin-top:26px}
.pm-book{display:inline-flex;align-items:center;gap:12px;padding:18px 24px;border-radius:12px;background:#174cf2;color:#fff;text-decoration:none;
 font:800 16px/1.2 Manrope,Arial,sans-serif;box-shadow:0 18px 34px -18px #174cf2;transition:transform .25s ease,background-color .25s ease}
.pm-book svg{width:20px;height:20px;flex:none}
.pm-book:hover{background:#0f3bd1;transform:translateY(-2px)}
.pm-fine{margin:14px 0 0;font:500 13px/1.5 Manrope,Arial,sans-serif;color:#151815a6}
.pm-empty .pm-count strong{color:#9cc0ff}

@media(max-width:899px){
 .wow-planmap{padding:64px 0 56px}
 .pm-wrap{display:block;padding:0 20px}
 .pm-map{position:relative;top:auto;margin:20px -8px 0}
 .pm-chip{padding:10px 13px 10px 10px;font-size:13.5px}
 .pm-node-label{font-size:19px}
 .pm-badge text{font-size:18px}
 .pm-book{width:100%;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){
 .pm-node.is-on .pm-node-pulse,.pm-hub.is-on .pm-hub-glow{animation:none}
 .pm-chip,.pm-strat,.pm-edge,.pm-spoke{transition:none}
}