.jb-hero{padding:clamp(16px,3vw,40px)}.jb-shot{position:relative;overflow:hidden;background:#f7f8fa;border:1px solid rgba(12,19,29,.08);border-radius:10px;box-shadow:0 1px 2px rgba(12,19,29,.04),0 18px 48px rgba(12,19,29,.09)}.jb-draw{left:540px;top:340px;width:460px;height:230px;pointer-events:none}.jb-draw text{font-family:var(--mfws-hand);font-size:22px}.jb-pen{fill:none;stroke-linecap:round;stroke-linejoin:round}.jb-hl{fill:none;stroke:#ffd84d;stroke-width:18;stroke-linecap:round;opacity:.45}.jb-img{left:540px;top:80px;width:360px;height:240px;padding:0;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1),0 10px 24px rgba(12,19,29,.08)}.jb-img img{display:block;width:100%;height:100%;object-fit:cover}.hb-comment.jb-cmt{left:760px;top:268px;width:230px;z-index:4}.jb-mind{left:1040px;top:106px;width:220px;height:176px;background:#fff;border:1px solid #e1e3e6;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.jb-mind svg{display:block;width:100%;height:100%;font-family:var(--sans)}.jb-mind text{font-size:11.5px;dominant-baseline:middle;text-anchor:middle;fill:#1f2329}.jb-mind .s{font-size:9.5px;fill:#667085}.jb-3d{left:1100px;top:332px;width:460px;height:276px;border:1px solid #e9ebef;border-radius:12px;overflow:hidden;background:#eff1f4}.jb-3d img{display:block;width:100%;height:100%;object-fit:contain;padding:18px 40px 44px;box-sizing:border-box;animation:jb-turn 10s infinite}.jb-3d-pill{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(55,65,81,.86);color:#fff;font-size:11.5px;white-space:nowrap}.jb-3d-btn{position:absolute;right:8px;bottom:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);color:#444;font-size:14px}.jb-plan{margin-left:6px;padding:2px 7px;border-radius:999px;background:#ecf4fe;color:#0a69ce;font-size:11px;font-weight:600}.jb-strip{left:40px;top:456px;width:460px;height:204px;background:#fff;border:1px solid #cdd1d6}.jb-png{left:54px;top:474px;width:150px;height:115px;background:#fff;border:1px solid #d0d5dd;box-shadow:0 2px 6px rgba(0,0,0,.08)}.jb-png svg{display:block;width:100%;height:100%}.jb-png text{font-family:var(--mfws-hand);font-size:15px}.jb-file{left:54px;top:596px;font-size:11px;color:#667085;display:flex;gap:5px;align-items:center}.jb-arrow{left:210px;top:520px;width:46px;height:20px}.jb-ask{left:54px;top:620px;display:flex;align-items:center;gap:7px;height:28px;padding:0 11px;background:#fff;border:1px solid #e3e5e8;border-radius:999px;box-shadow:0 4px 12px rgba(12,19,29,.08);font-size:11.5px;color:#1d2939;white-space:nowrap;z-index:3}.jb-ask img{width:14px;height:14px}.jb-ask em{font-style:normal;color:#1c7ce2;font-weight:600}.hb-sec.jb-sec{left:262px;top:466px;width:228px;height:186px}.hb-note.jb-wn{width:92px;height:80px;font-size:10.5px}.hb-note.jb-sn{width:98px;height:64px;font-size:10px;padding:7px 8px}.jb-timer{position:absolute;z-index:3;right:14px;top:58px;width:196px;display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(12,19,29,.1);transform-origin:100% 0;transform:scale(var(--u,1));color:#374151}.jb-th{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f1f2f4;font-size:12px;color:#6b7280}.jb-th i{font-size:12px;color:#111}.jb-tb{display:flex;gap:8px;align-items:center;padding:10px 12px 6px}.jb-tb b{flex:1;padding:8px 0;text-align:center;border-radius:8px;background:#f1f3f6;font-size:22px;font-weight:700;letter-spacing:.04em;color:#1f2937;font-variant-numeric:tabular-nums}.jb-tb span{display:grid;gap:4px}.jb-tb i{width:24px;height:22px;display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:6px;font-size:10px;color:#374151}.jb-bar{height:4px;margin:4px 12px 10px;border-radius:2px;background:#eceef1;overflow:hidden}.jb-bar i{display:block;width:16%;height:100%;background:#1c7ce2}@media (max-width:820px){.jb-timer{display:none}}.jb-time{list-style:none;margin:0;padding:0 var(--pad) 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.jb-time li{display:grid;gap:8px;align-content:start;padding-top:16px;border-top:2px solid var(--rule)}.jb-time li:last-child{border-top-color:var(--blue)}.jb-time time{font:500 13px var(--mono);color:var(--blue-dark)}.jb-time b{font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.3}.jb-time span{font-size:15px;line-height:1.55;color:var(--body)}.jb-src{margin:0;padding:12px var(--pad) var(--pad);font-size:13.5px;line-height:1.6;color:var(--muted)}.jb-src a{color:var(--blue-dark);font-weight:500}.jb-src a:hover{color:var(--blue)}.jb-tw{margin:0 var(--pad) var(--pad);overflow-x:auto}.jb-cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}.jb-cmp td,.jb-cmp th{padding:14px 16px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;line-height:1.5}.jb-cmp thead th{font-weight:600;color:var(--ink);border-bottom:2px solid var(--ink)}.jb-cmp tbody th{width:24%;font-weight:500;color:var(--ink)}.jb-cmp td{color:var(--body);width:38%}.jb-cmp td:last-child{color:var(--ink)}.jb-cmp .bi-check-lg{color:var(--blue);margin-right:4px}.jb-no{display:inline-block;width:12px;height:2px;margin-right:8px;border-radius:1px;background:#c9ced6;vertical-align:middle}.jb-cmp a{color:var(--blue-dark);font-weight:500}.jb-cmp a:hover{color:var(--blue)}.jb-note{margin:0;padding:0 var(--pad) var(--pad);font-size:13.5px;color:var(--muted)}.jb-steps{list-style:none;counter-reset:jb;margin:0;padding:0 var(--pad) var(--pad);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.jb-steps li{counter-increment:jb;display:grid;gap:8px;align-content:start;padding-top:18px;border-top:2px solid var(--rule)}.jb-steps li::before{content:counter(jb);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:14px;font-weight:600}.jb-steps b{font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.3}.jb-steps span{font-size:15px;line-height:1.55;color:var(--body)}.jb-steps code{font:13.5px var(--mono);padding:1px 6px;border-radius:5px;background:var(--wp-panel);color:var(--ink)}.jb-shot2{width:100%;height:auto;aspect-ratio:var(--ar);display:block;border-radius:10px;background:#fff;border:1px solid rgba(12,19,29,.08);box-shadow:0 1px 2px rgba(12,19,29,.04),0 18px 48px rgba(12,19,29,.1)}.jb-ways .wp-vis{--wp-ar:20/9;--wp-pad:14px}/* templates, as on the online whiteboard page */ .jb-tpls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px;padding:0 var(--pad) var(--pad)}.jb-tpl{display:grid;gap:6px;align-content:start;color:var(--ink);text-decoration:none}.jb-tpl-th{aspect-ratio:4/3;border-radius:14px;overflow:hidden;margin-bottom:6px;border:1px solid var(--rule);background:#fff}.jb-tpl-th img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:10px;box-sizing:border-box;background:#fff}.jb-tpl-t{font-size:14px;font-weight:600;line-height:1.35;transition:color .15s}.jb-tpl:hover .jb-tpl-t{color:var(--blue-dark)}.jb-tpl-s{font:12px var(--mono);color:var(--muted)}.jb-more{margin:0;padding:0 var(--pad) var(--pad);font-size:15px;line-height:1.6;color:var(--body)}.jb-more a{color:var(--blue-dark);font-weight:500}.jb-more a:hover{color:var(--blue)}.jb-plans{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}.jb-plans td,.jb-plans th{padding:14px 16px;border-bottom:1px solid var(--rule);text-align:center;vertical-align:middle}.jb-plans thead th{font-weight:600;color:var(--ink);border-bottom:2px solid var(--ink)}.jb-plans tbody th{width:40%;text-align:left;font-weight:500;color:var(--ink)}.jb-plans td{color:var(--body)}.jb-plans .bi-check-lg{color:var(--blue);font-size:18px}.jb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width:1180px){.jb-steps,.jb-time{grid-template-columns:repeat(2,minmax(0,1fr))}.jb-tpls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.jb-steps,.jb-time{grid-template-columns:minmax(0,1fr)}.jb-tpls{grid-template-columns:repeat(2,minmax(0,1fr))}}.jb-ink{stroke-dasharray:1 1;stroke-dashoffset:0;animation:jb-ink 14s infinite}.jb-veins{animation:jb-veins 14s infinite}.jb-c-pen{offset-path:path("M580 540C586 450 660 386 736 390C730 468 670 536 580 540Z");offset-rotate:0deg;offset-anchor:0 0;animation:jb-pen 14s infinite}@keyframes jb-ink{0%,8%{stroke-dashoffset:0;opacity:1}13%{stroke-dashoffset:0;opacity:0}15%{stroke-dashoffset:1;opacity:1;animation-timing-function:linear}100%,55%{stroke-dashoffset:0;opacity:1}}@keyframes jb-veins{0%,8%{opacity:1}13%,55%{opacity:0}100%,61%{opacity:1}}@keyframes jb-pen{0%,15%{offset-distance:0%;animation-timing-function:linear}100%,55%{offset-distance:100%}}.jb-c-emma{animation:jb-emma 12s infinite}.jb-land{animation:jb-land 12s infinite}@keyframes jb-emma{0%,10%{transform:translate(0,0)}22%,32%{transform:translate(-180px,68px)}100%,48%{transform:translate(0,0)}}@keyframes jb-land{0%,4%{opacity:1;transform:none}23%,8%{opacity:0;transform:scale(.7)}100%,27%{opacity:1;transform:none}}.jb-c-sam{animation:jb-sam 10s infinite}@keyframes jb-sam{0%,12%{transform:translate(0,0)}20%{transform:translate(-120px,-148px)}26%{transform:translate(-80px,-148px)}32%{transform:translate(-160px,-148px)}38%{transform:translate(-120px,-148px)}100%,50%{transform:translate(0,0)}}@keyframes jb-turn{0%,20%{transform:none}26%{transform:scaleX(.9) skewY(-2deg)}32%{transform:scaleX(.93) skewY(2deg)}100%,38%{transform:none}}.jb-gen{display:inline-block;max-width:0;overflow:hidden;color:#9aa1ab;opacity:0;animation:jb-gen 14s infinite}@keyframes jb-gen{0%,18%{opacity:0;max-width:0}20%{max-width:80px}21%,31%{opacity:1;max-width:80px}26%{opacity:.4;max-width:80px}34%{opacity:0;max-width:80px}100%,36%{opacity:0;max-width:0}}.jb-c-mida{animation:jb-mida 14s infinite}@keyframes jb-mida{0%,22%{transform:translate(0,0)}34%,38%{transform:translate(20px,-110px)}40%,44%{transform:translate(128px,-110px)}46%,50%{transform:translate(20px,-36px)}52%,56%{transform:translate(128px,-36px)}100%,68%{transform:translate(0,0)}}.jb-sn{animation:jb-sn 14s infinite}.jb-n2{animation-delay:.84s}.jb-n3{animation-delay:1.68s}.jb-n4{animation-delay:2.52s}@keyframes jb-sn{0%,10%{opacity:1;transform:none}14%,36%{opacity:0;transform:scale(.7)}100%,40%{opacity:1;transform:none}}.jb-bar i{animation:jb-bar 24s linear infinite}@keyframes jb-bar{0%{width:16%}100%{width:100%}}@media (prefers-reduced-motion:reduce){.jb-shot *{animation:none!important}.jb-gen{display:none}}.jb-vb{width:100%;max-width:560px;display:grid;gap:10px;padding:18px;border-radius:12px;background:#f7f8fa radial-gradient(#e4e7eb 1px,transparent 1.3px) 0 0/16px 16px;box-shadow:0 0 0 1px rgba(12,19,29,.06),0 18px 48px rgba(12,19,29,.08);text-align:left}.jb-vcard{position:relative;background:#000;border:1px solid #dfe3e8;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(12,19,29,.08)}.jb-vcard video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.jb-vctl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-size:13px}.jb-vctl em{font-style:normal;font-size:10.5px;white-space:nowrap}.jb-vctl span{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}.jb-vctl span i{display:block;width:45%;height:100%;border-radius:2px;background:#fff}.jb-vb .wp-cmt{justify-self:end;margin-top:-34px;margin-right:12px;position:relative}.jb-vb .wp-cmt img{width:24px;height:24px;border-radius:50%;object-fit:cover}.jb-install{border-radius:999px;gap:8px}.jb-install img{width:18px;height:18px;object-fit:contain}.jb-mb{width:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr);grid-template-areas:"tl tl tl" "sh ch vp";gap:22px;padding:20px;border-radius:12px;background:#f7f8fa radial-gradient(#e4e7eb 1px,transparent 1.3px) 0 0/16px 16px;box-shadow:0 0 0 1px rgba(12,19,29,.06),0 18px 48px rgba(12,19,29,.08);text-align:left;font-family:var(--sans);color:#1f2937}.jb-mb>div{display:grid;gap:8px;align-content:start;min-width:0}.jb-mb-tl{grid-area:tl}.jb-mb-sh{grid-area:sh}.jb-mb-ch{grid-area:ch}.jb-mb-vp{grid-area:vp}.jb-tl{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.jb-tl-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef0f2}.jb-tl-h b{font-size:15px;font-weight:600;color:#111827}.jb-tl-h span{display:flex;align-items:center;gap:18px;padding:5px 9px;border:1px solid #e5e7eb;border-radius:6px;font-size:11.5px;color:#9ca3af}.jb-tl-b{position:relative;height:250px}.jb-tl-line{position:absolute;left:3%;right:3%;top:125px;height:3px;border-radius:2px;background:#d9dce1}.jb-ev{position:absolute;left:var(--x);top:0;bottom:0;width:0}.jb-ev>i{position:absolute;left:-7px;top:119px;width:14px;height:14px;border-radius:50%;background:#1c7ce2;box-shadow:0 0 0 3px #fff,0 0 0 4px #d9dce1}.jb-ev time{position:absolute;left:-30px;width:60px;text-align:center;font-size:11.5px;font-weight:600;color:#374151}.jb-ev.up time{top:140px}.jb-ev.dn time{top:96px}.jb-ev-c{position:absolute;left:-84px;width:168px;padding:9px 11px;background:#fff;border:1px solid #e5e7eb;border-top:3px solid #1c7ce2;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:grid;gap:3px}.jb-ev.up .jb-ev-c{top:14px}.jb-ev.dn .jb-ev-c{top:162px}.jb-ev-c::after{content:"";position:absolute;left:83px;width:1.5px;background:#d9dce1}.jb-ev.up .jb-ev-c::after{top:100%;height:32px}.jb-ev.dn .jb-ev-c::after{bottom:100%;height:28px}.jb-ev-c b{font-size:12.5px;font-weight:600;color:#111827}.jb-ev-c span{font-size:11px;line-height:1.4;color:#6b7280}.jb-ss{width:100%;border-collapse:collapse;background:#fff;font-size:11.5px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.jb-ss td,.jb-ss th{border:1px solid #e5e7eb;padding:6px 8px;white-space:nowrap;text-align:left}.jb-ss tbody th,.jb-ss thead th{background:#f3f4f6;color:#6b7280;font-weight:500;font-size:10.5px}.jb-ss tbody th{width:22px;text-align:center}.jb-ss tr.h td{background:#fff8e1;font-weight:600;color:#111827}.jb-ss td.n{text-align:right}.jb-ss tr.t td{font-weight:600}.jb-ss td.on{outline:2px solid #1c7ce2;outline-offset:-2px;color:#1c7ce2;font:600 10.5px var(--mono);text-align:left}.jb-ch{display:grid;gap:8px;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.jb-ch b{font-size:12.5px;font-weight:600;color:#111827}.jb-bars{height:120px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;padding:0 4px;border-bottom:1.5px solid #d1d5db;background:repeating-linear-gradient(transparent 0 29px,#f0f1f3 29px 30px)}.jb-bars span{position:relative;height:var(--h);border-radius:4px 4px 0 0;background:var(--c)}.jb-bars em{position:absolute;left:0;right:0;top:-16px;text-align:center;font-style:normal;font-size:10px;color:#4b5563}.jb-bl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 4px;font-size:10px;color:#6b7280;text-align:center}.jb-pm{position:relative;aspect-ratio:16/11;border-radius:10px;overflow:hidden;background:#f1efe9;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.jb-pm>*{position:absolute}.jb-pm-park{background:#dcefd6;border-radius:3px}.jb-pm-pond{left:4%;top:60%;width:20%;height:26%;border-radius:48% 52% 40% 60%;background:#cfe3f6}.jb-pm-rd{background:#fff}.jb-pm-lb{font-size:10px;color:#6b7280}.jb-pin{width:26px;height:26px;margin:-26px 0 0 -13px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--c);border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.2);display:grid;place-items:center}.jb-pin i{transform:rotate(45deg);color:#fff;font-size:11px}.jb-pin-t{padding:3px 8px;border-radius:6px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);font-style:normal;font-size:10.5px;color:#1f2937;white-space:nowrap}@media (max-width:900px){.jb-mb{grid-template-columns:minmax(0,1fr);grid-template-areas:"tl" "sh" "ch" "vp"}.jb-mb-tl{overflow-x:auto}.jb-tl{min-width:620px}}