.lp .hero .after .free{color:var(--ink)}.lp .hero .after .oss a{color:inherit;font-weight:inherit;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);transition:color .18s}@media (hover:hover) and (pointer:fine){.lp .hero .after .oss a:hover{color:var(--accent)}}
.lp .how-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:clamp(16px,2vw,32px);display:grid}.lp .how-row .intro{grid-column:1/span 5}.lp .how-try{background:var(--stage);clip-path:polygon(28px 0,100% 0,100% 100%,0 100%,0 28px);grid-column:7/span 6;margin-top:16px;padding:clamp(20px,2.4vw,32px)}@media (max-width:899px){.lp .how-row .intro,.lp .how-try{grid-column:1/-1}.lp .how-try{margin:28px calc(var(--m-edge) * -1) 0;padding:20px var(--m-edge)}}
.lp .announce{padding:9px var(--m);font-size:var(--s-small);background:#22332a;margin:0;line-height:1.4}.lp .announce a{color:var(--ink);text-decoration:none}.lp .announce strong{color:var(--accent);font-weight:600}.lp .announce-go{white-space:nowrap;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:.22em}@media (hover:hover) and (pointer:fine){.lp .announce a:hover .announce-go{text-decoration-color:currentColor}}@media (max-width:599px){.lp .announce{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lp .announce-more{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:379px){.lp .announce{font-size:.75rem}}
.lp .hi-hn{display:none}.hi-hn-on .lp .hi-hn{transition:grid-template-rows .22s var(--ease-out,ease),margin .22s var(--ease-out,ease),opacity .16s ease,visibility 0s .22s;grid-template-rows:1fr;margin:-10px 0 18px;display:grid}.lp .hi-hn>p{max-width:46em;min-height:0;font-size:var(--s-small);color:var(--muted);align-items:center;gap:4px;margin:0;line-height:1.5;display:flex;overflow:hidden}.lp .hi-hn a{color:var(--ink)}.lp .hi-hn-x{border-radius:var(--r);width:44px;height:44px;color:var(--muted);font:400 1.25rem/1 var(--font);cursor:pointer;background:0 0;border:0;flex:none;margin:-10px 0 -10px auto}@media (hover:hover) and (pointer:fine){.lp .hi-hn-x:hover{color:var(--ink)}}.lp .hi-hn-x:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.hi-hn-on.hi-hn-off .lp .hi-hn{opacity:0;visibility:hidden;grid-template-rows:0fr;margin:0}@media (prefers-reduced-motion:reduce){.hi-hn-on .lp .hi-hn{transition:none}}
.lp .hero-stage{container-type:inline-size}.slip.flow{--chip:8.75rem;--ln:var(--perf);--back:var(--paper-line);flex-direction:column;justify-content:center;max-width:none;min-height:340px;margin:0;padding:28px 22px 32px;font-size:.9375rem;line-height:1.35;display:flex}.lp .hero-stage{isolation:isolate;clip-path:none;background:0 0;margin-right:0;padding:0;position:relative}@media (min-width:900px){.lp .hero-stage{margin:8px 0 0 24px}}@media (max-width:899px){.lp .hero-stage{margin:36px 0 0;padding:0}}@media (min-width:1100px){.lp .hero-stage{align-self:start;margin-left:clamp(28px,11vw - 92px,60px);container-type:normal}}.lp .hero-stage>.flow{box-shadow:-6px 6px 0 -1px var(--paper-2),-6px 6px 0 0 #00000047,-12px 12px 0 -2px color-mix(in srgb,var(--paper-2) 88%,var(--paper-line)),-12px 12px 0 -1px #00000052,-6px 22px 34px #0000006b;border-radius:2px;margin:0 0 12px 12px;position:relative}.lp .hero-stage:before{content:"";z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 30%,transparent),transparent);filter:blur(30px);position:absolute;inset:10% 4%}.flow-node{z-index:1;border-radius:var(--r);flex-direction:column;gap:3px;padding:12px 13px;display:flex;position:relative}.flow-agent{width:var(--chip);background:var(--well);border:1px solid var(--paper-line);flex:none}.flow-name{color:var(--paper-ink);white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.flow-sq{background:var(--perf);flex:none;width:8px;height:8px}.flow-where{color:var(--paper-muted);font-size:var(--s-small);white-space:nowrap;padding-left:16px}.flow-hub{background:var(--paper-ink);border:1px solid var(--paper-ink);text-align:center;flex:none;align-items:center}.flow-hub .flow-name{color:var(--paper)}.flow-hub .flow-name svg{flex:none}.flow-hub .flow-where{color:var(--muted);padding-left:0}.flow-row{align-items:center;padding-top:40px;display:flex;position:relative}.flow-go{background:var(--ln);flex:1;min-width:22px;height:2px;margin:0 12px 0 8px;position:relative}.flow-head{width:9px;height:12px;fill:var(--ln);position:absolute;top:-5px;right:-10px}.flow-label{text-align:center;color:var(--paper-ink);white-space:nowrap;font-weight:600;position:absolute;top:0;left:0;right:0}.flow-tag{color:var(--paper-muted);font-weight:400}.flow-dot{background:var(--ln);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:0}.flow-back{justify-content:center;padding-top:36px;display:flex;position:relative}.flow-back:before{content:"";left:calc(var(--chip) / 2);right:calc(var(--chip) / 2);border:1.5px solid var(--back);border-top:0;position:absolute;top:0;bottom:calc(50% - 15px)}.flow-back:after{content:"";border-left:1.5px dashed var(--ln);height:36px;position:absolute;top:0;left:50%}.flow-up{left:calc(var(--chip) / 2 - 5.25px);width:12px;height:9px;fill:var(--back);position:absolute;top:-1px}.flow-left{width:9px;height:12px;fill:var(--back);margin-top:-6px;position:absolute;top:50%;right:calc(100% + 8px)}.flow-reply{z-index:1;background:var(--well);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:2px;padding:12px 16px 14px;position:relative;box-shadow:0 1px #00000014}.flow-reply-head{color:var(--paper-muted);white-space:nowrap;font-size:var(--s-small);align-items:center;gap:9px;display:flex}.flow-reply-head b{color:var(--paper-ink);font-weight:600}.flow-check{flex:none;width:18px;height:18px}.flow-check circle{fill:var(--accent)}.flow-check path{fill:none;stroke:var(--paper-ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.flow-tear{background:radial-gradient(circle at 4px 4px,var(--perf) 2px,transparent 2.5px) 0 0/10px 8px repeat-x;height:8px;margin:10px -16px}.flow-reply code{white-space:nowrap;font-size:.9375rem;display:block}.flow-reply .k{color:var(--code-k)}.flow-reply .s{color:var(--code-s)}@container (max-width:560px){.slip.flow{--chip:auto;min-height:0;font-size:var(--s-body);grid-template-columns:minmax(0,420px) 30px;justify-content:center;padding:20px 16px 22px 20px;display:grid}.flow-row,.flow-back{display:contents}.flow-row:before{content:"";border:1.5px solid var(--back);border-left:0;border-radius:0 2px 2px 0;grid-area:1/2/7;margin:22px 0}.flow-node{box-sizing:border-box;flex-direction:row;grid-column:1;justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 14px}.flow-agent{width:auto}.flow-where{padding-left:0}.flow-a{grid-row:1}.flow-go-a{grid-row:2}.flow-hub{grid-row:3}.flow-reply{grid-row:4}.flow-go-b{grid-row:4/6}.flow-b{grid-row:6}.flow-label{text-align:left;white-space:normal;font-size:var(--s-small);grid-area:2/1;align-self:center;padding:14px 0 14px 46px;position:static}.flow-go{grid-column:1;justify-self:start;width:2px;min-width:0;height:auto;min-height:34px;margin:0 0 10px 27px}.flow-go-b{margin-top:0}.flow-head{inset:auto auto -10px -5px;transform:rotate(90deg)}.flow-dot{top:0;left:-3px}.flow-back:before,.flow-back:after,.flow-up{display:none}.flow-reply{grid-area:4/1;justify-self:stretch;margin:12px 0 22px 50px;padding:10px 14px 12px}.flow-reply .flow-tear{margin-left:-14px;margin-right:-14px}.flow-reply:after{content:"";border-top:1.5px solid var(--back);width:30px;position:absolute;top:50%;left:100%}.flow-left{display:none}.flow-row:after{content:"";border:6px solid #0000;border-right:9px solid var(--back);border-left:0;grid-area:1/2;place-self:center start;width:0;height:0;margin-left:-1px;transform:translate(0)}.flow-reply code{font-size:.8125rem}}@media (prefers-reduced-motion:no-preference){.flow-go-a .flow-dot{animation:7s cubic-bezier(.45,0,.25,1) .4s infinite flow-go}.flow-go-b .flow-dot{animation:7s cubic-bezier(.45,0,.25,1) 1.9s infinite flow-go}.flow-reply{animation:flow-land .6s var(--ease-out) 1.5s backwards}.flow-reply>*{animation:flow-ink .6s var(--ease-out) 1.5s backwards}.flow-check{animation:flow-stamp .36s var(--ease-out) 1.9s backwards}}@keyframes flow-go{0%{opacity:0;left:0}4%{opacity:1}18%{opacity:1}21%{opacity:0;left:calc(100% - 8px)}to{opacity:0;left:calc(100% - 8px)}}@keyframes flow-go-v{0%{opacity:0;top:0}4%{opacity:1}18%{opacity:1}21%{opacity:0;top:calc(100% - 8px)}to{opacity:0;top:calc(100% - 8px)}}@keyframes flow-land{0%{transform:translateY(8px)}}@keyframes flow-ink{0%{opacity:.35}}@keyframes flow-stamp{0%{opacity:.3;transform:scale(.6)}}@container (max-width:560px){.flow-dot{animation-name:flow-go-v!important}}@media (min-width:1100px){.lp .hero-stage>.flow{width:546px;max-width:100%;margin-left:auto}}@container (min-width:561px){.lp .hero-stage>.flow{width:546px;max-width:100%}}@media (min-width:900px){@container (min-width:561px){.lp .hero-stage>.flow{margin-left:auto}}}@media (prefers-reduced-motion:no-preference){@container (max-width:560px){.js .lp .hero-stage>.flow{aspect-ratio:676/702;zoom:var(--hero-zoom,1);align-content:center;width:338px;max-width:none}}}@media (min-width:900px) and (prefers-reduced-motion:no-preference){@container (max-width:560px){.js .lp .hero-stage>.flow{margin-left:auto}}}.lp .hero-stage>.flow:has(>.flow-loop){overflow:hidden}.flow-loop{z-index:2;object-fit:fill;opacity:0;pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);transition:opacity .3s var(--ease-out);position:absolute;inset:-1px}.flow[data-loop] .flow-loop{opacity:1}.flow[data-loop=on]>:not(.flow-loop){opacity:0;transition:opacity .3s var(--ease-out)}.flow[data-loop=on] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.flow-loop{display:none}}