/* Jax is a guide through real decisions. The approved brand palette stays intact. */
.jx11{--jx-blue:#4545f5;--jx-lime:#c6ff00;--jx-ink:#12121a;--jx-copy:#34343f;--jx-line:#dedee7;--jx-position:12.5%;--jx-progress:0%;margin-block:56px 64px;padding:33px 38px 0;background:#fff;border:1px solid var(--jx-line);border-radius:19px;box-shadow:0 15px 50px #17152e05;color:var(--jx-ink)}
.jx11-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.jx11-heading .eyebrow{font-size:12px;letter-spacing:.045em;color:#53535e;line-height:1.5}.jx11-heading h2{font-size:clamp(27px,2.7vw,36px);font-weight:600;line-height:1.2;letter-spacing:-.025em;margin-top:11px;color:var(--jx-ink)}
.jx11-pause{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;border:1px solid #d4d4df;padding:11px 15px;border-radius:30px;color:#34343f;background:#fff;font-size:14px;font-weight:500;line-height:1.4}.jx11-pause>span{font-size:18px;line-height:1}.jx11-pause:hover{border-color:#8d7ed2;background:#f7f6fc}
.jx11-track{position:relative;padding-top:166px;margin-top:25px;isolation:isolate}.jx11-route{position:absolute;top:137px;left:12.5%;right:12.5%;height:2px;background:#dedee9;z-index:-1}.jx11-route>span{display:block;height:100%;background:var(--jx-blue);width:var(--jx-progress);transition:width .9s ease}.jx11-route>i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--jx-blue);top:-3px;left:0}.jx11-route>i:nth-of-type(2){left:33.3333%}.jx11-route>i:nth-of-type(3){left:66.6667%}.jx11-route>i:nth-of-type(4){left:100%}
.jx11-traveller{position:absolute;left:var(--jx-position);top:8px;width:108px;height:140px;transform:translateX(-50%);transition:left .9s cubic-bezier(.35,.05,.2,1);pointer-events:none}.jx11-character{display:block;width:108px;height:140px;overflow:visible}.jx11-shadow{fill:#17152e12;transform-origin:57px 129px}.jx11-arm,.jx11-leg{fill:none;stroke:var(--jx-blue);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.jx11-arm-left{transform-origin:28px 70px}.jx11-arm-right{transform-origin:85px 67px}.jx11-leg-left{transform-origin:45px 91px}.jx11-leg-right{transform-origin:69px 91px}.jx11-eyes{transform-origin:57px 50px;animation:jx11-blink 6.5s infinite}.jx11-spark{fill:var(--jx-lime);opacity:0;transform-origin:center}.jx11-spark-b{fill:var(--jx-blue)}
.jx11 .jx11-character{stroke:none;fill:none}
.jx11.is-jumping .jx11-figure{animation:jx11-happy-jump 1s both}.jx11.is-jumping .jx11-shadow{animation:jx11-shadow-jump 1s both}.jx11.is-jumping .jx11-arm-left{animation:jx11-wave-left 1s both}.jx11.is-jumping .jx11-arm-right{animation:jx11-wave-right 1s both}.jx11.is-jumping .jx11-leg-left{animation:jx11-kick-left 1s both}.jx11.is-jumping .jx11-leg-right{animation:jx11-kick-right 1s both}.jx11.is-jumping .jx11-spark{animation:jx11-sparkle 1s both}.jx11.is-jumping .jx11-spark-b{animation-delay:.12s}
.jx11-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.jx11-stage{position:relative;display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 14px;min-width:0;text-align:left;padding:20px 17px;border:1px solid var(--jx-line);border-radius:11px;background:#f8f8fb;color:var(--jx-ink);transition:border-color .25s,background .25s,transform .25s}.jx11-stage:hover{border-color:#a99cdb;transform:translateY(-2px)}.jx11-stage[aria-pressed=true]{border-color:#9c8ed4;background:#f0edff;box-shadow:inset 0 -3px var(--jx-blue)}
.jx11-stage-icon{display:grid;place-items:center;grid-row:1/3;width:43px;height:43px;border-radius:10px;background:var(--jx-lime);color:var(--jx-ink)}.jx11-stage:nth-child(even) .jx11-stage-icon{background:var(--jx-blue);color:#fff}.jx11-stage-icon>svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.jx11-stage-number{font-size:11px;letter-spacing:.035em;font-weight:600;line-height:1.4;color:#53535e}.jx11-stage strong{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--jx-ink);overflow-wrap:normal}.jx11-stage .jx11-short{display:none}
.jx11-explainer{display:grid;grid-template-columns:110px 1fr auto;align-items:start;gap:12px 22px;border-top:1px solid var(--jx-line);margin-top:27px;padding:25px 0 29px;min-height:145px}.jx11-speaker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#4f35d1;line-height:1.5;padding-top:5px}.jx11-speaker:before{content:"";height:7px;width:7px;background:var(--jx-lime);border:1px solid #8bb500;border-radius:50%}.jx11-explainer [data-jax-message]{grid-column:2;font-size:20px;line-height:1.5;font-weight:500;color:var(--jx-ink);max-width:770px;min-height:3em;letter-spacing:-.01em}.jx11-outputs{display:flex;flex-wrap:wrap;gap:7px;grid-column:2;margin-top:-5px}.jx11-outputs>span{display:block;background:#f7f7fa;border:1px solid #e2e2e9;border-radius:5px;padding:5px 9px;font-size:13px;font-weight:500;line-height:1.5;color:#464650}.jx11-explore{grid-column:3;grid-row:1/3;display:inline-flex;align-items:center;gap:15px;padding-top:4px;white-space:nowrap;color:#4f35d1;font-size:14px;font-weight:600;line-height:1.5}.jx11-explore:hover{text-decoration:underline}.jx11-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.jx11.is-paused .jx11-traveller,.jx11.is-paused .jx11-route>span{transition:none}.jx11.is-paused *{animation-play-state:paused!important}.jx11.is-jumping [data-jax-message]{animation:jx11-explain .45s ease both}
.jax-page-v11{background:#f7f4ee}.jax11-intro{padding-block:45px 0}.jax11-back{display:inline-block;color:#464650;font-size:14px;margin-bottom:34px}.jax11-intro>.eyebrow{margin-bottom:20px}.jax11-intro h1{font-size:clamp(43px,5.3vw,72px);line-height:1.08;letter-spacing:-.035em;font-weight:600}.jax11-intro h1>span{color:#6448f6}.jax11-intro>p:last-child{font-size:19px;line-height:1.7;color:#34343f;max-width:710px;margin-top:24px}.jax11-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:85px}.jax11-principles h2{font-size:24px;line-height:1.3;margin-bottom:13px;letter-spacing:-.02em}.jax11-principles p{font-size:17px;line-height:1.7;color:#464650}.jax11-principles a{display:inline-flex;margin-top:17px;color:#4f35d1;font-size:15px;font-weight:600}
@keyframes jx11-happy-jump{0%,100%{transform:translateY(0) scale(1)}15%{transform:translateY(4px) scale(1.04,.95)}42%{transform:translateY(-28px) scale(.98,1.03) rotate(-4deg)}59%{transform:translateY(-29px) rotate(4deg)}82%{transform:translateY(3px) scale(1.04,.96)}}
@keyframes jx11-shadow-jump{0%,100%{transform:scaleX(1);opacity:1}45%,60%{transform:scaleX(.55);opacity:.45}}
@keyframes jx11-wave-left{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(23deg)}}@keyframes jx11-wave-right{0%,100%{transform:rotate(0)}35%,60%{transform:rotate(-20deg)}}@keyframes jx11-kick-left{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(13deg)}}@keyframes jx11-kick-right{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(-13deg)}}
@keyframes jx11-sparkle{0%,20%,100%{opacity:0;transform:scale(.6)}40%,65%{opacity:1;transform:scale(1.08)}}@keyframes jx11-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}@keyframes jx11-explain{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.jx11{padding-inline:28px}.jx11-stage{grid-template-columns:36px 1fr;padding:17px 12px;gap:3px 10px}.jx11-stage-icon{width:36px;height:36px;border-radius:8px}.jx11-stage-icon>svg{width:24px;height:24px}.jx11-stage strong{font-size:15px}.jx11-explainer{grid-template-columns:90px 1fr;gap:12px 18px}.jx11-explore{grid-column:2;grid-row:3;justify-self:start;padding-top:0}.jx11-explainer [data-jax-message]{font-size:19px;min-height:3em}}
@media(max-width:700px){.jx11{padding:25px 20px 0;margin-block:36px 44px;border-radius:15px}.jx11-heading{display:block}.jx11-heading h2{font-size:28px;max-width:420px}.jx11-pause{font-size:13px;padding:9px 13px;margin-top:18px}.jx11-track{padding-top:140px;margin-top:20px}.jx11-traveller{width:86px;height:112px;top:19px}.jx11-character{width:86px;height:112px}.jx11-route{top:122px}.jx11-stages{gap:7px}.jx11-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;text-align:center;padding:13px 3px 15px;min-height:94px;border-radius:8px}.jx11-stage-icon{width:34px;height:34px;border-radius:8px}.jx11-stage-icon>svg{width:22px;height:22px}.jx11-stage-number{display:none}.jx11-stage .jx11-long{display:none}.jx11-stage .jx11-short{display:block;font-size:13px;line-height:1.3}.jx11-explainer{display:block;padding-block:22px 25px;margin-top:20px;min-height:0}.jx11-speaker{padding-top:0;font-size:13px}.jx11-explainer [data-jax-message]{font-size:18px;line-height:1.55;margin-top:13px;min-height:0}.jx11-outputs{margin:16px 0 0;gap:6px}.jx11-outputs>span{font-size:12px;padding:5px 8px}.jx11-explore{font-size:14px;margin-top:20px}.jax11-intro{padding-top:32px}.jax11-intro>p:last-child{font-size:17px}.jax11-principles{grid-template-columns:1fr;gap:29px;padding-bottom:60px}.jax11-principles h2{font-size:24px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.jx11-traveller,.jx11-route>span,.jx11-stage{transition:none}.jx11 *, .jx11.is-jumping *{animation:none!important}.jx11-stage:hover{transform:none}}

/* The personality preview is scoped to Jax's page while the homepage is held. */
.jax12-visual-link{display:inline-flex;align-items:center;gap:22px;margin-top:23px;font-size:16px;font-weight:600;color:#4f35d1;line-height:1.5}.jax12-visual-link>span{display:grid;place-items:center;width:30px;height:30px;background:#c6ff00;border-radius:50%;font-size:22px;color:#12121a}.jax12-visual-link:hover{text-decoration:underline}


.jx12-personality .jx11-explainer{position:relative;grid-template-columns:90px 1fr auto;gap:12px 19px;background:#f5f2ff;border:1px solid #ddd5f5;border-radius:14px;padding:24px 22px 19px;margin-bottom:25px;min-height:170px}
.jx12-personality .jx11-explainer:before{content:"";position:absolute;top:-8px;left:calc(var(--jx-position) - 9px);height:14px;width:14px;background:#f5f2ff;transform:rotate(45deg);border-top:1px solid #ddd5f5;border-left:1px solid #ddd5f5;transition:left .9s ease}
.jx12-personality .jx11-explainer [data-jax-message]{font-size:21px;line-height:1.5;min-height:3em}
.jx12-personality .jx11-outputs>span{background:#fff;border-color:#e0dcf0}

.jx12-talking-mouth{opacity:0;transform-origin:58px 70px}.jx12-personality.is-explaining .jx12-talking-mouth{opacity:1;animation:jx12-talk .25s ease-in-out infinite alternate}.jx12-personality.is-explaining .jx11-smile{opacity:0}
.jx12-personality.is-explaining .jx12-hat{animation:jx12-hat-nod 1.3s ease-in-out infinite;transform-origin:57px 36px}
@keyframes jx12-talk{0%{transform:scale(.9,.35)}45%{transform:scale(1,.95)}100%{transform:scale(.8,1.25)}}
@keyframes jx12-hat-nod{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(-2deg) translateY(1px)}}
@media(max-width:1100px){.jx12-personality .jx11-heading{align-items:flex-start}.jx12-personality .jx11-explainer{grid-template-columns:80px 1fr}.jx12-personality .jx11-explore{grid-column:2;grid-row:3}}
@media(max-width:700px){.jx12-personality .jx11-explainer{display:block;padding:21px 17px 20px;margin-bottom:20px}.jx12-personality .jx11-explainer [data-jax-message]{font-size:18px;min-height:0}.jx12-personality .jx11-explore{display:inline-flex;margin-top:19px}}
@media(prefers-reduced-motion:reduce){.jx12-personality .jx11-explainer:before{transition:none}.jx12-personality .jx12-talking-mouth,.jx12-personality .jx12-hat{animation:none!important}.jx12-personality.is-explaining .jx12-talking-mouth{opacity:0}.jx12-personality.is-explaining .jx11-smile{opacity:1}}

/* Rounded Jax: the same cap, cheek colour and star badge at every scale. */
.jx14-character .jx11-arm,.jx14-character .jx11-leg{stroke-width:8.5}.jx14-character .jx11-arm-left{transform-origin:31px 78px}.jx14-character .jx11-arm-right{transform-origin:78px 76px}.jx14-character .jx11-leg-left{transform-origin:45px 103px}.jx14-character .jx11-leg-right{transform-origin:65px 103px}.jx14-character .jx11-eyes{transform-origin:55px 58px}.jx14-character .jx12-talking-mouth{transform-origin:56px 75px}.jx14-character .jx11-spark-b{fill:none}.jx12-personality.is-explaining .jx14-character .jx12-hat{animation:none}
.jax11-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:center;gap:30px;padding-top:38px}.jax14-intro-copy>.eyebrow{margin-bottom:19px}.jax14-intro-copy>p:not(.eyebrow){font-size:19px;line-height:1.7;color:#34343f;max-width:650px;margin-top:23px}.jax14-hero-art{background:radial-gradient(ellipse,#ede8ff 0%,#ede8ff50 43%,transparent 70%);padding:10px 0 0}.jax14-hero-art>.jp13-pose{display:block;width:100%;height:auto;overflow:visible}.jax14-hero-art .jp13-character{transform-origin:160px 156px;animation:jax14-welcome-hop 4.8s ease-in-out infinite}.jax14-hero-art .jp13-confetti{animation:jax14-confetti 4.8s ease-in-out infinite}
@keyframes jax14-welcome-hop{0%,20%,65%,100%{transform:rotate(-7deg) translateY(0)}34%{transform:rotate(-10deg) translateY(-12px)}44%{transform:rotate(-4deg) translateY(-14px)}57%{transform:rotate(-7deg) translateY(2px)}}@keyframes jax14-confetti{0%,20%,100%{opacity:.5}35%,65%{opacity:1}}
body.motion-paused .jax14-hero-art *{animation-play-state:paused!important}
.jax-page-v11:has(.jp13-gallery.is-paused) .jax14-hero-art *{animation-play-state:paused!important}
@media(max-width:850px){.jax11-intro{grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr);gap:10px}.jax11-intro h1{font-size:44px}.jax14-intro-copy>p:not(.eyebrow){font-size:17px}}
@media(max-width:600px){.jax11-intro{grid-template-columns:1fr;padding-top:30px}.jax14-hero-art{max-width:310px;width:100%;justify-self:center;margin-top:8px}.jax11-intro h1{font-size:43px}.jax14-intro-copy>p:not(.eyebrow){font-size:17px}.jax14-intro-copy .jax11-back{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.jax14-hero-art *{animation:none!important}}