.hero-mascot{display:flex;justify-content:center;margin-bottom:6px;pointer-events:none}.hero-mascot svg{width:96px;height:70px;filter:drop-shadow(0 6px 16px rgba(238,148,16,.25));will-change:transform}@media(max-width:560px){.hero-mascot svg{width:78px;height:57px}}.journey-armed .jy{height:320vh}.journey-armed .jy-sticky{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}@media(min-height:640px){.journey-armed .jy-sticky{justify-content:flex-start}}@media(max-width:880px){.journey-armed .jy{height:260vh}}.jy{padding:0}.jy-sticky{padding:88px 0 44px}.jy .sec-head{margin-bottom:34px}.jy-stage{display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,64px)}.jy-rail{display:grid;gap:26px}.jy-step{display:flex;align-items:center;gap:10px;font:600 13px var(--sans);color:var(--muted);opacity:calc(.4 + .6 * var(--s, 1))}.jy-step i{position:relative;width:12px;height:12px;flex:none;border-radius:50%;border:2px solid #dccfb4}.jy-step i:after{content:"";position:absolute;inset:1px;border-radius:50%;background:var(--butter);transform:scale(var(--s, 1))}.jy-step:nth-child(1){--s: clamp(0, calc((var(--p, 1) - .04) / .06), 1)}.jy-step:nth-child(2){--s: clamp(0, calc((var(--p, 1) - .26) / .06), 1)}.jy-step:nth-child(3){--s: clamp(0, calc((var(--p, 1) - .48) / .06), 1)}.jy-step:nth-child(4){--s: clamp(0, calc((var(--p, 1) - .84) / .06), 1)}@media(max-width:880px){.jy-rail{display:none}}.jy-rail.jy-grab{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;padding:6px 10px 6px 6px;margin:-6px -10px -6px -6px;border-radius:12px}.jy-rail.jy-grab:hover{background:#ee94100f}.jy-rail.jy-grab .jy-step{cursor:pointer}.jy-rail.jy-grabbing,.jy-rail.jy-grabbing .jy-step{cursor:grabbing}.jy-card .demo-star{top:-8px;right:-24px}.jy-card{position:relative;width:min(480px,100%);background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px 20px;box-shadow:0 18px 44px -14px #603a0838}.jy-post{opacity:var(--p1, 1);transform:translateY(calc((1 - var(--p1, 1)) * 22px));display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.jy-logo{flex:none;width:40px;height:40px;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #1f1a121f}.jy-logo svg{display:block;width:100%;height:100%}.jy-post h3{font:700 17px var(--display);letter-spacing:-.01em}.jy-post p{margin-top:3px;font-size:12.5px;color:var(--muted)}.jy-fresh{flex:none;margin-top:2px;font:600 10.5px var(--mono);color:var(--green);background:#eaf4ec;padding:4px 8px;border-radius:6px;white-space:nowrap}.jy-score{opacity:var(--p2, 1);transform:scale(calc(.6 + .4 * var(--p2, 1)));transform-origin:center;display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;background:#fdf6e8;border:1px solid #f3dfba;border-radius:10px}.jy-score b{font:700 20px var(--mono);color:var(--butter-deep);min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}.jy-score span{font-size:12px;color:#8a6a35}.jy-draft{margin-top:16px}.jy-draft small{display:block;margin-bottom:8px;font:500 10px var(--mono);letter-spacing:.05em;color:#a39a82}.jy-line{--l: clamp(0, calc((var(--p3, 1) - var(--i) * .3) / .4), 1);opacity:var(--l);transform:translateY(calc((1 - var(--l)) * 10px));font-size:13px;line-height:1.6;color:var(--ink)}.jy-line+.jy-line{margin-top:4px}.jy-approve{opacity:var(--p4, 1);transform:translateY(calc((1 - var(--p4, 1)) * 12px));display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:7px 12px;background:#eaf4ec;border-radius:999px;font:600 12px var(--sans);color:var(--green)}.jy-approve svg{width:13px;height:13px}.jy-sent{position:absolute;bottom:88px;right:30px;z-index:2;opacity:var(--p5, 1);transform:rotate(-8deg) scale(calc(1.55 - .55 * var(--p5, 1)));transform-origin:center;padding:5px 12px;border:2.5px solid var(--butter-deep);border-radius:8px;font:800 15px var(--display);letter-spacing:.14em;color:var(--butter-deep);background:#fff9efd9;pointer-events:none}.jy-receipt{opacity:var(--p5, 1);transform:translateY(calc((1 - var(--p5, 1)) * 8px));margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);display:flex;align-items:center;gap:8px;font:500 11px var(--mono);color:var(--muted)}.jy-receipt img{width:22px;height:22px;flex:none}
