.jv{--space-1:color-mix(in srgb, var(--violet) 14%, var(--bg));--space-2:color-mix(in srgb, var(--violet) 22%, var(--bg));--space-3:color-mix(in srgb, var(--violet) 34%, var(--bg));--space-4:color-mix(in srgb, var(--violet) 50%, var(--bg));--space-5:color-mix(in srgb, var(--violet) 78%, var(--bg));overflow-x:clip}:root{--hp:0}.jv-mono{font-family:var(--font-mono), ui-monospace, monospace}.jv-lime{color:var(--lime)}.jv-violet{color:var(--violet2)}.jv-teal{color:var(--teal)}.jv-muted{color:var(--muted)}.jv-faint{color:var(--faint)}.jv-bold{font-weight:700}.jv-outline{color:#0000;-webkit-text-stroke:1.5px #f4f3f859}.jv-ic{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.jv-row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.jv-eyebrow{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:12px}.jv-h2{letter-spacing:-.045em;margin:16px 0 0;font-size:clamp(38px,4.8vw,68px);font-weight:700;line-height:.96}.jv-h2.jv-wide{max-width:940px}.jv-lede{color:#f5f3f8bd;max-width:560px;margin:24px 0 0;font-size:19px;line-height:1.6}.jv-section{padding:120px 0;position:relative}.jv-btn{border-radius:var(--r-button);align-items:center;gap:10px;min-height:52px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.jv-btn:hover{text-decoration:none}.jv-btn-ghost{color:var(--text);border:1px solid var(--line2);font-weight:600}.jv-btn-ghost:hover{background:var(--surface)}.jv-btn-lime{background:var(--lime);color:var(--ink);margin-top:32px}.jv-bars{align-items:center;gap:2px;height:100%;display:flex}.jv-bars>span{background:currentColor;border-radius:2px;flex:1 1 0;min-width:1px}.jv-played{display:block;position:relative}.jv-played .jv-bars,.jv-hero-wave .jv-bars{position:absolute;inset:0}.jv-bars-dim{color:#ffffff2e}.jv-bars-lit{color:var(--lime);clip-path:inset(0 calc(100% - var(--fill,0%)) 0 0)}.jv-hero{--p:0;flex-direction:column;justify-content:center;height:min(100vh,920px);min-height:700px;display:flex;position:relative;overflow:hidden}.jv-rings{pointer-events:none;fill:none;width:1100px;height:1100px;transform:translate(-50%, -50%) rotate(calc(var(--p) * 90deg)) scale(calc(1 + var(--p) * .5));position:absolute;top:44%;left:50%}.jv-ring-a{stroke:#ffffff0d;stroke-dasharray:2 10}.jv-ring-b{stroke:color-mix(in srgb, var(--violet) 22%, transparent);stroke-dasharray:80 30 4 30}.jv-ring-c{stroke:color-mix(in srgb, var(--lime) 14%, transparent);stroke-dasharray:1 14}.jv-ring-d{stroke:#ffffff0f}.jv-hero-copy{z-index:2;transform:translateY(calc(var(--p) * -150px));opacity:calc(1 - var(--p) * .95);position:relative}.jv-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(64px,11.5vw,176px);font-weight:700;line-height:.88}.jv-hero h1 span{display:block}.jv-hero-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:34px;display:flex}.jv-hero-row p{color:#f5f3f8c7;max-width:560px;margin:0;font-size:20px;line-height:1.5}.jv-hero-wave{--fill:calc(6% + var(--p) * 110%);z-index:1;margin:60px var(--pad) 0;height:96px;position:relative}.jv-hero-wave .jv-bars{gap:4px}.jv-hero-wave .jv-bars-dim{color:color-mix(in srgb, var(--violet2) 35%, transparent)}.jv-sway>span{transform-origin:50%;animation:6s ease-in-out infinite alternate jv-sway;animation-delay:calc(var(--i) * -.38s)}@keyframes jv-sway{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.jv-rise{animation:.9s cubic-bezier(.2,.8,.2,1) both jv-rise;animation-delay:calc(80ms + var(--i) * .12s)}@keyframes jv-rise{0%{opacity:0;transform:translateY(60px)}}.jv-marquee{padding:30px 0 60px;overflow:hidden}.jv-marquee-a{transform:rotate(-3deg) translateX(calc(var(--hp) * -240px));background:var(--lime);color:var(--ink)}.jv-marquee-b{transform:rotate(2deg) translateX(calc(var(--hp) * 240px));background:var(--surface);border-block:1px solid var(--line);margin-top:-6px}.jv-marquee-track{width:max-content;animation:64s linear infinite jv-marquee;display:flex}.jv-marquee-b .jv-marquee-track{animation-duration:76s;animation-direction:reverse}.jv-marquee-a span{letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:28px;padding:18px 28px;font-size:44px;font-weight:700;display:flex}.jv-marquee-a .jv-dot{background:var(--ink);border-radius:50%;width:14px;height:14px;padding:0}.jv-marquee-b span{letter-spacing:.14em;text-transform:uppercase;color:#f5f3f899;white-space:nowrap;padding:14px 30px;font-size:16px}@keyframes jv-marquee{to{transform:translate(-50%)}}.jv-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.jv-spaces{--p:.5}.jv-spaces-demo{height:600px;position:relative}.jv-drawer{z-index:2;background:var(--bg2);border:1px solid var(--line2);width:270px;transform:translateY(calc((.5 - var(--p)) * 40px)) rotate(-2deg);border-radius:26px;padding:22px 16px;position:absolute;top:170px;left:0;box-shadow:0 40px 90px -30px #000c}.jv-drawer-title{letter-spacing:-.02em;padding:0 4px;font-size:22px;font-weight:700}.jv-drawer-count{padding:2px 4px 0;font-size:11.5px}.jv-drawer-rows{flex-direction:column;gap:8px;margin-top:16px;display:flex}.jv-space-row{background:var(--surface);border:1px solid var(--line);opacity:clamp(0, var(--p) * 3 - var(--i) * .25, 1);border-radius:16px;align-items:center;gap:12px;padding:10px;transition:background .3s,border-color .3s;display:flex}.jv-space-mark{width:44px;height:44px;color:var(--ink);border-radius:12px;flex:none;place-items:center;font-weight:700;display:grid}.jv-space-text{flex-direction:column;flex:auto;min-width:0;display:flex}.jv-space-name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.jv-space-sub{color:var(--muted);font-size:12px}.jv-space-check{color:var(--lime);opacity:0;font-size:16px}.jv-new-space{border:1px dashed color-mix(in srgb, var(--lime) 40%, transparent);background:color-mix(in srgb, var(--lime) 8%, transparent);min-height:44px;color:var(--lime);border-radius:14px;place-items:center;margin-top:14px;font-size:14px;font-weight:700;display:grid}.jv-mini-phone{background:var(--surface2);border:1px solid var(--line2);width:310px;transform:translateY(calc((var(--p) - .5) * 50px)) rotate(2deg);border-radius:40px;padding:10px;position:absolute;top:0;right:0}.jv-mini-screen{background:var(--bg);border-radius:31px;height:560px;position:relative;overflow:hidden}.jv-home-of{opacity:0;padding:22px 16px;transition:opacity .4s;position:absolute;inset:0}.jv-spaces[data-active="0"] [data-space="0"],.jv-spaces[data-active="1"] [data-space="1"],.jv-spaces[data-active="2"] [data-space="2"]{opacity:1}.jv-spaces[data-active="0"] .jv-space-row[data-space="0"],.jv-spaces[data-active="1"] .jv-space-row[data-space="1"],.jv-spaces[data-active="2"] .jv-space-row[data-space="2"]{background:var(--surface2);border-color:#ffffff2e}.jv-spaces[data-active="0"] [data-space="0"] .jv-space-check,.jv-spaces[data-active="1"] [data-space="1"] .jv-space-check,.jv-spaces[data-active="2"] [data-space="2"] .jv-space-check{opacity:1}.jv-home-top{justify-content:space-between;align-items:flex-start;display:flex}.jv-space-chip{border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);flex-direction:column;padding:8px 14px;display:inline-flex}.jv-space-chip-name{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.jv-space-chip-name .jv-ic{color:var(--faint);font-size:12px}.jv-space-chip-kind{letter-spacing:.1em;color:var(--faint);font-size:9.5px}.jv-status-chip{border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.jv-status-chip .jv-ic{color:var(--lime);font-size:12px}.jv-label{letter-spacing:.14em;text-transform:uppercase;color:#f5f3f873;margin-top:22px;font-size:10.5px}.jv-song-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.jv-song-row{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}.jv-play{background:var(--lime);width:34px;height:34px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.jv-play svg{width:13px;height:13px}.jv-play-sm{width:30px;height:30px}.jv-song-main{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.jv-song-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.jv-bars-mini{color:#f5f3f859;gap:1.5px;height:14px}.jv-song-meta{color:var(--muted);flex-direction:column;align-items:flex-end;gap:3px;font-size:10.5px;display:flex}.jv-avatars{display:flex}.jv-avatars span{border:1.5px solid var(--surface);border-radius:50%;width:16px;height:16px;margin-left:-4px}.jv-avatar{width:22px;height:22px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.jv-avatar-lg{width:28px;height:28px;font-size:11px}.jv-story{--p:0;--t0:clamp(0, var(--p) * 4, 1);--t1:clamp(0, var(--p) * 4 - 1, 1);--t2:clamp(0, var(--p) * 4 - 2, 1);--t3:clamp(0, var(--p) * 4 - 3, 1);height:880px;position:relative}.motion .jv-story{height:calc(min(100vh - 64px,880px) + 1500px)}.jv-stage{background-color:var(--space-1);height:min(100vh - 64px,880px);transition:background-color .9s;position:sticky;top:64px;overflow:hidden}.jv-story[data-step="1"] .jv-stage{background-color:var(--space-2)}.jv-story[data-step="2"] .jv-stage{background-color:var(--space-3)}.jv-story[data-step="3"] .jv-stage{background-color:var(--space-4)}.jv-stage,.jv-stars{background-image:radial-gradient(1.2px 1.2px at 12% 18%,#ffffffb3,#0000 60%),radial-gradient(1px 1px at 68% 12%,#ffffff8c,#0000 60%),radial-gradient(1.4px 1.4px at 84% 46%,#fff9,#0000 60%),radial-gradient(1px 1px at 30% 72%,#ffffff80,#0000 60%),radial-gradient(1.2px 1.2px at 52% 38%,#ffffff73,#0000 60%),radial-gradient(1px 1px at 92% 82%,#ffffff80,#0000 60%),radial-gradient(1.3px 1.3px at 6% 58%,#ffffff80,#0000 60%)}.jv-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;height:100%;padding-top:32px;padding-bottom:32px;display:grid}.jv-story-copy{flex-direction:column;gap:28px;display:flex}.jv-steps{height:330px;margin:0;padding:0;list-style:none;position:relative}.jv-step{opacity:0;pointer-events:none;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(40px)}.jv-story[data-step="0"] .jv-step[data-n="0"],.jv-story[data-step="1"] .jv-step[data-n="1"],.jv-story[data-step="2"] .jv-step[data-n="2"],.jv-story[data-step="3"] .jv-step[data-n="3"]{opacity:1;pointer-events:auto;transform:none}.jv-step-n{letter-spacing:-.04em;font-size:120px;font-weight:700;line-height:1;display:block}.jv-step-t{letter-spacing:-.045em;margin:6px 0 0;font-size:clamp(44px,5.4vw,76px);font-weight:700;line-height:.95}.jv-step-b{color:#ffffffd1;max-width:460px;margin:18px 0 0;font-size:19px;line-height:1.55}.jv-step-bars{gap:8px;max-width:460px;display:flex}.jv-step-bar{letter-spacing:.1em;text-transform:uppercase;color:#f5f3f866;flex-direction:column;flex:1 1 0;gap:8px;font-size:11px;display:flex}.jv-story[data-step="0"] .jv-step-bar[data-n="0"],.jv-story[data-step="1"] .jv-step-bar[data-n="1"],.jv-story[data-step="2"] .jv-step-bar[data-n="2"],.jv-story[data-step="3"] .jv-step-bar[data-n="3"]{color:#f5f3f8f2}.jv-step-track{background:#fff3;border-radius:3px;height:3px;overflow:hidden}.jv-step-track span{background:var(--lime);height:100%;width:calc(clamp(0, var(--p) * 4 - var(--i), 1) * 100%);display:block}.jv-phone{background:var(--surface2);border:1px solid var(--line2);width:330px;height:690px;transform:rotate(calc((var(--p) - .5) * -5deg));border-radius:54px;justify-self:center;padding:11px;position:relative;box-shadow:0 60px 120px -30px #0009}.jv-phone-screen{background:var(--bg);border-radius:44px;height:100%;font-size:13.5px;position:relative;overflow:hidden}.jv-notch{z-index:5;background:#000;border-radius:20px;width:96px;height:28px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.jv-scr{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(.96)}.jv-story[data-step="0"] [data-scr="0"],.jv-story[data-step="1"] [data-scr="1"],.jv-story[data-step="2"] [data-scr="2"],.jv-story[data-step="3"] [data-scr="3"]{opacity:1;transform:none}.jv-pad{padding:56px 16px 20px}.jv-col{flex-direction:column;display:flex}.jv-sheet{background:var(--bg2);border-top:1px solid var(--line2);border-radius:26px 26px 0 0;flex-direction:column;padding:0 20px 26px;display:flex;position:absolute;inset:64px 0 0}.jv-grab{background:var(--line2);border-radius:3px;align-self:center;width:40px;height:5px;margin:10px 0 22px}.jv-rec-label{letter-spacing:.29em;color:var(--faint);font-size:12px}.jv-rec-clock{letter-spacing:-.02em;justify-content:center;align-items:center;gap:14px;margin-top:6px;font-size:50px;font-weight:700;display:flex}.jv-rec-clock-sm{gap:10px;font-size:34px}.jv-rec-dot{background:var(--record);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite alternate jv-blink}@keyframes jv-blink{to{opacity:.25}}.jv-rec-strip{height:76px;color:var(--lime);gap:3px;margin-top:30px}.jv-sheet .jv-rec-strip>span{opacity:clamp(.15, 6 + var(--t0) * 28 - var(--i), 1)}.jv-stop{align-self:center;width:104px;height:104px;margin-top:auto;position:relative}.jv-stop-ripple{background:color-mix(in srgb, var(--lime) 22%, transparent);border-radius:50%;animation:2.4s ease-out infinite jv-ripple;position:absolute;inset:0}.jv-stop-ripple+.jv-stop-ripple{animation-delay:1.2s}@keyframes jv-ripple{to{opacity:0;transform:scale(1.85)}}.jv-stop-face{background:var(--lime);width:104px;height:104px;box-shadow:0 0 24px color-mix(in srgb, var(--lime) 35%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}.jv-stop-face span{background:var(--record);border-radius:9px;width:34px;height:34px}.jv-stop-sm{align-self:center;width:64px;height:64px}.jv-stop-sm span{border-radius:6px;width:22px;height:22px}.jv-rec-caption{text-align:center;margin-top:14px;font-size:12.5px}.jv-detail-head{align-items:center;gap:12px;display:flex}.jv-detail-head>span:last-child{flex-direction:column;display:flex}.jv-detail-title{letter-spacing:-.02em;font-size:22px;font-weight:700}.jv-ver-count{font-size:11.5px}.jv-circle-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);background:#ffffff0d;border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid}.jv-chips{gap:6px;margin-top:16px;display:flex}.jv-chip{border-radius:var(--pill);color:#f5f3f899;border:1px solid var(--line);background:#ffffff0d;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:700;transition:background .3s,color .3s,opacity .4s,transform .4s;display:inline-flex}.jv-chip-star{width:10px;height:10px;display:none}.jv-chip-star svg{width:10px;height:10px;display:block}.jv-player{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-top:14px;padding:16px}.jv-player-tight{margin-top:0;padding:14px 16px}.jv-meta-line{color:var(--muted);font-size:12.5px}.jv-meta-line>span{align-items:center;gap:8px;display:flex}.jv-detail-wave{--fill:calc((.2 + var(--t1) * .3) * 100%);height:54px;margin-top:14px}.jv-time-row{justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.jv-transport{gap:10px;margin-top:12px;display:flex}.jv-play-wide{background:var(--lime);height:44px;color:var(--ink);border-radius:16px;flex:auto;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.jv-play-wide svg{width:15px;height:15px}.jv-comment-btn{width:44px;height:44px;color:var(--violet2);background:color-mix(in srgb, var(--violet2) 14%, transparent);border:1px solid color-mix(in srgb, var(--violet2) 30%, transparent);border-radius:16px;place-items:center;font-size:17px;display:grid}.jv-promote{min-height:44px;color:var(--lime);background:color-mix(in srgb, var(--lime) 10%, transparent);border:1px solid color-mix(in srgb, var(--lime) 25%, transparent);opacity:0;border-radius:13px;place-items:center;margin-top:12px;font-weight:700;transition:opacity .4s,transform .4s;display:grid;transform:translateY(8px)}.jv-chip[data-chip=v3]{background:var(--lime);color:var(--ink);border-color:#0000}.jv-chip[data-chip=v3] .jv-chip-star,.jv-chip[data-chip=v4] .jv-chip-star{display:block}.jv-chip[data-chip=v4]{opacity:0;transform:scale(.6)}.jv-when-v4,.jv-when-old{display:none!important}.jv-story:is([data-step="2"],[data-step="3"]) .jv-chip[data-chip=v4],.jv-story[data-step="1"]:not([data-q="0"]) .jv-chip[data-chip=v4]{opacity:1;background:var(--lime);color:var(--ink);border-color:#0000;transform:none}.jv-story:is([data-step="2"],[data-step="3"]) .jv-chip[data-chip=v3],.jv-story[data-step="1"]:not([data-q="0"]) .jv-chip[data-chip=v3]{color:#f5f3f899;border-color:var(--line);background:#ffffff0d}.jv-story:is([data-step="2"],[data-step="3"]) .jv-chip[data-chip=v3] .jv-chip-star,.jv-story[data-step="1"]:not([data-q="0"]) .jv-chip[data-chip=v3] .jv-chip-star,.jv-story:is([data-step="2"],[data-step="3"]) .jv-when-v3,.jv-story[data-step="1"]:not([data-q="0"]) .jv-when-v3{display:none}.jv-story:is([data-step="2"],[data-step="3"]) .jv-when-v4,.jv-story[data-step="1"]:not([data-q="0"]) .jv-when-v4{display:inline!important}.jv-story[data-step="1"][data-q="3"] .jv-chip[data-chip=v4]{color:#f5f3f899;border-color:var(--line);background:#ffffff0d}.jv-story[data-step="1"][data-q="3"] .jv-chip[data-chip=v2]{background:var(--lime);color:var(--ink);border-color:#0000}.jv-story[data-step="1"][data-q="3"] .jv-when-new{display:none}.jv-story[data-step="1"][data-q="3"] .jv-when-old{display:flex!important}.jv-story[data-step="1"][data-q="3"] .jv-promote{opacity:1;transform:none}.jv-scrub{height:46px;margin-top:12px;position:relative}.jv-comment-wave{--fill:calc((.05 + var(--t2) * .9) * 100%);height:100%}.jv-playhead{background:var(--text);width:2px;top:-2px;bottom:-2px;left:calc((.05 + var(--t2) * .9) * 100%);position:absolute}.jv-comments-head{align-items:baseline;gap:6px;margin-top:16px;font-size:16px;display:flex}.jv-comments-head .jv-mono{margin-left:auto;font-size:11.5px}.jv-notes{flex-direction:column;gap:8px;margin-top:10px;display:flex}.jv-note{border:1px solid var(--line2);opacity:clamp(0, (var(--t2) - var(--from)) * 12, 1);transform:translateY(calc((1 - clamp(0, (var(--t2) - var(--from)) * 12, 1)) * 10px));background:#ffffff0f;border-radius:15px;gap:10px;padding:11px 12px;display:flex}.jv-note>span:last-child{flex-direction:column;gap:3px;display:flex}.jv-note-head{align-items:baseline;gap:8px;display:flex}.jv-note-head .jv-mono{font-size:11px;font-weight:700}.jv-note-text{color:#f5f3f8b3;line-height:1.35}.jv-composer{align-items:center;gap:8px;margin-top:auto;display:flex}.jv-at{white-space:nowrap;color:var(--lime);background:color-mix(in srgb, var(--lime) 12%, transparent);border-radius:11px;padding:10px 9px;font-size:12px;font-weight:700}.jv-field{min-width:0;color:var(--faint);border:1px solid var(--line2);white-space:nowrap;background:#ffffff0f;border-radius:12px;flex:auto;padding:11px 12px;font-size:13px;overflow:hidden}.jv-send{background:var(--lime);width:42px;height:42px;color:var(--ink);border-radius:12px;flex:none;place-items:center;font-size:16px;display:grid}.jv-capture{gap:10px;height:128px;margin-top:18px;display:flex}.jv-record-card{background:var(--lime);color:var(--ink);box-shadow:0 0 34px color-mix(in srgb, var(--lime) 30%, transparent);border-radius:22px;flex-direction:column;flex:auto;padding:16px;display:flex}.jv-record-card .jv-ic{font-size:26px}.jv-record-title{margin-top:auto;font-size:20px;font-weight:700}.jv-record-sub{opacity:.7;font-size:12px;font-weight:600}.jv-capture-side{flex-direction:column;gap:10px;width:118px;display:flex}.jv-invite{background:color-mix(in srgb, var(--violet) 10%, transparent);border:1px solid color-mix(in srgb, var(--violet2) 40%, transparent);border-radius:14px;justify-content:center;align-items:center;gap:7px;height:44px;font-weight:700;display:flex}.jv-invite .jv-ic,.jv-upload .jv-ic{color:var(--violet2)}.jv-upload{border:1px solid var(--line2);background:#ffffff0a;border-radius:18px;flex-direction:column;flex:auto;justify-content:center;padding:0 12px;font-size:15px;font-weight:700;display:flex}.jv-upload>span:first-child{align-items:center;gap:6px;display:flex}.jv-upload-sub{color:#f5f3f8b3;font-size:11px;font-weight:600}.jv-home-songs .jv-song-row{--i:0;opacity:clamp(.15, var(--t3) * 4 - var(--i) * .5, 1);transition:border-color .3s}.jv-home-songs .jv-song-row:nth-child(2){--i:1}.jv-home-songs .jv-song-row:nth-child(3){--i:2}.jv-home-songs .jv-song-row:nth-child(4){--i:3}.jv-story[data-step="3"]:not([data-q="0"]) .jv-home-songs .jv-song-row:first-child{border-color:var(--lime)}.jv-toast{background:var(--surface2);border:1px solid var(--line2);opacity:clamp(0, (var(--t3) - .45) * 10, 1);transform:translateY(calc((1 - clamp(0, (var(--t3) - .45) * 10, 1)) * 30px));border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:22px;left:16px;right:16px;box-shadow:0 20px 40px #00000080}.jv-toast>span:last-child{flex-direction:column;font-size:13px;display:flex}.jv-toast .jv-muted{font-size:11.5px}.jv-versions{--p:.4;overflow:hidden}.jv-ribbon{width:max-content;padding-left:var(--pad);transform:translateX(calc(200px - var(--p) * 1100px));gap:18px;margin-top:64px;display:flex}.jv-take{background:var(--surface);border:1px solid var(--line);width:250px;transform:translateY(calc(sin(clamp(0, var(--p) * 1.4 - var(--i) * .06, 1) * 180deg) * -22px)) rotate(calc((1 - var(--p)) * 3deg));border-radius:20px;flex:none;padding:16px}.jv-take:nth-child(odd){rotate:calc((1 - var(--p)) * -6deg)}.jv-take-current{background:var(--lime);border-color:var(--lime);color:var(--ink)}.jv-take-v{font-size:20px;font-weight:700}.jv-take-wave{opacity:.7;height:48px;margin-top:14px}.jv-take-note{margin-top:12px;font-size:13px;font-weight:600}.jv-take-meta{opacity:.6;margin-top:2px;font-size:11px}.jv-features{--p:1}.jv-bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:52px;display:grid}.jv-span-2{grid-column:span 2}.jv-span-4{grid-column:span 4}.jv-span-6{grid-column:1/-1}.jv-card{--r:clamp(0, var(--p) * 1.5 - var(--i) * .12, 1);color:#fff;min-height:400px;opacity:var(--r);transform:translateY(calc((1 - var(--r)) * 60px));border-radius:28px;padding:30px;position:relative;overflow:hidden}.jv-card[data-tone=midnight]{background-color:var(--space-1);border:1px solid color-mix(in srgb, var(--violet2) 25%, transparent)}.jv-card[data-tone=deep]{background-color:var(--space-2)}.jv-card[data-tone=indigo]{background-color:var(--space-3)}.jv-card[data-tone=violet]{background-color:var(--space-4)}.jv-card[data-tone=nebula]{background-color:var(--space-5)}.jv-card[data-tone=bright]{background-color:var(--violet)}.jv-card h3{letter-spacing:-.035em;max-width:230px;margin:0;font-size:32px;font-weight:700;line-height:1;position:relative}.jv-card .jv-card-big{max-width:300px;font-size:40px}.jv-card>p{color:#ffffffd1;max-width:300px;margin:12px 0 0;font-size:15.5px;font-weight:500;line-height:1.5;position:relative}.jv-card-row{flex-wrap:wrap;align-items:center;gap:28px;min-height:0;padding-bottom:30px;display:flex}.jv-card-row>div{flex:360px}.jv-card-row h3{max-width:none;font-size:28px}.jv-card-row p{color:#f5f3f8b8;margin:8px 0 0;font-size:16px;line-height:1.55}.jv-card-row a{font-weight:600}.jv-lock{width:64px;height:64px;color:var(--teal);background:color-mix(in srgb, var(--teal) 14%, transparent);border-radius:18px;place-items:center;font-size:30px;display:grid}.jv-planet{background:var(--teal);border-radius:50%;width:60px;height:60px;position:absolute;top:-22px;right:-22px}.jv-planet:after{content:"";border:1px solid #ffffff73;border-radius:50%;position:absolute;inset:24px -50px;transform:rotate(-20deg)}.jv-f-recorder{background:var(--bg2);border-radius:30px 30px 0 0;flex-direction:column;gap:12px;width:280px;padding:22px 22px 60px;display:flex;position:absolute;bottom:-30px;right:34px;transform:rotate(-4deg)}.jv-f-recorder .jv-rec-strip{height:46px;margin-top:4px}.jv-f-panel,.jv-f-push{background:var(--bg);border-radius:18px;padding:14px;font-size:13px;position:absolute;bottom:26px;left:22px;right:22px}.jv-f-panel .jv-label{margin-top:10px}.jv-pending-head{align-items:center;gap:8px;display:flex}.jv-pending-head .jv-label{margin:0}.jv-count{border-radius:var(--pill);background:var(--lime);color:var(--ink);padding:1px 7px;font-size:10px;font-weight:700}.jv-pending-row,.jv-radio{align-items:center;gap:10px;margin-top:10px;display:flex}.jv-pending-row>span:last-child,.jv-radio>span:last-child{flex-direction:column;display:flex}.jv-radio{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:6px;padding:8px 10px;font-weight:600}.jv-radio-on{border-color:color-mix(in srgb, var(--lime) 50%, transparent)}.jv-radio-dot{border:1.5px solid var(--faint);border-radius:50%;flex:none;width:12px;height:12px}.jv-radio-on .jv-radio-dot{border:3.5px solid var(--lime)}.jv-f-push{background:color-mix(in srgb, var(--bg) 90%, transparent);align-items:flex-start;gap:10px;display:flex}.jv-f-push>span:last-child{flex-direction:column;gap:2px;min-width:0;line-height:1.35;display:flex}.jv-push-icon{background:var(--lime);border-radius:8px;flex:none;justify-content:center;align-items:center;gap:1.5px;width:30px;height:30px;display:flex}.jv-push-icon span{background:var(--ink);border-radius:1px;width:2.5px;height:8px}.jv-push-icon span:nth-child(2){height:13px}.jv-push-icon span:nth-child(3){height:6px}.jv-f-streak{border-radius:var(--pill);background:var(--surface);transform-origin:0 100%;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:34px;left:30px;transform:scale(1.2)}.jv-f-streak svg{width:12px;height:12px}.jv-f-streak .jv-ic{color:var(--lime)}.jv-divider{background:var(--line2);width:1px;height:14px}.jv-xp{background:#ffffff1f;border-radius:4px;width:28px;height:4px;overflow:hidden}.jv-xp span{background:var(--lime);width:65%;height:100%;display:block}.jv-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.jv-plan{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:34px}.jv-plan-pro{background:var(--surface2);border-color:var(--lime)}.jv-plan-name{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.jv-pro-tag{border-radius:var(--pill);background:var(--lime);color:var(--ink);padding:3px 9px;font-size:11px;font-weight:700}.jv-plan-price{letter-spacing:-.04em;margin-top:12px;font-size:64px;font-weight:700;line-height:1}.jv-plan-price span{letter-spacing:0;color:#f5f3f88c;font-size:14px;font-weight:400}.jv-plan>p{color:#f5f3f8b3;margin:14px 0 0}.jv-plan ul{flex-direction:column;gap:12px;margin:26px 0 0;padding:0;list-style:none;display:flex}.jv-plan li{align-items:center;gap:12px;font-size:15.5px;display:flex}.jv-plan li svg{color:var(--teal);flex:none}.jv-plan-pro li svg{color:var(--lime)}.jv-plan .jv-fine{color:#f5f3f880;margin-top:26px;font-size:11px;line-height:1.6}.jv-faq{padding-top:20px}.jv-faq .wrap{max-width:900px}.jv-faq-list{border-bottom:1px solid var(--line2);margin-top:22px}.jv-faq details{border-top:1px solid var(--line2)}.jv-faq summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:18px 0;font-size:19px;font-weight:600;list-style:none;display:flex}.jv-faq summary::-webkit-details-marker{display:none}.jv-plus{color:var(--muted);flex:none;font-size:20px;transition:transform .25s}.jv-faq details[open] .jv-plus{transform:rotate(45deg)}.jv-faq details p{color:#f5f3f8b3;max-width:680px;margin:0;padding:0 0 22px;font-size:16px;line-height:1.65}.jv-cta{--p:.5;border-top:1px solid var(--line);padding:110px 0 130px;overflow:hidden}.jv-cta-line{white-space:nowrap;letter-spacing:-.06em;font-size:clamp(90px,14vw,220px);font-weight:700;line-height:.9}.jv-cta-a{transform:translateX(calc(120px - var(--p) * 700px))}.jv-cta-b{transform:translateX(calc(-500px + var(--p) * 700px))}.jv-cta-copy{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:64px;display:flex}.jv-cta-copy h2{letter-spacing:-.035em;margin:0;font-size:clamp(32px,3.8vw,50px)}.jv-cta-copy p{color:#f5f3f8b3;margin:0;font-size:18px}.jv-cta-copy>a{font-size:15px;font-weight:600}@media (max-width:900px){.jv-two,.jv-story-grid{grid-template-columns:minmax(0,1fr);gap:24px}.jv-story-grid{align-content:center}.jv-step-b{display:none}.jv-steps{height:210px}.jv-step-n{font-size:72px}.jv-story .jv-eyebrow{display:none}.jv-phone{transform-origin:top;margin-bottom:-262px;transform:scale(.62)}.jv-spaces-demo{transform-origin:0 0;transform:scale(.86)}.jv-bento,.jv-plans{grid-template-columns:minmax(0,1fr)}.jv-span-2,.jv-span-4{grid-column:auto}.jv-section{padding:90px 0}}@media (prefers-reduced-motion:reduce){.jv *,.jv :before,.jv :after{transition:none!important;animation:none!important}}