.zai .how-intro,.zai .demo-scroll{--demo-surface:var(--cream);--demo-raised:var(--cream-alt)}.zai .how-intro{border-bottom:none;padding-bottom:48px}.zai .how-intro .section-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.zai .how-intro .section-heading{max-width:760px;font-size:clamp(28px,3.6vw,44px)}.zai .how-sub{max-width:620px;margin-bottom:0;font-size:15px}.zai .demo-scroll{background:var(--cream);border-bottom:3px solid var(--black);height:510vh;position:relative}.zai .demo-sticky{height:100vh;padding:64px 40px 34px;display:flex;position:sticky;top:0}.zai .demo-shell{flex-direction:column;flex:1;gap:16px;min-width:0;max-width:1080px;margin:0 auto;display:flex}.zai .demo-title{text-align:center;min-height:44px;margin-top:10px;position:relative}.zai .demo-title-line{font-family:var(--font-archivo-black), sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);font-size:26px;font-weight:400;position:absolute;top:0;left:0;right:0}.zai .demo-fit{flex:1;width:100%;min-height:0;position:relative}.zai .demo-canvas{transform-origin:50%;position:absolute;top:50%;left:50%}.zai .demo-rise{position:absolute;inset:0}.zai .demo-frame{background:var(--demo-raised);border:3px solid var(--black);box-shadow:var(--shadow-lg);position:absolute;inset:0;overflow:hidden}.zai .demo-overflow{pointer-events:none;position:absolute;inset:0}.zai .demo-layer{position:absolute;inset:0}.zai .demo-chrome{z-index:5;background:var(--navy);border-bottom:3px solid var(--black);font-family:var(--font-jetbrains), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--cream);flex-direction:column;justify-content:center;padding:0 14px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.zai .demo-chrome.is-stack{gap:4px}.zai .demo-chrome-row{align-items:center;gap:14px;display:flex}.zai .demo-state{flex:none;align-items:center;gap:9px;display:flex}.zai .demo-chrome-spacer{flex:1;min-width:0}.zai .chrome-from{font-family:var(--font-jetbrains), monospace;letter-spacing:.02em;text-transform:none;color:var(--cream);opacity:.78;white-space:nowrap;flex:none;align-items:center;font-size:10.5px;font-weight:400;display:flex}.zai .chrome-btn{background:var(--cream-alt);border:3px solid var(--black);height:28px;color:var(--ink-mute);font-family:var(--font-jetbrains), monospace;letter-spacing:.1em;text-transform:uppercase;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:700;transition:background .3s,color .3s,box-shadow .3s;display:inline-flex;position:relative}.zai .chrome-btn.is-live{background:var(--orange);color:var(--black);box-shadow:var(--shadow-sm)}.zai .chrome-ripple{border:3px solid var(--black);position:absolute;inset:-3px}.zai .demo-state-dot{background:var(--orange);border:2px solid var(--black);width:8px;height:8px;animation:1.9s step-end infinite demo-dot}@keyframes demo-dot{0%,49.9%{opacity:1}50%,to{opacity:.25}}.zai .demo-scan{z-index:4;background:var(--orange);height:4px;box-shadow:0 2px 0 var(--black);position:absolute}.zai .row-slot{background:0 0;position:absolute}.zai .row-fill{background:var(--cream);border:3px solid var(--black);position:absolute;inset:0}.zai .row-hit .row-fill{background:var(--sky);box-shadow:var(--shadow-sm)}.zai .row-body{position:relative}.zai .row{align-items:center;gap:14px;padding:0 16px;display:flex}.zai .row-avatar{background:var(--navy);border:3px solid var(--black);flex:none;place-items:center;display:grid}.zai .row-hit .row-avatar{background:var(--orange)}.zai .row-initials{font-family:var(--font-jetbrains), monospace;letter-spacing:.02em;color:var(--cream);font-size:13px;font-weight:700}.zai .row-hit .row-initials{color:var(--black)}.zai .row-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.zai .row-name{height:20px;font-family:var(--font-jetbrains), monospace;letter-spacing:-.01em;color:var(--ink);align-items:center;font-size:15px;font-weight:700;display:flex}.zai .row-name-slot{height:20px;display:block;position:relative}.zai .row-name-text{white-space:nowrap;line-height:20px;position:absolute;top:0;left:0}.zai .row-redact{background:var(--black);height:10px;display:block}.zai .row-name-slot .row-redact{position:absolute;top:5px;left:0}.zai .row-sub{font-family:var(--font-jetbrains), monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.zai .row-right{flex:none}.zai .row-why{font-family:var(--font-jetbrains), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--black);background:var(--cream-alt);border:2px solid var(--black);padding:3px 7px;font-size:10px;font-weight:700}.zai .row-strike{background:var(--black);transform-origin:0;height:3px;position:absolute;top:50%;left:66px;right:18px}.zai .row-pulse{border:3px solid var(--orange);pointer-events:none;position:absolute;inset:-3px}.zai .demo-counter{font-family:var(--font-jetbrains), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex;position:absolute}.zai .demo-counter-hit{background:var(--orange);border:2px solid var(--black);color:var(--black);letter-spacing:.1em;align-items:center;padding:4px 10px;display:inline-flex}.zai .pill{background:var(--sky);border:3px solid var(--black);font-family:var(--font-jetbrains), monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--black);white-space:nowrap;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:700;display:flex;position:absolute;overflow:hidden}.zai .pill-dot{background:var(--orange);border:2px solid var(--black);flex:none;width:8px;height:8px}.zai .pill-verified{background:var(--green);border:2px solid var(--black);color:var(--cream);font-family:var(--font-jetbrains), monospace;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.zai .body-box{background:var(--cream);border:3px solid var(--black);box-shadow:var(--shadow-md);position:absolute}.zai .subject-text{font-family:var(--font-jetbrains), monospace;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;padding:8px 14px 0;font-size:14px;font-weight:700;position:absolute;overflow:hidden}.zai .subject-sep{background:var(--black);height:3px;position:absolute;left:0;right:0}.zai .body-line{font-family:var(--font-jetbrains), monospace;color:var(--ink);text-wrap:pretty;font-size:14px;line-height:1.5;position:absolute}.zai .body-sign{color:var(--ink-soft)}.zai .body-sign-name{color:var(--ink);font-weight:700}.zai .body-mark{background:var(--orange);box-shadow:0 0 0 2px var(--orange);position:relative}.zai .body-mark-line{background:var(--black);transform-origin:0;height:3px;position:absolute;bottom:-4px;left:0;right:0}.zai .body-caret{vertical-align:-2px;background:var(--black);width:9px;height:15px;margin-left:3px;animation:.9s step-end infinite demo-caret;display:inline-block}@keyframes demo-caret{0%,49.9%{opacity:1}50%,to{opacity:0}}.zai .plane{z-index:6;position:absolute}.zai .plane-trail{z-index:5;transform-origin:0;background:var(--orange);border:2px solid var(--black);height:4px;position:absolute}.zai .receipt{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.zai .receipt-mark{background:var(--green);border:3px solid var(--black);width:58px;height:58px;box-shadow:var(--shadow-sm);color:var(--cream);place-items:center;display:grid}.zai .receipt-title{font-family:var(--font-archivo-black), sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);font-size:26px;font-weight:400}.zai .receipt-sub{font-family:var(--font-jetbrains), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);font-size:12px}.zai .demo-cursor{z-index:8;pointer-events:none;position:absolute;top:0;left:0}.zai .demo-cursor-ring{border:3px solid var(--black);width:28px;height:28px;position:absolute;top:-7px;left:-8px}.zai .demo-caption{text-align:center;height:46px;position:relative}.zai .demo-caption-line{max-width:700px;font-family:var(--font-jetbrains), monospace;color:var(--ink-soft);text-wrap:pretty;margin:0 auto;font-size:13.5px;line-height:1.6;position:absolute;inset:0}.zai .demo-shell.is-static .demo-caption{grid-template-columns:repeat(3,1fr);gap:28px;height:auto;display:grid}.zai .demo-shell.is-static .demo-caption-line{text-align:left;max-width:none;font-size:12.5px;position:static}@media (max-width:899px){.zai .demo-scroll{height:auto}.zai .demo-sticky{height:auto;padding:0 22px 32px;position:static}.zai .demo-shell{gap:20px}.zai .demo-title-line{font-size:20px}.zai .demo-caption{height:92px}.zai .demo-caption-line{font-size:13px}.zai .subject-text,.zai .body-line{font-size:12px}.zai .row-name{font-size:13px}.zai .row-sub{font-size:10px}.zai .chrome-from{font-size:9.5px}.zai .chrome-btn{height:24px;padding:0 10px;font-size:9px}}@media (max-width:600px){.zai .demo-sticky{padding:0 18px 28px}.zai .demo-title-line{font-size:17px}}@media (prefers-reduced-motion:reduce){.zai .demo-scroll{height:auto}.zai .demo-sticky{height:auto;padding:0 40px 32px;position:static}.zai .demo-state-dot,.zai .body-caret{animation:none}}