@font-face{font-family:JBOutfit;src:url('assets/jellybean-outfit-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:JBOutfit;src:url('assets/jellybean-outfit-bold.woff') format('woff');font-weight:700;font-display:swap}.jellybean-case{padding:77px 0 17px}.jb-case-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:37px}.jb-case-heading h2{font-size:clamp(3.8rem,6vw,6rem);line-height:.91;letter-spacing:-.063em;margin-top:21px}.jb-case-heading h2>span{color:var(--blue)}.jb-case-heading>p{font-size:1.04rem;line-height:1.5;max-width:390px;margin-bottom:5px}.jb-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}.jb-before-panel,.jb-after-panel{border:2px solid var(--ink);border-radius:7px;overflow:hidden;min-width:0;background:#e5e5dc;display:flex;flex-direction:column}.jb-before-panel{transform:rotate(-1.5deg);box-shadow:5px 6px 0 #a2a293}.jb-after-panel{background:#151b11;box-shadow:7px 8px 0 var(--ink);transform:rotate(1.5deg)}.jb-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:15px 20px;background:var(--cream);border-bottom:1.5px solid var(--ink);min-height:54px}.jb-panel-bar>strong{font-size:.83rem;letter-spacing:-.015em}.jb-panel-bar>span{font-size:.71rem;color:#65685b}.jb-panel-bar>.text-button{font-size:.68rem;padding:4px 0}.jb-after-panel .jb-panel-bar{background:var(--yellow)}.jb-static-stage{display:flex;align-items:center;justify-content:center;padding:23px;flex:1;min-height:390px;background:linear-gradient(135deg,#e5e5df,#f4f3eb)}.jb-static-stage>img{width:100%;height:auto;border:1px solid #9a9c91;box-shadow:0 3px 7px #0002}.jb-before-footer{padding:18px 22px;background:#edeee6;border-top:1px solid #17171433}.jb-before-footer>p{font-size:.71rem;line-height:1.45;max-width:470px}.jb-before-footer>.text-button{font-size:.74rem;margin-top:14px;padding:4px 0}.jb-case-note{font-size:.75rem;line-height:1.45;margin-top:24px;max-width:1100px}.jb-live{--jb-lime:#d3ff00;--jb-cream:#f5f8ef;--jb-forest:#151b11;background:radial-gradient(ellipse at 80% 48%,#c8ff0010,transparent 58%),var(--jb-forest);color:var(--jb-cream);font-family:JBOutfit,Arial,sans-serif;padding:28px 30px 22px;display:grid;grid-template-columns:1fr;position:relative;min-width:0;isolation:isolate}.jb-intro-copy>span{font-size:.57rem;line-height:1.3;letter-spacing:.13em;font-weight:700;color:#b6c0ab;display:block;margin-bottom:17px}.jb-intro-copy>h3{font-size:1.65rem;font-weight:400;letter-spacing:-.045em;line-height:1.1;max-width:460px}.jb-intro-copy>h3>strong{font-weight:700;text-decoration:underline;text-decoration-color:#d3ff00;text-decoration-thickness:1.5px;text-underline-offset:.11em}.jb-intro-copy>p{font-size:3.15rem;line-height:.93;font-weight:700;letter-spacing:-.063em;color:#d3ff00;margin-top:19px}.jb-intro-copy>p br{display:none}.jb-intro-visual{position:relative;min-width:0;width:100%;max-width:530px;margin:14px auto 0}.jb-signal-label{font-size:.48rem;letter-spacing:.12em;color:#a7b895;display:block;text-align:left;margin-left:9%;position:absolute;left:0;top:2%;z-index:2}.jb-diagram{width:100%;aspect-ratio:720/415;overflow:hidden}.jb-diagram>.intro-scan-svg{display:block;width:100%;height:auto;margin-top:-27px;overflow:visible}.jb-phase-buttons{display:flex;justify-content:space-between;gap:10px;padding:0 7%;margin-top:0}.jb-phase-buttons>button{border:0;border-bottom:1px solid #677b4c;background:none;color:#b3c1a4;padding:9px 2px;font-family:inherit;font-size:.7rem;min-height:35px;line-height:1.2}.jb-phase-buttons>button[aria-pressed=true]{color:#d3ff00;border-color:#d3ff00}.jb-live-controls{display:flex;justify-content:space-between;align-items:center;gap:17px;margin-top:22px;border-top:1px solid #74826355;padding-top:17px}.jb-live-controls>button{font-family:inherit;font-size:.69rem;font-weight:700;background:#f5f8ef;color:#151b11;border:0;border-radius:100px;padding:11px 15px;min-height:39px}.jb-live-controls>span{font-size:.55rem;color:#97aa83;line-height:1.4;text-align:right;max-width:195px}.jb-demo-dialog{border:2px solid var(--ink);border-radius:9px;width:calc(100% - 42px);max-width:1350px;max-height:calc(100% - 42px);padding:0;background:#151b11;box-shadow:8px 9px 0 var(--ink);overflow:auto;color:var(--cream)}.jb-demo-dialog::backdrop{background:#0a164bc9;backdrop-filter:blur(5px)}.jb-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;background:var(--cream);color:var(--ink);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:10}.jb-dialog-bar>span{font-size:.67rem;letter-spacing:.05em;font-weight:700}.jb-dialog-note{padding:12px 6% 20px;font-size:.75rem;color:#a4b595;line-height:1.4}.jb-demo-dialog .jb-live{padding:45px 5% 27px;grid-template-columns:1fr 1.13fr;gap:25px;align-items:center;min-height:535px}.jb-demo-dialog .jb-intro-copy>span{font-size:.75rem;margin-bottom:28px}.jb-demo-dialog .jb-intro-copy>h3{font-size:clamp(2.2rem,3.4vw,3.5rem);line-height:1.1;max-width:540px}.jb-demo-dialog .jb-intro-copy>p{font-size:clamp(4.6rem,6.7vw,6.8rem);line-height:.92;margin-top:28px}.jb-demo-dialog .jb-intro-copy>p br{display:initial}.jb-demo-dialog .jb-intro-visual{margin:0 -2% 0 0;width:104%;max-width:720px}.jb-demo-dialog .jb-diagram{aspect-ratio:720/540;overflow:visible}.jb-demo-dialog .jb-diagram>.intro-scan-svg{margin:0}.jb-demo-dialog .jb-signal-label{font-size:.64rem;top:1.7%;margin-left:9%}.jb-demo-dialog .jb-phase-buttons{padding:0 9%;margin-top:0}.jb-demo-dialog .jb-phase-buttons>button{font-size:.87rem;min-height:43px;padding:11px 3px}.jb-demo-dialog .jb-live-controls{grid-column:1/-1;margin-top:0;padding-top:23px}.jb-demo-dialog .jb-live-controls>button{font-size:.86rem;padding:14px 20px;min-height:45px}.jb-demo-dialog .jb-live-controls>span{font-size:.74rem;max-width:none}.jb-still-dialog{background:#eeeee8;max-width:1460px}.jb-still-dialog>img{display:block;width:100%;height:auto}.jb-live .intro-product-shell{transform-box:fill-box;transform-origin:center;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.jb-live .intro-person-shell{transform-box:fill-box;transform-origin:center;transition:opacity .8s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.jb-live .intro-recognition,.jb-live .intro-consent,.jb-live .intro-connected-ring{transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1)}.jb-live .intro-wire{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .65s cubic-bezier(.4,0,.2,1)}.jb-live .intro-flow-light{stroke-dasharray:.065 .935;stroke-dashoffset:0;opacity:0}.jb-live .intro-scan-beam{opacity:0;transition:opacity .4s}.jb-live .intro-signal-point{opacity:0;transition:opacity .5s}.jb-live .intro-recognition,.jb-live .intro-connected-ring{transform-box:fill-box;transform-origin:center}.jb-live[data-intro-phase="0"] .intro-product-shell{transform:translate(48px,-8px) rotate(-8deg) scale(1.09)}.jb-live[data-intro-phase="1"] .intro-product-shell{transform:translate(10px,0) rotate(-3deg) scale(1.03)}.jb-live[data-intro-phase="0"] .intro-person-shell,.jb-live[data-intro-phase="1"] .intro-person-shell{opacity:.12;transform:translate(24px,6px) scale(.94)}.jb-live[data-intro-phase="2"] .intro-person-shell{opacity:.48;transform:translate(8px,0) scale(.98)}.jb-live[data-intro-phase="0"] .intro-wire,.jb-live[data-intro-phase="1"] .intro-wire{stroke-dashoffset:1}.jb-live[data-intro-phase="0"] .intro-recognition,.jb-live[data-intro-phase="1"] .intro-recognition{opacity:0;transform:translateY(9px)}.jb-live[data-intro-phase="0"] .intro-consent,.jb-live[data-intro-phase="1"] .intro-consent,.jb-live[data-intro-phase="2"] .intro-consent,.jb-live[data-intro-phase="3"] .intro-consent{opacity:0}.jb-live[data-intro-phase="0"] .intro-connected-ring,.jb-live[data-intro-phase="1"] .intro-connected-ring,.jb-live[data-intro-phase="2"] .intro-connected-ring{opacity:0;transform:scale(.65)}.jb-live[data-intro-phase="1"] .intro-scan-beam{opacity:1;animation:jb-scan-sweep 1.65s ease-in-out infinite}.jb-live[data-intro-phase="2"] .intro-flow-light,.jb-live[data-intro-phase="3"] .intro-flow-light,.jb-live[data-intro-phase="4"] .intro-flow-light{opacity:.85;animation:jb-signal-flow 2s linear infinite}.jb-live[data-intro-phase="3"] .intro-signal-point,.jb-live[data-intro-phase="4"] .intro-signal-point{opacity:1}.jb-live[data-intro-phase="3"] .intro-connected-ring,.jb-live[data-intro-phase="4"] .intro-connected-ring{animation:jb-connect-pulse 2.6s ease-out infinite}.jb-live.is-animating .jb-intro-copy>p{animation:jb-payoff-in .55s .15s both}.jb-live.jb-idle *{animation-play-state:paused!important}.motion-paused .jb-live *{animation:none!important;transition:none!important}.motion-paused .jb-intro-copy>p{opacity:1!important;transform:none!important;filter:none!important}@keyframes jb-scan-sweep{0%,100%{transform:translateY(-47px)}50%{transform:translateY(52px)}}@keyframes jb-signal-flow{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes jb-connect-pulse{0%,100%{opacity:.4;transform:scale(.95)}60%{opacity:1;transform:scale(1.07)}}@keyframes jb-payoff-in{from{opacity:0;transform:translateY(20px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:1100px) and (min-width:761px){.jb-comparison{gap:23px}.jb-live{padding:25px 23px 21px}.jb-intro-copy>h3{font-size:1.44rem}.jb-intro-copy>p{font-size:2.75rem}.jb-static-stage{padding:18px;min-height:345px}.jb-panel-bar{padding:14px 17px;gap:13px}.jb-panel-bar>strong{font-size:.75rem}.jb-panel-bar>.text-button{font-size:.61rem}.jb-live-controls{gap:13px}.jb-live-controls>button{font-size:.62rem;padding:10px 13px}.jb-live-controls>span{font-size:.49rem;max-width:155px}.jb-phase-buttons>button{font-size:.62rem}.jb-before-footer{padding:16px 19px}.jb-before-footer>p{font-size:.65rem}.jb-before-footer>.text-button{font-size:.68rem}.jb-case-heading>p{max-width:310px;font-size:.97rem}}
@media(max-width:760px){.jellybean-case{padding:57px 0 12px}.jb-case-heading{display:block;margin-bottom:30px}.jb-case-heading h2{font-size:3.65rem;line-height:.9;margin-top:20px}.jb-case-heading>p{font-size:.95rem;margin-top:24px;max-width:none}.jb-comparison{grid-template-columns:1fr;gap:31px}.jb-before-panel{transform:rotate(-1deg);box-shadow:4px 5px 0 #a2a293}.jb-after-panel{transform:rotate(1deg);box-shadow:5px 6px 0 var(--ink)}.jb-panel-bar{padding:14px 17px;gap:15px;min-height:52px}.jb-panel-bar>strong{font-size:.77rem}.jb-panel-bar>span{font-size:.68rem}.jb-panel-bar>.text-button{font-size:.67rem;min-height:31px;padding:5px 0}.jb-static-stage{padding:17px;min-height:0}.jb-static-stage>img{width:100%}.jb-before-footer{padding:17px 19px}.jb-before-footer>p{font-size:.74rem;line-height:1.45}.jb-before-footer>.text-button{font-size:.78rem;margin-top:14px;min-height:34px}.jb-live{padding:27px 22px 22px}.jb-intro-copy>span{font-size:.61rem;line-height:1.4;margin-bottom:20px}.jb-intro-copy>h3{font-size:1.72rem;line-height:1.12;letter-spacing:-.045em;max-width:none}.jb-intro-copy>p{font-size:3.15rem;margin-top:22px;line-height:.95}.jb-intro-visual{margin:18px -4% 0;width:108%;max-width:none}.jb-signal-label{font-size:.5rem;top:1%;margin-left:11%}.jb-diagram{aspect-ratio:720/445}.jb-diagram>.intro-scan-svg{margin-top:-17px}.jb-phase-buttons{padding:0 8%;gap:10px;margin-top:2px}.jb-phase-buttons>button{font-size:.77rem;min-height:44px;padding:11px 3px}.jb-live-controls{flex-wrap:wrap;gap:14px;margin-top:23px;padding-top:20px}.jb-live-controls>button{font-size:.82rem;padding:13px 17px;min-height:44px}.jb-live-controls>span{font-size:.65rem;max-width:none;text-align:left;width:100%;line-height:1.4}.jb-case-note{font-size:.74rem;line-height:1.5;margin-top:22px}.jb-demo-dialog{width:calc(100% - 18px);max-height:calc(100% - 18px);border-radius:7px;box-shadow:none}.jb-dialog-bar{padding:14px 16px;gap:15px}.jb-dialog-bar>span{font-size:.54rem;line-height:1.35;letter-spacing:.04em;max-width:245px}.jb-demo-dialog .jb-live{display:block;padding:32px 24px 24px;min-height:0}.jb-demo-dialog .jb-intro-copy>span{font-size:.67rem;margin-bottom:23px}.jb-demo-dialog .jb-intro-copy>h3{font-size:1.95rem;line-height:1.11;max-width:none}.jb-demo-dialog .jb-intro-copy>p{font-size:3.9rem;margin-top:25px;line-height:.92}.jb-demo-dialog .jb-intro-copy>p br{display:none}.jb-demo-dialog .jb-intro-visual{width:112%;margin:27px -6% 0;max-width:none}.jb-demo-dialog .jb-diagram{aspect-ratio:720/480;overflow:hidden}.jb-demo-dialog .jb-diagram>.intro-scan-svg{margin-top:-9px}.jb-demo-dialog .jb-signal-label{font-size:.55rem;top:1%;margin-left:12%}.jb-demo-dialog .jb-phase-buttons{padding:0 9%;gap:14px;margin-top:4px}.jb-demo-dialog .jb-phase-buttons>button{font-size:.81rem;min-height:44px;padding:12px 4px}.jb-demo-dialog .jb-live-controls{margin-top:23px;padding-top:23px}.jb-demo-dialog .jb-live-controls>button{font-size:.84rem;min-height:46px}.jb-demo-dialog .jb-live-controls>span{font-size:.71rem;max-width:none}.jb-dialog-note{font-size:.7rem;line-height:1.5;padding:12px 24px 22px}.jb-still-dialog>img{min-width:650px;width:100%;height:auto}.jb-still-dialog{overflow:auto}.jb-still-dialog .jb-dialog-bar{position:sticky;left:0;width:100%}}
@media(max-width:360px){.jb-case-heading h2{font-size:3.15rem}.jb-live{padding:25px 19px 21px}.jb-intro-copy>h3{font-size:1.54rem}.jb-intro-copy>p{font-size:2.7rem}.jb-phase-buttons>button{font-size:.69rem}.jb-panel-bar>strong{font-size:.69rem}.jb-panel-bar>.text-button{font-size:.62rem}.jb-before-footer>p{font-size:.69rem}.jb-demo-dialog .jb-live{padding:29px 21px 22px}.jb-demo-dialog .jb-intro-copy>h3{font-size:1.75rem}.jb-demo-dialog .jb-intro-copy>p{font-size:3.4rem}.jb-demo-dialog .jb-phase-buttons>button{font-size:.72rem}.jb-dialog-bar>span{font-size:.49rem;max-width:210px}}
@media(prefers-reduced-motion:reduce){.jb-live *{animation:none!important;transition:none!important}.jb-intro-copy>p{opacity:1!important;transform:none!important;filter:none!important}}

/* Keep intro actions readable and easy to tap at all sizes. */
.jb-phase-buttons>button,.jb-panel-bar>.text-button,.jb-before-footer>.text-button{min-height:44px}.jb-live-controls>button{min-height:44px}.jb-live-controls>span{font-size:.75rem}.jb-phase-buttons>button{font-size:.8rem}.jb-panel-bar>.text-button{font-size:.75rem}.jb-before-footer>p{font-size:.75rem}@media(max-width:760px){.jb-panel-bar>.text-button{font-size:.75rem}.jb-live-controls>span{font-size:.75rem}.jb-phase-buttons>button{font-size:.8rem}}