.xaf-hero{padding:clamp(44px,5vw,72px) 0 clamp(24px,3vw,44px)}.xaf-top{align-items:start;row-gap:40px}.xaf-side{padding-top:10px}.xaf-copy{grid-column:1/span 8}.xaf-side{grid-column:9/span 4;justify-items:start;gap:32px;padding-bottom:10px;display:grid}.xaf-apply{justify-items:start;gap:10px;display:inline-grid;position:relative}.xaf-to{color:var(--hz-500);opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .25s var(--xp-ease), transform .35s var(--xp-ease), clip-path .45s var(--xp-ease);font-size:14px;transform:translateY(-6px)}@media (hover:hover){.xaf-apply:hover .xaf-to{opacity:1;clip-path:inset(0);transform:none}}.xaf-apply:focus-within .xaf-to{opacity:1;clip-path:inset(0);transform:none}.xaf-lock{border:2px solid var(--hz-500);border-radius:3px 3px 4px 4px;flex:none;width:.5em;height:.62em;margin-right:.5em;display:inline-block;position:relative;top:.1em}.xaf-lock:before{content:"";border:2px solid var(--hz-500);border-bottom:0;border-radius:.2em .2em 0 0;width:.32em;height:.3em;margin-left:-.16em;position:absolute;bottom:100%;left:50%}.xaf-caret{background:var(--hz-950);vertical-align:-.08em;flex:none;width:.06em;height:.9em;margin-left:.04em;animation:2s step-end .1s both xaf-car,1.6s step-end 2.1s infinite xaf-idle;display:inline-block}@keyframes xaf-car{0%,55%{opacity:1}65%{opacity:0}75%{opacity:1}85%,to{opacity:0}}@keyframes xaf-idle{0%,55%{opacity:.9}56%,to{opacity:0}}.xaf-rule{padding-bottom:104px}.xaf-close{padding-top:116px}@keyframes xaf-blink{0%,49%{opacity:1}50%,to{opacity:0}}.xaf-link{padding:0}.xaf-lnk-t{animation:.7s steps(22,end) .1s both xaf-type;display:inline-block}.xaf-lnk-code{animation:.35s cubic-bezier(.16,1,.3,1) .75s both xaf-wipe,5s cubic-bezier(.16,1,.3,1) 1.1s infinite xaf-remark;display:inline-block}@keyframes xaf-remark{0%,48%{clip-path:inset(0)}49%{clip-path:inset(0 100% 0 0)}58%,to{clip-path:inset(0)}}@keyframes xaf-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes xaf-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.xaf-lnk-t,.xaf-lnk-code{animation:none}}.xaf-keep{white-space:nowrap}.xaf-link-in{font:400 clamp(1.75rem, 3vw, 2.75rem)/1.05 var(--mono);letter-spacing:-.05em;color:var(--hz-950);border-top:1px solid var(--line);transform-origin:50%;flex-wrap:wrap;align-items:baseline;gap:0 .2em;padding:clamp(28px,4vw,56px) 0 clamp(20px,2.4vw,32px);display:flex}.xaf-lnk{white-space:nowrap}.xaf-link-k{border-bottom:1px solid var(--line);font:606 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hz-500);justify-content:space-between;margin:0;padding-bottom:clamp(20px,2.4vw,32px);display:flex}.xaf-link-k .x-mono{text-transform:none;letter-spacing:0}.xaf-lnk-code{background:var(--hz-950);color:#fff;border-radius:.14em;padding:0 .18em;display:inline-block}.xaf-q-sec{padding-top:clamp(72px,8vw,116px)}.xaf-how-h{margin:0 0 clamp(28px,3vw,44px)}.xaf-q{grid-template-columns:minmax(0,8fr) minmax(0,5fr);align-items:start;gap:24px clamp(32px,4vw,64px);display:grid}.xaf-q-main{min-width:0}.xaf-q-view{touch-action:pan-y;border-radius:28px;overflow:clip}.xaf-q-track{gap:24px;margin:0;padding:0;list-style:none;display:grid}.xaf-q.ready .xaf-q-track{transform:translateX(calc(var(--at,0) * -100%));gap:0;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex}.xaf-q.ready .xaf-q-step{min-width:0;transition:opacity .45s var(--xp-ease);flex:0 0 100%}.xaf-q.ready .xaf-q-step:not(.on){opacity:.25}.xaf-q-obj{height:clamp(300px,30vw,400px);position:relative}.xaf-q-t{max-width:30ch;font:497 clamp(1.25rem, 1.8vw, 1.625rem)/1.3 var(--sans);letter-spacing:-.02em;color:var(--hz-950);margin:24px 0 0}.xaf-q-step.on .xaf-s{animation:.5s cubic-bezier(.16,1,.3,1) .15s both xaf-q-in}@keyframes xaf-q-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.xaf-q-ctl{align-items:center;gap:16px;margin-top:24px;display:none}.xaf-q.ready .xaf-q-ctl{display:flex}.xaf-q-btn{border:1px solid var(--line);width:48px;height:48px;color:var(--hz-950);font:400 20px/1 var(--sans);cursor:pointer;transition:background-color .2s var(--xp-ease), border-color .2s var(--xp-ease), transform .15s var(--xp-ease);background:#fff;border-radius:50%;place-items:center;display:grid}@media (hover:hover){.xaf-q-btn:not(:disabled):hover{background:var(--hz-50);border-color:var(--hz-300)}}.xaf-q-btn:not(:disabled):active{transform:scale(.94)}.xaf-q-btn:disabled{opacity:.35;cursor:default}.xaf-q-btn:focus-visible,.xaf-q-row button:focus-visible{outline:2px solid var(--hz-950);outline-offset:3px}.xaf-q-n{text-align:center;min-width:7ch}.xaf-q-sum{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.xaf-q-row{border-bottom:1px solid var(--line)}.xaf-q-row button{text-align:left;cursor:pointer;width:100%;min-height:64px;color:var(--hz-950);transition:background-color .2s var(--xp-ease);background:0 0;border:0;border-radius:12px;grid-template-columns:3ch minmax(0,1fr);align-items:center;gap:16px;padding:12px 8px;display:grid}.xaf-q-row button:disabled{cursor:default}@media (hover:hover){.xaf-q-row button:not(:disabled):hover{background:var(--hz-50)}}.xaf-q-row.here .xaf-q-i{color:var(--hz-950)}.xaf-q-a{min-width:0;display:block;position:relative}.xaf-q-row:not(.filled) .xaf-q-a{visibility:hidden}.xaf-q-row:not(.filled) button{background:linear-gradient(var(--line), var(--line)) calc(3ch + 24px) 50% / 40% 1px no-repeat}.xaf-q.ready .xaf-q-row.filled .xaf-q-a{animation:.5s cubic-bezier(.16,1,.3,1) both xaf-q-land}@keyframes xaf-q-land{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-16px)}to{opacity:1;clip-path:inset(0);transform:none}}.xaf-sum-code{font:500 14px/1.4 var(--mono);letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--hz-950)}.xaf-sum-code b{background:var(--hz-950);color:#fff;border-radius:6px;padding:0 .3em;font-weight:500}.xaf-sum-reply{font:560 16px/1.2 var(--sans);align-items:center;gap:10px;display:inline-flex}.xaf-sum-av{background:var(--hz-950);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.xaf-sum-you{font:497 21px/1.2 var(--sans);letter-spacing:-.02em}.xaf .xaf-q-t a{color:inherit;text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:1px}.xaf .xaf-q-t .x-copy{vertical-align:.2em;margin:0 6px}@media (prefers-reduced-motion:reduce){.xaf-q.ready .xaf-q-track,.xaf-q.ready .xaf-q-step{transition:none}.xaf-q-step.on .xaf-s,.xaf-q.ready .xaf-q-row.filled .xaf-q-a{animation:none}}.xaf-stage{border:1px solid var(--line);background:linear-gradient(180deg, #fff, var(--hz-50));border-radius:28px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.xaf-step{position:absolute;bottom:24px;left:28px}.xaf-s{width:min(86%,560px)}.xaf-req{justify-items:center;gap:18px;display:grid}.xaf-req-top{color:#fafafa;width:100%;height:72px;font:400 21px/1 var(--mono);letter-spacing:-.02em;background:#0a0a0a;border-radius:16px;align-items:center;gap:16px;padding:0 24px;display:flex}.xaf-verb{background:var(--hz-800);color:#fff;letter-spacing:.04em;border-radius:10px;padding:8px 12px;font-size:14px}.xaf-req-or{font:500 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hz-500)}.xaf-mail,.xaf-row{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:16px;width:100%;padding:18px 22px;display:flex}.xaf-mail b{font:560 19px/1.2 var(--sans);letter-spacing:-.015em;color:var(--hz-950)}.xaf-mail-i,.xaf-av{background:var(--hz-50);width:48px;height:48px;font:600 16px/1 var(--mono);color:var(--hz-950);border-radius:50%;flex:none;place-items:center;display:grid}.xaf-mt{flex:1;gap:4px;min-width:0;display:grid}.xaf-mt b{font:560 18px/1.2 var(--sans);letter-spacing:-.015em;color:var(--hz-950)}.xaf-mt small{font:500 14px/1.2 var(--mono);color:var(--hz-500)}.xaf-out{font:400 20px/1 var(--sans);color:var(--hz-500);flex:none}.xaf-reply{gap:14px;display:grid}.xaf-row.in{border-color:var(--hz-300);width:calc(100% - 40px);margin-left:40px}.xaf-av.h{background:var(--hz-950);color:#fff}.xaf-code{text-align:center;justify-items:center;gap:22px;display:grid}.xaf-code-v{font:400 64px/1 var(--mono);letter-spacing:-.06em;color:var(--hz-950)}.xaf-code-l{font:500 clamp(.95rem, 1.4vw, 1.2rem)/1.3 var(--mono);color:var(--hz-500);border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 18px}.xaf-code-l em{color:var(--hz-950);font-style:normal}.xaf-land{text-align:center;justify-items:center;gap:22px;display:grid}.xaf-org{background:var(--hz-950);color:#fff;height:68px;font:500 17px/1 var(--sans);border-radius:999px;align-items:center;gap:14px;padding:0 26px 0 10px;display:inline-flex}.xaf-org-i{width:48px;height:48px;color:var(--hz-950);font:600 13px/1 var(--mono);background:#fff;border-radius:50%;place-items:center;display:grid}.xaf-you{font:497 32px/1.1 var(--sans);letter-spacing:-.025em;color:var(--hz-950)}.xaf-code-in{vertical-align:baseline;max-width:100%;font:500 .78em/1.4 var(--mono);letter-spacing:-.02em;background:var(--hz-50);border:1px solid var(--line);color:var(--hz-950);overflow-wrap:anywhere;border-radius:10px;padding:2px 10px;display:inline-block}.xaf .xaf-q-t a,.xaf-close .x-link{transition:text-underline-offset .2s var(--xp-ease), text-decoration-thickness .2s var(--xp-ease)}.xaf-close .x-link{color:var(--hz-950);text-underline-offset:.12em;background:0 0;text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover){.xaf .xaf-q-t a:hover,.xaf-close .x-link:hover{text-underline-offset:.22em;text-decoration-thickness:2px}}.xaf-rule-tabs .x-tablist{border-radius:28px;flex-wrap:wrap;gap:6px;width:auto;max-width:100%;padding:6px}.xaf-rule-tabs .x-tab{height:auto;min-height:44px;font:497 clamp(1.375rem, 2.2vw, 2rem)/1.1 var(--sans);letter-spacing:-.025em;padding:.3em .6em}.xaf-rule-p{border-radius:28px;outline:none;margin-top:24px}.xaf-rule-p:focus-visible{outline:2px solid var(--hz-50);outline-offset:4px}.xaf-dia-wrap{background:var(--hz-900);border:1px solid var(--room-line);border-radius:28px;place-items:center;height:clamp(300px,34vw,460px);display:grid;overflow:hidden}.xaf-dia{width:min(92%,760px);height:auto}.xaf-ln{fill:none;stroke:var(--hz-50);stroke-width:3px;stroke-linecap:round}.xaf-ln.dash{stroke:var(--hz-500);stroke-dasharray:2 10}.xaf-node{fill:var(--hz-900);stroke:var(--hz-500);stroke-width:2px}.xaf-node.on{fill:var(--hz-50);stroke:var(--hz-50)}.xaf-t{font:600 16px/1 var(--mono);text-anchor:middle;fill:var(--hz-950)}.xaf-t.dim{fill:var(--hz-300)}.xaf-t.inv{fill:var(--hz-950)}.xaf-x{stroke:var(--hz-300);stroke-width:3px;stroke-linecap:round;fill:none}.xaf-own{fill:none;stroke:var(--hz-600);stroke-width:2px;stroke-dasharray:4 6}.xaf-orgnode rect{fill:var(--hz-50)}.xaf-close .xp-grid{align-items:end;row-gap:40px}.xaf-close-l{grid-column:1/span 7}.xaf-close-h{max-width:16ch;font-size:clamp(2rem,3vw,2.75rem)}.xaf-close-act{grid-column:9/span 4;justify-items:start;gap:24px;display:grid}@media (prefers-reduced-motion:reduce){.xaf-caret{opacity:0;animation:none!important}.xaf-lnk-code{animation:none!important}}@media (max-width:900px){.xaf-hero{padding:32px 0 24px}.xaf-side{justify-items:stretch;gap:24px;padding:0}.xaf-apply{gap:10px;display:grid}.xaf-link{padding:8px 0 0}.xaf-link-in{justify-items:start;font-size:26px;display:grid}.xaf-side .xp-cta{width:100%}.xaf-lnk{white-space:normal;overflow-wrap:anywhere}.xaf-rule-tabs .x-tab{font-size:1.375rem}.xaf-stage{border-radius:22px}.xaf-q{grid-template-columns:minmax(0,1fr)}.xaf-q-view{border-radius:22px}.xaf-q-obj{height:300px}.xaf-q-t{font-size:1.25rem}.xaf-s{width:88%}.xaf-req-top{gap:10px;height:64px;padding:0 16px;font-size:15px}.xaf-mail,.xaf-row{gap:12px;padding:14px}.xaf-mail b{font-size:16px}.xaf-row.in{width:calc(100% - 20px);margin-left:20px}.xaf-org{height:56px;padding-right:18px;font-size:15px}.xaf-org-i{width:40px;height:40px}.xaf-you{font-size:1.75rem}.xaf-dia-wrap{border-radius:22px;height:260px}.xaf-close-act{justify-items:stretch}}.xaf .x-copy{border-radius:50%;justify-content:center;width:44px;height:44px;padding:0}.xaf .x-copy-t{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.xaf-rule-tabs{scrollbar-width:none;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.xaf-rule-tabs::-webkit-scrollbar{display:none}.xaf-rule-tabs .x-tablist{width:max-content}}:is(html:has(main.xaf):not([data-xaf-solid]) header[data-slot=masthead] a[href="https://hanzo.ai/signup"],html:has(main.xaf):not([data-xaf-solid]) header[data-slot=masthead] a[data-x-ask]){color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border,#00000024);background-color:#0000}html:not(.light) .xaf-to,html:not(.light) .xaf-link-k,html:not(.light) .xaf-req-or,html:not(.light) .xaf-mt small,html:not(.light) .xaf-out,html:not(.light) .xaf-code-l{color:var(--soft)}html:not(.light) .xaf-caret{background:var(--ink)}html:not(.light) .xaf-link-in,html:not(.light) .xaf-q-t,html:not(.light) .xaf-q-btn,html:not(.light) .xaf-q-row button,html:not(.light) .xaf-q-row.here .xaf-q-i,html:not(.light) .xaf-sum-code,html:not(.light) .xaf-close .x-link,html:not(.light) .xaf-mail b,html:not(.light) .xaf-mail-i,html:not(.light) .xaf-av,html:not(.light) .xaf-mt b,html:not(.light) .xaf-code-v,html:not(.light) .xaf-code-l em,html:not(.light) .xaf-you,html:not(.light) .xaf-code-in{color:var(--ink)}html:not(.light) .xaf-lnk-code,html:not(.light) .xaf-sum-code b,html:not(.light) .xaf-sum-av,html:not(.light) .xaf-av.h,html:not(.light) .xaf-org{background:var(--primary);color:var(--primary-foreground)}html:not(.light) .xaf-org-i{background:var(--primary-foreground);color:var(--primary)}html:not(.light) .xaf-q-btn,html:not(.light) .xaf-mail,html:not(.light) .xaf-row,html:not(.light) .xaf-code-l{background:var(--x-raised)}html:not(.light) .xaf-mail-i,html:not(.light) .xaf-av:not(.h),html:not(.light) .xaf-code-in{background:var(--muted)}html:not(.light) .xaf-stage{background:linear-gradient(180deg, var(--card), var(--muted))}html:not(.light) .xaf-req-top{border:1px solid var(--border)}html:not(.light) .xaf-row.in{border-color:var(--border-strong)}@media (hover:hover){html:not(.light) .xaf-q-btn:not(:disabled):hover{background:var(--muted);border-color:var(--border-strong)}html:not(.light) .xaf-q-row button:not(:disabled):hover{background:var(--muted)}}html:not(.light) .xaf-q-btn:focus-visible,html:not(.light) .xaf-q-row button:focus-visible{outline-color:var(--ink)}
.xaf-d1{translate:0 calc(var(--xaf-sy,0) * -.06px);animation:.9s cubic-bezier(.16,1,.3,1) both xaf-depth1}.xaf-d2{translate:0 calc(var(--xaf-sy,0) * -.16px);animation:1.05s cubic-bezier(.16,1,.3,1) 80ms both xaf-depth2}.xaf-d3{translate:0 calc(var(--xaf-sy,0) * -.28px);animation:1.2s cubic-bezier(.16,1,.3,1) .14s both xaf-depth3}.xaf-enter .xaf-hero .xp-wrap{filter:blur(calc(min(var(--xaf-sy,0), 400) * .01px))}@keyframes xaf-depth1{0%{transform:translateY(36px)scale(.985)}to{transform:none}}@keyframes xaf-depth2{0%{opacity:0;transform:translateY(84px)scale(.96)}to{opacity:1;transform:none}}@keyframes xaf-depth3{0%{opacity:0;transform:translateY(150px)scale(.92)}to{opacity:1;transform:none}}.xaf-h1-l{display:block}.xaf-link .xaf-link-in{animation:1.1s cubic-bezier(.16,1,.3,1) 50ms both xaf-pull}.xaf-link .xaf-link-k{animation:1.4s cubic-bezier(.16,1,.3,1) 50ms both xaf-push}@keyframes xaf-pull{0%{filter:blur(14px);opacity:.35}70%{filter:blur();opacity:1}to{filter:none;opacity:1}}@keyframes xaf-push{0%{filter:blur();opacity:.4}45%{filter:blur(6px);opacity:.5}to{filter:none;opacity:1}}.xaf-enter .xaf-q-sec:not([data-in]) .xaf-q{clip-path:circle(0%)}.xaf-enter .xaf-q-sec[data-in] .xaf-q{animation:.9s cubic-bezier(.65,0,.35,1) backwards xaf-iris}@keyframes xaf-iris{0%{clip-path:circle(0%)}to{clip-path:circle(75%)}}.xaf-rule{position:relative}.xaf-rule:after{content:"";z-index:2;pointer-events:none;opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 180px 180px, var(--hz-950);position:absolute;inset:0}.xaf-enter .xaf-rule:not([data-in]):after{opacity:1}.xaf-enter .xaf-rule:not([data-in])>.xp-wrap{opacity:0}.xaf-enter .xaf-rule[data-in]:after{animation:.8s steps(8,end) both xaf-grain}.xaf-enter .xaf-rule[data-in]>.xp-wrap{animation:.8s steps(8,end) both xaf-resolve}@keyframes xaf-grain{0%{opacity:1;background-position:0 0,0 0}50%{opacity:.7;background-position:61px 37px,0 0}to{opacity:0;background-position:17px 93px,0 0}}@keyframes xaf-resolve{0%{opacity:0;filter:blur(4px)contrast(1.6)}to{opacity:1;filter:none}}.xaf-enter .xaf-close:not([data-in]) .xaf-close-h,.xaf-enter .xaf-close:not([data-in]) .xaf-close-act{opacity:0}.xaf-enter .xaf-close[data-in] .xaf-close-h{animation:.62s step-end both xaf-glitch}.xaf-enter .xaf-close[data-in] .xaf-close-act{animation:.62s step-end .12s both xaf-glitch}@keyframes xaf-glitch{0%{opacity:1;clip-path:inset(38% 0 44%);transform:translate(-14px)}12%{clip-path:inset(8% 0 72%);transform:translate(12px)}24%{clip-path:inset(66% 0 6%);transform:translate(-8px)skew(-6deg)}36%{clip-path:inset(0 0 52%);transform:translate(6px)}48%{clip-path:inset(30% 0 0);transform:translate(-3px)}60%{clip-path:inset(0);transform:translate(2px)}72%,to{opacity:1;clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:reduce){.xaf-d1,.xaf-d2,.xaf-d3,.xaf-link .xaf-link-in,.xaf-link .xaf-link-k{animation:none;translate:none}}