/* Juiceman v2 — base + keyframes + layout utilities */
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}

body{margin:0;background:#FFFFFF;font-family:system-ui,sans-serif}
a{color:#0880FF}a:hover{color:#E85098}
@keyframes demoIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lineDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes popIn{0%{opacity:0;transform:scale(.97) translateY(12px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 12px rgba(64,216,88,.2)}50%{box-shadow:0 0 26px rgba(64,216,88,.5)}}
@keyframes checkPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}
@keyframes chartDraw{to{stroke-dashoffset:0}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes caretBlink{0%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(64,216,88,.55)}70%{box-shadow:0 0 0 7px rgba(64,216,88,0)}100%{box-shadow:0 0 0 0 rgba(64,216,88,0)}}
@keyframes swapA{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes swapB{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes beamSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes lpTicker{to{transform:translateX(-50%)}}

.fx{display:flex}.col{display:flex;flex-direction:column}.grid{display:grid}.ac{align-items:center}.jc{justify-content:center}.jb{justify-content:space-between}.f1{flex:1}.noshrink{flex-shrink:0}.wrap{flex-wrap:wrap}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs20{font-size:20px}.fs22{font-size:22px}.upper{text-transform:uppercase}.tc{text-align:center}.nowrap{white-space:nowrap}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}.m0{margin:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.posrel{position:relative}.posabs{position:absolute}.round{border-radius:50%}.ohide{overflow:hidden}.bbox{box-sizing:border-box}.pointer{cursor:pointer}.w100{width:100%}.b0{border:none}
.faq-item{transition:opacity .2s ease}

/* ---- responsive: mobile canvas + nav ---- */
.jm-mobile-only{display:none}
@media (max-width:820px){
  .jm-navlinks{display:none !important}
  .jm-desktop-canvas{display:none !important}
  .jm-mobile-only{display:block !important}
}
@media (min-width:821px){
  .jm-mobile-only{display:none !important}
}