.ab{--ab-ease:cubic-bezier(.2, .7, .2, 1);--ab-rail:color-mix(in oklch, var(--ink) 55%, transparent);--ab-line:color-mix(in oklch, var(--brand-blue) 60%, transparent)}.ab-item-title{font-family:var(--font-display);letter-spacing:-.014em;color:var(--ink);text-wrap:balance;font-size:1.125rem;font-weight:600;line-height:1.25}.ab-statement{font-family:var(--font-display);letter-spacing:-.028em;text-wrap:balance;font-size:clamp(1.625rem,2.6vw,2.5rem);font-weight:600;line-height:1.14}.ab-intro{--ab-gap:2.5rem;--ab-ease:cubic-bezier(.2, .7, .2, 1)}.ab-intro-grid{column-gap:var(--ab-gap);grid-template-columns:minmax(0,10.75rem) minmax(0,1fr)}.ab-intro-nodes{flex-direction:column;justify-content:space-around;padding-block:.5rem;display:flex}.ab-intro-node{outline:1px dashed var(--rule-strong);outline-offset:4px;position:relative;box-shadow:0 1px 2px oklch(20% .025 262/.05)}.ab-intro-rail{width:var(--ab-gap);height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:100%}.ab-intro-rail:before{content:"";background:var(--brand-blue);transform-origin:0;position:absolute;inset:0}.ab-intro-node[data-mode=read] .ab-intro-rail:before{background:repeating-linear-gradient(90deg, var(--brand-blue) 0 4px, transparent 4px 8px)}.ab-intro-port{border:1.5px solid var(--brand-blue);background:#fff;border-radius:999px;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;right:-4px}.ab-intro-card{box-shadow:0 1px 0 oklch(100% 0 0/.8) inset, 0 1px 2px oklch(20% .025 262/.05), 0 22px 48px -30px color-mix(in oklch, var(--brand-blue) 45%, transparent)}.ab-intro-dot{background:var(--brand-blue);border-radius:999px;flex:none;width:10px;height:10px;display:inline-flex;position:relative}.ab-intro-ok{border-radius:inherit;background:var(--brand-green);position:absolute;inset:0}.ab-intro-ring{border:1.5px solid var(--brand-green);opacity:0;border-radius:999px;position:absolute;inset:-4px}html[data-motion=ok] .ab-intro-rail:before{animation:ab-draw-x .62s var(--ab-ease) calc(.35s + var(--i,0) * .14s) 1 both}html[data-motion=ok] .ab-intro-port{animation:fi-fade-in .2s ease calc(.35s + var(--i,0) * .14s + .56s) 1 both}html[data-motion=ok] .ab-intro-prop{animation:fi-rise .52s var(--ab-ease) calc(.9s + var(--i,0) * .24s) 1 both}html[data-motion=ok] .ab-intro-ok{animation:.42s 1.95s both fi-fade-in}html[data-motion=ok] .ab-intro-ring{animation:1.2s ease-out 2s both ab-ring}.ab-seq{--ab-sock:13px;--ab-rail-x:.5rem;--ab-indent:3rem;--ab-sock-y:1.625rem;--ab-row-gap:1rem;position:relative}.ab-seq-head{color:var(--ink-soft);align-items:center;gap:.75rem;display:flex}.ab-seq-mark{background:var(--brand-blue);width:11px;height:11px;margin-left:calc(var(--ab-rail-x) + 2.5px - 5.5px);border-radius:2px;flex:none}.ab-seq-list{row-gap:var(--ab-row-gap);padding-left:var(--ab-indent);margin-top:.875rem;display:grid;position:relative}.ab-step{--ds:.15s;position:relative}.ab-step-seg{left:calc(var(--ab-rail-x) - var(--ab-indent));top:calc(-1 * var(--ab-row-gap));border-left:5px double var(--ab-rail);width:0;position:absolute;bottom:0}.ab-step:first-child .ab-step-seg{top:-.875rem}.ab-step:last-child .ab-step-seg{height:calc(var(--ab-sock-y) + .875rem);bottom:auto}.ab-step:not(:first-child):last-child .ab-step-seg{height:calc(var(--ab-sock-y) + var(--ab-row-gap))}.ab-step-socket{z-index:1;width:var(--ab-sock);height:var(--ab-sock);left:calc(var(--ab-rail-x) - var(--ab-indent) + 2.5px - var(--ab-sock) / 2);top:calc(var(--ab-sock-y) - var(--ab-sock) / 2);border:1.5px solid var(--rule-strong);background:#fff;border-radius:999px;position:absolute}.ab-step-socket:after{content:"";border-radius:inherit;border:1.5px solid var(--brand-blue);box-shadow:0 0 0 3px color-mix(in oklch, var(--brand-blue) 14%, transparent);background:#fff;position:absolute;inset:-1.5px}.ab-step-ring{border:1.5px solid var(--brand-blue);opacity:0;border-radius:999px;position:absolute;inset:-7px}.ab-step-latch{left:calc(var(--ab-rail-x) - var(--ab-indent) + 2.5px + var(--ab-sock) / 2);right:100%;top:calc(var(--ab-sock-y) - .75px);border-top:1.5px dashed var(--ab-line);transform-origin:0;height:0;position:absolute}.ab-step-card{border:1.5px dashed var(--ab-line);background:color-mix(in oklch, var(--paper) 30%, white);border-radius:.875rem;height:100%;padding:1.125rem 1.25rem 1.25rem;position:relative}html[data-motion=ok] :is(.ab-step[data-inview=true],.ab-seq[data-inview=true] .ab-step) .ab-step-socket:after{transition:opacity .24s ease var(--ds), transform .42s var(--ab-ease) var(--ds)}html[data-motion=ok] :is(.ab-step[data-inview=true],.ab-seq[data-inview=true] .ab-step) .ab-step-latch{transition:transform .36s var(--ab-ease) calc(var(--ds) + .14s)}html[data-motion=ok] :is(.ab-step[data-inview=true],.ab-seq[data-inview=true] .ab-step) .ab-step-card{transition:opacity .52s var(--ab-ease) calc(var(--ds) + .28s), transform .62s var(--ab-ease) calc(var(--ds) + .28s)}@media (width<=1023.98px){html[data-motion=ok] .ab-step[data-inview=false] .ab-step-socket:after{opacity:0;transform:scale(.3)}html[data-motion=ok] .ab-step[data-inview=false] .ab-step-latch{transform:scaleX(0)}html[data-motion=ok] .ab-step[data-inview=false] .ab-step-card{opacity:0;transform:translate(.625rem)}html[data-motion=ok] .ab-step[data-inview=true] .ab-step-ring{animation:ab-ring .9s var(--ab-ease) var(--ds) 1 both}}@media (width>=768px) and (width<=1023.98px){.ab-step-card{grid-template-columns:2.25rem 12rem minmax(0,1fr);align-items:baseline;column-gap:1rem;display:grid}.ab-step-card>h4,.ab-step-card>p{margin-top:0}}@media (width>=1024px){.ab-seq{--ab-drop:3.25rem;--ab-sock-x:2rem;--ab-col-gap:1.5rem}.ab-step{--ds:calc(.15s + var(--i,0) * .42s)}.ab-seq-mark{margin-left:0}.ab-seq-list{column-gap:var(--ab-col-gap);padding-left:0;padding-top:var(--ab-drop);grid-template-columns:repeat(4,minmax(0,1fr));row-gap:0;margin-top:1rem}.ab-seq-list:before{content:"";border-top:5px double var(--ab-rail);position:absolute;top:0;left:0;right:0}.ab-step-seg{display:none}.ab-step-socket{left:calc(var(--ab-sock-x) - var(--ab-sock) / 2);top:calc(-1 * var(--ab-drop) + 2.5px - var(--ab-sock) / 2)}.ab-step-latch{left:calc(var(--ab-sock-x) - .75px);right:auto;top:calc(-1 * var(--ab-drop) + 2.5px + var(--ab-sock) / 2);border-top:0;border-left:1.5px dashed var(--ab-line);transform-origin:top;height:auto;bottom:100%}html[data-motion=ok] .ab-seq[data-inview=false] .ab-step-socket:after{opacity:0;transform:scale(.3)}html[data-motion=ok] .ab-seq[data-inview=false] .ab-step-latch{transform:scaleY(0)}html[data-motion=ok] .ab-seq[data-inview=false] .ab-step-card{opacity:0;transform:translateY(-.5rem)}html[data-motion=ok] .ab-seq[data-inview=true] .ab-step-ring{animation:ab-ring .9s var(--ab-ease) var(--ds) 1 both}}.ab-tile{box-shadow:inset 0 1px oklch(100% 0 0/.8),0 1px 2px oklch(20% .025 262/.06)}.ab-g{overflow:visible}.ab-g-firm{fill:none;stroke:var(--ink-faint);stroke-opacity:.7;stroke-width:1.1px;stroke-dasharray:4 4}.ab-g-node{fill:oklch(99.5% .002 84);stroke:var(--ink-faint);stroke-width:1.1px}.ab-g-mark{fill:var(--ink-faint)}.ab-g-ghost{fill:none;stroke:var(--ink-faint);stroke-opacity:.75;stroke-width:1px;stroke-dasharray:2.5 2.5}.ab-g-trail{fill:none;stroke:var(--ink-faint);stroke-opacity:.8;stroke-width:1px;stroke-dasharray:2 3}.ab-g-arrow{fill:none;stroke:var(--ink-faint);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.ab-g-record{fill:#fff;stroke:var(--brand-blue);stroke-width:1.5px}.ab-g-record-mark{fill:var(--brand-blue)}.ab-g-row{stroke:var(--rule-strong);stroke-width:1px}.ab-g-link{stroke:var(--brand-blue);stroke-width:1.75px}.ab-g-join{fill:none;stroke:var(--brand-blue);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:0}.ab-g-new .ab-g-node{stroke:var(--brand-blue)}.ab-g-new .ab-g-mark{fill:var(--brand-blue)}.ab-g-move,.ab-g-new{transform-box:fill-box;transform-origin:50%}html[data-motion=ok] .ab-growth-panel[data-inview=true] .ab-g-link{transition:stroke-width .7s var(--ab-ease) var(--dl,0s)}html[data-motion=ok] .ab-growth-panel[data-inview=true] .ab-g-join{transition:stroke-dashoffset .62s var(--ab-ease) var(--dj,0s)}html[data-motion=ok] .ab-growth-panel[data-inview=true] :is(.ab-g-move,.ab-g-new){transition:transform .9s var(--ab-ease) var(--dm,0s), opacity .48s var(--ab-ease) var(--dm,0s)}html[data-motion=ok] .ab-growth-panel[data-inview=true] :is(.ab-g-ghost,.ab-g-trail,.ab-g-arrow){transition:opacity .48s var(--ab-ease) var(--dg,0s)}html[data-motion=ok] .ab-growth-panel[data-inview=false] .ab-g-move{transform:translate(var(--tx), var(--ty))}html[data-motion=ok] .ab-growth-panel[data-inview=false] :is(.ab-g-ghost,.ab-g-trail,.ab-g-arrow){opacity:0}html[data-motion=ok] .ab-growth-panel[data-inview=false] .ab-g-new{opacity:0;transform:scale(.6)}html[data-motion=ok] .ab-growth-panel[data-inview=false] .ab-g-join{stroke-dashoffset:1px}html[data-motion=ok] .ab-growth-panel[data-inview=false] .ab-g-link{stroke-width:1px}.ab-hatch{background-image:repeating-linear-gradient(135deg, color-mix(in oklch, var(--ink) 4.5%, transparent) 0 1px, transparent 1px 7px)}.ab-skel{background:color-mix(in oklch, var(--ink) 7%, transparent);border-radius:999px;height:.4375rem}@keyframes ab-draw-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes ab-ring{0%{opacity:0;transform:scale(.6)}20%{opacity:.8}to{opacity:0;transform:scale(2.1)}}@media (prefers-reduced-motion:reduce){.ab-intro-ring,.ab-step-ring{opacity:0;animation:none!important}}