.hero[data-v-2fd8fa12]{background:radial-gradient(60% 80% at 80% 45%,#ffe9df,#0000 70%),linear-gradient(#fff7f2,#fff);padding-block:clamp(24px,4vw,56px) clamp(56px,7vw,96px);overflow:clip}.hero-grid[data-v-2fd8fa12]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.copy[data-v-2fd8fa12]{justify-items:start;gap:18px;display:grid}.stage[data-v-2fd8fa12]{justify-self:center;width:min(100%,560px);padding:0 0 70px;position:relative}.browser[data-v-2fd8fa12] .mf-body{padding:0}.site[data-v-2fd8fa12]{background:linear-gradient(#fbf9ff,#fff);padding:16px}.s-logo[data-v-2fd8fa12]{letter-spacing:-.02em;margin-bottom:12px;font-weight:900}.w[data-v-2fd8fa12]{box-shadow:var(--shadow-sm),inset 0 0 0 1.5px var(--line);background:#fff;border-radius:18px;gap:8px;padding:14px;display:grid;position:relative}.w-q[data-v-2fd8fa12]{background:var(--bg-tint);border-radius:12px;gap:8px;font-weight:700;display:flex}.w-q[data-v-2fd8fa12],.w-r[data-v-2fd8fa12]{align-items:center;padding:10px 12px}.w-r[data-v-2fd8fa12]{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.w-r[data-v-2fd8fa12],.w-r div[data-v-2fd8fa12]{display:grid}.w-r small[data-v-2fd8fa12]{color:var(--ink-2);font-size:13px}.w-r b[data-v-2fd8fa12]{font-variant-numeric:tabular-nums}.w-btn[data-v-2fd8fa12]{background:var(--accent);color:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.first .w-btn[data-v-2fd8fa12]{animation:7s infinite press-2fd8fa12}@keyframes press-2fd8fa12{0%,30%{transform:none}33%{transform:scale(.92);box-shadow:0 0 0 6px #6a2fe340}38%,to{box-shadow:none;transform:none}}.toast[data-v-2fd8fa12]{inset-inline:14px;color:#fff;opacity:0;background:#2bc48d;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13.5px;font-weight:800;animation:7s infinite toast-2fd8fa12;display:flex;position:absolute;bottom:-14px}@keyframes toast-2fd8fa12{0%,34%{opacity:0;transform:translateY(6px)}40%,60%{opacity:1;transform:none}66%,to{opacity:0}}.cursor[data-v-2fd8fa12]{z-index:3;color:var(--ink);filter:drop-shadow(0 4px 6px #00000040);animation:7s infinite cursor-2fd8fa12;position:absolute}@keyframes cursor-2fd8fa12{0%{top:30%;left:30%}28%,36%{top:47%;left:86%}60%,to{opacity:0;top:60%;left:96%}}.board[data-v-2fd8fa12]{inset-inline-end:-12px;width:220px;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:12px;position:absolute;bottom:0}.board p[data-v-2fd8fa12]{margin-bottom:8px;font-size:13px;font-weight:900}.slot[data-v-2fd8fa12]{background:var(--bg-tint);height:52px;box-shadow:inset 0 0 0 1.5px dashed var(--line);display:block}.lead[data-v-2fd8fa12],.slot[data-v-2fd8fa12]{border-radius:12px}.lead[data-v-2fd8fa12]{z-index:2;width:196px;box-shadow:var(--shadow),0 0 0 2px var(--accent);background:#fff;padding:9px 12px;animation:7s infinite fly-2fd8fa12;display:grid;position:absolute}.lead strong[data-v-2fd8fa12]{font-size:14px}.lead small[data-v-2fd8fa12]{color:var(--accent-deep);font-size:12px;font-weight:700}@keyframes fly-2fd8fa12{0%,38%{opacity:0;top:44%;left:60%;transform:scale(.85)}44%{opacity:1;top:44%;left:60%;transform:scale(1)}64%,92%{opacity:1;top:calc(100% - 64px);left:calc(100% - 218px);transform:none}to{opacity:0;top:calc(100% - 64px);left:calc(100% - 218px)}}.stage .note[data-v-2fd8fa12]{bottom:-24px;color:var(--ink-2);font-size:12.5px;position:absolute;inset-inline-start:0}.steps[data-v-2fd8fa12]{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.steps[data-v-2fd8fa12],.steps li[data-v-2fd8fa12]{display:grid;position:relative}.steps li[data-v-2fd8fa12]{box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line);text-align:center;background:#fff;border-radius:24px;justify-items:center;gap:10px;padding:22px 16px}.steps li[data-v-2fd8fa12]:not(:last-child):after{content:"→";top:50%;z-index:1;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:grid;position:absolute;inset-inline-end:-14px;transform:translateY(-50%)}.steps[data-v-2fd8fa12] img{-o-object-fit:contain;object-fit:contain;width:56px;height:56px}.steps p[data-v-2fd8fa12]{font-weight:700}.embed[data-v-2fd8fa12]{background:var(--bg-tint)}.embed .lede[data-v-2fd8fa12]{max-width:60ch}.ways[data-v-2fd8fa12]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ways>li[data-v-2fd8fa12]{box-shadow:var(--shadow-sm);background:#fff;border-radius:26px;align-content:start;gap:10px;padding:18px;display:grid}.ways h3[data-v-2fd8fa12]{font-size:20px}.ways p[data-v-2fd8fa12]{color:var(--ink-2);font-size:16px}.mini[data-v-2fd8fa12]{height:170px;box-shadow:inset 0 0 0 1px var(--line);background:#f6f3fd;border-radius:16px;position:relative;overflow:hidden}.m-bar[data-v-2fd8fa12]{border-bottom:1px solid var(--line);background:#fff;gap:4px;padding:8px 10px;display:flex}.m-bar i[data-v-2fd8fa12]{background:var(--line);border-radius:50%;width:7px;height:7px}.m-page[data-v-2fd8fa12]{gap:7px;padding:14px 14px 0;display:grid}.m-page i[data-v-2fd8fa12]{background:#e4ddf5;border-radius:6px;height:8px}.m-page .h[data-v-2fd8fa12]{background:#cfc3ee;width:55%;height:12px}.m-page .s[data-v-2fd8fa12]{width:70%}.m-embed[data-v-2fd8fa12],.m-pop[data-v-2fd8fa12]{box-shadow:var(--shadow);background:#fff;border-radius:12px;gap:5px;padding:9px;display:grid;position:absolute}.m-embed b[data-v-2fd8fa12],.m-pop b[data-v-2fd8fa12]{background:var(--bg-tint);height:18px;color:var(--ink-2);border-radius:6px;align-items:center;padding:0 6px;display:flex}.m-embed i[data-v-2fd8fa12],.m-pop i[data-v-2fd8fa12]{background:var(--line);border-radius:4px;height:7px}.m-embed em[data-v-2fd8fa12],.m-pop em[data-v-2fd8fa12]{background:var(--accent);color:#fff;border-radius:999px;justify-self:start;padding:3px 8px;font-size:9px;font-style:normal;font-weight:800}.m-pop[data-v-2fd8fa12]{bottom:52px;transform-origin:100% 100%;width:120px;animation:4s ease-in-out infinite popUp-2fd8fa12;inset-inline-end:12px}@keyframes popUp-2fd8fa12{0%,15%{opacity:0;transform:scale(.6)}25%,85%{opacity:1;transform:none}to{opacity:0;transform:scale(.6)}}.m-fab[data-v-2fd8fa12]{bottom:12px;background:var(--accent);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:12px}.m-embed[data-v-2fd8fa12]{top:72px;box-shadow:0 0 0 2px var(--accent),var(--shadow-sm);grid-template-columns:1fr 1fr;inset-inline:14px}.m-embed b[data-v-2fd8fa12],.m-embed em[data-v-2fd8fa12]{grid-column:1/-1}.m-share[data-v-2fd8fa12]{top:74px;color:var(--accent);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;inset-inline:18px}.m-share i[data-v-2fd8fa12]{background:var(--accent-soft);border-radius:6px;flex:1;height:8px}.m-share svg[data-v-2fd8fa12]:last-child{animation:2.4s ease-in-out infinite sendIt-2fd8fa12}@keyframes sendIt-2fd8fa12{50%{transform:translate(4px,-4px)}}.dom-grid[data-v-2fd8fa12]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.doms[data-v-2fd8fa12]{gap:10px;display:grid}.doms li[data-v-2fd8fa12]{box-shadow:var(--shadow-sm);color:var(--mint-ink);background:#fff;border-radius:16px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.doms code[data-v-2fd8fa12]{color:var(--ink);font:600 15px ui-monospace,SF Mono,Menlo,monospace}.doms b[data-v-2fd8fa12]{background:var(--mint);border-radius:999px;padding:3px 10px;font-size:12.5px}.doms .no[data-v-2fd8fa12]{color:#9a2a1f}.doms .no b[data-v-2fd8fa12]{background:#ffe1dc}.doms .no code[data-v-2fd8fa12]{color:var(--ink-2);text-decoration:line-through}@media (width<=960px){.dom-grid[data-v-2fd8fa12],.hero-grid[data-v-2fd8fa12],.ways[data-v-2fd8fa12]{grid-template-columns:1fr}.steps[data-v-2fd8fa12]{grid-template-columns:repeat(2,minmax(0,1fr))}.steps li[data-v-2fd8fa12]:nth-child(2):after{display:none}}@media (width<=560px){.steps[data-v-2fd8fa12]{grid-template-columns:1fr}.steps li[data-v-2fd8fa12]:after{display:none}.board[data-v-2fd8fa12]{width:170px}.lead[data-v-2fd8fa12]{width:160px}@keyframes fly-2fd8fa12{0%,38%{opacity:0;top:44%;left:40%}44%{opacity:1;top:44%;left:40%}64%,92%{opacity:1;top:calc(100% - 64px);left:calc(100% - 168px)}to{opacity:0}}}