.process-anim{--pa-ease:cubic-bezier(.16, 1, .3, 1);--pa-duration:10s;--pa-ink:#1c2a26;--pa-muted:color-mix(in oklch, var(--pa-ink) 62%, transparent);--pa-accent:#0f6b5c;--pa-stamp:#b42318;--pa-stage:color-mix(in oklch, var(--pa-paper,#e7efe9) 88%, #1c2a26);--pa-pdf:#f7f3ea;--pa-photo:#f4ead4;--pa-ofx:#f3efe6;color:var(--pa-ink)}.process-anim__toolbar{flex-direction:column;align-items:flex-start;gap:.7rem;margin-bottom:.85rem;display:flex}.process-anim__toggle{border:1px solid color-mix(in oklch, var(--pa-ink) 16%, transparent);background:color-mix(in oklch, var(--pa-pdf) 70%, transparent);border-radius:999px;padding:.2rem;display:inline-flex}.process-anim__toggle button{letter-spacing:.02em;color:var(--pa-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .9rem;font-size:.78rem;font-weight:650}.process-anim__toggle button[aria-pressed=true]{color:var(--pa-pdf);background:var(--pa-ink)}.process-anim__step{width:100%;min-height:1.4em;font-size:.92rem;font-weight:600;position:relative}.process-anim__step span{white-space:nowrap;opacity:0;position:absolute;top:0;left:0}.process-anim__step span:first-child{animation:pa-cap-1 var(--pa-duration) var(--pa-ease) infinite}.process-anim__step span:nth-child(2){animation:pa-cap-2 var(--pa-duration) var(--pa-ease) infinite}.process-anim__step span:nth-child(3){animation:pa-cap-3 var(--pa-duration) var(--pa-ease) infinite}.process-anim__step span:nth-child(4){animation:pa-cap-4 var(--pa-duration) var(--pa-ease) infinite}.process-anim__stage{isolation:isolate;background:radial-gradient(120% 80% at 20% 0%, color-mix(in oklch, var(--pa-pdf) 55%, transparent), transparent 55%), var(--pa-stage);min-height:24rem;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--pa-ink) 10%, transparent);border-radius:1.25rem;position:relative;overflow:hidden}.process-anim__grid{grid-template-columns:1fr;align-items:center;gap:1.25rem;min-height:24rem;padding:1.25rem 1rem 1.5rem;display:grid}@media (min-width:720px){.process-anim__stage,.process-anim__grid{min-height:28rem}.process-anim__grid{grid-template-columns:1fr 1fr;padding:1.75rem 1.5rem 1.6rem}}.process-anim__source,.process-anim__dest{z-index:1;position:relative}.process-anim__pdf,.process-anim__polaroid,.process-anim__ofx{width:min(100%,20.5rem);margin-inline:auto}.process-anim__pdf{background:var(--pa-pdf);box-shadow:10px 16px 28px color-mix(in oklch, var(--pa-ink) 16%, transparent), 0 0 0 1px color-mix(in oklch, var(--pa-ink) 8%, transparent);animation:pa-pdf-in var(--pa-duration) var(--pa-ease) infinite;transform-origin:50% 0;border-radius:.35rem .7rem .55rem .55rem;position:relative}.process-anim__pdf:before{content:"";background:linear-gradient(225deg, color-mix(in oklch, var(--pa-stage) 80%, #fff) 50%, transparent 51%);width:1.35rem;height:1.35rem;position:absolute;top:0;right:0}.process-anim__pdf-bar{background:var(--pa-accent);color:var(--pa-pdf);letter-spacing:.08em;text-transform:uppercase;border-radius:.35rem .55rem 0 0;justify-content:space-between;gap:.5rem;padding:.7rem .85rem .55rem;font-size:.62rem;font-weight:700;display:flex}.process-anim__pdf-meta{color:var(--pa-muted);justify-content:space-between;padding:.55rem .85rem .2rem;font-size:.68rem;display:flex}.process-anim__rows{gap:.15rem;padding:.2rem .55rem .7rem;display:grid}.process-anim__row{animation:pa-row-read var(--pa-duration) var(--pa-ease) infinite;animation-delay:calc(var(--i) * .18s);border-radius:.25rem;grid-template-columns:2.4rem 1fr auto;align-items:baseline;gap:.4rem;padding:.28rem .3rem;font-size:.7rem;display:grid}.process-anim__row strong{font-variant-numeric:tabular-nums;font-weight:700}.process-anim__row[data-kind=in] strong{color:var(--pa-accent)}.process-anim__scan{pointer-events:none;background:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--pa-accent) 22%, white) 46%, transparent 100%);opacity:0;height:2.4rem;animation:pa-scan var(--pa-duration) var(--pa-ease) infinite;position:absolute;inset:2.4rem 0 0}.process-anim__polaroid{box-shadow:12px 18px 30px color-mix(in oklch, var(--pa-ink) 18%, transparent), 0 0 0 1px color-mix(in oklch, var(--pa-ink) 10%, transparent);animation:pa-photo-in var(--pa-duration) var(--pa-ease) infinite;transform-origin:30% 80%;background:#f7f1e4;padding:.55rem .55rem 1.4rem}.process-anim__notebook{background:repeating-linear-gradient(to bottom, transparent 0 1.55rem, #3a6aa547 1.55rem 1.62rem), linear-gradient(to right, transparent 1.05rem, color-mix(in oklch, var(--pa-stamp) 55%, transparent) 1.05rem 1.1rem, transparent 1.1rem), var(--pa-photo);min-height:14.5rem;padding:.85rem .75rem .7rem 1.15rem;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.process-anim__notebook{background:repeating-linear-gradient(to bottom, transparent 0 1.55rem, lab(43.5874% -1.92055 -37.3058/.28) 1.55rem 1.62rem), linear-gradient(to right, transparent 1.05rem, color-mix(in oklch, var(--pa-stamp) 55%, transparent) 1.05rem 1.1rem, transparent 1.1rem), var(--pa-photo)}}.process-anim__notebook:after{content:"";background:radial-gradient(circle,#8a5a2847,#0000 70%);background:radial-gradient(circle,lab(42.9329% 16.806 36.3853/.28),#0000 70%);border-radius:50%;width:2.4rem;height:2.4rem;position:absolute;bottom:.7rem;right:.7rem;transform:rotate(-18deg)}.process-anim__hand{z-index:1;font-family:var(--font-hand), ui-serif, cursive;gap:.42rem;font-size:1.12rem;line-height:1.35;display:grid;position:relative}.process-anim__hand p{transform:rotate(var(--tilt,-1deg));animation:pa-hand-read var(--pa-duration) var(--pa-ease) infinite;animation-delay:calc(var(--i) * .16s);margin:0}.process-anim__hand p em{color:var(--pa-accent);font-style:normal}.process-anim__photo-label{color:var(--pa-muted);letter-spacing:.04em;text-align:center;margin-top:.55rem;font-size:.68rem;display:block}.process-anim__ofx{background:var(--pa-ofx);box-shadow:0 18px 32px color-mix(in oklch, var(--pa-ink) 14%, transparent), 0 0 0 1px color-mix(in oklch, var(--pa-ink) 10%, transparent);animation:pa-ofx-in var(--pa-duration) var(--pa-ease) infinite;border-radius:.7rem;padding:.9rem .95rem 1rem;position:relative}.process-anim__ofx-top{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:.55rem;font-size:.68rem;font-weight:750;display:flex}.process-anim__code{color:var(--pa-muted);gap:.18rem;font-size:.68rem;line-height:1.35;display:grid}.process-anim__code b{color:var(--pa-ink);font-weight:650}.process-anim__code span{opacity:0;animation:pa-code-line var(--pa-duration) var(--pa-ease) infinite;animation-delay:calc(2.6s + var(--i) * .22s);transform:translateY(6px)}.process-anim__math{border-top:1px dashed color-mix(in oklch, var(--pa-ink) 18%, transparent);font-variant-numeric:tabular-nums;opacity:0;animation:pa-math var(--pa-duration) var(--pa-ease) infinite;margin-top:.75rem;padding-top:.65rem;font-size:.72rem;font-weight:650}.process-anim__stamp{pointer-events:none;z-index:3;border:.28rem solid var(--pa-stamp);width:7.1rem;height:7.1rem;color:var(--pa-stamp);text-align:center;text-transform:uppercase;letter-spacing:.06em;background:color-mix(in oklch, var(--pa-stamp) 8%, transparent);opacity:0;animation:pa-stamp var(--pa-duration) var(--pa-ease) infinite;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8%;right:6%;transform:rotate(-18deg)scale(1.18)}.process-anim__stamp strong{font-size:.78rem;line-height:1.1;display:block}.process-anim__stamp small{margin-top:.15rem;font-size:.62rem;font-weight:800;display:block}.process-anim__chips{pointer-events:none;z-index:2;position:absolute;inset:0}.process-anim__chip{left:8%;top:calc(34% + var(--i) * 1.35rem);background:color-mix(in oklch, var(--pa-pdf) 88%, white);box-shadow:0 8px 18px color-mix(in oklch, var(--pa-ink) 12%, transparent);opacity:0;animation:pa-chip-mobile var(--pa-duration) var(--pa-ease) infinite;animation-delay:calc(var(--i) * .16s);border-radius:999px;align-items:baseline;gap:.45rem;padding:.22rem .5rem;font-size:.66rem;font-weight:700;display:inline-flex;position:absolute}@media (min-width:720px){.process-anim__chip{animation-name:pa-chip-desktop;left:18%}}@keyframes pa-pdf-in{0%{opacity:0;transform:translateY(-28px)rotate(-7deg)}10%,92%{opacity:1;transform:translateY(0)rotate(-1.5deg)}to{opacity:.7;transform:translateY(0)rotate(-1.5deg)}}@keyframes pa-photo-in{0%{opacity:0;transform:translateY(18px)rotate(-16deg)skew(-6deg)}12%,92%{opacity:1;transform:translateY(0)rotate(-2deg)skew(0)}to{opacity:.7;transform:translateY(0)rotate(-2deg)}}@keyframes pa-scan{0%,10%{opacity:0;transform:translateY(-10%)}14%{opacity:1}38%{opacity:.85;transform:translateY(210%)}42%,to{opacity:0;transform:translateY(210%)}}@keyframes pa-row-read{0%,16%{background:0 0}22%,30%{background:color-mix(in oklch, var(--pa-accent) 16%, transparent)}40%,to{background:0 0}}@keyframes pa-hand-read{0%,16%{background:0 0}22%,32%{background:#e8d24a8c;background:lab(84.2623% -2.97079 66.9051/.55)}42%,to{background:0 0}}@keyframes pa-ofx-in{0%{opacity:0;transform:translateY(14px)}8%,94%{opacity:1;transform:translateY(0)}to{opacity:.7}}@keyframes pa-code-line{0%,8%{opacity:0;transform:translateY(6px)}18%,86%{opacity:1;transform:translateY(0)}to{opacity:.4}}@keyframes pa-math{0%,62%{opacity:0}72%,92%{opacity:1}to{opacity:.45}}@keyframes pa-stamp{0%,74%{opacity:0;transform:rotate(-18deg)scale(1.18)}82%,94%{opacity:1;transform:rotate(-14deg)scale(1)}to{opacity:0;transform:rotate(-14deg)scale(1)}}@keyframes pa-chip-desktop{0%,18%{opacity:0;transform:translate(0)}26%{opacity:1;transform:translate(12px,-4px)}42%,70%{opacity:1;transform:translate(min(42vw, 19rem), calc(var(--i) * -4px))}82%,to{opacity:0;transform:translate(min(42vw, 19rem), calc(var(--i) * -4px))}}@keyframes pa-chip-mobile{0%,20%{opacity:0;transform:translateY(0)}28%{opacity:1;transform:translateY(8px)}46%,68%{opacity:0;transform:translateY(9.5rem)}to{opacity:0}}@keyframes pa-cap-1{0%,22%{opacity:1}24%,to{opacity:0}}@keyframes pa-cap-2{0%,22%{opacity:0}24%,46%{opacity:1}48%,to{opacity:0}}@keyframes pa-cap-3{0%,46%{opacity:0}48%,70%{opacity:1}72%,to{opacity:0}}@keyframes pa-cap-4{0%,70%{opacity:0}72%,to{opacity:1}}.process-anim[data-reduced=true] .process-anim__pdf,.process-anim[data-reduced=true] .process-anim__polaroid,.process-anim[data-reduced=true] .process-anim__ofx,.process-anim[data-reduced=true] .process-anim__row,.process-anim[data-reduced=true] .process-anim__hand p,.process-anim[data-reduced=true] .process-anim__code span,.process-anim[data-reduced=true] .process-anim__math,.process-anim[data-reduced=true] .process-anim__stamp,.process-anim[data-reduced=true] .process-anim__step span,.process-anim[data-reduced=true] .process-anim__scan,.process-anim[data-reduced=true] .process-anim__chip{animation:none}.process-anim[data-reduced=true] .process-anim__pdf,.process-anim[data-reduced=true] .process-anim__polaroid,.process-anim[data-reduced=true] .process-anim__ofx,.process-anim[data-reduced=true] .process-anim__math,.process-anim[data-reduced=true] .process-anim__code span,.process-anim[data-reduced=true] .process-anim__stamp{opacity:1;transform:none}.process-anim[data-reduced=true] .process-anim__scan,.process-anim[data-reduced=true] .process-anim__chip{display:none}.process-anim[data-reduced=true] .process-anim__step span:nth-child(4){opacity:1}@media (prefers-reduced-motion:reduce){.process-anim:not([data-reduced=false]) .process-anim__pdf,.process-anim:not([data-reduced=false]) .process-anim__polaroid,.process-anim:not([data-reduced=false]) .process-anim__ofx,.process-anim:not([data-reduced=false]) .process-anim__row,.process-anim:not([data-reduced=false]) .process-anim__hand p,.process-anim:not([data-reduced=false]) .process-anim__code span,.process-anim:not([data-reduced=false]) .process-anim__math,.process-anim:not([data-reduced=false]) .process-anim__stamp,.process-anim:not([data-reduced=false]) .process-anim__step span,.process-anim:not([data-reduced=false]) .process-anim__scan,.process-anim:not([data-reduced=false]) .process-anim__chip{animation:none}.process-anim:not([data-reduced=false]) .process-anim__scan,.process-anim:not([data-reduced=false]) .process-anim__chip{display:none}.process-anim:not([data-reduced=false]) .process-anim__pdf,.process-anim:not([data-reduced=false]) .process-anim__polaroid,.process-anim:not([data-reduced=false]) .process-anim__ofx,.process-anim:not([data-reduced=false]) .process-anim__math,.process-anim:not([data-reduced=false]) .process-anim__code span,.process-anim:not([data-reduced=false]) .process-anim__stamp{opacity:1;transform:none}.process-anim:not([data-reduced=false]) .process-anim__step span:nth-child(4){opacity:1}}