@font-face{font-family:JF Fallback;src:url(/fonts/dm-sans.ttf)format("truetype");font-weight:100 1000;font-display:swap}.jf-scope{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:var(--t-body);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}.jf-scope *,.jf-scope :before,.jf-scope :after{box-sizing:border-box}.jf-scope img{max-width:100%;display:block}.jf-scope button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.jf-scope a{color:inherit;text-decoration:none}.jf-scope h1,.jf-scope h2,.jf-scope h3{font-family:var(--font-display);color:var(--ink);margin:0;font-weight:800}.jf-scope h1,.jf-scope h2{color:var(--display-fg)}.jf-scope h1{font-size:var(--t-hero);letter-spacing:-.031em;line-height:.9}.jf-scope h2{font-size:var(--t-h2);letter-spacing:-.03em;line-height:.95}.jf-scope h3{font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.15}.jf-scope p{margin:0}.jf-scope .muted{color:var(--ink-2)}.jf-scope .pill{padding:var(--s1) var(--s3);border-radius:var(--r-pill);background:var(--gray);font-size:var(--t-xs);letter-spacing:-.01em;font-weight:600;display:inline-block}.jf-scope .flag{background:var(--yellow);color:var(--ink);font-size:var(--t-xs);margin-bottom:var(--s1);padding:1px 6px;font-weight:700;display:inline-block}.jf-scope .container{width:100%;max-width:1360px;padding:0 var(--gutter);margin:0 auto}.jf-scope .narrow{max-width:900px}.jf-scope .section{padding:var(--section-y) 0}.jf-scope .center{text-align:center}.jf-scope .head-center{justify-items:center;gap:var(--s3);text-align:center;margin-bottom:var(--s7);display:grid}.jf-scope .head-center p{max-width:48ch;color:var(--ink-2)}.jf-scope .btn{justify-content:center;align-items:center;gap:var(--s1);border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-size:var(--t-sm);letter-spacing:-.015em;white-space:nowrap;transition:transform .26s var(--ease-spring), background .22s var(--ease), color .22s var(--ease);padding:18px 30px;font-weight:600;display:inline-flex}.jf-scope .btn:hover{background:var(--blue);color:var(--on-accent);transform:translateY(-2px)}.jf-scope .btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.jf-scope .btn-sm{font-size:var(--t-xs);padding:11px 20px}.jf-scope .btn-blue{background:var(--blue);color:var(--on-accent)}.jf-scope .btn-blue:hover{background:var(--blue-hover)}.jf-scope .btn-yellow{background:var(--yellow);color:var(--yellow-fg)}.jf-scope .btn-yellow:hover{background:var(--blue);color:var(--on-accent)}.jf-scope .link-arrow{font-size:var(--t-sm);color:var(--ink);transition:gap .22s var(--ease), color .22s var(--ease);align-items:center;gap:6px;font-weight:600;display:inline-flex}.jf-scope .link-arrow:hover{color:var(--blue);gap:12px}.jf-scope .announce{padding:var(--s2) var(--gutter) 0;justify-content:center;display:flex}.jf-scope .announce-inner{align-items:center;gap:var(--s2);padding:var(--s1) var(--s1) var(--s1) var(--s3);border-radius:var(--r-pill);background:var(--gray);font-size:var(--t-xs);font-weight:500;display:inline-flex}.jf-scope .announce-inner b{font-weight:600}.jf-scope .announce-cta{border-radius:var(--r-pill);background:var(--paper);transition:gap .2s var(--ease);align-items:center;gap:4px;padding:5px 12px;font-weight:600;display:inline-flex}.jf-scope .announce-inner:hover .announce-cta{gap:9px}.jf-scope .nav{top:var(--s2);z-index:70;justify-content:space-between;align-items:center;gap:var(--s4);width:min(100% - var(--gutter) * 2, 1360px);margin:var(--s2) auto 0;padding:11px 14px 11px var(--s3);border-radius:var(--r-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, transparent);-webkit-backdrop-filter:blur(16px);transition:padding .3s var(--ease), width .3s var(--ease);box-shadow:var(--sh-pop);display:flex;position:sticky}.jf-scope .nav.is-collapsed{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;justify-content:flex-end;padding:0}.jf-scope .wordmark{color:var(--logo-ink);align-items:center;font-size:1.5rem;display:inline-flex}.jf-scope .wordmark-mark{flex:none;width:34px;height:34px;display:none}@media (max-width:480px){.jf-scope .wordmark .wordmark-full{display:none}.jf-scope .wordmark .wordmark-mark{display:block}}.jf-scope .nav-links{align-items:center;gap:var(--s5);display:none}.jf-scope .nav-links a{font-size:var(--t-sm);transition:color .2s var(--ease);font-weight:500}.jf-scope .nav-links a:hover{color:var(--ink-2)}.jf-scope .nav-right{align-items:center;gap:var(--s2);border-radius:var(--r-pill);transition:padding .3s var(--ease);border:1px solid #0000;display:flex;position:relative}.jf-scope .nav.is-collapsed .nav-right{box-shadow:var(--sh-pop);padding:7px 7px 7px var(--s3);border-color:var(--line);background:color-mix(in srgb, var(--panel) 82%, transparent);-webkit-backdrop-filter:blur(16px)}.jf-scope .nav-login{font-size:var(--t-sm);font-weight:500;display:none}@media (min-width:900px){.jf-scope .nav-links{display:flex}.jf-scope .nav-login{display:inline-flex}}.jf-scope .nav.is-collapsed .wordmark,.jf-scope .nav.is-collapsed .nav-links,.jf-scope .nav.is-collapsed .nav-login{display:none}.jf-scope .burger{border-radius:var(--r-pill);background:var(--ink);width:46px;height:46px;color:var(--paper);transition:transform .26s var(--ease-spring);justify-content:center;align-items:center;display:none}.jf-scope .nav.is-scrolled .burger{display:inline-flex}@media (max-width:899px){.jf-scope .burger{display:inline-flex}}.jf-scope .burger:hover{transform:scale(1.06)}.jf-scope .nav-menu{top:calc(100% + var(--s1));overscroll-behavior:contain;gap:var(--s2);width:min(100% + 2px,380px);max-height:calc(100dvh - 180px);padding:var(--s1) var(--s2) var(--s2);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh-pop);animation:jf-menu-in .24s var(--ease) both;display:grid;position:absolute;right:-1px;overflow-y:auto}@keyframes jf-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (min-width:900px){.jf-scope .nav-menu{display:none}}@media (max-width:899px){.jf-scope:has(.nav-menu) .lang-tab{visibility:hidden}}.jf-scope .nav-menu-links{display:grid}.jf-scope .nav-menu-links a{min-height:56px;padding:0 var(--s2);border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:var(--t-h3);letter-spacing:-.02em;transition:color .2s var(--ease);align-items:center;font-weight:700;display:flex}.jf-scope .nav-menu-links a:last-child{border-bottom-color:#0000}.jf-scope .nav-menu-links a:hover{color:var(--ink-2)}.jf-scope .nav-menu .nav-menu-login{border-radius:var(--r-pill);border:1px solid var(--line-strong);min-height:48px;font-size:var(--t-sm);transition:background .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);justify-content:center;align-items:center;font-weight:600;display:flex}.jf-scope .nav-menu .nav-menu-login:hover{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.jf-scope .nav-menu-links a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:var(--r-sm)}.jf-scope .nav-menu .nav-menu-login:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[data-theme=dark] .jf-scope .nav,[data-theme=dark] .jf-scope .nav.is-collapsed .nav-right{-webkit-backdrop-filter:none;background:#0a0a0a}.jf-scope .hero{padding:clamp(var(--s6), 7vw, 120px) 0 var(--s7);text-align:center}.jf-scope .hero h1 span{display:block}.jf-scope .hero h1 .accent{color:var(--blue)}.jf-scope .hero-cta{margin-top:var(--s6)}.jf-scope .hero-note{margin-top:var(--s5);font-size:var(--t-sm);color:var(--ink-2)}.jf-scope .gallery{gap:var(--s3);padding:var(--s6) 0;display:grid}.jf-scope .row{-webkit-user-select:none;user-select:none;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;display:flex;overflow:auto hidden}.jf-scope .row::-webkit-scrollbar{display:none}.jf-scope .row.dragging{cursor:grabbing}.jf-scope .row:hover .row-track,.jf-scope .row:focus-within .row-track,.jf-scope .row.dragging .row-track{animation-play-state:paused}.jf-scope .row:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.jf-scope .row-track{gap:var(--s3);padding-right:var(--s3);animation:jf-slide var(--dur,64s) linear infinite;flex:none;display:flex}.jf-scope .row-reverse .row-track{animation-direction:reverse}.jf-scope .row:hover .row-track{animation-play-state:paused}@keyframes jf-slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.jf-scope .tile{aspect-ratio:1/1.36;border-radius:var(--r-xl);background:var(--gray);width:clamp(300px,34vw,480px);transition:transform .4s var(--ease-spring), background .4s var(--ease);flex-direction:column;flex:none;justify-content:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.jf-scope .tile:hover{background:var(--gray-2);transform:translateY(-8px)}.jf-scope .tile-media{z-index:0;background:var(--gray-2);border-radius:0;position:absolute;inset:0;overflow:hidden}.jf-scope .tile-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.jf-scope .tile-cta{left:var(--s3);right:var(--s3);bottom:var(--s3);z-index:3;border-radius:var(--r-pill);background:var(--on-media-cta);height:68px;color:var(--on-media-cta-fg);letter-spacing:-.015em;opacity:0;transition:opacity .35s var(--ease), transform .5s var(--ease-spring);justify-content:center;align-items:center;gap:8px;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex;position:absolute;transform:translateY(18px)}.jf-scope .tile:hover .tile-cta,.jf-scope .tile:focus-within .tile-cta{opacity:1;transform:none}.jf-scope .tile:hover .tile-foot,.jf-scope .tile:focus-within .tile-foot{transform:translateY(-84px)}.jf-scope .tile-foot{z-index:2;transition:transform .5s var(--ease);align-items:center;gap:var(--s2);padding:var(--s6) var(--s4) var(--s4);color:var(--on-media-fg);margin-top:0;display:flex;position:relative}.jf-scope .tile:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#00000047 38%,#0000009e 68%,#000000e0 100%);height:64%;position:absolute;inset:auto 0 0}.jf-scope .tile-foot .tile-avatar{display:none}.jf-scope .tile-avatar{border-radius:var(--r-pill);background:var(--ink);flex:none;width:44px;height:44px;overflow:hidden}.jf-scope .tile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.jf-scope .tile-foot b{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.25rem;font-weight:800;display:block}.jf-scope .tile-foot small{font-size:var(--t-xs);color:var(--on-media-dim)}.jf-scope .rv{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s);transform:translateY(28px)}.jf-scope .rv.in{opacity:1;transform:none}.jf-scope .rv-pop{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease-spring);transition-delay:var(--d,0s);transform:translateY(24px)scale(.97)}.jf-scope .rv-pop.in{opacity:1;transform:none}.jf-scope .rv-quote .q-w{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease-spring);transition-delay:calc(var(--i) * 60ms);display:inline-block;transform:translateY(.34em)}.jf-scope .rv-quote.in .q-w{opacity:1;transform:none}.jf-scope .q-w .word-accent{position:relative}.jf-scope .q-w .word-accent:after{content:"";border-radius:var(--r-pill);transform-origin:0;height:.075em;transition:transform .55s var(--ease);transition-delay:calc(var(--i) * 60ms + .38s);background:currentColor;position:absolute;bottom:-.03em;left:0;right:0;transform:scaleX(0)}.jf-scope .rv-quote.in .q-w .word-accent:after{transform:none}@media (prefers-reduced-motion:reduce){.jf-scope .rv-quote .q-w,.jf-scope .q-w .word-accent:after{transition:none}}.jf-scope .lit{font-family:var(--font-display);font-size:var(--t-lit);letter-spacing:-.03em;grid-column:1/-1;max-width:22ch;margin:0 auto;font-weight:800;line-height:1.08}.jf-scope .lit span{color:var(--lit-off);transition:color .25s linear}.jf-scope .lit span.on{color:var(--ink)}[data-theme=dark] .jf-scope .lit span.on{color:var(--lit-on)}.jf-scope .stack{gap:var(--s4);display:grid}.jf-scope .stack-card{top:calc(80px + var(--i) * 18px);gap:var(--s4);padding:var(--s6) var(--s5);border-radius:var(--r-xl);background:var(--gray);box-shadow:var(--sh-card);display:grid;position:sticky;overflow:hidden}.jf-scope .stack-card p{color:var(--ink-2);max-width:46ch}.jf-scope .stack-card.on-blue{background:var(--blue)}.jf-scope .stack-card.on-blue p{color:#ffffffeb}.jf-scope .stack-card.on-violet{background:var(--violet)}.jf-scope .stack-card.on-violet p{color:var(--plum)}.jf-scope .stack-visual{border-radius:var(--r-lg);place-items:center;min-height:clamp(180px,22vw,300px);display:grid}.jf-scope .stack-figure{font-family:var(--font-display);letter-spacing:-.06em;color:var(--plum);font-size:clamp(5rem,14vw,11rem);font-weight:800;line-height:.8}.jf-scope .mock{width:min(520px,100%);padding:var(--s3);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--sh-float);gap:var(--s2);display:grid}.jf-scope .mock-row{gap:var(--s2);align-items:flex-start;display:flex}.jf-scope .mock-row.me{justify-content:flex-end}.jf-scope .mock-avatar{border-radius:var(--r-pill);background:var(--gray-2);flex:none;width:30px;height:30px;overflow:hidden}.jf-scope .mock-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.jf-scope .mock-bubble{background:var(--gray);font-size:var(--t-xs);border-radius:14px;max-width:78%;padding:10px 14px;line-height:1.45}.jf-scope .mock-row.me .mock-bubble{background:var(--blue);color:var(--paper)}.jf-scope .grid-2{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin-inline:auto;display:grid}@media (max-width:720px){.jf-scope .grid-2{grid-template-columns:1fr}}.jf-scope .fcard-title{font-family:var(--font-display);font-weight:800;font-size:var(--t-h3);letter-spacing:-.02em;color:var(--ink);display:block}.jf-scope .fcard{gap:var(--s3);padding:var(--s5);border-radius:var(--r-lg);background:var(--gray);transition:transform .4s var(--ease-spring);display:grid}.jf-scope .grid-2>.fcard:last-child:nth-child(odd){grid-column:1/-1}.jf-scope .fcard:hover{transform:translateY(-6px)}.jf-scope .fcard p{color:var(--ink-2);font-size:var(--t-sm)}.jf-scope .fcard-media{background:var(--paper);border-radius:0;place-items:center;min-height:200px;display:grid;overflow:hidden}.jf-scope .fan{justify-content:center;display:flex}.jf-scope .fan img{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;width:82px;box-shadow:var(--sh-float);transition:transform .45s var(--ease-spring);border-radius:0}.jf-scope .fan img:first-child{transform:rotate(-8deg)translate(14px)}.jf-scope .fan img:nth-child(2){z-index:1;transform:translateY(-10px)}.jf-scope .fan img:nth-child(3){transform:rotate(8deg)translate(-14px)}.jf-scope .fcard:hover .fan img:first-child{transform:rotate(-14deg)translate(-2px)}.jf-scope .fcard:hover .fan img:nth-child(3){transform:rotate(14deg)translate(2px)}.jf-scope .swatches{gap:var(--s1);display:flex}.jf-scope .swatches i{border-radius:8px;width:34px;height:64px;display:block}.jf-scope .ex-head{justify-items:center;gap:var(--s3);text-align:center;max-width:1040px;margin:0 auto;display:grid}.jf-scope .ex-head h2{letter-spacing:-.035em;max-width:20ch;font-size:clamp(2.5rem,5.4vw,4.5rem);line-height:.94}.jf-scope .ex-card{max-width:1040px;margin:var(--s5) auto 0;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh-card);overflow:hidden}.jf-scope .ex-bar{align-items:center;gap:var(--s2);padding:11px var(--s3);border-bottom:1px solid var(--line);background:var(--panel-2);display:flex}.jf-scope .ex-stack{flex:none;display:flex}.jf-scope .ex-stack-face{-o-object-fit:cover;object-fit:cover;border:2px solid var(--panel-2);border-radius:50%;width:28px;height:28px;margin-left:-9px}.jf-scope .ex-stack-face:first-child{margin-left:0}.jf-scope .ex-bar-title{flex:1;gap:1px;min-width:0;display:grid}.jf-scope .ex-bar-title b{font-family:var(--font-display);font-size:var(--t-body);letter-spacing:-.025em;color:var(--ink);font-weight:800}.jf-scope .ex-bar-title span{font-size:var(--t-xs);color:var(--ink-2);align-items:center;gap:7px;display:flex}.jf-scope .ex-live{background:var(--blue);border-radius:50%;flex:none;width:7px;height:7px}.jf-scope .ex{padding:var(--s2) var(--s3);gap:11px;margin:0;list-style:none;display:grid}.jf-scope .ex-line{align-items:flex-end;gap:10px;display:flex}.jf-scope .ex-line.is-me{flex-direction:row-reverse}.jf-scope .ex-face{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.jf-scope .ex-body{justify-items:start;gap:3px;min-width:0;max-width:66%;display:grid}.jf-scope .ex-line.is-me .ex-body{justify-items:end}.jf-scope .ex-who{font-size:var(--t-3xs);letter-spacing:-.01em;color:var(--ink-2);padding:0 3px;font-weight:700}.jf-scope .ex-bubble{background:var(--panel-2);border:1px solid var(--line);border-radius:16px 16px 16px 6px;padding:9px 14px;display:grid}.jf-scope .ex-line.is-me .ex-bubble{background:var(--blue);border-color:var(--blue);border-radius:16px 16px 6px}.jf-scope .ex-dots,.jf-scope .ex-said{grid-area:1/1}.jf-scope .ex-dots{opacity:0;align-self:center;align-items:center;gap:6px;display:flex}.jf-scope .ex-dots i{background:var(--ink-3);border-radius:50%;width:7px;height:7px}.jf-scope .ex-line.is-me .ex-dots i{background:var(--on-accent)}.jf-scope .ex-said{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere;font-size:clamp(.9375rem,1.05vw,1.0625rem);font-weight:500;line-height:1.42}.jf-scope .ex-line.is-me .ex-said{color:var(--on-accent)}.jf-scope .ex-line time{font-size:var(--t-3xs);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;padding-bottom:4px}.jf-scope .ex{--loop:15s}.jf-scope .ex.in .ex-line{animation:jf-ex-line var(--loop) var(--ease) var(--appear) infinite both}.jf-scope .ex.in .ex-dots{animation:jf-ex-dots var(--loop) var(--ease) var(--say) infinite both}.jf-scope .ex.in .ex-said{animation:jf-ex-say var(--loop) var(--ease) var(--say) infinite both}.jf-scope .ex.in .ex-dots i{animation:jf-ex-pulse .9s var(--ease) infinite}.jf-scope .ex.in .ex-dots i:nth-child(2){animation-delay:.15s}.jf-scope .ex.in .ex-dots i:nth-child(3){animation-delay:.3s}@keyframes jf-ex-line{0%{opacity:0;transform:translateY(14px)}3%{opacity:1;transform:none}88%{opacity:1;transform:none}93%{opacity:0;transform:translateY(-8px)}to{opacity:0;transform:translateY(14px)}}@keyframes jf-ex-dots{0%{opacity:1}2%{opacity:0}92%{opacity:0}93%{opacity:1}to{opacity:1}}@keyframes jf-ex-say{0%{opacity:0}2%{opacity:1}86%{opacity:1}88%{opacity:0}to{opacity:0}}@keyframes jf-ex-pulse{0%,to{opacity:.3}50%{opacity:1}}.jf-scope .ex-out{padding:14px var(--s3);border-top:1px solid var(--line);background:var(--panel-2);font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-2);margin:0;font-size:clamp(.9375rem,1.15vw,1.0625rem);font-weight:700;line-height:1.4}.jf-scope .ex-out em{color:var(--acc-1);font-style:normal;font-weight:800}@media (max-width:620px){.jf-scope .ex{padding:var(--s2);gap:14px}.jf-scope .ex-line{gap:9px}.jf-scope .ex-face{width:32px;height:32px}.jf-scope .ex-body{max-width:82%}.jf-scope .ex-bubble{padding:11px 14px}.jf-scope .ex-dots i{width:6px;height:6px}.jf-scope .ex-line time{display:none}.jf-scope .ex-bar{padding:14px var(--s2);gap:12px}.jf-scope .ex-stack-face{width:28px;height:28px}.jf-scope .ex-out{padding:var(--s2)}}@media (max-width:460px){.jf-scope .ex-stack{display:none}}@media (prefers-reduced-motion:reduce){.jf-scope .ex.in .ex-line,.jf-scope .ex.in .ex-said,.jf-scope .ex.in .ex-dots,.jf-scope .ex.in .ex-dots i{animation:none}}.jf-scope .quote{text-align:center;padding:var(--section-y) 0}.jf-scope .quote blockquote{max-width:18ch;font-family:var(--font-display);font-size:var(--t-quote);letter-spacing:-.035em;color:var(--ink);margin:0 auto;font-weight:800;line-height:1.02}.jf-scope .word-accent{color:var(--word-accent)}.jf-scope .split{gap:var(--s6);align-items:start;display:grid}.jf-scope .split-copy{gap:var(--s3);justify-items:start;display:grid}.jf-scope .split-copy p{color:var(--ink-2);max-width:40ch}.jf-scope .split-items{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.jf-scope .mini{gap:var(--s2);padding:var(--s4);border-radius:var(--r-lg);background:var(--gray);transition:background .35s var(--ease);display:grid}.jf-scope .mini:hover{background:var(--sky)}.jf-scope .mini p{font-size:var(--t-xs);color:var(--ink-2)}.jf-scope .mini-top{color:var(--blue)}.jf-scope .close-layer{--layer-lap:var(--s6);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--s7) 0 calc(var(--s7) + var(--layer-lap));position:relative}.jf-scope .layer-blue{z-index:1;background:var(--blue);color:var(--on-accent)}.jf-scope .layer-yellow{z-index:2;margin-top:calc(var(--layer-lap) * -1);background:var(--yellow);color:var(--yellow-fg)}.jf-scope .layer-black{z-index:3;margin-top:calc(var(--layer-lap) * -1);background:var(--invert-bg);color:var(--invert-fg)}@media (max-width:720px){.jf-scope .close-layer{--layer-lap:var(--s5);padding:var(--s6) 0 calc(var(--s6) + var(--layer-lap))}}.jf-scope .banner{gap:var(--s4);align-items:center;display:grid}@media (min-width:820px){.jf-scope .banner{gap:var(--s6);grid-template-columns:minmax(0,1fr) auto}}.jf-scope .banner-copy{gap:var(--s2);display:grid}.jf-scope .banner-copy h2{color:var(--on-accent);max-width:16ch;margin:0}.jf-scope .banner-copy p{max-width:44ch;color:color-mix(in srgb, var(--on-accent) 78%, var(--blue));margin:0}.jf-scope .banner-btn{border-radius:var(--r-pill);background:var(--on-accent);color:var(--blue);font:inherit;font-family:var(--font-display);font-size:var(--t-body);letter-spacing:-.02em;white-space:nowrap;cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);border:0;justify-self:start;padding:17px 34px;font-weight:700}.jf-scope .banner-btn:hover{background:var(--yellow);color:var(--yellow-fg);transform:translateY(-2px)}@media (min-width:820px){.jf-scope .banner-btn{justify-self:end}}.jf-scope .footer a{color:#ffffffa8;transition:color .2s var(--ease)}.jf-scope .footer a:hover{color:var(--invert-fg)}.jf-scope .news-row{gap:var(--s5);align-items:center;display:grid}@media (min-width:860px){.jf-scope .news-row{gap:var(--s7);grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center}}.jf-scope .news-copy{gap:var(--s2);min-width:0;display:grid}.jf-scope .news-copy h2{max-width:18ch;color:var(--yellow-fg);margin:0}.jf-scope .news-copy p{max-width:48ch;font-size:var(--t-body);color:color-mix(in srgb, var(--yellow-fg) 82%, var(--yellow));margin:0;line-height:1.55}.jf-scope .news-form{gap:10px;min-width:0;display:grid}.jf-scope .news-field{border-radius:var(--r-pill);background:var(--invert-fg);border:1px solid color-mix(in srgb, var(--yellow-fg) 24%, transparent);align-items:center;gap:8px;min-width:0;padding:7px 7px 7px 8px;display:flex}.jf-scope .news-field:focus-within{border-color:var(--yellow-fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--yellow-fg) 18%, transparent)}.jf-scope .news-input{min-width:0;height:40px;color:var(--yellow-fg);font:inherit;font-size:var(--t-sm);background:0 0;border:0;flex:1;padding:0 10px}.jf-scope .news-input:focus{outline:none}.jf-scope .news-input::placeholder{color:color-mix(in srgb, var(--yellow-fg) 58%, var(--invert-fg))}.jf-scope .news-btn{border-radius:var(--r-pill);background:var(--yellow-fg);height:40px;color:var(--invert-fg);font:inherit;font-family:var(--font-display);font-size:var(--t-sm);letter-spacing:-.015em;white-space:nowrap;cursor:pointer;transition:background .22s var(--ease), transform .22s var(--ease), opacity .22s var(--ease);border:0;flex:none;padding:0 22px;font-weight:700}.jf-scope .news-btn:hover:not(:disabled){background:color-mix(in srgb, var(--yellow-fg) 86%, var(--invert-fg));transform:translateY(-1px)}.jf-scope .news-btn:disabled{opacity:.6;cursor:default;transform:none}.jf-scope .news-note{font-size:var(--t-xs);color:var(--yellow-fg);margin:0;padding-left:14px;font-weight:600}.jf-scope .news-note.is-error{color:#8f1d0d}.jf-scope .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.jf-scope .layer-yellow a.footer-mark,.jf-scope .footer a.footer-mark{font-family:var(--font-display);letter-spacing:-.045em;color:var(--invert-fg);align-items:center;gap:12px;font-size:clamp(1.875rem,3.4vw,2.75rem);font-weight:800;display:inline-flex}.jf-scope .footer-top{gap:var(--s5);align-items:start;display:grid}@media (min-width:860px){.jf-scope .footer-top{gap:var(--s7);grid-template-columns:auto minmax(0,1fr)}}.jf-scope .footer-nav{gap:var(--s4) var(--s5);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.jf-scope .footer-col{align-content:start;gap:10px;display:grid}.jf-scope .footer-col h3{font-family:var(--font-body);font-size:var(--t-3xs);letter-spacing:.08em;text-transform:uppercase;color:var(--invert-fg);margin:0;font-weight:700}.jf-scope .footer-col a{font-size:var(--t-xs);line-height:1.5}.jf-scope .footer-base{gap:var(--s3);margin-top:var(--s5);padding-top:var(--s3);color:#ffffff80;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;font-size:.75rem;display:flex}.jf-scope .layer-black{padding-top:var(--s6)}.jf-scope .footer-note{max-width:70ch;line-height:1.6}.jf-scope .footer-req{flex-basis:100%;line-height:1.6}.jf-scope .footer-req a{color:inherit}.jf-scope .hero.will-anim .h-anim{opacity:0;transform:translateY(20px)scale(.975)}.jf-scope .hero.is-started .h-anim{animation:jf-rise .85s var(--ease) both;animation-delay:var(--d,0s)}@keyframes jf-rise{0%{opacity:0;transform:translateY(20px)scale(.975)}to{opacity:1;transform:none}}.jf-scope .hero.will-anim h1 .h-anim,.jf-scope .hero.will-anim .hero-note{opacity:1}.jf-scope .hero.is-started h1 .h-anim,.jf-scope .hero.is-started .hero-note{animation-name:jf-rise-shown}@keyframes jf-rise-shown{0%{transform:translateY(20px)scale(.975)}to{transform:none}}.jf-scope .theme-toggle{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--gray);width:38px;height:38px;color:var(--ink);transition:background .22s var(--ease), transform .22s var(--ease-spring), border-color .22s var(--ease);justify-content:center;align-items:center;display:inline-flex}.jf-scope .theme-toggle:hover{border-color:var(--ink-2);transform:translateY(-2px)}.jf-scope .theme-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media (prefers-reduced-motion:reduce){.jf-scope *,.jf-scope :before,.jf-scope :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.jf-scope .hero.will-anim .h-anim{opacity:1;transform:none}}.jf-scope .cardlist{view-timeline-name:--stack;view-timeline-axis:block;flex-direction:column;align-items:center;display:flex}@supports (animation-timeline:view()){.jf-scope .bigcard{animation:linear both jf-card-recede;animation-timeline:--stack;animation-range:cover calc(var(--i,0) * 25%) cover calc((var(--i,0) + 1) * 25%);will-change:transform}@keyframes jf-card-recede{0%{filter:brightness();transform:scale(1)}to{filter:brightness(.88);transform:scale(.965)}}}@media (prefers-reduced-motion:reduce){.jf-scope .bigcard{filter:none;animation:none;transform:none}}.jf-scope .bigcard{aspect-ratio:400/620;background:var(--gray);width:100%;max-width:400px;box-shadow:var(--sh-card);border-radius:40px;flex-direction:column-reverse;justify-content:space-between;padding-top:45px;display:flex;position:sticky;top:88px;overflow:hidden}@media (min-width:1025px){.jf-scope .bigcard{aspect-ratio:460/580;max-width:460px;padding-top:65px;top:104px}}@media (min-width:1441px){.jf-scope .bigcard{aspect-ratio:510/640;max-width:510px;padding-top:80px}}.jf-scope .bigcard{--card-fg:var(--on-accent)}.jf-scope .bigcard.c-blue{--card-bg:var(--blue)}.jf-scope .bigcard.c-violet{--card-bg:var(--violet)}.jf-scope .bigcard.c-yellow{--card-bg:var(--yellow)}.jf-scope .bigcard.c-mint{--card-bg:#4ae5b5}.jf-scope .bigcard{background:var(--card-bg);color:var(--card-fg)}.jf-scope .bigcard .card-title{background:var(--on-accent);color:var(--card-bg)}.jf-scope .bigcard .card-copy{color:color-mix(in srgb, var(--card-fg) 88%, var(--card-bg))}.jf-scope .card-head{padding:0 var(--s5) var(--s5);flex-grow:1;justify-content:center;align-items:center;display:flex}.jf-scope .card-art{aspect-ratio:1;border-radius:0;width:70%;position:relative;overflow:hidden}.jf-scope .card-body{flex-direction:column;align-items:flex-start;gap:10px;padding:0 36px 36px;display:flex}@media (min-width:1025px){.jf-scope .card-body{padding:0 50px 50px}}.jf-scope .card-title{border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-family:var(--font-display);letter-spacing:-.03em;padding:4px 16px;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;display:inline-block}.jf-scope .card-copy{font-size:var(--t-sm);color:var(--ink-2);margin:0;line-height:1.5}.jf-scope .card-figure{font-family:var(--font-display);letter-spacing:-.06em;color:var(--card-fg);font-size:clamp(3.5rem,9vw,7rem);font-weight:800;line-height:1}.jf-scope .card-figure.is-kzt{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(2.5rem,5.2vw,4.5rem)}.jf-scope .wall-wrap{gap:var(--s6);display:grid}@media (min-width:1000px){.jf-scope .wall-wrap{gap:var(--s6);grid-template-columns:minmax(300px,.72fr) 1fr;align-items:center}.jf-scope .wall-wrap>.wall{margin-right:calc(-1 * max(var(--gutter), (100vw - 1360px) / 2 + var(--gutter)))}}.jf-scope .wall-copy{justify-items:start;gap:var(--s3);max-width:44ch;display:grid}.jf-scope .wall-copy p{color:var(--ink-2)}.jf-scope .wall-copy .btn{margin-top:var(--s2)}.jf-scope .wall{--wall-h:620px;--wall-w:180px;--wall-gap:10px;align-items:flex-start;gap:var(--wall-gap);height:var(--wall-h);-webkit-user-select:none;user-select:none;pointer-events:auto;contain:paint;display:flex;overflow:hidden}.jf-scope .wall-col{width:var(--wall-w);flex:none}.jf-scope .wall-track{animation:jf-wall-drift var(--dur,48s) linear infinite;will-change:transform;flex-direction:column;margin-top:-60px;display:flex}@keyframes jf-wall-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.jf-scope .wall-col:first-child .wall-track{--dur:38s;animation-delay:-7s}.jf-scope .wall-col:nth-child(2) .wall-track{--dur:52s;animation-direction:reverse;animation-delay:-19s}.jf-scope .wall-col:nth-child(3) .wall-track{--dur:44s;animation-delay:-3s}.jf-scope .wall-col:nth-child(4) .wall-track{--dur:60s;animation-direction:reverse;animation-delay:-28s}.jf-scope .wall-col:nth-child(5) .wall-track{--dur:41s;animation-delay:-12s}.jf-scope .wall-col:nth-child(6) .wall-track{--dur:56s;animation-direction:reverse;animation-delay:-33s}.jf-scope .wall-col:nth-child(7) .wall-track{--dur:47s;animation-delay:-22s}.jf-scope .wall-col:nth-child(8) .wall-track{--dur:63s;animation-direction:reverse;animation-delay:-9s}.jf-scope .wall-col:nth-child(9) .wall-track{--dur:50s;animation-delay:-16s}.jf-scope .wall-col:nth-child(10) .wall-track{--dur:58s;animation-direction:reverse;animation-delay:-37s}.jf-scope .wall-col:hover .wall-track,.jf-scope .wall-col:focus-within .wall-track{animation-play-state:paused}.jf-scope .wall-tile{margin:0 0 var(--wall-gap);border-radius:var(--r-sm);background:var(--gray);position:relative;overflow:hidden}.jf-scope .wall-tile.s0{aspect-ratio:1}.jf-scope .wall-tile.s1{aspect-ratio:3/4}.jf-scope .wall-tile.s2{aspect-ratio:4/5}.jf-scope .wall-tile.s3{aspect-ratio:1/1.35}.jf-scope .wall-tile.s4{aspect-ratio:5/4}.jf-scope .wall-tile img{transition:transform .6s var(--ease)}.jf-scope .wall-tile:hover img{transform:scale(1.07)}.jf-scope .wall-tile figcaption{z-index:2;padding:var(--s4) 12px 11px;font-family:var(--font-display);letter-spacing:-.03em;color:var(--on-media-fg);opacity:0;transition:opacity .28s var(--ease), transform .4s var(--ease);pointer-events:none;background:linear-gradient(#0000 0%,#00000080 46%,#000000e6 100%);font-size:.9375rem;font-weight:800;position:absolute;inset:auto 0 0;transform:translateY(8px)}.jf-scope .wall-tile:hover figcaption{opacity:1;transform:none}@media (max-width:1000px){.jf-scope .wall{--wall-h:460px;--wall-w:150px}.jf-scope .wall-track{margin-top:-40px}}@media (max-width:720px){.jf-scope .wall{--wall-h:380px;--wall-w:124px;--wall-gap:8px}.jf-scope .wall-tile figcaption{padding:var(--s3) 9px 8px;font-size:.8125rem}}@media (hover:none){.jf-scope .wall-track{animation:none}.jf-scope .wall-tile figcaption{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.jf-scope .wall-track{animation:none}.jf-scope .wall-tile img,.jf-scope .wall-tile figcaption{transition:none}}.jf-scope .plans{margin-top:var(--s6);grid-template-columns:min(360px,100%);justify-content:center;gap:20px;display:grid}@media (min-width:1025px){.jf-scope .plans{grid-template-columns:repeat(2,minmax(0,420px))}}@media (min-width:1441px){.jf-scope .plans{grid-template-columns:repeat(4,minmax(0,300px));gap:10px}}.jf-scope .plans>*{flex-direction:column;display:flex}.jf-scope .plans .plan{flex:1}.jf-scope .plan>.btn{margin-top:auto}.jf-scope .plan{gap:var(--s3);border-radius:var(--r-md);background:var(--gray);text-align:left;flex-direction:column;padding:40px 32px;display:flex}.jf-scope .plan.p-blue{--chip:#cce9ff;--tick:var(--acc-1);--badge-fg:var(--acc-1);--badge-bg:#e6f4ff}.jf-scope .plan.p-violet{--chip:#e4d9fb;--tick:#7a40ed;--badge-fg:#7a40ed;--badge-bg:#f2ecfd}.jf-scope .plan.p-yellow{--chip:#fff4d6;--tick:#2d2933;--badge-fg:var(--yellow-fg);--badge-bg:var(--yellow)}.jf-scope .plan.p-dark{--chip:color-mix(in srgb, var(--mint) 22%, var(--paper));--tick:var(--mint);--badge-fg:var(--ink);--badge-bg:color-mix(in srgb, var(--mint) 22%, var(--paper))}[data-theme=dark] .jf-scope .plan.p-blue{--chip:#0f3350;--tick:var(--blue);--badge-fg:var(--blue);--badge-bg:#0d2b42}[data-theme=dark] .jf-scope .plan.p-violet{--chip:#2a1e55;--tick:var(--violet);--badge-fg:var(--violet);--badge-bg:#241a4a}[data-theme=dark] .jf-scope .plan.p-yellow{--chip:#3d2f0d;--tick:var(--yellow);--badge-fg:var(--yellow-fg);--badge-bg:var(--yellow)}.jf-scope .plan-row{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.jf-scope .plan-name{background:var(--chip);font-family:var(--font-display);letter-spacing:-.02em;border-radius:24px;padding:6px 18px;font-size:.9rem;font-weight:600}.jf-scope .plan-badge{background:var(--badge-bg);color:var(--badge-fg);font-family:var(--font-display);letter-spacing:-.02em;border-radius:24px;padding:6px 14px;font-size:.9rem;font-weight:600}.jf-scope .plan-price{font-family:var(--font-display);letter-spacing:-.05em;transition:color .2s var(--ease);font-size:clamp(2.5rem,4vw,3.25rem);font-weight:800;line-height:1;display:block}.jf-scope .plan-price.is-kzt{font-size:clamp(2.25rem,3.6vw,2.925rem)}.jf-scope .plan-price small{letter-spacing:-.02em;color:var(--ink-2);margin-top:9px;font-size:1rem;font-weight:500;display:block}.jf-scope .plan-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.jf-scope .plan-list li{font-size:var(--t-xs);color:var(--ink-2);align-items:flex-start;gap:10px;line-height:1.45;display:flex}.jf-scope .plan-list svg{color:var(--tick);flex:none;margin-top:2px}.jf-scope .plan{--hot-fg:var(--on-accent)}.jf-scope .plan.p-blue{--hot:var(--blue)}.jf-scope .plan.p-violet{--hot:var(--violet)}.jf-scope .plan.p-yellow{--hot:var(--yellow)}.jf-scope .plan.p-dark{--hot:#4ae5b5}.jf-scope .plan{transition:background .3s var(--ease), transform .3s var(--ease)}.jf-scope .plan-name,.jf-scope .plan-badge,.jf-scope .plan-price,.jf-scope .plan-price small,.jf-scope .plan-list li,.jf-scope .plan-list svg{transition:background .3s var(--ease), color .3s var(--ease)}.jf-scope .plan:hover{background:var(--hot);transform:translateY(-4px)}.jf-scope .plan:hover,.jf-scope .plan:hover .plan-price,.jf-scope .plan:hover .plan-list li,.jf-scope .plan:hover .plan-list svg{color:var(--hot-fg)}.jf-scope .plan:hover .plan-name{background:color-mix(in srgb, var(--hot-fg) 15%, transparent);color:var(--hot-fg)}.jf-scope .plan:hover .plan-badge{background:var(--hot-fg);color:var(--hot)}.jf-scope .plan:hover .plan-price small{color:color-mix(in srgb, var(--hot-fg) 76%, var(--hot))}.jf-scope .plan:hover .btn{background:var(--hot-fg);color:var(--hot)}.jf-scope .plan:hover .btn:hover{background:var(--paper);color:var(--ink)}@media (prefers-reduced-motion:reduce){.jf-scope .plan:hover{transform:none}}.jf-scope .faq{max-width:500px;margin:var(--s6) auto 0;text-align:left}.jf-scope .faq-item{border-top:1px solid var(--line)}.jf-scope .faq-item:first-of-type{border-top:none}.jf-scope .faq-item:last-of-type{border-bottom:1px solid var(--line)}.jf-scope .faq-q{justify-content:space-between;align-items:center;gap:var(--s3);text-align:left;width:100%;color:var(--ink);padding:32px 0;font-size:1.25rem;font-weight:600;line-height:1.5;display:flex}.jf-scope .faq-q svg{transition:transform .28s var(--ease);flex:none}.jf-scope .faq-item.open .faq-q svg{transform:rotate(45deg)}.jf-scope .faq-a{transition:grid-template-rows .32s var(--ease);grid-template-rows:0fr;display:grid}.jf-scope .faq-item.open .faq-a{grid-template-rows:1fr}.jf-scope .faq-a>div{overflow:hidden}.jf-scope .faq-a p{color:var(--ink-2);margin:0 0 32px;font-size:1.125rem;line-height:1.5}
