.import-demo{padding-bottom:20px}.import-demo .eyebrow{color:var(--violet)}.ai-star{font-size:22px;color:var(--lime)}.import-intro p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:12px}.demo-label{display:inline-block;font-size:9px;padding:6px 10px;border:1px solid #5b5750;border-radius:30px;color:#dfd6c8}.import-theatre{border:1px solid #4f4a41;border-radius:22px;background:radial-gradient(ellipse at 50% 30%,#483e2e45,transparent 65%),#202123;overflow:hidden;isolation:isolate}.import-toolbar{padding:23px 30px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff0d}.format-picker{display:flex;gap:5px;padding:4px;background:#151618;border-radius:9px}.format-picker button{padding:7px 14px;font-size:10px;font-weight:750;color:#bcb9b3;background:transparent;border:0;border-radius:6px;transition:background .25s,color .25s}.format-picker button[aria-pressed=true]{background:var(--violet);color:#2e2619}.demo-caption{font-size:10px;color:var(--muted);margin:auto}.demo-control{display:flex;align-items:center;gap:8px;border:1px solid #5e5950;border-radius:30px;color:#eee5d6;background:#2e2b26;padding:9px 15px;min-width:119px;justify-content:center;font-size:10px}.demo-control:hover{background:#484034}.demo-control>span:first-child{font-size:17px;line-height:1}.import-scenes{display:grid;grid-template-columns:1fr 58px 1.15fr 58px 1fr;align-items:center;padding:35px 40px 45px;min-height:430px;gap:0}.panel-label{font-size:8px;letter-spacing:1.4px;color:#cbc4ba;margin-bottom:24px;display:flex;align-items:center;gap:10px}.panel-label>span{color:#91897d}.source-panel,.extract-panel,.result-panel{min-width:0;position:relative}.source-paper{position:relative;background:#f2eddf;color:#42352d;padding:25px 22px;border-radius:4px;transform:rotate(-5deg);width:92%;margin:0 auto;box-shadow:0 10px 35px #0004;isolation:isolate;transition:transform .6s,box-shadow .6s}.source-paper::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.16;background:repeating-linear-gradient(0deg,#78532a11 0px,#78532a11 1px,transparent 1px,transparent 4px);pointer-events:none}.paper-kicker{font-size:8px;font-weight:800;letter-spacing:3px;display:block;text-align:center}.source-paper h3{font:italic 22px Georgia,serif;text-align:center;margin:8px 0 16px}.paper-rule{display:block;width:34px;height:1px;background:#796449;margin:0 auto 17px}.paper-category{font-size:7px;letter-spacing:1.4px;margin-bottom:12px}.paper-row{font-size:10px;display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px dotted #aa9c84}.paper-row b{font-weight:500;white-space:nowrap}.paper-footer{font:italic 8px Georgia,serif;text-align:center;margin:18px 0 0}.scan-beam{position:absolute;left:-7px;right:-7px;height:2px;top:0;opacity:0;background:var(--lime);box-shadow:0 0 15px 4px #e8c89466}.scan-beam::before{content:'';position:absolute;left:7px;right:7px;bottom:0;height:45px;background:linear-gradient(transparent,#d7b27644)}.filename{display:flex;justify-content:center;align-items:center;font-size:10px;color:#c3bdb4;margin-top:24px}.file-tick{color:var(--lime);margin-left:10px}.flow-connector{display:flex;align-items:center;margin-top:16px}.flow-line{height:1px;flex:1;background:#5d5548;position:relative;overflow:hidden}.flow-line:after{content:'';position:absolute;inset:0;background:var(--violet);transform:translateX(-100%)}.flow-orb{width:28px;height:28px;border:1px solid #776851;display:grid;place-items:center;border-radius:50%;color:var(--violet);font-size:16px;background:#393228}.extract-box{border:1px solid #70634d;border-radius:13px;background:#2f2b25;overflow:hidden;box-shadow:0 18px 45px #0002;transition:border-color .4s,box-shadow .4s}.extract-heading{padding:17px 14px;display:flex;gap:9px;align-items:center;border-bottom:1px solid #594f40}.extract-icon{width:29px;height:29px;border-radius:8px;background:#5f4e33;color:var(--violet);display:grid;place-items:center;font-size:20px}.extract-heading strong{display:block;font-size:11px;font-weight:650}.extract-status{display:block;font-size:8px;color:#c4b9a6;margin-top:5px}.extract-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:auto}.extract-columns{display:flex;justify-content:space-between;padding:15px 34px 8px 16px;font-size:7px;letter-spacing:1.2px;color:#b0a695}.extracted-row{display:grid;grid-template-columns:1fr auto 12px;gap:9px;font-size:10px;padding:11px 15px;border-bottom:1px solid #4c4539;opacity:.2;transform:translateY(5px);transition:opacity .45s,transform .45s;background:transparent}.extracted-row b{font-size:9px;font-weight:500}.row-check{color:var(--lime);opacity:0;transition:opacity .35s}.review-note{display:flex;gap:8px;padding:13px 15px;font-size:8px;line-height:1.6;color:#c0b6a5;transition:background .4s,color .4s}.review-note>span:first-child{font-size:15px}.extraction-meta{display:block;text-align:center;font-size:8px;color:#b4ab9d;margin-top:20px}.result-phone{width:190px;margin:auto;background:#eeeade;color:#38352d;border:5px solid #5d5b59;outline:1px solid #928c82;border-radius:26px;padding:25px 13px 17px;position:relative;box-shadow:0 15px 35px #0005;opacity:.3;transform:translateY(14px) rotate(5deg);transition:opacity .7s,transform .8s var(--motion-ease),box-shadow .8s}.result-camera{position:absolute;top:0;left:calc(50% - 24px);width:48px;height:10px;border-radius:0 0 9px 9px;background:#5d5b59}.result-top{font-size:6px;letter-spacing:1.2px;display:flex;justify-content:space-between;margin-bottom:15px}.result-phone h3{font:25px/1.05 Georgia,serif;margin:0 0 17px}.result-category{display:flex;justify-content:space-between;font-size:8px;font-weight:750;border-bottom:1px solid #c7c1ad;padding-bottom:10px}.result-category>span{font-size:6px;font-weight:400}.result-item{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d6d0bf;padding:9px 0;font-size:8px}.result-item small{display:block;font-size:7px;margin-top:4px;color:#74664c}.result-item>b{margin-left:auto;font-size:12px;font-weight:400}.cup-mini{background:#d9c5a7;color:#7e572b;border-radius:9px;width:29px;height:31px;display:grid;place-items:center;font-size:25px}.demo-qr{position:absolute;bottom:-22px;left:-12px;padding:9px 13px 9px 9px;display:flex;gap:9px;align-items:center;background:var(--lime);color:#332a1c;border-radius:10px;box-shadow:0 7px 23px #0004;opacity:0;visibility:hidden;transform:translateY(15px) rotate(-5deg);transition:opacity .5s,transform .6s,visibility .5s}.demo-qr img{width:52px;height:52px;background:white;border-radius:5px}.demo-qr>span{font-size:10px;font-weight:700}.demo-qr small{display:block;font-size:8px;font-weight:500;margin-top:5px}.demo-bottom{border-top:1px solid #ffffff10;padding:22px 30px;background:#1e1d1b}.demo-stages{display:flex;gap:12px;justify-content:center}.demo-stages button{font-size:10px;display:flex;gap:9px;align-items:center;padding:10px 15px;border:1px solid transparent;border-radius:30px;background:transparent;color:#afa99f;transition:background .3s,color .3s,border-color .3s}.demo-stages button>span{font-size:8px;color:#938a7c}.demo-stages button[aria-pressed=true]{background:#473d2e;color:#f7ecdb;border-color:#6e5e43}.demo-stages button[aria-pressed=true]>span{color:var(--violet)}#demo-status{text-align:center;color:#bfb8ad;font-size:10px;min-height:17px;margin:17px 0 0}.import-footnote{font-size:10px;color:#aea89e;text-align:center;line-height:1.8;margin-top:18px}.import-demo[data-scene="1"] .source-paper{transform:rotate(0deg);box-shadow:0 0 28px #f1ddbd22}.import-demo[data-scene="1"] .scan-beam{opacity:1;animation:menu-scan 2s ease-in-out infinite}.import-demo[data-scene="1"] .extracted-row,.import-demo[data-scene="2"] .extracted-row,.import-demo[data-scene="3"] .extracted-row{opacity:1;transform:none;transition-delay:calc(var(--row)*160ms)}.import-demo[data-scene="1"] .flow-line:after{animation:menu-flow 1.2s linear infinite}.import-demo[data-scene="2"] .row-check,.import-demo[data-scene="3"] .row-check{opacity:1}.import-demo[data-scene="2"] .review-note{background:#e8c894;color:#332a1c}.import-demo[data-scene="2"] .extract-box{border-color:var(--lime);box-shadow:0 0 25px #e8c89413}.import-demo[data-scene="3"] .result-phone{opacity:1;transform:translateY(0) rotate(0deg);box-shadow:0 0 55px #f1ddbd25}.import-demo[data-scene="3"] .demo-qr{opacity:1;visibility:visible;transform:translateY(0) rotate(-5deg)}.import-demo[data-format="pdf"] .source-paper{border-radius:2px;box-shadow:5px 5px 0 #d2cbbc,10px 10px 0 #9c968d,0 10px 35px #0004}.import-demo[data-format="png"] .source-paper{background:#fff9eb;border:6px solid #e4ddce;padding:19px 16px}.import-demo.is-paused *,.import-demo.is-paused *::after{animation-play-state:paused!important}@keyframes menu-scan{0%{top:12%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:94%;opacity:0}}@keyframes menu-flow{to{transform:translateX(100%)}}
@media(max-width:1100px){.import-scenes{padding:30px 24px 40px;grid-template-columns:1fr 30px 1.1fr 30px 1fr}.source-paper{padding:22px 15px}.extract-heading{padding:15px 10px;gap:6px}.extract-heading strong{font-size:10px}.extract-icon{width:24px;height:24px}.result-phone{width:170px}.demo-qr{left:-3px}.flow-orb{width:24px;height:24px}.paper-row{font-size:9px}.extracted-row{padding-inline:11px;font-size:9px;gap:6px}}
@media(max-width:800px){.import-scenes{grid-template-columns:1fr 30px 1.1fr;gap:0;padding:30px 25px 40px}.result-panel{grid-column:1/-1;margin-top:35px;display:flex;align-items:center;justify-content:center;gap:35px}.result-panel .panel-label{position:absolute;top:0;left:0}.result-phone{margin:30px 0 0;width:190px}.demo-qr{position:relative;left:auto;bottom:auto;transform:translateY(15px);margin-top:40px}.import-demo[data-scene="3"] .demo-qr{transform:rotate(-5deg)}.second-connector{display:none}.source-paper{max-width:230px}.extract-box{max-width:280px;margin:auto}.panel-label{justify-content:center}.result-panel .panel-label{width:100%}.demo-caption{font-size:9px}.demo-stages{gap:5px}.demo-stages button{padding:9px 11px;font-size:9px}}
@media(max-width:480px){.import-demo{padding-bottom:0}.import-toolbar{padding:16px;gap:10px;justify-content:space-between}.demo-caption{display:none}.format-picker button{padding:7px 10px}.demo-control{font-size:9px;padding:9px 12px;min-width:108px}.import-scenes{padding:27px 18px 35px;grid-template-columns:1fr}.flow-connector{justify-content:center;height:38px;margin:10px 0;flex-direction:column}.flow-line{width:1px;height:auto;min-height:6px}.flow-orb{width:25px;height:25px;flex-shrink:0}.second-connector{display:flex}.panel-label{margin-bottom:20px}.source-paper{width:200px;padding:21px}.paper-row{font-size:10px}.extract-panel{margin-top:5px}.extract-box{max-width:285px}.extracted-row{font-size:11px;padding:11px 16px}.extract-heading strong{font-size:12px}.extract-status{font-size:9px}.extract-heading{padding:16px}.extract-icon{width:30px;height:30px}.review-note{font-size:9px}.extraction-meta{margin-top:12px}.result-panel{grid-column:auto;display:block;margin-top:5px}.result-panel .panel-label{position:static}.result-phone{margin:0 auto;width:190px}.demo-qr{position:absolute;bottom:8px;left:calc(50% - 125px);margin:0}.import-demo[data-scene="3"] .demo-qr{transform:rotate(-5deg)}.demo-bottom{padding:20px 13px}.demo-stages{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-stages button{justify-content:center;font-size:10px;padding:10px 8px;border-color:#433d33}.import-footnote{font-size:9px}.import-intro p{font-size:12px}#demo-status{font-size:10px;line-height:1.7;min-height:34px}.source-panel .filename{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.import-demo *,.import-demo *::after{animation:none!important;transition:none!important}.scan-beam{display:none}}