.document-hero{--dh-paper: #fff;--dh-ink: #292725;--dh-muted: #847d75;--dh-line: #e4e0db;--dh-tint: #fcf9f5;--dh-green: #617b68;--dh-question: #eeedef;--dh-question-ink: #514e55;--dh-answer: #007aff;--dh-first-travel: 170px;--dh-second-travel: 130px;--dh-third-travel: 160px;--dh-ease-out: cubic-bezier(.23, 1, .32, 1);--dh-ease-move: cubic-bezier(.77, 0, .175, 1);position:relative;width:100%;max-width:600px;margin:0 auto;color:var(--dh-ink);font-family:var(--font-sans);isolation:isolate}.dark .document-hero{--dh-paper: #1d1c1b;--dh-ink: #e8e4de;--dh-muted: #aaa39b;--dh-line: #393531;--dh-tint: #211e1b;--dh-green: #9db9a5;--dh-question: #353438;--dh-question-ink: #eeedef;--dh-answer: #0a84ff}.document-hero__backdrop{position:absolute;inset:-8% 0 -3%;z-index:-1;isolation:isolate;overflow:hidden;pointer-events:none;opacity:.7;-webkit-mask-image:radial-gradient(ellipse 55% 50% at 60% 50%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 55% 50% at 60% 50%,#000 45%,transparent 100%)}.document-hero__stage{position:relative;aspect-ratio:600 / 550;overflow:visible}@media(max-width:639px){.document-hero{width:calc(100% - 24px)}}.document-hero__plane{--dh-paper: var(--background);--dh-ink: var(--foreground);--dh-muted: var(--muted-foreground);--dh-line: color-mix(in oklch, var(--foreground) 35%, transparent);--dh-tint: var(--background);position:absolute;width:55.5%;left:40.14%;top:10%;transform:rotateX(10deg) rotate(10deg);transform-origin:50% 50%;aspect-ratio:330 / 435;transform-style:preserve-3d;overflow:visible}.document-hero__sheet{position:absolute;inset:0;transform-origin:50% 55%;transform-style:preserve-3d;overflow:visible}.document-hero__sheet--current{transform:translateZ(0)}.document-hero__sheet--next{transform:translate3d(10px,10px,-12px)}.document-hero__conversation{position:absolute;inset:0;pointer-events:none}.document-hero__scene{display:block;width:100%;overflow:visible;fill:var(--dh-ink)}.dh-paper{fill:var(--dh-paper);stroke:var(--dh-line);stroke-width:1;filter:drop-shadow(0 10px 14px rgb(28 25 23 / .1))}.document-hero__sheet--next .dh-paper{fill:var(--muted)}.dark .dh-paper{filter:drop-shadow(0 10px 14px rgb(0 0 0 / .25))}.dh-document-rule{stroke:var(--brand);stroke-width:1.5}.dh-document-title{font-size:18px;font-weight:600;letter-spacing:-.4px}.dh-skeleton{fill:none;stroke:var(--dh-line);stroke-width:.8}.dh-field{fill:var(--dh-tint);stroke:var(--dh-line)}.dh-active{fill:var(--brand);fill-opacity:.035;stroke:var(--brand);stroke-width:1.25;opacity:0}.dh-signature-line{fill:none;stroke:var(--dh-muted);stroke-opacity:.45;stroke-width:.8}.dh-field-label{font-size:10px;font-weight:600;fill:var(--dh-muted)}.dh-value{font-family:var(--font-mono);font-size:16px;font-weight:400;letter-spacing:-.25px}.dh-reveal{transform:translate(var(--dh-travel))}.dh-reveal--first{--dh-travel: var(--dh-first-travel)}.dh-reveal--second{--dh-travel: var(--dh-second-travel)}.dh-reveal--third{--dh-travel: var(--dh-third-travel)}.dh-scanner-housing{--dh-tile-face: var(--color-orange-100);--dh-tile-side: var(--color-orange-200);--dh-tile-ink: oklch(.55 .15 48);transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 3px 3px rgb(28 25 23 / .15))}.dark .dh-scanner-housing{--dh-tile-face: color-mix(in oklch, var(--background) 78%, var(--brand));--dh-tile-side: color-mix(in oklch, var(--background) 90%, var(--brand));--dh-tile-ink: var(--brand)}.dh-scanner-body{fill:var(--dh-tile-side);stroke:var(--dh-tile-ink);stroke-width:.8}.dh-scanner-top{fill:var(--dh-tile-face);stroke:var(--dh-tile-ink);stroke-width:.8}.dh-scanner-edge{fill:none;stroke:var(--dh-tile-ink);stroke-width:.8}.dh-scan-window{opacity:0}.dh-scan-cell{fill:var(--brand)}.dh-logo{width:100%;height:100%;color:var(--dh-tile-ink)}.dh-message,.dh-answer{opacity:0;transform-box:fill-box}.dh-message{transform-origin:bottom left}.dh-answer{transform-origin:bottom right}.dh-question-card{fill:var(--dh-question);filter:drop-shadow(0 4px 8px #253b5b08)}.dh-question-text,.dh-answer-text{font-size:18px;font-weight:400;letter-spacing:-.3px}.dh-question-text{fill:var(--dh-question-ink)}.dh-answer-card{fill:var(--dh-answer);filter:drop-shadow(0 5px 9px #253b5b10)}.dh-answer-text{fill:#fff}.dh-final-pending{opacity:0}.dh-checking-dot{fill:var(--dh-muted)}.dh-field-check{transform-box:fill-box;transform-origin:center}.dh-field-check-ring{fill:var(--dh-paper);stroke:var(--dh-green);stroke-opacity:.35}.dh-field-check-mark{fill:none;stroke:var(--dh-green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dh-complete{transform-box:fill-box;transform-origin:center}.dh-validation-card{fill:var(--dh-paper);stroke:var(--dh-line);filter:drop-shadow(0 3px 5px #26372a08) drop-shadow(0 12px 18px #26372a18)}.dh-seal-halo{fill:var(--dh-green);fill-opacity:.08}.dh-seal{fill:var(--dh-green);stroke:var(--dh-paper);stroke-width:2;stroke-linejoin:round}.dh-seal-check{fill:none;stroke:var(--dh-paper);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dh-status{font-size:16px;font-weight:600;fill:var(--dh-ink);letter-spacing:-.3px}.dh-status-detail{font-size:12px;fill:var(--dh-muted)}@media(prefers-reduced-motion:no-preference){.document-hero__sheet--next .dh-paper{animation:dh-paper-next 19s var(--dh-ease-move) both}.document-hero__sheet--current .dh-paper{animation:dh-paper-current 19s var(--dh-ease-move) both}.document-hero__sheet--current{animation:dh-sheet-current 19s var(--dh-ease-out) both}.document-hero__sheet--next{animation:dh-sheet-next 19s var(--dh-ease-move) both}.document-hero__scene .dh-validation-outro{animation:dh-validation-outro 19s ease-out both}.document-hero__scene .dh-machine{animation:dh-machine 16s var(--dh-ease-move) both}.document-hero__scene .dh-scanner-housing{animation:dh-scanner-arrive .24s var(--dh-ease-out) 3.36s both}.document-hero__scene .dh-scan-window{animation:dh-scan-window 16s linear both}.document-hero__scene .dh-scan-cell{animation:dh-pixel .9s linear infinite}.document-hero__scene .dh-message{animation:dh-message .38s var(--dh-ease-out) both;animation-delay:var(--dh-message-delay)}.document-hero__scene .dh-exchange--first{--dh-message-delay: .3s}.document-hero__scene .dh-exchange--second{--dh-message-delay: 5.3s}.document-hero__scene .dh-exchange--third{--dh-message-delay: 9.8s}.document-hero__scene .dh-answer{animation:dh-message .38s var(--dh-ease-out) both;animation-delay:calc(var(--dh-message-delay) + 1.6s)}.document-hero__scene .dh-field-check{animation:dh-confirm .25s var(--dh-ease-out) both}.document-hero__scene .dh-field-check--first{animation-delay:4.16s}.document-hero__scene .dh-field-check--second{animation-delay:9.12s}.document-hero__scene .dh-field-check--third{animation-delay:13.6s}.document-hero__scene .dh-final-pending{animation:dh-final-pending 16s linear both}.document-hero__scene .dh-final-valid{animation:dh-confirm .3s var(--dh-ease-out) 15.1s both}.document-hero__scene .dh-reveal{animation:dh-write .8s linear both}.document-hero__scene .dh-reveal--first{animation-delay:3.36s}.document-hero__scene .dh-reveal--second{animation-delay:8.32s}.document-hero__scene .dh-reveal--third{animation-delay:12.8s}.document-hero__scene .dh-active{animation:dh-active 2.2s ease-in-out both}.document-hero__scene .dh-active--first{animation-delay:2.3s}.document-hero__scene .dh-active--second{animation-delay:7.3s}.document-hero__scene .dh-active--third{animation-delay:11.8s}.document-hero__scene .dh-complete{animation:dh-complete 16s var(--dh-ease-out) both}.document-hero[data-paused=true] .document-hero__sheet,.document-hero[data-paused=true] .document-hero__scene *{animation-play-state:paused}@keyframes dh-paper-next{0%,93%{fill:var(--muted)}96%,to{fill:var(--dh-paper)}}@keyframes dh-paper-current{0%,93%{fill:var(--dh-paper)}93.01%,to{fill:var(--muted)}}@keyframes dh-sheet-next{0%,93%{transform:translate3d(10px,10px,-12px)}96%,to{transform:translateZ(0)}}@keyframes dh-sheet-current{0%,90%{transform:translateZ(0);opacity:1}93%{transform:translateZ(0);opacity:0}93.01%,96%{transform:translate3d(10px,10px,-12px);opacity:0}98%,to{transform:translate3d(10px,10px,-12px);opacity:1}}@keyframes dh-validation-outro{0%,88%{opacity:1}90%,to{opacity:0}}@keyframes dh-confirm{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes dh-final-pending{0%,86.5%,94%,to{opacity:0}88%,92%{opacity:1}}@keyframes dh-scanner-arrive{0%{transform:scale(.86)}72%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes dh-machine{0%{animation-timing-function:steps(1,end);opacity:0;transform:translate(0)}21%{animation-timing-function:linear;opacity:1;transform:translate(0)}26%,48%{opacity:1;transform:translate(var(--dh-first-travel))}52%{animation-timing-function:linear;opacity:1;transform:translateY(80px)}57%,76%{opacity:1;transform:translate(var(--dh-second-travel),80px)}80%{animation-timing-function:linear;opacity:1;transform:translateY(160px)}85%,88%{opacity:1;transform:translate(var(--dh-third-travel),160px)}92%,to{opacity:0;transform:translate(var(--dh-third-travel),160px)}}@keyframes dh-scan-window{0%,20%,28%,51%,59%,79%,87%,to{opacity:0}21%,26%,52%,57%,80%,85%{opacity:1}}@keyframes dh-pixel{0%,to{opacity:.05}35%{opacity:.85}65%{opacity:.2}}@keyframes dh-message{0%{opacity:0;transform:translateY(6px) scale(.9)}65%{opacity:1;transform:translateY(-1px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dh-write{0%{transform:translate(0)}to{transform:translate(var(--dh-travel))}}@keyframes dh-active{0%,to{opacity:0}15%,48%,90%{opacity:.5}35%{opacity:.12}}@keyframes dh-complete{0%,87%{opacity:0;transform:translateY(14px) scale(.92)}91%{opacity:1;transform:translateY(-2px) scale(1.035)}94%{opacity:1;transform:translateY(0) scale(.995)}96%,to{opacity:1;transform:translateY(0) scale(1)}}}@media(prefers-reduced-motion:reduce){.document-hero__scene .dh-machine{display:none}}
