:root{--ink:#142b40;--muted:#687886;--blue:#2665d8;--line:#dee5ea;--green:#28765a}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.header{max-width:1240px;margin:auto;height:88px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;letter-spacing:.08em;font-weight:750;display:flex;align-items:center;gap:7px}.brand-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;margin-top:14px}.login{font-size:13px;color:#4e6273;display:flex;gap:15px}.hero{max-width:1280px;margin:auto;padding:42px 48px 32px}.hero-copy{text-align:center}h1{font-size:clamp(44px,5vw,66px);line-height:1.32;letter-spacing:.025em;margin:0;font-weight:750}.intro{font-size:16px;line-height:1.9;color:#526778;margin:22px 0 26px}.mobile-break{display:none}.cta{display:inline-flex;align-items:center;gap:40px;padding:17px 26px;background:var(--blue);color:white;font-weight:650;font-size:15px;border-radius:7px;box-shadow:0 3px 6px #173f7712;transition:background .2s}.cta:hover{background:#1c54bd}a:focus-visible{outline:3px solid #8eb6ff;outline-offset:4px}.conversion{margin-top:52px;padding:28px 24px 20px;background:#f6f8fa;border:1px solid #edf0f3;border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:10px}.stage-label{font-size:14px;font-weight:650;margin:0 0 20px;text-align:center;letter-spacing:.03em}.papers{height:210px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 7px}.paper{width:46%;max-width:185px;flex-shrink:0;height:185px;background:#fff;position:relative;box-shadow:0 4px 14px #192f4213;border:1px solid #dce1e6;color:#39424a;font-size:9px;overflow:hidden}.paper-type{position:absolute;right:7px;top:7px;background:#eaf0f5;color:#617080;padding:2px 5px;font-size:8px;letter-spacing:.03em;border-radius:2px}.fax{transform:rotate(-7deg) translateY(5px);padding:25px 10px 10px;z-index:1;background:#f7f6f0;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#77777705 4px)}.fax-meta{font:7px monospace}.paper h2{margin:10px 0;font-size:16px;font-weight:600}.fax h2{text-align:center;font-family:serif;font-weight:700}.paper-rule{height:1px;background:#777}.fax-caption{font-size:7px;margin:7px 0}.paper table{width:100%;border-collapse:collapse;text-align:left;font-size:8px;line-height:1.5}.paper th,.paper td{padding:4px 3px;border:1px solid #9ea4a6}.paper th{font-weight:400;white-space:nowrap}.paper strong{font-weight:550;font-size:9px}.hand{font-family:"Kaiti SC","Yu Mincho",serif;font-style:italic;font-weight:600;font-size:12px}.fax-note{margin-top:7px;font-size:8px}.pdf{transform:translateY(-8px);z-index:3;padding:28px 11px 10px;margin-left:-28%}.pdf-company{font-size:10px;font-weight:650;color:#1a425b}.pdf-company span{font-size:7px;margin-left:5px;font-weight:400}.pdf h2{margin:8px 0 3px;font-size:18px;color:#183e56}.pdf-meta{font-size:7px;letter-spacing:.08em;margin:0 0 10px;color:#75838c}.pdf th{background:#eaf0f5;border-color:#d5dfe6}.pdf td{border-color:#d5dfe6}.pdf-bottom{display:flex;justify-content:space-between;font-size:8px;margin-top:8px}.photo{transform:rotate(7deg) translateY(9px);z-index:2;padding:30px 11px 8px;margin-left:-28%;background:#fcfaf3}.photo-top{font-family:serif;font-size:11px;border-bottom:2px solid #69706d;padding-bottom:6px}.photo dl{margin:8px 0}.photo dl div{display:flex;border-bottom:1px solid #9a9f962e;padding:3px 0;align-items:center}.photo dt{width:31px;font-size:8px}.photo dd{margin:0;font-size:9px}.photo dd.hand{font-size:11px}.stage-note{text-align:center;font-size:11px;color:var(--muted);margin:16px 0 0}.processor{display:flex;align-items:center;justify-content:center;position:relative}.processor-box{z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:17px 11px;background:#fff;border:1px solid #dce5ed;border-radius:12px;box-shadow:0 3px 12px #2b4c6a08}.processor-mark{background:#eaf1ff;color:var(--blue);border-radius:7px;width:35px;height:35px;display:grid;place-items:center;font-size:23px;font-weight:700}.processor strong{font-size:13px;letter-spacing:.06em}.processor small{font-size:9px;color:var(--muted)}.flow{height:1px;background:#bfcedb;flex:1;position:relative;min-width:15px}.flow:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #8da5ba;border-right:1px solid #8da5ba;transform:rotate(45deg)}.flow span{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--blue);animation:flow 7s infinite}.flow-out span{animation-delay:1.3s}.workbook{background:#fff;border:1px solid #cedad4;border-radius:6px;overflow:hidden;box-shadow:0 5px 16px #274b3c0a}.workbook-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#edf5f0;font-size:10px;font-weight:600;color:#365c4d}.excel-icon{font-size:10px;background:#28765a;color:#fff;padding:3px 5px;border-radius:2px}.window-dots{margin-left:auto;font-size:17px}.workbook-tools{display:flex;gap:18px;padding:7px 12px;font-size:8px;border-bottom:1px solid #e2e7e4;color:#667b70}.formula{font-size:8px;display:flex;align-items:center;gap:12px;padding:6px 8px;color:#6b7b73}.formula span:first-child{border:1px solid #dce2df;width:35px;padding:2px 5px}.formula i{font-family:serif}.sheet{width:100%;table-layout:fixed;border-collapse:collapse;font-size:9px;white-space:nowrap}.rownum{width:20px}.code{width:18%}.name{width:36%}.qty{width:11%}.price{width:13%}.due{width:16%}.sheet th{background:#f0f3f1;color:#7a8780;font-size:8px;font-weight:400}.sheet td,.sheet th{border:1px solid #e0e6e2;height:27px;padding:0 4px}.sheet td:nth-child(4),.sheet td:nth-child(5){text-align:right}.sheet .columns td{background:#e6f1eb;color:#355948;font-weight:600}.result td{animation:fill 7s infinite}.result-2 td{animation-delay:.45s}.result-3 td{animation-delay:.9s}.sheet-footer{display:flex;gap:15px;font-size:8px;background:#f3f6f4;padding:6px 12px;color:#49735d}.sheet-footer span:first-child{border-bottom:2px solid #438565;padding-bottom:3px}.check{color:var(--green);margin-right:2px}.visual-caption{text-align:right;font-size:10px;color:#929ca4;margin:10px 2px 0}.scan{position:absolute;left:4px;right:4px;top:28px;height:1px;background:#6095e8;opacity:0;animation:scan 7s infinite;box-shadow:0 0 4px #669be844}.pdf .scan{animation-delay:.25s}.photo .scan{animation-delay:.5s}@keyframes scan{0%,7%{opacity:0;transform:translateY(0)}10%{opacity:.7}28%{opacity:.7;transform:translateY(145px)}32%,100%{opacity:0;transform:translateY(145px)}}@keyframes flow{0%,28%{left:0;opacity:0}32%{opacity:.7}50%{left:90%;opacity:.7}55%,100%{left:90%;opacity:0}}@keyframes fill{0%,40%{color:#354c41;background:#fff}48%,62%{color:#245641;background:#e7f3ec}75%,100%{color:#354c41;background:#fff}}@media(min-width:1400px){.hero{padding-top:58px}.conversion{margin-top:60px}}@media(max-width:950px){.header{padding:0 28px}.hero{padding:30px 24px}.conversion{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);padding:22px 12px;gap:4px}.paper{width:54%;font-size:8px}.pdf,.photo{margin-left:-35%}.sheet{font-size:8px}.sheet td,.sheet th{padding:0 2px}.processor-box{padding:14px 8px}.stage-label{font-size:12px}}@media(max-width:650px){.header{height:72px;padding:0 24px}.brand{font-size:22px}.hero{padding:30px 20px 24px}h1{font-size:43px;line-height:1.4;letter-spacing:.01em}.intro{font-size:13px;line-height:1.95;margin:18px 0 24px}.mobile-break{display:block}.cta{font-size:14px;padding:16px 23px;gap:33px}.conversion{margin-top:36px;display:flex;flex-direction:column;padding:24px 12px 22px;gap:0;border-radius:12px}.orders,.excel-side{width:100%}.papers{height:209px;max-width:370px;margin:auto}.paper{width:47%;max-width:170px;height:190px}.pdf,.photo{margin-left:-28%}.paper table{font-size:9px}.paper strong{font-size:10px}.photo dd{font-size:10px}.stage-label{font-size:13px;margin-bottom:12px}.orders .stage-note{margin-top:4px}.processor{flex-direction:column;margin:14px 0 20px;width:100%}.processor-box{flex-direction:row;padding:9px 14px;gap:10px;border-radius:9px}.processor-mark{width:26px;height:26px;font-size:19px}.processor small{font-size:10px}.flow{height:16px;min-height:16px;width:1px;min-width:1px;flex:none}.flow:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}.flow span{animation:flowVertical 7s infinite;left:-2px;top:0}.flow-out span{animation-delay:1.3s}.workbook{max-width:410px;margin:auto}.sheet{font-size:9px}.sheet td,.sheet th{height:29px;padding:0 3px}.stage-note{font-size:11px}.visual-caption{text-align:center;font-size:9px;margin-top:12px}@keyframes flowVertical{0%,28%{top:0;opacity:0}32%{opacity:.7}50%{top:90%;opacity:.7}55%,100%{top:90%;opacity:0}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scan,.flow span{display:none}.result td{color:#354c41;background:#fff}}
/* Keep all three source documents visible, including their matching values. */
.papers{gap:5px}.paper{width:33.333%;max-width:170px}.pdf,.photo{margin-left:0}.fax{transform:rotate(-4deg) translateY(5px)}.photo{transform:rotate(4deg) translateY(9px)}
@media(max-width:650px){.papers{gap:4px}.paper{width:33.333%;padding-left:7px;padding-right:7px}.paper-type{font-size:7px}.fax-meta{font-size:6px}.paper th,.paper td{padding:3px 1px}.paper table{font-size:8px}.paper strong{font-size:9px}.photo-top{font-size:10px}.photo dd{font-size:9px}.pdf-bottom{flex-direction:column;gap:3px}}