body #jellybean-q-refined .capability-visual.scene-stage{display:block;margin:0;padding:36px 32px 22px;container:scene-stage/inline-size}body #jellybean-q-refined .scene{--u:calc(100cqw / 640);--tx:0;--ty:0;--demo-ink:#0c0c0c;--demo-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--demo-shadow:0 calc(var(--u) * 1) calc(var(--u) * 2) rgba(16,24,12,.06),0 calc(var(--u) * 10) calc(var(--u) * 20) rgba(16,24,12,.06),0 calc(var(--u) * 28) calc(var(--u) * 56) rgba(16,24,12,.13);--ease-out:cubic-bezier(0.2,0.7,0.2,1);--ease-spring:cubic-bezier(0.34,1.4,0.5,1);position:relative;width:100%;container:scene/inline-size;transform:perspective(1600px) rotateX(calc(var(--ty) * -3deg)) rotateY(calc(var(--tx) * 4deg));transition:transform .6s var(--ease-out)}body #jellybean-q-refined .scene-claim{aspect-ratio:640/432}body #jellybean-q-refined .scene-return{aspect-ratio:640/534}body #jellybean-q-refined .scene-caption{margin-top:14px;font-size:12px;color:var(--jq-muted);text-align:center}body #jellybean-q-refined .scene>*{position:absolute}body #jellybean-q-refined :is(.demo-card,.demo-face){font-family:var(--demo-font);color:var(--demo-ink);letter-spacing:-.01em;line-height:1.2}body #jellybean-q-refined .demo-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:calc(var(--u) * 20);box-shadow:var(--demo-shadow)}body #jellybean-q-refined .demo-card img,body #jellybean-q-refined .demo-face img{display:block;max-width:none}body #jellybean-q-refined .demo-square{display:grid;place-items:center;flex:none;width:calc(var(--u) * 28);height:calc(var(--u) * 28);border-radius:calc(var(--u) * 9);background:var(--demo-ink)}body #jellybean-q-refined .demo-square img{width:calc(var(--u) * 18);height:auto}body #jellybean-q-refined .demo-pill{display:inline-flex;align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 28);padding:0 calc(var(--u) * 12) 0 calc(var(--u) * 5);border-radius:999px;background:var(--demo-ink);color:#fff;font-size:calc(var(--u) * 12)}body #jellybean-q-refined .demo-pill img{width:calc(var(--u) * 18);height:auto}body #jellybean-q-refined .demo-button{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 6);overflow:hidden;border-radius:calc(var(--u) * 12);background:var(--demo-ink);color:#fff;font-weight:500}body #jellybean-q-refined .demo-tap{position:absolute;top:50%;left:50%;width:calc(var(--u) * 34);height:calc(var(--u) * 34);margin:calc(var(--u) * -17) 0 0 calc(var(--u) * -17);border-radius:50%;background:#fff;opacity:0;pointer-events:none}body #jellybean-q-refined .scene-flip{display:grid}body #jellybean-q-refined .scene-flip>.demo-face{grid-area:1/1;backface-visibility:hidden;transition:transform .9s var(--ease-out)}body #jellybean-q-refined .scene-flip>.demo-face:first-child{transform:perspective(1400px) rotateY(-180deg)}body #jellybean-q-refined .scene-flip>.demo-face:last-child{transform:perspective(1400px) rotateY(0deg)}body #jellybean-q-refined .claim-certificate{left:calc(var(--u) * 22);top:calc(var(--u) * 26);width:calc(var(--u) * 320);transition:opacity .6s,transform .8s var(--ease-out)}body #jellybean-q-refined .claim-certificate .demo-face{padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 22)}body #jellybean-q-refined .cert-top{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u) * 30)}body #jellybean-q-refined .cert-tag{display:inline-flex;align-items:center;gap:calc(var(--u) * 8);margin-left:auto;font-size:calc(var(--u) * 12);font-weight:500}body #jellybean-q-refined .cert-photo{position:relative;overflow:hidden;margin-top:calc(var(--u) * 10);aspect-ratio:335/277;border-radius:calc(var(--u) * 14);background:linear-gradient(#f9f9f9,#e5e5e5)}body #jellybean-q-refined .cert-photo-img{position:absolute;top:0;left:-3.57%;width:107.17%;height:100%;object-fit:cover}body #jellybean-q-refined .cert-logo{position:absolute;left:51.2%;top:60.6%;width:23.3%;height:auto;transform:translate(-50%,-50%)}body #jellybean-q-refined .cert-back .cert-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,hsla(0,0%,100%,.75) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:160% 0;pointer-events:none}body #jellybean-q-refined .cert-name{display:grid;place-items:center;height:calc(var(--u) * 44);margin-top:calc(var(--u) * 10);border:1px solid var(--demo-ink);border-radius:calc(var(--u) * 12);font-size:calc(var(--u) * 16)}body #jellybean-q-refined .cert-meta{display:flex;justify-content:space-between;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 12);padding-inline:calc(var(--u) * 2);font-size:calc(var(--u) * 9.75)}body #jellybean-q-refined .cert-meta span{display:inline-flex;align-items:center;gap:calc(var(--u) * 4)}body #jellybean-q-refined .cert-meta img{width:calc(var(--u) * 11);height:auto}body #jellybean-q-refined .cert-meta b{font-weight:700}body #jellybean-q-refined .cert-id{display:flex;align-items:center;justify-content:center;height:calc(var(--u) * 32);margin-top:calc(var(--u) * 8);border-radius:calc(var(--u) * 12);background:var(--demo-ink);color:#fff;font-size:calc(var(--u) * 11.5);white-space:pre}body #jellybean-q-refined .cert-id b{font-weight:500}body #jellybean-q-refined .cert-claimed{position:relative;display:inline-flex}body #jellybean-q-refined .demo-burst{position:absolute;left:22%;top:50%;pointer-events:none}body #jellybean-q-refined .demo-burst i{position:absolute;width:calc(var(--u) * 5);height:calc(var(--u) * 5);margin:calc(var(--u) * -2.5);border-radius:50%;background:#c9a14a;opacity:0}body #jellybean-q-refined .demo-burst i:nth-child(2n){width:calc(var(--u) * 3.5);height:calc(var(--u) * 3.5);background:var(--demo-ink)}body #jellybean-q-refined .demo-burst i:first-child{--a:0deg}body #jellybean-q-refined .demo-burst i:nth-child(2){--a:45deg}body #jellybean-q-refined .demo-burst i:nth-child(3){--a:90deg}body #jellybean-q-refined .demo-burst i:nth-child(4){--a:135deg}body #jellybean-q-refined .demo-burst i:nth-child(5){--a:180deg}body #jellybean-q-refined .demo-burst i:nth-child(6){--a:225deg}body #jellybean-q-refined .demo-burst i:nth-child(7){--a:270deg}body #jellybean-q-refined .demo-burst i:nth-child(8){--a:315deg}body #jellybean-q-refined .claim-sheet{left:calc(var(--u) * 326);top:calc(var(--u) * 64);width:calc(var(--u) * 290);padding:calc(var(--u) * 22) calc(var(--u) * 20) calc(var(--u) * 20);border-radius:calc(var(--u) * 24);visibility:hidden;opacity:0;filter:blur(calc(var(--u) * 3));transform:translate(calc(var(--u) * 20),calc(var(--u) * 28)) scale(.94);transition:opacity .4s,filter .5s,transform .6s var(--ease-out),visibility 0s .6s}body #jellybean-q-refined .sheet-logo{width:calc(var(--u) * 84);height:auto;margin:0 auto calc(var(--u) * 12)}body #jellybean-q-refined .sheet-title{font-size:calc(var(--u) * 20);font-weight:500;text-align:center}body #jellybean-q-refined .sheet-line{margin-top:calc(var(--u) * 5);font-size:calc(var(--u) * 11.5);color:#5c5c5c;text-align:center}body #jellybean-q-refined .demo-field{display:block;margin-top:calc(var(--u) * 10);padding:calc(var(--u) * 7) calc(var(--u) * 12) calc(var(--u) * 8);border:1px solid #dcdcdc;border-radius:calc(var(--u) * 12);background:#fafafa;font-size:calc(var(--u) * 13);transition:border-color .25s,box-shadow .25s,background .25s}body #jellybean-q-refined .demo-field[data-active]{border-color:var(--demo-ink);background:#fff;box-shadow:0 0 0 calc(var(--u) * 3.5) hsla(0,0%,5%,.08)}body #jellybean-q-refined .sheet-title+.sheet-line+.demo-field{margin-top:calc(var(--u) * 16)}body #jellybean-q-refined .demo-field small{display:block;margin-bottom:calc(var(--u) * 2);font-size:calc(var(--u) * 9);color:#8a8a8a}body #jellybean-q-refined .demo-field [data-typed]{display:block;min-height:1.2em}body #jellybean-q-refined [data-typing]:after{content:"";display:inline-block;width:1px;height:1.05em;margin-left:1px;vertical-align:-.15em;background:currentColor}body #jellybean-q-refined .demo-check{display:flex;align-items:center;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 12);font-size:calc(var(--u) * 11)}body #jellybean-q-refined .demo-check i{position:relative;flex:none;width:calc(var(--u) * 15);height:calc(var(--u) * 15);border:1px solid var(--demo-ink);border-radius:calc(var(--u) * 5);background:var(--demo-ink);transition:background .2s,transform .35s var(--ease-spring)}body #jellybean-q-refined .demo-check i:after{content:"";position:absolute;left:33%;top:14%;width:28%;height:52%;border:solid #fff;border-width:0 calc(var(--u) * 1.8) calc(var(--u) * 1.8) 0;transform:rotate(45deg);transition:opacity .2s}body #jellybean-q-refined .sheet-button{height:calc(var(--u) * 40);margin-top:calc(var(--u) * 14);font-size:calc(var(--u) * 13)}body #jellybean-q-refined .scene-profile{padding:calc(var(--u) * 16) calc(var(--u) * 18) calc(var(--u) * 10);border:1px solid #33412a;border-radius:calc(var(--u) * 22);background:linear-gradient(160deg,#22301a,#141c10 60%);color:#f3f7ed;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 4) rgba(16,24,12,.12),0 calc(var(--u) * 30) calc(var(--u) * 60) rgba(16,24,12,.3);font-size:calc(var(--u) * 12);line-height:1.3;transition:opacity .6s,filter .7s,transform .85s var(--ease-spring)}body #jellybean-q-refined .claim-profile{left:calc(var(--u) * 330);top:calc(var(--u) * 168);width:calc(var(--u) * 294)}body #jellybean-q-refined .profile-eyebrow{display:flex;justify-content:space-between;font-size:calc(var(--u) * 10);letter-spacing:.08em;text-transform:uppercase;color:#b3cc8c}body #jellybean-q-refined .profile-eyebrow span:first-child{position:relative;display:inline-flex;align-items:center;gap:calc(var(--u) * 7);color:#f3f7ed}body #jellybean-q-refined .profile-eyebrow span:first-child:before{content:"";width:calc(var(--u) * 7);height:calc(var(--u) * 7);border-radius:50%;background:#d8f87f;box-shadow:0 0 0 calc(var(--u) * 3) #d8f87f33}body #jellybean-q-refined .profile-head{display:flex;align-items:center;gap:calc(var(--u) * 11);margin-top:calc(var(--u) * 14)}body #jellybean-q-refined .profile-head>span:last-child{display:grid;min-width:0}body #jellybean-q-refined .profile-head strong{font-size:calc(var(--u) * 17);font-weight:500}body #jellybean-q-refined .profile-head strong+span{font-size:calc(var(--u) * 11.5);color:#cad6bd}body #jellybean-q-refined .profile-avatar{display:grid;place-items:center;flex:none;width:calc(var(--u) * 38);height:calc(var(--u) * 38);border-radius:50%;background:#d8f87f;color:#172012;font-family:JellybeanOutfit,Arial,sans-serif;font-size:calc(var(--u) * 13);font-weight:500;letter-spacing:0}body #jellybean-q-refined .scene-profile dl{margin-top:calc(var(--u) * 12)}body #jellybean-q-refined .scene-profile dl>div{display:flex;justify-content:space-between;gap:calc(var(--u) * 12);padding-block:calc(var(--u) * 8);border-top:1px solid #33412a;transition:opacity .45s,transform .55s var(--ease-out)}body #jellybean-q-refined .scene-profile dl>div:nth-child(2){transition-delay:.08s}body #jellybean-q-refined .scene-profile dl>div:nth-child(3){transition-delay:.16s}body #jellybean-q-refined .scene-profile dt{color:#9fb08c}body #jellybean-q-refined .scene-profile dd{text-align:right}body #jellybean-q-refined .loyalty-card{left:calc(var(--u) * 14);top:calc(var(--u) * 10);width:calc(var(--u) * 440);padding:calc(var(--u) * 16);overflow:hidden;border-radius:calc(var(--u) * 24);transition:opacity .6s,transform .8s var(--ease-out)}body #jellybean-q-refined .loyalty-top{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 12)}body #jellybean-q-refined .loyalty-points{position:relative;display:inline-flex;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 4) calc(var(--u) * 14) calc(var(--u) * 4) calc(var(--u) * 4);border-radius:999px;background:#f0f0ee}body #jellybean-q-refined .loyalty-points .profile-avatar{width:calc(var(--u) * 30);height:calc(var(--u) * 30);font-size:calc(var(--u) * 11)}body #jellybean-q-refined .loyalty-points>span:nth-child(2){display:grid}body #jellybean-q-refined .loyalty-points b{display:inline-flex;align-items:center;gap:calc(var(--u) * 3);font-size:calc(var(--u) * 15);font-weight:500;font-variant-numeric:tabular-nums}body #jellybean-q-refined .loyalty-points b img{width:calc(var(--u) * 12);height:auto}body #jellybean-q-refined .loyalty-points small{font-size:calc(var(--u) * 7.5)}body #jellybean-q-refined .loyalty-gain{position:absolute;left:calc(100% + var(--u) * 8);top:calc(var(--u) * 9);padding:calc(var(--u) * 3) calc(var(--u) * 8);border-radius:999px;background:var(--demo-ink);color:#fff;font-family:var(--demo-font);font-size:calc(var(--u) * 10);font-weight:500;opacity:0}body #jellybean-q-refined .loyalty-count{display:inline-flex;align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 36);margin-right:calc(var(--u) * -17);padding:0 calc(var(--u) * 22) 0 calc(var(--u) * 18);border-radius:999px 0 0 999px;background:#f1f1ec;font-size:calc(var(--u) * 19);font-weight:300}body #jellybean-q-refined .loyalty-count b{font-weight:500}body #jellybean-q-refined .loyalty-hello{margin-top:calc(var(--u) * 18);font-size:calc(var(--u) * 25);font-weight:500;letter-spacing:-.02em}body #jellybean-q-refined .loyalty-goal{margin-top:calc(var(--u) * 6);font-size:calc(var(--u) * 13.5);font-weight:300}body #jellybean-q-refined .loyalty-goal span{display:inline-block;font-weight:500;font-variant-numeric:tabular-nums}body #jellybean-q-refined .loyalty-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * 12);margin:calc(var(--u) * 18) 0 0;padding:0;list-style:none}body #jellybean-q-refined .loyalty-shelf li{display:grid;justify-items:center;align-content:start;padding:calc(var(--u) * 14) calc(var(--u) * 10) calc(var(--u) * 10);border-radius:calc(var(--u) * 16);background:linear-gradient(#fff,#ececea);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);transition:box-shadow .5s}body #jellybean-q-refined .loyalty-shelf li:last-child{background:linear-gradient(#ffffff80,#ececea80)}body #jellybean-q-refined .shelf-bottle{position:relative;width:calc(var(--u) * 66);transition:transform .5s var(--ease-spring)}body #jellybean-q-refined .shelf-bottle img:first-child{width:100%;height:auto}body #jellybean-q-refined .shelf-logo{position:absolute;left:50%;top:58%;width:68%;height:auto;transform:translate(-50%,-50%)}body #jellybean-q-refined .shelf-name{margin-top:calc(var(--u) * 8);font-size:calc(var(--u) * 11)}body #jellybean-q-refined .loyalty-shelf li>.shelf-chip{grid-row:3;grid-column:1}body #jellybean-q-refined .shelf-chip{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 4);width:100%;height:calc(var(--u) * 20);margin-top:calc(var(--u) * 8);border:1px solid var(--demo-ink);border-radius:999px;font-size:calc(var(--u) * 9);white-space:nowrap;transition:opacity .3s,transform .45s var(--ease-spring)}body #jellybean-q-refined .shelf-chip img{width:calc(var(--u) * 9);height:auto}body #jellybean-q-refined .shelf-chip-buy{background:var(--demo-ink);color:#fff}body #jellybean-q-refined .shelf-new .shelf-chip-buy{opacity:0}body #jellybean-q-refined .reward-ticket{left:calc(var(--u) * 296);top:calc(var(--u) * 300);width:calc(var(--u) * 336);filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 3) rgb(16 24 12/.08)) drop-shadow(0 calc(var(--u) * 22) calc(var(--u) * 26) rgb(16 24 12/.16));transform:rotate(-2.5deg);transition:opacity .5s,transform .8s var(--ease-spring)}body #jellybean-q-refined .reward-ticket .demo-face{position:relative;overflow:hidden;aspect-ratio:361.234/237.955;border-radius:calc(var(--u) * 20);background:#fff;-webkit-mask:radial-gradient(circle calc(var(--u) * 17) at 50% 0,transparent 98%,#000) no-repeat;mask:radial-gradient(circle calc(var(--u) * 17) at 50% 0,transparent 98%,#000) no-repeat}body #jellybean-q-refined .reward-front:after{content:"";position:absolute;left:4%;right:4%;top:12.5%;border-top:1px dashed #cfcfcf}body #jellybean-q-refined .reward-photo{position:absolute;left:3%;top:18.95%;width:94%;height:74%;border-radius:calc(var(--u) * 12);object-fit:cover;object-position:30% 60%;opacity:.6;-webkit-mask-image:linear-gradient(180deg,transparent,#000 55%);mask-image:linear-gradient(180deg,transparent,#000 55%)}body #jellybean-q-refined .reward-medal{position:absolute;left:4%;top:38.7%;display:flex;align-items:center;gap:calc(var(--u) * 6)}body #jellybean-q-refined .reward-medal img{width:calc(var(--u) * 52);height:auto}body #jellybean-q-refined .reward-medal b{font-size:calc(var(--u) * 26);font-weight:500;line-height:1;letter-spacing:-.02em}body #jellybean-q-refined .reward-offer{position:absolute;right:5.5%;top:25%;font-size:calc(var(--u) * 28);font-weight:500;line-height:1;text-align:right}body #jellybean-q-refined .reward-button{position:absolute;left:50%;top:76%;height:calc(var(--u) * 26);padding:0 calc(var(--u) * 14);border-radius:999px;transform:translateX(-50%);font-size:calc(var(--u) * 11.5);white-space:nowrap}body #jellybean-q-refined .reward-button img{width:calc(var(--u) * 11);height:auto}body #jellybean-q-refined .reward-medal-small{top:19%}body #jellybean-q-refined .reward-medal-small img{width:calc(var(--u) * 38)}body #jellybean-q-refined .reward-medal-small b{font-size:calc(var(--u) * 18)}body #jellybean-q-refined .reward-back .demo-square{position:absolute;right:4.5%;top:20%;width:calc(var(--u) * 24);height:calc(var(--u) * 24);border-radius:calc(var(--u) * 8)}body #jellybean-q-refined .reward-code{position:absolute;left:50%;top:45%;display:flex;align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 42);padding:0 calc(var(--u) * 12) 0 calc(var(--u) * 22);overflow:hidden;border-radius:999px;transform:translateX(-50%);background:linear-gradient(119deg,#b9b9b9,#fff 41%,#d8d8d8);font-size:calc(var(--u) * 19);white-space:nowrap}body #jellybean-q-refined .reward-code:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,hsla(0,0%,100%,.9) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:160% 0}body #jellybean-q-refined .reward-code b{font-weight:500}body #jellybean-q-refined .reward-code img{width:calc(var(--u) * 21);height:auto}body #jellybean-q-refined .reward-terms{position:absolute;left:8%;right:8%;top:72%;font-size:calc(var(--u) * 9.5);text-align:center;color:#333}body #jellybean-q-refined .export-preview .export-new td{background:#f4f9e4}body #jellybean-q-refined .export-preview tbody tr{transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1)}@container scene-stage (max-width: 520px){body #jellybean-q-refined .scene{--u:calc(100cqw / 420)}body #jellybean-q-refined .scene-claim{aspect-ratio:420/604}body #jellybean-q-refined .scene-return{aspect-ratio:420/612}body #jellybean-q-refined .claim-certificate{left:calc(var(--u) * 10);top:calc(var(--u) * 6);width:calc(var(--u) * 300)}body #jellybean-q-refined .claim-sheet{left:calc(var(--u) * 140);top:calc(var(--u) * 150);width:calc(var(--u) * 270)}body #jellybean-q-refined .claim-profile{left:calc(var(--u) * 40);top:calc(var(--u) * 392);width:calc(var(--u) * 370)}body #jellybean-q-refined .loyalty-card{left:calc(var(--u) * 6);top:calc(var(--u) * 6);width:calc(var(--u) * 408)}body #jellybean-q-refined .reward-ticket{left:calc(var(--u) * 46);top:calc(var(--u) * 360);width:calc(var(--u) * 360)}}body #jellybean-q-refined .scene[data-instant] *,body #jellybean-q-refined .scene[data-instant] :after,body #jellybean-q-refined .scene[data-instant] :before{transition:none!important;animation:none!important}body #jellybean-q-refined .scene[data-ready]:not([data-on]) :is(.claim-certificate,.loyalty-card){opacity:0;transform:translateY(calc(var(--u) * 36)) scale(.97)}body #jellybean-q-refined .scene[data-ready][data-on]:not([data-sent]) .claim-sheet{visibility:visible;opacity:1;filter:none;transform:none;transition:opacity .5s .15s,filter .5s .15s,transform .75s var(--ease-spring) .15s,visibility 0s}body #jellybean-q-refined .scene[data-ready]:not([data-ticked]) .demo-check i{background:#fff}body #jellybean-q-refined .scene[data-ready]:not([data-ticked]) .demo-check i:after{opacity:0}body #jellybean-q-refined .scene[data-ticked] .demo-check i{animation:demo-pop .4s var(--ease-spring)}body #jellybean-q-refined .scene[data-pressed] :is(.sheet-button,.reward-button){animation:demo-press .35s var(--ease-out)}body #jellybean-q-refined .scene[data-pressed] :is(.sheet-button,.reward-button) .demo-tap{animation:demo-tap .6s ease-out}body #jellybean-q-refined .scene[data-ready]:not([data-claimed]) .cert-front{transform:perspective(1400px) rotateY(0deg)}body #jellybean-q-refined .scene[data-ready]:not([data-claimed]) .cert-back{transform:perspective(1400px) rotateY(180deg)}body #jellybean-q-refined .scene[data-ready][data-claimed] .claim-certificate{animation:demo-flip-lift .9s var(--ease-out)}body #jellybean-q-refined .scene[data-ready][data-claimed] .cert-back .cert-photo:after{animation:demo-shine 1.1s ease-out .75s both}body #jellybean-q-refined .scene[data-ready][data-claimed] .cert-back .demo-pill{animation:demo-stamp .55s var(--ease-spring) .7s both}body #jellybean-q-refined .scene[data-ready][data-claimed] .demo-burst i{animation:demo-burst .8s var(--ease-out) .85s}body #jellybean-q-refined .scene[data-ready]:not([data-known]) .claim-profile{opacity:0;filter:blur(calc(var(--u) * 8));transform:translateY(calc(var(--u) * 34)) scale(.95)}body #jellybean-q-refined .scene[data-ready]:not([data-known]) .claim-profile dl>div{opacity:0;transform:translateY(calc(var(--u) * 8))}body #jellybean-q-refined .scene[data-ready][data-known] .claim-profile dl>div:first-child{transition-delay:.3s}body #jellybean-q-refined .scene[data-ready][data-known] .claim-profile dl>div:nth-child(2){transition-delay:.4s}body #jellybean-q-refined .scene[data-ready][data-known] .claim-profile dl>div:nth-child(3){transition-delay:.5s}body #jellybean-q-refined .scene[data-ready][data-known] .profile-eyebrow span:first-child:before{animation:demo-ping 1.6s ease-out .4s 3}body #jellybean-q-refined .scene[data-ready]:not([data-claimed]) .shelf-new .shelf-chip-claimed{opacity:0;transform:scale(1.35)}body #jellybean-q-refined .scene[data-ready]:not([data-claimed]) .shelf-new .shelf-chip-buy{opacity:1}body #jellybean-q-refined .scene[data-ready][data-claimed] .shelf-new{animation:demo-glow 1.6s ease-out}body #jellybean-q-refined .scene[data-ready][data-claimed] .shelf-new .shelf-bottle{animation:demo-lift .8s var(--ease-out)}body #jellybean-q-refined .scene[data-ready][data-counted] .loyalty-gain{animation:demo-gain 1.4s var(--ease-out)}body #jellybean-q-refined .scene[data-ready][data-counted] .loyalty-points b img{animation:demo-spin .8s var(--ease-out)}body #jellybean-q-refined .scene[data-ready][data-counted] .loyalty-goal span{animation:demo-pop .45s var(--ease-spring)}body #jellybean-q-refined .scene[data-ready]:not([data-rewarded]) .reward-ticket{opacity:0;transform:translateY(calc(var(--u) * 70)) rotate(6deg) scale(.94)}body #jellybean-q-refined .scene[data-ready]:not([data-flipped]) .reward-front{transform:perspective(1400px) rotateY(0deg)}body #jellybean-q-refined .scene[data-ready]:not([data-flipped]) .reward-back{transform:perspective(1400px) rotateY(180deg)}body #jellybean-q-refined .scene[data-ready][data-flipped] .reward-code:after{animation:demo-shine 1.1s ease-out .7s both}body #jellybean-q-refined .scene[data-ready][data-known] .claim-certificate{animation:demo-flip-lift .9s var(--ease-out),demo-float 7s ease-in-out 1s infinite alternate}body #jellybean-q-refined .scene[data-ready][data-known] .claim-profile{animation:demo-float 8s ease-in-out 1.6s infinite alternate}body #jellybean-q-refined .scene[data-ready][data-flipped] .loyalty-card{animation:demo-float 8s ease-in-out 1s infinite alternate}body #jellybean-q-refined .scene[data-ready][data-flipped] .reward-ticket{animation:demo-float-tilted 7s ease-in-out 1.4s infinite alternate}body #jellybean-q-refined [data-scene=export][data-ready]:not([data-shown]) tbody tr{opacity:0;transform:translateY(10px)}body #jellybean-q-refined [data-scene=export] tbody tr:nth-child(2){transition-delay:.08s}body #jellybean-q-refined [data-scene=export] tbody tr:nth-child(3){transition-delay:.16s}body #jellybean-q-refined [data-scene=export] tbody tr:nth-child(4){transition-delay:.24s}body #jellybean-q-refined [data-scene=export][data-shown] .export-new td{animation:export-new 2.2s ease-out .3s}@keyframes demo-tap{0%{opacity:.45;transform:scale(.2)}to{opacity:0;transform:scale(3)}}@keyframes demo-press{40%{scale:.96}}@keyframes demo-pop{40%{transform:scale(1.25)}}@keyframes demo-flip-lift{45%{transform:translateY(calc(var(--u) * -14)) scale(1.035)}}@keyframes demo-shine{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes demo-stamp{0%{opacity:0;transform:scale(.5)}}@keyframes demo-burst{0%{opacity:1;transform:rotate(var(--a)) translateX(calc(var(--u) * 8))}to{opacity:0;transform:rotate(var(--a)) translateX(calc(var(--u) * 46)) scale(.4)}}@keyframes demo-ping{0%{box-shadow:0 0 0 calc(var(--u) * 3) #d8f87f66}to{box-shadow:0 0 0 calc(var(--u) * 12) #d8f87f00}}@keyframes demo-glow{20%{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04),0 0 0 calc(var(--u) * 2.5) #0c0c0c,0 calc(var(--u) * 12) calc(var(--u) * 24) rgba(16,24,12,.16)}}@keyframes demo-lift{40%{transform:translateY(calc(var(--u) * -10)) rotate(-3deg)}}@keyframes demo-gain{0%{opacity:0;transform:translateY(calc(var(--u) * 8)) scale(.8)}20%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(calc(var(--u) * -18))}}@keyframes demo-spin{to{transform:rotate(1turn)}}@keyframes demo-float{to{transform:translateY(calc(var(--u) * -8))}}@keyframes demo-float-tilted{0%{transform:rotate(-2.5deg)}to{transform:rotate(-1.5deg) translateY(calc(var(--u) * -9))}}@keyframes export-new{0%{background:#dff4a6}}body #jellybean-q-refined .scene-extend{aspect-ratio:640/424}body #jellybean-q-refined .extend-story{left:calc(var(--u) * 22);top:calc(var(--u) * 24);width:calc(var(--u) * 296);padding:calc(var(--u) * 12) calc(var(--u) * 12) calc(var(--u) * 16);border-radius:calc(var(--u) * 22);transition:opacity .6s,transform .8s var(--ease-out)}body #jellybean-q-refined .extend-story-photo{margin-top:0}body #jellybean-q-refined .extend-story-kicker{margin-top:calc(var(--u) * 12);padding-inline:calc(var(--u) * 4);font-size:calc(var(--u) * 9.5);letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a}body #jellybean-q-refined .extend-story-title{margin-top:calc(var(--u) * 5);padding-inline:calc(var(--u) * 4);font-size:calc(var(--u) * 16.5);font-weight:500;line-height:1.25}body #jellybean-q-refined .extend-story-line{margin-top:calc(var(--u) * 6);padding-inline:calc(var(--u) * 4);font-size:calc(var(--u) * 11.5);color:#5c5c5c;line-height:1.35}body #jellybean-q-refined .extend-story-dots{display:flex;gap:calc(var(--u) * 5);margin-top:calc(var(--u) * 12);padding-inline:calc(var(--u) * 4)}body #jellybean-q-refined .extend-story-dots i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:999px;background:#dcdcdc}body #jellybean-q-refined .extend-story-dots i.is-on{width:calc(var(--u) * 18);background:var(--demo-ink)}body #jellybean-q-refined .steps-card{left:calc(var(--u) * 296);top:calc(var(--u) * 92);width:calc(var(--u) * 322);padding:calc(var(--u) * 16) calc(var(--u) * 18) calc(var(--u) * 8);border-radius:calc(var(--u) * 24);transition:opacity .5s,filter .5s,transform .75s var(--ease-spring)}body #jellybean-q-refined .steps-top{display:flex}body #jellybean-q-refined .steps-title{margin-top:calc(var(--u) * 12);font-size:calc(var(--u) * 19);font-weight:500}body #jellybean-q-refined .steps-list{margin-top:calc(var(--u) * 10);padding:0;list-style:none}body #jellybean-q-refined .steps-list li{display:grid;grid-template-columns:calc(var(--u) * 24) calc(var(--u) * 46) 1fr;align-items:center;gap:calc(var(--u) * 10);min-height:calc(var(--u) * 66);padding-block:calc(var(--u) * 10);border-top:1px solid #ececec;font-size:calc(var(--u) * 12);line-height:1.3;transition:opacity .45s,transform .55s var(--ease-out)}body #jellybean-q-refined .steps-list li>span:nth-child(2):last-child{grid-column:2/-1}body #jellybean-q-refined .steps-number{font-size:calc(var(--u) * 11);font-weight:600;color:#8a8a8a}body #jellybean-q-refined .steps-media{width:calc(var(--u) * 46);height:calc(var(--u) * 46);overflow:hidden;border-radius:calc(var(--u) * 10);background:linear-gradient(#f9f9f9,#e5e5e5)}body #jellybean-q-refined .steps-media img{width:100%;height:100%;object-fit:contain}body #jellybean-q-refined .steps-media-wide img{object-fit:cover;object-position:12% 50%}body #jellybean-q-refined .scene-review{aspect-ratio:640/440}body #jellybean-q-refined .rate-sheet{left:calc(var(--u) * 22);top:calc(var(--u) * 26);width:calc(var(--u) * 296);padding:calc(var(--u) * 22) calc(var(--u) * 20) calc(var(--u) * 20);border-radius:calc(var(--u) * 24);transition:opacity .6s,transform .8s var(--ease-out)}body #jellybean-q-refined .rate-product{display:flex;align-items:center;gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 14);padding:calc(var(--u) * 7);border:1px solid #ececec;border-radius:calc(var(--u) * 14)}body #jellybean-q-refined .rate-product>span:last-child{display:grid}body #jellybean-q-refined .rate-product b{font-size:calc(var(--u) * 12.5);font-weight:500}body #jellybean-q-refined .rate-product small{font-size:calc(var(--u) * 10);color:#8a8a8a}body #jellybean-q-refined .rate-thumb{flex:none;width:calc(var(--u) * 34);height:calc(var(--u) * 46);overflow:hidden;border-radius:calc(var(--u) * 8);background:linear-gradient(#f9f9f9,#e5e5e5)}body #jellybean-q-refined .rate-thumb img{width:100%;height:100%;object-fit:contain}body #jellybean-q-refined .rate-stars{display:flex;justify-content:center;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 16)}body #jellybean-q-refined .rate-stars i{width:calc(var(--u) * 26);height:calc(var(--u) * 26);background:#c9a14a;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:background .25s}body #jellybean-q-refined .rate-stars i:nth-child(2){transition-delay:.09s}body #jellybean-q-refined .rate-stars i:nth-child(3){transition-delay:.18s}body #jellybean-q-refined .rate-stars i:nth-child(4){transition-delay:.27s}body #jellybean-q-refined .rate-stars i:nth-child(5){transition-delay:.36s}body #jellybean-q-refined .rate-field{margin-top:calc(var(--u) * 16)}body #jellybean-q-refined .rate-field [data-typed]{min-height:2.4em}body #jellybean-q-refined .rate-profile{left:calc(var(--u) * 334);top:calc(var(--u) * 176);width:calc(var(--u) * 284)}body #jellybean-q-refined .rate-quote{margin-top:calc(var(--u) * 12);font-size:calc(var(--u) * 14);line-height:1.35}body #jellybean-q-refined .rate-stars-small{justify-content:flex-start;gap:calc(var(--u) * 3);margin:0 0 calc(var(--u) * 6)}body #jellybean-q-refined .rate-stars-small i{width:calc(var(--u) * 13);height:calc(var(--u) * 13);background:#d8f87f}@container scene-stage (max-width: 520px){body #jellybean-q-refined .scene-extend{aspect-ratio:420/668}body #jellybean-q-refined .scene-review{aspect-ratio:420/590}body #jellybean-q-refined .extend-story{left:calc(var(--u) * 10);top:calc(var(--u) * 6);width:calc(var(--u) * 300)}body #jellybean-q-refined .steps-card{left:calc(var(--u) * 62);top:calc(var(--u) * 340);width:calc(var(--u) * 348)}body #jellybean-q-refined .rate-sheet{left:calc(var(--u) * 10);top:calc(var(--u) * 6);width:calc(var(--u) * 300)}body #jellybean-q-refined .rate-profile{left:calc(var(--u) * 50);top:calc(var(--u) * 352);width:calc(var(--u) * 360)}}body #jellybean-q-refined .scene[data-ready]:not([data-on]) :is(.extend-story,.rate-sheet){opacity:0;transform:translateY(calc(var(--u) * 36)) scale(.97)}body #jellybean-q-refined .scene[data-ready]:not([data-opened]) .steps-card{opacity:0;filter:blur(calc(var(--u) * 3));transform:translate(calc(var(--u) * 20),calc(var(--u) * 28)) scale(.94)}body #jellybean-q-refined .scene[data-ready]:not([data-opened]) .steps-pill{opacity:0}body #jellybean-q-refined .scene[data-ready][data-opened] .steps-pill{animation:demo-stamp .55s var(--ease-spring) .45s both}body #jellybean-q-refined .scene[data-ready]:not([data-step1]) .steps-list li:first-child,body #jellybean-q-refined .scene[data-ready]:not([data-step2]) .steps-list li:nth-child(2),body #jellybean-q-refined .scene[data-ready]:not([data-step3]) .steps-list li:nth-child(3){opacity:0;transform:translateY(calc(var(--u) * 10))}body #jellybean-q-refined .scene[data-ready]:not([data-rated]) .rate-sheet .rate-stars i{background:#e4e4e4;transition-delay:0s}body #jellybean-q-refined .scene[data-ready][data-rated] .rate-sheet .rate-stars i{animation:demo-pop .4s var(--ease-spring) both}body #jellybean-q-refined .scene[data-ready][data-rated] .rate-sheet .rate-stars i:nth-child(2){animation-delay:.09s}body #jellybean-q-refined .scene[data-ready][data-rated] .rate-sheet .rate-stars i:nth-child(3){animation-delay:.18s}body #jellybean-q-refined .scene[data-ready][data-rated] .rate-sheet .rate-stars i:nth-child(4){animation-delay:.27s}body #jellybean-q-refined .scene[data-ready][data-rated] .rate-sheet .rate-stars i:nth-child(5){animation-delay:.36s}body #jellybean-q-refined .scene[data-ready]:not([data-known]) .rate-profile{opacity:0;filter:blur(calc(var(--u) * 8));transform:translateY(calc(var(--u) * 34)) scale(.95)}body #jellybean-q-refined .scene[data-ready]:not([data-known]) .rate-profile dl>div{opacity:0;transform:translateY(calc(var(--u) * 8))}body #jellybean-q-refined .scene[data-ready][data-known] .rate-profile dl>div:first-child{transition-delay:.3s}body #jellybean-q-refined .scene[data-ready][data-known] .rate-profile dl>div:nth-child(2){transition-delay:.4s}body #jellybean-q-refined .scene[data-ready][data-known] .rate-profile dl>div:nth-child(3){transition-delay:.5s}body #jellybean-q-refined .scene[data-ready][data-step3] .extend-story{animation:demo-float 8s ease-in-out 1s infinite alternate}body #jellybean-q-refined .scene[data-ready][data-step3] .steps-card{animation:demo-float-tilted 7s ease-in-out 1.4s infinite alternate}body #jellybean-q-refined .scene[data-ready][data-known] .rate-sheet{animation:demo-float 7s ease-in-out 1s infinite alternate}body #jellybean-q-refined .scene[data-ready][data-known] .rate-profile{animation:demo-float 8s ease-in-out 1.6s infinite alternate}body #jellybean-q-refined .jq-wrap{max-width:1560px}body #jellybean-q-refined .jq-hero h1{font-size:clamp(56px,5.1vw,88px);max-width:11.5em}body #jellybean-q-refined .jq-hero .jq-lead{font-size:clamp(17px,1.25vw,20px);max-width:32em}@media (min-width:861px){body #jellybean-q-refined .capability.jq-section{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,6vw,112px);padding-block:clamp(40px,5vw,72px)}body #jellybean-q-refined #jq-reasons-to-return{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}body #jellybean-q-refined .capability-copy{max-width:520px}}@media (min-width:1280px){body #jellybean-q-refined .experience-hero .device-shell{max-width:214px}body #jellybean-q-refined .hero-registration{width:158px;left:34px}body #jellybean-q-refined .hero-export{width:164px;right:30px}}body #jellybean-q-refined .capability-copy h2{max-width:10.5em;font-size:clamp(36px,3.6vw,60px);line-height:1.04;letter-spacing:-.035em}body #jellybean-q-refined .capability-copy .jq-section-intro{max-width:26em;font-size:clamp(16px,1.2vw,19px)}body #jellybean-q-refined .routes h2,body #jellybean-q-refined :is(.more-programs,.routes,.pricing)>h2{font-size:clamp(32px,3vw,50px);line-height:1.06;letter-spacing:-.03em}body #jellybean-q-refined .final-action h2{font-size:clamp(36px,4.2vw,68px);line-height:1.04;letter-spacing:-.035em;max-width:14em}body #jellybean-q-refined [data-reveal-stagger]>*,body #jellybean-q-refined [data-reveal]{transition-property:opacity,transform;transition-duration:.8s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}body #jellybean-q-refined [data-reveal-stagger]>*{transition-delay:calc(var(--reveal-i, 0) * 90ms)}body #jellybean-q-refined [data-reveal-stagger=hidden]>*,body #jellybean-q-refined [data-reveal=hidden]{opacity:0;transform:translateY(32px)}@media (prefers-reduced-motion:no-preference){body #jellybean-q-refined .hero-registration{animation:hero-in-left .9s cubic-bezier(.2,.7,.2,1) .25s both,hero-drift 7s ease-in-out 1.2s infinite alternate}body #jellybean-q-refined .hero-export{animation:hero-in-right .9s cubic-bezier(.2,.7,.2,1) .4s both,hero-drift-alt 8s ease-in-out 1.4s infinite alternate}body #jellybean-q-refined .experience-hero .source-device .device-shell{animation:hero-rise 1s cubic-bezier(.2,.7,.2,1) both}}@keyframes hero-in-left{0%{opacity:0;transform:translate(-40px,24px) rotate(-14deg)}to{opacity:1;transform:rotate(-7deg)}}@keyframes hero-in-right{0%{opacity:0;transform:translate(40px,-16px) rotate(12deg)}to{opacity:1;transform:rotate(5deg)}}@keyframes hero-rise{0%{transform:translateY(28px)}}@keyframes hero-drift{0%{transform:rotate(-7deg) translateY(0)}to{transform:rotate(-6deg) translateY(-10px)}}@keyframes hero-drift-alt{0%{transform:rotate(5deg) translateY(0)}to{transform:rotate(4deg) translateY(-8px)}}