@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
#af-mock{--af-paper:light-dark(#f5f4ec,#171c18);--af-ink:light-dark(#25352c,#eef1df);--af-muted:light-dark(#637063,#b0bbac);--af-line:light-dark(#d9ddcf,#38473a);--af-accent:light-dark(#667c45,#bdce91);--af-panel:light-dark(#eeeee2,#222c23);font-family:'DM Sans',sans-serif;background:var(--af-paper);color:var(--af-ink);overflow:hidden;width:100%;border-radius:4px}
.af-scope.af-scope.af-scope.af-scope *{box-sizing:border-box}.af-scope.af-scope.af-scope.af-scope button,.af-scope.af-scope.af-scope.af-scope a{-webkit-tap-highlight-color:transparent}.af-scope.af-scope.af-scope.af-scope button{font:inherit;cursor:pointer}.af-scope.af-scope.af-scope.af-scope a{color:inherit;text-decoration:none}.af-scope.af-scope.af-scope.af-scope .af-nav{height:82px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--af-line);gap:20px}.af-scope.af-scope.af-scope.af-scope .af-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:-.6px}.af-scope.af-scope.af-scope.af-scope .af-brand i{width:23px;height:23px}.af-scope.af-scope.af-scope.af-scope .af-links{display:flex;align-items:center;gap:26px;font-size:12px}.af-scope.af-scope.af-scope.af-scope .af-links a:last-child{border:1px solid var(--af-line);padding:11px 15px;border-radius:3px}.af-scope.af-scope.af-scope.af-scope .af-hero{position:relative;min-height:558px;padding:72px 5% 48px;isolation:isolate}.af-scope.af-scope.af-scope.af-scope .af-copy{position:relative;z-index:2;width:52%;pointer-events:none}.af-scope.af-scope.af-scope.af-scope .af-copy a{pointer-events:auto}.af-scope.af-scope.af-scope.af-scope .af-eyebrow{display:flex;align-items:center;gap:8px;font:10px 'IBM Plex Mono',monospace;letter-spacing:1.3px;text-transform:uppercase}.af-scope.af-scope.af-scope.af-scope .af-dot{height:6px;width:6px;border-radius:50%;background:var(--af-accent);display:inline-block;flex-shrink:0}.af-scope.af-scope.af-scope.af-scope h1{font:400 clamp(42px,6.2vw,69px)/1.02 Georgia,serif;letter-spacing:-3px;margin:29px 0 24px}.af-scope.af-scope.af-scope.af-scope h1 em{font-weight:400;color:var(--af-accent)}.af-scope.af-scope.af-scope.af-scope .af-intro{font-size:14px;line-height:1.8;max-width:330px;color:var(--af-muted);margin:0 0 27px}.af-scope.af-scope.af-scope.af-scope .af-cta{display:inline-flex;align-items:center;gap:28px;font-size:12px;background:var(--af-ink);color:var(--af-paper);border-radius:3px;padding:15px 19px;transition:transform .2s}.af-scope.af-scope.af-scope.af-scope .af-cta:hover{transform:translateY(-3px)}.af-scope.af-scope.af-scope.af-scope .af-under{margin-top:22px;font:10px 'IBM Plex Mono',monospace;color:var(--af-muted);letter-spacing:.5px}.af-scope.af-scope.af-scope.af-scope .af-art{position:absolute;z-index:0;right:-4%;top:12px;bottom:0;width:68%;overflow:hidden}.af-scope.af-scope.af-scope.af-scope canvas{display:block;width:100%;height:100%;opacity:.95}.af-scope.af-scope.af-scope.af-scope .af-artlabel{position:absolute;right:12%;bottom:33px;font:9px 'IBM Plex Mono',monospace;letter-spacing:1.2px;color:var(--af-muted)}.af-scope.af-scope.af-scope.af-scope .af-coordinates{position:absolute;right:12%;top:37px;font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:var(--af-muted)}.af-scope.af-scope.af-scope.af-scope .af-strip{margin:0 5%;padding:21px 0;border-top:1px solid var(--af-line);display:flex;justify-content:space-between;gap:20px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.7px;color:var(--af-muted)}.af-scope.af-scope.af-scope.af-scope .af-proof{display:flex;gap:25px;color:var(--af-ink)}.af-scope.af-scope.af-scope.af-scope .af-story{padding:55px 5% 45px;background:var(--af-panel);position:relative}.af-scope.af-scope.af-scope.af-scope .af-storytop{display:flex;align-items:end;justify-content:space-between;gap:30px}.af-scope.af-scope.af-scope.af-scope h2{font:400 clamp(29px,4vw,42px)/1.12 Georgia,serif;letter-spacing:-1.3px;margin:15px 0 0}.af-scope.af-scope.af-scope.af-scope .af-storytop p{font-size:12px;line-height:1.7;color:var(--af-muted);max-width:260px;margin:0}.af-scope.af-scope.af-scope.af-scope .af-flow{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;margin:40px 0 24px}.af-scope.af-scope.af-scope.af-scope .af-node{min-height:112px;padding:20px;border:1px solid var(--af-line);background:var(--af-paper);display:flex;flex-direction:column;justify-content:center;gap:12px;border-radius:4px;position:relative}.af-scope.af-scope.af-scope.af-scope .af-node strong{font-size:14px;font-weight:500}.af-scope.af-scope.af-scope.af-scope .af-node small{font:10px 'IBM Plex Mono',monospace;color:var(--af-muted)}.af-scope.af-scope.af-scope.af-scope .af-node.af-gate{border-color:var(--af-accent)}.af-scope.af-scope.af-scope.af-scope .af-node .af-symbol{display:flex;align-items:center;gap:9px}.af-scope.af-scope.af-scope.af-scope .af-symbol i{width:16px;height:16px}.af-scope.af-scope.af-scope.af-scope .af-wire{height:1px;background:var(--af-line);position:relative}.af-scope.af-scope.af-scope.af-scope .af-wire:after{content:'';position:absolute;top:-2px;width:16px;height:5px;border-radius:3px;background:var(--af-accent);animation:af-transit 2.4s linear infinite}.af-scope.af-scope.af-scope.af-scope .af-wire.af-second:after{animation-delay:1.2s}.af-scope.af-scope.af-scope.af-scope .af-request{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--af-line);padding-top:20px}.af-scope.af-scope.af-scope.af-scope .af-switch{display:flex;gap:5px;flex-wrap:wrap}.af-scope.af-scope.af-scope.af-scope .af-switch button{font:10px 'IBM Plex Mono',monospace;border:1px solid var(--af-line);border-radius:3px;padding:9px 12px;background:transparent;color:var(--af-muted)}.af-scope.af-scope.af-scope.af-scope .af-switch button[aria-pressed=true]{background:var(--af-ink);color:var(--af-paper);border-color:var(--af-ink)}.af-scope.af-scope.af-scope.af-scope .af-decision{font:10px 'IBM Plex Mono',monospace;color:var(--af-accent);display:flex;align-items:center;gap:7px}.af-scope.af-scope.af-scope.af-scope .af-foot{display:flex;justify-content:space-between;align-items:center;font:9px 'IBM Plex Mono',monospace;letter-spacing:.7px;color:var(--af-muted);padding:22px 5%}.af-scope.af-scope.af-scope.af-scope .af-motion{border:0;background:transparent;color:var(--af-muted);font:10px 'IBM Plex Mono',monospace;padding:6px 0;display:flex;align-items:center;gap:7px}.af-scope.af-scope.af-scope.af-scope .af-motion i{height:12px;width:12px}.af-scope.af-scope.af-scope.af-scope[data-blocked=true] .af-second:after{animation:none;left:0;background:#b57852}.af-scope.af-scope.af-scope.af-scope[data-blocked=true] .af-decision{color:light-dark(#98512d,#e7ae86)}.af-scope.af-scope.af-scope.af-scope[data-paused=true] .af-wire:after{animation-play-state:paused}
@keyframes af-transit{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 16px);opacity:0}}
@media(max-width:600px){.af-scope.af-scope.af-scope.af-scope .af-nav{height:65px}.af-scope.af-scope.af-scope.af-scope .af-links{gap:12px}.af-scope.af-scope.af-scope.af-scope .af-links .af-hide{display:none}.af-scope.af-scope.af-scope.af-scope .af-brand{font-size:16px}.af-scope.af-scope.af-scope.af-scope .af-hero{padding-top:42px;padding-bottom:0;min-height:0}.af-scope.af-scope.af-scope.af-scope .af-copy{width:100%}.af-scope.af-scope.af-scope.af-scope h1{font-size:48px;max-width:390px;letter-spacing:-2px}.af-scope.af-scope.af-scope.af-scope .af-intro{max-width:350px}.af-scope.af-scope.af-scope.af-scope .af-art{position:relative;width:125%;height:310px;right:auto;margin:-10px -12% 0}.af-scope.af-scope.af-scope.af-scope .af-coordinates{display:none}.af-scope.af-scope.af-scope.af-scope .af-artlabel{bottom:20px;right:18%}.af-scope.af-scope.af-scope.af-scope .af-strip{font-size:8px;gap:10px}.af-scope.af-scope.af-scope.af-scope .af-proof{gap:10px}.af-scope.af-scope.af-scope.af-scope .af-storytop{display:block}.af-scope.af-scope.af-scope.af-scope .af-storytop p{margin-top:18px;max-width:340px}.af-scope.af-scope.af-scope.af-scope .af-flow{grid-template-columns:1fr;gap:0;margin-top:27px}.af-scope.af-scope.af-scope.af-scope .af-wire{width:1px;height:24px;margin:auto}.af-scope.af-scope.af-scope.af-scope .af-wire:after{width:4px;height:9px;animation:af-down 2s linear infinite}.af-scope.af-scope.af-scope.af-scope .af-node{min-height:84px;padding:17px}.af-scope.af-scope.af-scope.af-scope .af-request{align-items:start;flex-direction:column}.af-scope.af-scope.af-scope.af-scope .af-story{padding-top:36px}.af-scope.af-scope.af-scope.af-scope .af-foot{gap:15px;font-size:8px}}@keyframes af-down{from{top:0;opacity:0}50%{opacity:1}to{top:18px;opacity:0}}@media(prefers-reduced-motion:reduce){.af-scope.af-scope.af-scope.af-scope .af-wire:after{animation:none}.af-scope.af-scope.af-scope.af-scope .af-cta{transition:none}}
.af-scope.af-scope.af-scope.af-scope{color-scheme:light;--af-paper:#ffffff;--af-ink:#0a0a0a;--af-muted:#5a6072;--af-line:#e9e7e2;--af-accent:#c3d9a0;--af-panel:#f9f7f4;--af-gradient:linear-gradient(135deg,#c3d9a0 0%,#e0df93 34%,#f0ce86 67%,#f0b98c 100%)}
.af-scope.af-scope.af-scope.af-scope h1 em{background:var(--af-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.af-scope.af-scope.af-scope.af-scope .af-dot{background:var(--af-gradient)}
.af-scope.af-scope.af-scope.af-scope .af-hero{min-height:558px}
.af-scope.af-scope.af-scope.af-scope .af-cta{background:#0a0a0a;color:#ffffff}
.af-scope.af-scope.af-scope.af-scope .af-artlabel,.af-scope.af-scope.af-scope.af-scope .af-coordinates{font-size:9px;color:#777d88}
.af-scope.af-scope.af-scope.af-scope .af-logo{width:25px;height:25px;object-fit:contain}
.af-scope.af-scope.af-scope.af-scope .af-foot{border-top:1px solid var(--af-line);gap:15px;flex-wrap:wrap;padding:17px 5%;background:#fafaf8}
.af-scope.af-scope.af-scope.af-scope .af-options{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.af-scope.af-scope.af-scope.af-scope .af-option-label{font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#626979;margin-right:9px}
.af-scope.af-scope.af-scope.af-scope .af-options button{border:1px solid #e9e7e2;background:#fff;color:#626979;padding:9px 12px;border-radius:5px;font:10px 'IBM Plex Mono',monospace}
.af-scope.af-scope.af-scope.af-scope .af-options button[aria-pressed=true]{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
@media(max-width:600px){.af-scope.af-scope.af-scope.af-scope .af-hero{min-height:0}.af-scope.af-scope.af-scope.af-scope .af-options{gap:5px}.af-scope.af-scope.af-scope.af-scope .af-options button{padding:10px 9px}.af-scope.af-scope.af-scope.af-scope .af-option-label{width:100%;margin-bottom:4px}}

.af-scope.af-scope.af-scope.af-scope .af-art{top:0;bottom:0}
.af-scope.af-scope.af-scope.af-scope .af-art canvas{cursor:crosshair}
.af-scope.af-scope.af-scope.af-scope .af-coordinates,.af-scope.af-scope.af-scope.af-scope .af-artlabel{pointer-events:none}
.af-scope.af-scope.af-scope.af-scope .af-cursor-hint{position:absolute;bottom:10px;right:12%;color:#868b93;font:9px 'IBM Plex Mono',monospace;letter-spacing:.45px;pointer-events:none}
.af-scope.af-scope.af-scope.af-scope .af-artlabel{bottom:32px}
.af-scope.af-scope.af-scope.af-scope .af-interactions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.af-scope.af-scope.af-scope.af-scope .af-reveal{font:10px 'IBM Plex Mono',monospace;color:#5a6072;border:1px solid #e9e7e2;padding:9px 12px;border-radius:5px;background:white}
.af-scope.af-scope.af-scope.af-scope .af-reveal[aria-pressed=true]{color:#0a0a0a;background:#f4f6ef;border-color:#c3d9a0}
@media(max-width:600px){.af-scope.af-scope.af-scope.af-scope .af-art{height:360px}.af-scope.af-scope.af-scope.af-scope .af-cursor-hint{right:17%;font-size:8px}.af-scope.af-scope.af-scope.af-scope .af-options{width:100%}}

.af-scope.af-scope.af-scope.af-scope .af-replay{font:10px "IBM Plex Mono",monospace;border:0;background:transparent;color:#5a6072;padding:8px 0;cursor:pointer}.af-scope.af-scope.af-scope.af-scope .af-interactions{gap:14px}
.af-scope.af-scope.af-scope.af-scope .af-ripple{font:10px "IBM Plex Mono",monospace;color:#5a6072;border:1px solid #e9e7e2;padding:9px 12px;border-radius:5px;background:white;cursor:pointer}
.af-scope.af-scope.af-scope.af-scope .af-art canvas{cursor:grab;touch-action:none;user-select:none}.af-scope.af-scope.af-scope.af-scope[data-dragging="true"] .af-art canvas{cursor:grabbing}

body{margin:0}.af-scope.af-scope.af-scope.af-scope h1{font-size:clamp(48px,5.25vw,88px)}.af-scope.af-scope.af-scope.af-scope .af-hero{min-height:680px;padding-top:95px}.af-scope.af-scope.af-scope.af-scope .af-nav{height:96px}.af-scope.af-scope.af-scope.af-scope .af-brand{font-size:22px}.af-scope.af-scope.af-scope.af-scope .af-links{font-size:16px}.af-scope.af-scope.af-scope.af-scope .af-intro{font-size:18px;max-width:460px}.af-scope.af-scope.af-scope.af-scope .af-cta{font-size:14px}.af-scope.af-scope.af-scope.af-scope .af-eyebrow{font-size:12px}.af-scope.af-scope.af-scope.af-scope .af-under,.af-scope.af-scope.af-scope.af-scope .af-strip{font-size:12px}.af-scope.af-scope.af-scope.af-scope .af-copy{width:54%}@media(max-width:650px){.af-scope.af-scope.af-scope.af-scope .af-hero{min-height:0;padding-top:50px}.af-scope.af-scope.af-scope.af-scope .af-copy{width:100%}.af-scope.af-scope.af-scope.af-scope h1{font-size:48px}}