/* Landing hero: extra movable sample cards (Silver 999, GST due, Hallmark, Live bill). Shown only where the side space is free. */
@media all{
.jbw{display:block;position:absolute;width:188px;scale:var(--s,1);transform-origin:0 0;z-index:2;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;animation:jwIn .9s cubic-bezier(.2,.8,.2,1) backwards}
.jbw.jw-drag{cursor:grabbing;z-index:30}
.jbw.jw-drag .jw-c{animation:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 40px 60px -24px rgba(0,0,0,.4)}
.jbw .jw-c{position:relative;display:flex;flex-direction:column;gap:5px;padding:16px 18px 15px;background:#fff;color:#000;text-align:left;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 30px 50px -28px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.05);animation:jwFloat 7s ease-in-out infinite}
.jbw small{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#000}
.jbw small em{font-style:normal;letter-spacing:.02em;text-transform:none;font-weight:600;opacity:.6;font-size:11px}
.jbw b.jw-big{display:block;font-size:34px;line-height:1.05;letter-spacing:-.04em;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.jbw .jw-s{font-size:12px;opacity:.7}
.jbw .jw-up{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700}
.jbw .jw-up::before{content:"";border:5px solid transparent;border-bottom:7px solid #000;border-top:0}
.jbw .jw-up.dn::before{border-bottom:0;border-top:7px solid #000}
.jbw svg{display:block;width:100%}
.jbw .sp{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jbw .spa{fill:rgba(0,0,0,.06)}
.jbw .cal{display:flex;gap:12px;align-items:center;margin-top:2px}
.jbw .pg{width:58px;flex:none;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.14);text-align:center}
.jbw .pg i{display:block;font-style:normal;background:#000;color:#fff;font-size:9px;letter-spacing:.16em;padding:4px 0;font-weight:700}
.jbw .pg b{display:block;font-size:28px;line-height:1.25;letter-spacing:-.04em;animation:jwFlip .7s cubic-bezier(.2,.8,.2,1)}
.jbw .cal strong{font-size:16px;letter-spacing:-.02em;display:block}
.jbw .tk{height:5px;border-radius:5px;background:rgba(0,0,0,.09);overflow:hidden;margin-top:6px}.jbw .tk span{display:block;height:100%;width:0;background:#000;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.jbw .stm{display:grid;place-items:center;padding:6px 0 2px}
.jbw .stamp{width:112px;height:112px;border-radius:50%;border:3px solid #000;display:grid;place-items:center;text-align:center;transform:scale(2.2) rotate(-24deg);opacity:0;position:relative}
.jbw .stamp::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px dashed #000}
.jbw .stamp b{display:block;font-size:17px;letter-spacing:.08em}.jbw .stamp span{display:block;font-size:9px;letter-spacing:.2em;font-weight:700}
.jbw .jw-in .stamp{animation:jwStamp .55s cubic-bezier(.2,.9,.3,1.2) forwards}
.jbw .mono{font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.jbw .mono div{display:flex;justify-content:space-between;gap:8px}
.jbw .tot{margin-top:4px;padding:8px 11px;border-radius:12px;background:#f2f2f4;display:flex;justify-content:space-between;font-weight:800;font-size:16px;letter-spacing:-.02em}
.jbw .cr::after{content:"";display:inline-block;width:2px;height:1em;background:#000;vertical-align:-2px;margin-left:2px;animation:jwBl 1s steps(1) infinite}
.jw-silver{right:clamp(36px,4.6vw,80px);top:330px}.jw-silver .jw-c{transform:rotate(1.6deg)}
.jw-gst{right:clamp(36px,4.6vw,80px);top:556px}.jw-gst .jw-c{transform:rotate(-1.4deg)}
.jw-hall{left:clamp(36px,4.6vw,80px);top:556px}.jw-hall .jw-c{transform:rotate(1.8deg)}
.jw-bill{right:clamp(36px,4.6vw,80px);top:96px;width:200px}.jw-bill .jw-c{transform:rotate(-1.8deg)}
.jw-rs{position:absolute;right:7px;bottom:7px;width:16px;height:16px;cursor:nwse-resize;opacity:0;transition:opacity .2s;background:linear-gradient(135deg,transparent 52%,rgba(0,0,0,.5) 52% 58%,transparent 58% 70%,rgba(0,0,0,.5) 70% 76%,transparent 76%);touch-action:none}
.jbw:hover .jw-rs,.jbw.jw-drag .jw-rs{opacity:.8}
@keyframes jwIn{from{opacity:0;transform:translateY(24px) scale(.96)}}
@keyframes jwFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes jwFlip{from{transform:rotateX(90deg);opacity:0}}
@keyframes jwStamp{60%{opacity:1}to{transform:scale(1) rotate(-12deg);opacity:1}}
@keyframes jwBl{50%{opacity:0}}
}
@media(prefers-reduced-motion:reduce){.jbw,.jbw .jw-c,.jbw .pg b,.jbw .jw-in .stamp{animation:none!important}.jbw .stamp{opacity:1;transform:rotate(-12deg)}.jbw .tk span{transition:none}}
@media(min-width:1240px){.jw-silver:not([style*="left"]),.jw-gst:not([style*="left"]),.jw-bill:not([style*="left"]){transform-origin:100% 0}}

/* Phones and tablets: the cards sit in a swipeable row under the hero buttons */
.jbw-strip{display:flex;gap:12px;width:100%;margin:22px 0 0;padding:6px 4px 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;text-align:left}
.jbw-strip::-webkit-scrollbar{display:none}
.jbw-strip .jbw,.jbw-strip .jbt-note{display:block;position:relative;left:auto;top:auto;right:auto;flex:0 0 min(216px,70vw);width:auto;scroll-snap-align:center;animation:none;scale:1;opacity:1}
.jbw-strip .jbw .jw-c,.jbw-strip .jbt-note .jt-card{animation:none!important;transform:none;min-height:150px}
.jbw-strip .jt-rs,.jbw-strip .jw-rs{display:none}
.jbw-strip .jbt-note .jt-card{position:relative;padding:16px 18px 15px;background:#fff;color:#000;text-align:left;border-radius:24px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 30px 50px -28px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.05)}
.jbw-strip .jbt-note .jt-card::before{content:"";position:absolute;top:18px;right:18px;width:8px;height:8px;border-radius:50%;background:#000}
.jbw-strip .jbt-note small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#000}
.jbw-strip .jbt-note b{display:block;margin:8px 0 2px;font-size:34px;line-height:1.05;letter-spacing:-.04em;font-weight:800;color:#000;font-variant-numeric:tabular-nums;white-space:nowrap}
.jbw-strip .jbt-note .jt-per{display:block;font-size:12px;font-weight:600;color:#000}
.jbw-strip .jbt-note .jt-sep{display:block;margin:10px 0;border:0;border-top:1px solid rgba(0,0,0,.1)}
.jbw-strip .jbt-note .jt-up{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#000}
.jbw-strip .jbt-note .jt-up::before{content:"";border:5px solid transparent;border-bottom:7px solid #000;border-top:0}
.jbw-strip .jbt-note .jt-up.dn::before{border-bottom:0;border-top:7px solid #000}
.jbw-strip .jbt-note .jt-s{display:block;margin-top:4px;font-size:11.5px;color:#000;opacity:.7}
.jbw-strip .jbw .stamp{transform:rotate(-12deg);opacity:1;width:92px;height:92px}
.jbw-strip .jbw .jw-in .stamp{animation:none}