html:has([data-screen=home]){scroll-behavior:smooth}@keyframes home-scan{0%{opacity:1;top:0}90%{opacity:1}to{opacity:0;top:100%}}[data-screen=home]{--bg:#fbfcf9;--ink:#183e32;--muted:#66756b;--accent:#22644b;--line:#dce4db;--soft:#eef3e9;--stage:#edf2e8;--dot:#cbd8c5;--out:#173f32;--out-ink:#dce9da;--out-key:#b9d79d;--out-dim:#93ad9c;--hit:#22644b24;--button-ink:#fff;min-height:100vh;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,Hiragino Sans,Yu Gothic,sans-serif}.dark [data-screen=home]{--bg:#0f1a15;--ink:#dfeae2;--muted:#93a79a;--accent:#6fbf8f;--line:#26382e;--soft:#16241d;--stage:#142119;--dot:#22352a;--out:#0b2a20;--hit:#6fbf8f29;--button-ink:#0f1a15}[data-screen=home] *{box-sizing:border-box}[data-screen=home] a{color:inherit;text-decoration:none}[data-screen=home] button{font:inherit;cursor:pointer;color:inherit}[data-screen=home] :focus-visible{outline:3px solid var(--accent);outline-offset:4px}[data-screen=home] .wrap{max-width:1280px;margin:auto;padding:0 48px}[data-screen=home] nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:96px;display:flex}[data-screen=home] .brand{letter-spacing:-2px;align-items:center;gap:12px;font-size:29px;font-weight:800;display:flex}[data-screen=home] .brand span{color:var(--accent)}[data-screen=home] .navlinks{align-items:center;gap:32px;font-size:13px;display:flex}[data-screen=home] .theme{background:var(--bg);border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:inline-grid}[data-screen=home] .theme svg{width:16px;height:16px}[data-screen=home] .theme .moon,.dark [data-screen=home] .theme .sun{display:none}.dark [data-screen=home] .theme .moon{display:block}[data-screen=home] .eyebrow{letter-spacing:2px;text-transform:uppercase;font:11px/1.6 Courier New,monospace}[data-screen=home] h1{letter-spacing:-4px;margin:24px 0;font-size:clamp(48px,5.6vw,78px);font-weight:500;line-height:1.02}[data-screen=home] h1 em{color:#68906c;font-style:normal}[data-screen=home] h2{letter-spacing:-1.8px;margin:18px 0;font-size:clamp(32px,3.4vw,46px);font-weight:500;line-height:1.1}[data-screen=home] h3{letter-spacing:-.5px;margin:14px 0 8px;font-size:20px;font-weight:500}[data-screen=home] p{color:var(--muted);margin:1em 0;font-size:16px;line-height:1.7}[data-screen=home] .lead{max-width:500px;font-size:18px}[data-screen=home] .actions{flex-wrap:wrap;align-items:center;gap:24px;margin:30px 0;display:flex}[data-screen=home] .button{background:var(--accent);color:var(--button-ink);border-radius:5px;justify-content:space-between;align-items:center;gap:30px;padding:16px 21px;font-size:13px;font-weight:600;display:inline-flex}[data-screen=home] .textlink{border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}[data-screen=home] .pill{border:1px solid var(--line);background:var(--bg);border-radius:30px;padding:6px 11px;font-size:10px;display:inline-block}[data-screen=home] .demo-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font:10px monospace}[data-screen=home] .number{color:var(--accent);font:12px monospace}[data-screen=home] .section{border-top:1px solid var(--line);padding:80px 0}[data-screen=home] .hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:65px;padding:68px 0 58px;display:grid}[data-screen=home] .archive{border-left:1px solid var(--line);height:450px;padding-left:35px;position:relative}[data-screen=home] .sheet{aspect-ratio:794/1123;background:#fff;border:1px solid #dfe5d9;width:230px;position:absolute;overflow:hidden;box-shadow:0 16px 35px #24452a12}[data-screen=home] .sheet img{width:100%;height:100%;display:block}[data-screen=home] .sheet.back{filter:saturate(.6);top:44px;right:8px;transform:rotate(7deg)}[data-screen=home] .sheet.front{top:60px;left:30px;transform:rotate(-5deg)}[data-screen=home] .sheet.front:after{content:"";border:2px solid var(--accent);background:#709a5e24;height:23%;position:absolute;top:57%;left:15%;right:15%}[data-screen=home] .index-card{background:var(--out);color:#fff;border-radius:7px;width:300px;padding:20px 22px;position:absolute;bottom:20px;right:0;transform:rotate(2deg);box-shadow:0 18px 35px #16392c30}[data-screen=home] .index-card .top{color:var(--out-key);border-bottom:1px solid #ffffff25;justify-content:space-between;padding-bottom:10px;font:10px monospace;display:flex}[data-screen=home] .index-card table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}[data-screen=home] .index-card td{color:var(--out-ink);border-bottom:1px solid #ffffff1c;padding:6px 4px}[data-screen=home] .index-card td:last-child{text-align:right;color:#fff}[data-screen=home] .index-card .foot{color:var(--out-dim);font:9px monospace}[data-screen=home] .manifesto{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:50px;padding:30px 0;display:grid}[data-screen=home] .manifesto p{color:var(--muted);letter-spacing:-.5px;margin:0;font-size:25px;line-height:1.45}[data-screen=home] .story{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:48px;display:grid}[data-screen=home] .story>div{min-width:0}[data-screen=home] .story p{font-size:15px}[data-screen=home] .picker{border-top:1px solid var(--line);flex-direction:column;margin-top:30px;display:flex}[data-screen=home] .picker button{text-align:left;border:0;border-bottom:1px solid var(--line);color:var(--muted);background:0 0;grid-template-columns:30px 1fr;padding:18px 0;font-size:14px;display:grid}[data-screen=home] .picker button small{letter-spacing:1px;text-transform:uppercase;grid-column:2;margin-top:4px;font:10px monospace}[data-screen=home] .picker button[aria-selected=true]{color:var(--accent)}[data-screen=home] .hint{margin-top:22px;font-size:12px}[data-screen=home] .stage{background:var(--stage);border:1px solid var(--line);background-image:radial-gradient(var(--dot) .7px, transparent .7px);background-size:16px 16px;border-radius:12px;padding:20px}[data-screen=home] .stage-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}[data-screen=home] .stage-nav{align-items:center;gap:8px;display:flex}[data-screen=home] .stage-nav button{border:1px solid var(--line);background:var(--bg);border-radius:50%;width:34px;height:34px}[data-screen=home] .stage-nav span{color:var(--muted);text-align:center;min-width:48px;font:11px monospace}[data-screen=home] .track{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}[data-screen=home] .track::-webkit-scrollbar{display:none}[data-screen=home] .slide{scroll-snap-align:start;flex:0 0 100%;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-content:start;align-items:start;gap:16px;display:grid}[data-screen=home] .stage-bottom{color:var(--muted);justify-content:space-between;gap:16px;margin-top:16px;font:10px/1.6 monospace;display:flex}[data-screen=home] .doc{background:#fff;border:1px solid #dfe5d9;position:relative}[data-screen=home] .doc img{width:100%;height:auto;display:block}[data-screen=home] .hit{left:calc(var(--x0) * 100%);top:calc(var(--y0) * 100%);width:calc((var(--x1) - var(--x0)) * 100%);height:calc((var(--y1) - var(--y0)) * 100%);cursor:default;background:0 0;border:1px dashed #0000;border-radius:2px;padding:0;transition:background .15s,border-color .15s;position:absolute}[data-screen=home] .doc:hover .hit{border-color:#22644b47}[data-screen=home] .hit.is-on{background:var(--hit);border:1.5px solid #22644b}[data-screen=home] .hit.cell{border-style:dotted}[data-screen=home] .hit.cell.is-focus{background:#22644b42;border:2px solid #22644b}[data-screen=home] .hit.is-on:after{content:attr(data-kind);letter-spacing:.5px;text-transform:uppercase;color:#fff;white-space:nowrap;background:#22644b;border-radius:2px 2px 0 0;padding:3px 5px;font:9px/1 monospace;position:absolute;bottom:100%;left:-1.5px}[data-screen=home] .hit.cell:after{content:none}[data-screen=home] .doc svg{width:100%;height:auto;font-family:Arial,Hiragino Sans,Yu Gothic,sans-serif;display:block}[data-screen=home] .doc svg text{fill:#1f2a24}[data-screen=home] .hitbox{fill:#0000;stroke:#0000;stroke-dasharray:4 3}[data-screen=home] .doc:hover .hitbox{stroke:#22644b47}[data-screen=home] .hitbox.is-on{fill:#22644b12;stroke:#22644b;stroke-width:1.5px;stroke-dasharray:none}[data-screen=home] .sym{fill:#fff;stroke:#52615a;stroke-width:2px}[data-screen=home] .flow{stroke:#52615a;stroke-width:2px;fill:none}[data-screen=home] .grab{stroke:#0000;stroke-width:16px;fill:none}[data-screen=home] [data-f].is-focus .sym{stroke:#22644b;stroke-width:3.5px;fill:#e3f0d9}[data-screen=home] g.is-focus .flow{stroke:#22644b;stroke-width:3.5px}[data-screen=home] .result{background:var(--out);color:#fff;border-radius:7px;flex-direction:column;gap:12px;min-height:100%;padding:18px;display:flex;box-shadow:0 18px 35px #16392c20}[data-screen=home] .result-top{color:var(--out-key);border-bottom:1px solid #ffffff25;justify-content:space-between;padding-bottom:12px;font:10px monospace;display:flex}[data-screen=home] .kind{background:var(--out-key);color:var(--out);text-transform:uppercase;letter-spacing:1px;border-radius:3px;padding:2px 7px}[data-screen=home] .crumbs{color:var(--out-dim);flex-wrap:wrap;gap:4px;font-size:11px;display:flex}[data-screen=home] .crumbs span:not(:last-child):after{content:" ›"}[data-screen=home] .preview{color:#fff;font-size:14px;line-height:1.75}[data-screen=home] .para{color:#fff;-webkit-line-clamp:7;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.8;display:-webkit-box;overflow:hidden}[data-screen=home] .para mark{color:#fff;border-bottom:1px solid var(--out-key);background:#b9d79d38}[data-screen=home] .heading{color:#fff;margin:0;font-size:19px;line-height:1.5}[data-screen=home] .facts{grid-template-columns:auto 1fr;gap:5px 12px;margin:10px 0 0;font-size:12px;display:grid}[data-screen=home] .facts dt{color:var(--out-dim);text-transform:uppercase;letter-spacing:.5px;font:10px/1.9 monospace}[data-screen=home] .facts dd{color:var(--out-ink);margin:0}[data-screen=home] .facts s{color:var(--out-dim)}[data-screen=home] .otable{border-collapse:collapse;width:100%;font-size:12.5px;line-height:1.55}[data-screen=home] .otable th,[data-screen=home] .otable td{text-align:left;vertical-align:top;color:var(--out-ink);border:1px solid #ffffff2e;padding:6px 8px;transition:background .15s}[data-screen=home] .otable th{color:var(--out-key);font-weight:400}[data-screen=home] .otable .is-focus{color:#fff;background:#b9d79d3d}[data-screen=home] .otable td small{color:var(--out-key);margin-top:3px;font:10px/1.5 monospace;display:block}[data-screen=home] .clip{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[data-screen=home] .graph{background:#ffffff08;border-radius:5px;width:100%;height:auto;display:block}[data-screen=home] .graph text{fill:var(--out-ink);font-size:11px}[data-screen=home] .graph .gsym{fill:var(--out);stroke:var(--out-key);stroke-width:1.6px}[data-screen=home] .graph .gedge{stroke:var(--out-dim);stroke-width:1.6px;fill:none}[data-screen=home] .graph .is-focus .gsym{fill:var(--out-key);stroke:#fff}[data-screen=home] .graph .is-focus .gedge{stroke:#fff;stroke-width:3px}[data-screen=home] .graph .is-focus text{fill:#fff;font-weight:700}[data-screen=home] .lists{grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-screen=home] .lists ul{margin:0;padding:0;font-size:12px;list-style:none}[data-screen=home] .lists li{color:var(--out-ink);cursor:default;border-radius:3px;justify-content:space-between;gap:6px;padding:4px 6px;display:flex}[data-screen=home] .lists li small{color:var(--out-dim);font:10px monospace}[data-screen=home] .lists li.is-focus{color:#fff;background:#b9d79d38}[data-screen=home] .json{color:var(--out-ink);white-space:pre-wrap;overflow-wrap:anywhere;background:#0002;border-radius:5px;flex:1;max-height:170px;margin:0;padding:10px 12px;font:11px/1.65 Courier New,monospace;overflow:auto}[data-screen=home] .json .k{color:var(--out-key)}[data-screen=home] .source-line{color:var(--out-dim);font-family:monospace;font-size:10px}[data-screen=home] .sectionhead{justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px;display:flex}[data-screen=home] .sectionhead p{max-width:380px;margin:0}[data-screen=home] .sequence{grid-template-columns:repeat(5,1fr);gap:22px;display:grid}[data-screen=home] .sequence article{border-top:1px solid var(--line);padding-top:18px}[data-screen=home] .sequence p{font-size:13px}[data-screen=home] .three{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:18px;display:grid}[data-screen=home] .three article{border-top:1px solid var(--line);padding-top:22px}[data-screen=home] .three p{font-size:14px}[data-screen=home] .closing{text-align:center;border-top:1px solid var(--ink);padding:90px 0 80px}[data-screen=home] .closing h2{letter-spacing:-2.5px;max-width:800px;margin:20px auto 30px;font-size:clamp(40px,5vw,66px)}[data-screen=home] .closing .eyebrow{color:var(--accent)}[data-screen=home] footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:28px 0;font-size:11px;display:flex}[data-screen=home] .footer-links{gap:20px;display:flex}[data-screen=home] .routing{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:48px;padding:70px 0;display:grid}[data-screen=home] .routing p{font-size:15px}[data-screen=home] .files{flex-direction:column;gap:26px;display:flex}[data-screen=home] .file-head{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}[data-screen=home] .file-head strong{font:400 12px monospace}[data-screen=home] .pages{grid-template-columns:repeat(28,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}[data-screen=home] .pages li{aspect-ratio:3/4;border:1px solid var(--line);background:#fff;border-radius:2px;position:relative;overflow:hidden}[data-screen=home] .pages li:after{content:"";background:var(--c);height:0;transition:height .25s;transition-delay:calc(var(--i) * 45ms);position:absolute;inset:auto 0 0}[data-screen=home] .files.run .pages li:after{height:28%}[data-screen=home] .pages li.native{--c:#22644b}[data-screen=home] .pages li.ocr{--c:#c07a1b}[data-screen=home] .pages li.chart{--c:#5b6fb5}[data-screen=home] .legend{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:12px;display:flex}[data-screen=home] .legend span:before{content:"";background:var(--c);vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:7px;display:inline-block}[data-screen=home] .legend code{color:var(--ink);font-size:11px}[data-screen=home] .ticket{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:7px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 10px;padding:10px 12px;font-size:12px;display:flex}[data-screen=home] .ticket .by{letter-spacing:1px;text-transform:uppercase;color:var(--accent);align-items:center;gap:7px;font:10px monospace;display:flex}[data-screen=home] .ticket .by i{background:var(--accent);border-radius:50%;width:8px;height:8px}[data-screen=home] .ticket .step{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(3px)}[data-screen=home] .ticket code{background:var(--soft);color:var(--ink);border-radius:3px;padding:2px 6px;font:11px monospace}[data-screen=home] .ticket .chosen code{background:var(--accent);color:var(--button-ink)}[data-screen=home] .ticket .sep{color:var(--line)}[data-screen=home] .slide.scanned .ticket .step{opacity:1;transform:none}[data-screen=home] .slide.scanned .ticket .step:nth-of-type(2){transition-delay:.15s}[data-screen=home] .slide.scanned .ticket .step:nth-of-type(3){transition-delay:.3s}[data-screen=home] .slide.scanned .ticket .step:nth-of-type(4){transition-delay:.45s}[data-screen=home] .scanline{pointer-events:none;opacity:0;z-index:2;background:linear-gradient(#0000,#22644b2e);border-bottom:2px solid #22644b;height:36px;margin-top:-36px;position:absolute;top:0;left:0;right:0}[data-screen=home] .slide.scanning .scanline{animation:1s ease-in-out both home-scan}@media (max-width:1080px){[data-screen=home] .routing{grid-template-columns:1fr;gap:20px}[data-screen=home] .story{grid-template-columns:1fr;gap:12px}[data-screen=home] .picker{flex-direction:row;overflow-x:auto}[data-screen=home] .picker button{min-width:200px;padding-right:16px}[data-screen=home] .sequence{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){[data-screen=home] .wrap{padding:0 20px}[data-screen=home] .hero{grid-template-columns:1fr;gap:30px;padding:45px 0}[data-screen=home] h1{letter-spacing:-2.5px}[data-screen=home] .archive{border-left:0;height:420px;padding-left:0}[data-screen=home] .manifesto{grid-template-columns:1fr;gap:16px}[data-screen=home] .manifesto p{font-size:20px}[data-screen=home] .slide{grid-template-columns:1fr}[data-screen=home] .stage{padding:12px}[data-screen=home] .sequence,[data-screen=home] .three{grid-template-columns:1fr}[data-screen=home] .sectionhead{flex-direction:column;align-items:start;gap:10px}[data-screen=home] .navlinks{gap:16px}[data-screen=home] .navlinks .optional,[data-screen=home] .stage-title,[data-screen=home] .stage-bottom span:first-child,[data-screen=home] .stage-nav .pill{display:none}[data-screen=home] nav{height:78px}[data-screen=home] footer{flex-direction:column}}@media (max-width:420px){[data-screen=home] .sheet{width:170px}[data-screen=home] .index-card{width:260px}[data-screen=home] .lists{grid-template-columns:1fr}[data-screen=home] .navlinks>a:not(.button):not(.locale){display:none}[data-screen=home] .navlinks{gap:12px}[data-screen=home] .navlinks .button{display:none}[data-screen=home] h1{font-size:40px}}@media (prefers-reduced-motion:reduce){[data-screen=home] .hit,[data-screen=home] .otable td,[data-screen=home] .ticket .step,[data-screen=home] .pages li:after{transition:none}[data-screen=home] .slide.scanning .scanline{animation:none}}@media (prefers-reduced-motion:reduce){html:has([data-screen=home]){scroll-behavior:auto}}