.data-extraction-demo{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.data-extraction-docs{transform-origin:50%;flex:1;height:100%;position:relative;overflow:visible}.mock-line{background:var(--color-gray-200);border-radius:2px;height:4px}.mock-line-title{width:60%;height:6px}.mock-line-full{width:100%}.mock-line-long{width:85%}.mock-line-medium{width:65%}.mock-line-short{width:45%}.mock-line-tiny{width:30%}.mock-line-number{width:50px;height:5px}.mock-line-cell{width:100%;height:3px}.mock-line-cell-short{width:70%;height:3px}.mock-line-filename{background:var(--color-gray-300);width:60px;height:3px}.mock-doc{background:var(--color-white);border:1px solid var(--color-gray-200);opacity:0;border-radius:4px;position:relative;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000f}.data-extraction-demo.animate .mock-doc{animation:.5s ease-out forwards docSlideIn}.mock-doc-invoice{z-index:2;width:140px;position:absolute;top:50%;left:50%;transform:translate(-70%,-60%)rotate(-2deg)}.data-extraction-demo.animate .mock-doc-invoice{animation-delay:0s}.mock-doc-invoice-chrome{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);align-items:center;gap:6px;padding:4px 8px;display:flex}.mock-doc-xls-badge{background:var(--color-green-600);color:var(--color-white);border-radius:2px;padding:1px 3px;font-size:6px;font-weight:600}.mock-doc-header{border-bottom:1px solid var(--color-gray-100);gap:8px;padding:8px 10px;display:flex}.mock-doc-logo{align-items:center;gap:4px;display:flex}.mock-doc-logo-icon{background:var(--color-gray-300);border-radius:2px;width:14px;height:14px}.mock-doc-logo-lines{flex-direction:column;gap:2px;display:flex}.mock-doc-logo-lines .mock-line{height:3px}.mock-doc-logo-lines .mock-line-short{width:24px}.mock-doc-logo-lines .mock-line-tiny{width:16px}.mock-doc-title-area{flex-direction:column;gap:3px;margin-left:auto;display:flex}.mock-doc-title-area .mock-line-title{width:36px;height:5px}.mock-doc-title-area .mock-line-medium{width:28px}.mock-doc-content{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.mock-doc-section{flex-direction:column;gap:3px;display:flex}.mock-doc-table{border:1px solid var(--color-gray-200);border-radius:2px;margin-top:4px;overflow:hidden}.mock-table-row{gap:2px;padding:4px 6px;display:flex}.mock-table-header{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.mock-table-row .mock-line-cell{flex:1;height:3px}.mock-doc-footer{border-top:1px solid var(--color-gray-100);margin-top:4px;padding-top:6px}.mock-doc-total{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mock-doc-total .mock-line-short{width:30px}.mock-doc-pdf{background:var(--color-gray-100);z-index:2;width:130px;position:absolute;top:50%;left:50%;transform:translate(-30%,-40%)rotate(3deg)}.data-extraction-demo.animate .mock-doc-pdf{animation:.5s ease-out .1s forwards docSlideInPdf}.mock-doc-pdf-chrome{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);align-items:center;gap:6px;padding:4px 8px;display:flex}.mock-doc-pdf-badge{background:var(--color-red-600);color:var(--color-white);border-radius:2px;padding:1px 3px;font-size:6px;font-weight:600}.mock-doc-pdf-page{background:var(--color-white);border-radius:2px;margin:4px;box-shadow:0 1px 2px #0000000f}.mock-doc-pdf-header{text-align:center;border-bottom:1px solid var(--color-gray-100);flex-direction:column;align-items:center;gap:3px;padding:6px 8px;display:flex}.mock-doc-pdf-header .mock-line-title{width:50%}.mock-doc-pdf-header .mock-line-short{width:35%}.mock-doc-pdf-body{padding:6px 8px}.mock-doc-paragraph{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.mock-doc-paragraph:last-child{margin-bottom:0}.data-extraction-output{flex:1;justify-content:center;align-items:center;display:flex}.mock-table-output{background:var(--color-white);border:1px solid var(--color-gray-200);opacity:0;border-radius:6px;width:180px;transform:translate(10px);box-shadow:0 2px 4px #0000000f,0 6px 16px #00000014}.data-extraction-demo.animate .mock-table-output{animation:.5s ease-out .2s forwards tableSlideIn}.mock-table-chrome{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);border-radius:6px 6px 0 0;align-items:center;gap:6px;padding:6px 8px;display:flex}.mock-table-icon{color:var(--color-gray-500);align-items:center;display:flex}.mock-table-content{padding:4px}.mock-output-row{border-bottom:1px solid var(--color-gray-100);display:flex}.mock-output-row:last-child{border-bottom:none}.mock-output-header{background:var(--color-gray-50)}.mock-output-header .mock-line{background:var(--color-gray-300)}.mock-output-cell{flex:1;align-items:center;padding:5px 4px;display:flex}.mock-output-cell:not(:last-child){border-right:1px solid var(--color-gray-100)}.data-particles{pointer-events:none;z-index:10;width:80px;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.data-particle{background:linear-gradient(135deg,var(--color-blue-400),var(--color-blue-600));opacity:0;border-radius:50%;width:6px;height:6px;position:absolute;left:0;box-shadow:0 0 8px #3b82f680}.data-extraction-demo.animate .data-particle{animation:1.5s ease-in-out infinite particleFly;animation-delay:var(--particle-delay,4.5s)}@keyframes particleFly{0%{opacity:0;transform:translateX(-60px)translateY(var(--particle-y-offset,0))scale(.5)}15%{opacity:1;transform:translateX(-40px)translateY(var(--particle-y-offset,0))scale(1)}85%{opacity:1;transform:translate(60px)translateY(0)scale(1)}to{opacity:0;transform:translate(80px)translateY(0)scale(.3)}}.particle-1{top:20%}.particle-2{top:30%}.particle-3{top:40%}.particle-4{top:50%}.particle-5{top:60%}.particle-6{top:25%}.particle-7{top:35%}.particle-8{top:45%}.particle-9{top:55%}.particle-10{top:65%}.data-target{background:var(--color-gray-100);transition:background .3s}.data-extraction-demo.animate .data-target{animation:cellFlash var(--flash-duration,3s)ease-in-out infinite;animation-delay:var(--flash-delay,0s)}.data-target-1-1{--flash-duration:2.3s;--flash-delay:.2s}.data-target-1-2{--flash-duration:3.1s;--flash-delay:1.4s}.data-target-1-3{--flash-duration:2.7s;--flash-delay:.8s}.data-target-1-4{--flash-duration:3.5s;--flash-delay:2.1s}.data-target-2-1{--flash-duration:2.9s;--flash-delay:1.1s}.data-target-2-2{--flash-duration:2.4s;--flash-delay:.5s}.data-target-2-3{--flash-duration:3.3s;--flash-delay:1.8s}.data-target-2-4{--flash-duration:2.6s;--flash-delay:.3s}.data-target-3-1{--flash-duration:3.2s;--flash-delay:1.6s}.data-target-3-2{--flash-duration:2.5s;--flash-delay:.9s}.data-target-3-3{--flash-duration:2.8s;--flash-delay:2s}.data-target-3-4{--flash-duration:3s;--flash-delay:.6s}@keyframes cellFlash{0%,85%{background:var(--color-gray-200)}92%{background:var(--color-blue-300)}to{background:var(--color-gray-200)}}.data-extraction-demo .highlight{background:linear-gradient(90deg,#60a5fab3 0%,#93c5fdcc 50%,#60a5fab3 100%) 0/0% 100% no-repeat;border-radius:2px}.data-extraction-demo.animate .highlight{animation:3s ease-out forwards highlightSweep;animation-delay:var(--highlight-delay,.5s)}@keyframes highlightSweep{0%{background-size:0% 100%}15%{background-size:100% 100%}to{background-size:100% 100%}}.data-extraction-demo .highlight-1{--highlight-delay:.5s}.data-extraction-demo .highlight-2{--highlight-delay:.65s}.data-extraction-demo .highlight-3{--highlight-delay:.8s}.data-extraction-demo .highlight-4{--highlight-delay:.95s}.data-extraction-demo .highlight-5{--highlight-delay:1.1s}.data-extraction-demo .highlight-6{--highlight-delay:1.25s}.data-extraction-demo .highlight-7{--highlight-delay:.55s}.data-extraction-demo .highlight-8{--highlight-delay:.7s}.data-extraction-demo .highlight-9{--highlight-delay:.85s}.data-extraction-demo .highlight-10{--highlight-delay:1s}.mock-doc{overflow:hidden}.mock-doc:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000 0%,#2563eb0a 60%,#2563eb14 85%,#2563eb26 95%,#2563eb4d 100%);width:100%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.data-extraction-demo.animate .mock-doc:before{animation:4s ease-in-out infinite scanLine}.data-extraction-demo.animate .mock-doc-invoice:before{animation-delay:.3s}.data-extraction-demo.animate .mock-doc-pdf:before{animation-delay:.5s}@keyframes scanLine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes docSlideIn{0%{opacity:0;transform:translate(-70%,-60%)rotate(-2deg)translateY(15px)}to{opacity:1;transform:translate(-58%,-60%)rotate(-2deg)translateY(0)}}@keyframes docSlideInPdf{0%{opacity:0;transform:translate(-30%,-40%)rotate(3deg)translateY(15px)}to{opacity:1;transform:translate(-30%,-40%)rotate(3deg)translateY(0)}}@keyframes tableSlideIn{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.data-extraction-demo{gap:12px}.data-extraction-docs{transform:scale(.8)}.data-extraction-output{transform:scale(.85)}.mock-table-output{width:160px}}@media (width<=768px){.data-extraction-demo{justify-content:space-between;gap:0;padding:0 8px}.data-extraction-docs,.data-extraction-output{flex:1 1 0;min-width:0}.data-particles{flex:none;justify-content:center;align-items:center;width:30px;height:100%;display:flex;position:relative;top:auto;left:auto;transform:none}.data-particle{width:4px;height:4px;left:50%;transform:translate(-50%)}@keyframes particleFly{0%{opacity:0;transform:translateX(-60px)translateY(var(--particle-y-offset,0))scale(.5)}15%{opacity:1;transform:translateX(-40px)translateY(var(--particle-y-offset,0))scale(1)}85%{opacity:1;transform:translate(40px)translateY(0)scale(1)}to{opacity:0;transform:translate(60px)translateY(0)scale(.3)}}}