:root{color:#172027;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf2f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}:root{--ink-950:#08090a;--ink-900:#0e0f11;--ink-850:#14161a;--ink-800:#1a1d22;--ink-700:#2a2e35;--ink-600:#3d424b;--paper-0:#fff;--paper-50:#fbfaf6;--paper-100:#f5f3ec;--paper-200:#ebe8dd;--paper-300:#d9d5c6;--lime-200:#ecfccb;--lime-300:#d9f99d;--lime-400:#bef264;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#3f6212;--t-1:#0e0f11;--t-2:#2a2e35;--t-3:#5a5e66;--t-4:#7a7e87;--t-5:#a0a4ac;--td-1:#fbfaf6;--td-2:#fbfaf6bd;--td-3:#fbfaf680;--td-4:#fbfaf652;--bl-1:#0e0f110f;--bl-2:#0e0f111f;--bl-3:#0e0f1133;--bd-1:#fbfaf60f;--bd-2:#fbfaf61f;--bd-3:#fbfaf633;--success:#16a34a;--success-bg:#f0fdf4;--success-bd:#bbf7d0;--error:#dc2626;--error-bg:#fef2f2;--error-bd:#fecaca;--warning:#d97706;--warning-bg:#fffbeb;--info:#2563eb;--r-xs:3px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:999px;--f-display:"Instrument Serif", "Times New Roman", Georgia, serif;--f-sans:"DM Sans", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--e-out:cubic-bezier(.22, 1, .36, 1);--e-in-out:cubic-bezier(.65, 0, .35, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper-50);color:var(--t-2);font-family:var(--f-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;line-height:1.65}::selection{background:var(--lime-300);color:var(--ink-950)}.shell{counter-reset:section;min-height:100vh;padding:0}.workspace{width:min(1240px,100%);color:var(--t-1);background:radial-gradient(ellipse 55% 60% at 88% -10%, #d9f99d8c 0%, transparent 55%), radial-gradient(ellipse 50% 50% at 5% 0%, #ffffffb3 0%, transparent 50%), var(--paper-50);border-bottom:1px solid var(--bl-1);isolation:isolate;margin:0 auto;padding:88px 40px 96px;position:relative;overflow:hidden}.workspace:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px,#0e0f1112 1px,#0000 0);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 0,#000 0%,#0000 80%);mask-image:radial-gradient(70% 80% at 50% 0,#000 0%,#0000 80%)}.workspace:after{content:"";opacity:.035;mix-blend-mode:multiply;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");position:absolute;inset:0}.intro{align-items:flex-start;gap:24px;margin-bottom:56px;display:flex}.mark{width:44px;height:44px;color:var(--lime-400);background:var(--ink-900);border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--ink-700), 0 8px 24px #0e0f112e;flex-shrink:0;place-items:center;margin-top:6px;display:grid}.intro h1{font-family:var(--f-display);letter-spacing:-.018em;color:var(--t-1);margin:0 0 18px;font-size:clamp(38px,6vw,64px);font-weight:400;line-height:1.02}.intro h1 em{color:var(--lime-600);font-style:italic}.intro p{max-width:640px;color:var(--t-3);margin:0 0 24px;font-size:17px;font-weight:400;line-height:1.6}.badge-row{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.badge-row li{font-family:var(--f-mono);letter-spacing:.06em;color:var(--t-2);background:var(--paper-0);border:1px solid var(--bl-2);border-radius:var(--r-xs);transition:border-color .2s var(--e-out), color .2s var(--e-out);align-items:center;gap:7px;padding:6px 12px 6px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge-row li:hover{border-color:var(--lime-500);color:var(--t-1)}.badge-row li svg{color:var(--lime-600)}.tool-card{background:var(--paper-0);border:1px solid var(--bl-2);border-radius:var(--r-lg);flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 1px 2px #0e0f110a,0 24px 48px -20px #0e0f112e,0 8px 16px -8px #0e0f1114}.status-bar{min-height:52px;color:var(--t-2);background:var(--paper-50);border:1px solid var(--bl-1);border-radius:var(--r-md);grid-template-columns:auto auto 1fr;align-items:center;gap:14px;margin:0;padding:14px 18px;display:grid}.progress-wrap{grid-column:1/-1;gap:7px;padding-top:4px;display:grid}.progress-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-meta span,.progress-wrap small{min-width:0;color:var(--t-3);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;font-size:10px}.progress-meta strong{color:var(--t-1);font-variant-numeric:tabular-nums}.progress-track{background:var(--paper-200);border:1px solid var(--bl-1);border-radius:var(--r-pill);height:8px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--lime-500), var(--lime-300));border-radius:inherit;min-width:8px;height:100%;transition:width .18s var(--e-out);display:block}.status-bar>svg{color:var(--t-4)}.status-bar strong{color:var(--t-1);font-size:11px;font-weight:600;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase}.status-bar span{overflow-wrap:anywhere;min-width:0;color:var(--t-3);font-size:14px}.status-bar[data-state=ready]{border-color:var(--success-bd);background:linear-gradient(180deg, var(--success-bg) 0%, #fff 60%)}.status-bar[data-state=ready]>svg,.status-bar[data-state=ready] strong{color:var(--success)}.status-bar[data-state=error]{border-color:var(--error-bd);background:linear-gradient(180deg, var(--error-bg) 0%, #fff 60%)}.status-bar[data-state=error]>svg,.status-bar[data-state=error] strong{color:var(--error)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid{grid-template-columns:minmax(240px,.7fr) minmax(420px,1.3fr);gap:14px;display:grid}.tool-card .dropzone,.tool-card .panel{background:var(--paper-50);border:1px solid var(--bl-1);border-radius:var(--r-md);min-height:250px;transition:border-color .2s var(--e-out)}.tool-card .panel{background:var(--paper-0)}.dropzone{color:var(--t-3);cursor:pointer;border-style:dashed;border-color:var(--bd-3);align-content:center;justify-items:center;gap:14px;padding:32px 24px;display:grid;position:relative}.dropzone:before{content:"INPUT";font-family:var(--f-mono);letter-spacing:.18em;color:var(--t-5);font-size:10px;font-weight:500;position:absolute;top:12px;left:14px}.dropzone:hover{border-color:var(--lime-500);background:var(--paper-50);border-style:solid}.dropzone:focus-within{border-color:var(--lime-500);border-style:solid;box-shadow:0 0 0 3px #84cc1626}.dropzone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dropzone>svg{color:var(--ink-700);transition:color .2s var(--e-out)}.dropzone:hover>svg{color:var(--lime-600)}.dropzone span{color:var(--t-1);letter-spacing:-.005em;font-size:16px;font-weight:500}.dropzone small{max-width:260px;color:var(--t-4);text-align:center;font-size:12px;line-height:1.5}.panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.panel-title{border-bottom:1px solid var(--bl-1);background:var(--paper-50);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 20px;display:flex}.panel-title span{color:var(--t-1);font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:500}button{height:30px;color:var(--td-1);background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--r-xs);cursor:pointer;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;transition:background-color .2s var(--e-out), border-color .2s var(--e-out);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:500;display:inline-flex}button:hover{background:var(--ink-800);border-color:var(--lime-600);color:var(--lime-300)}button:focus-visible{outline:2px solid var(--lime-500);outline-offset:2px}button:active{background:var(--ink-950)}code{color:var(--t-3);background:var(--paper-100);border:1px solid var(--bl-1);border-radius:var(--r-xs);font-family:var(--f-mono);font-variant-numeric:tabular-nums;align-items:center;padding:4px 8px;font-size:11px;display:inline-flex}.overlay-frame{background:linear-gradient(45deg, var(--paper-100) 25%, transparent 25%), linear-gradient(-45deg, var(--paper-100) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--paper-100) 75%), linear-gradient(-45deg, transparent 75%, var(--paper-100) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:14px 14px;flex:1;place-items:center;min-height:380px;padding:20px;display:grid;position:relative;overflow:hidden}.ocr-image{border-radius:var(--r-xs);background:0 0;max-height:560px;padding:0}.empty{min-height:200px;color:var(--t-5);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;flex:1;place-items:center;padding:18px;font-size:11px;display:grid}.image-panel,.result-panel{grid-column:1/-1}.image-panel{min-height:460px}.result-panel{min-height:240px}.box-layer{pointer-events:none;width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;inset:20px}.box-layer polygon{fill:#84cc1614;stroke:var(--lime-500);stroke-width:1.5px;vector-effect:non-scaling-stroke}.result-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.tab-list{border-bottom:1px solid var(--bl-1);background:var(--paper-50);gap:6px;padding:12px 14px;display:flex}.tab-button{height:30px;color:var(--t-3);background:var(--paper-0);border-color:var(--bl-2)}.tab-button:hover{color:var(--t-1);background:var(--paper-100);border-color:var(--lime-500)}.tab-button[aria-selected=true]{color:var(--lime-300);background:var(--ink-900);border-color:var(--ink-700)}.text-output{min-height:220px;color:var(--t-1);background:var(--paper-0);font-family:var(--f-sans);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:22px;font-size:17px;line-height:1.65;overflow:auto}.markdown-output{font-family:var(--f-mono);font-size:13px;line-height:1.7}.layout-output{background:linear-gradient(45deg, var(--paper-100) 25%, transparent 25%), linear-gradient(-45deg, var(--paper-100) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--paper-100) 75%), linear-gradient(-45deg, transparent 75%, var(--paper-100) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:14px 14px;flex:1;min-height:300px;padding:18px;overflow:auto}.layout-page{border:1px solid var(--bl-2);border-radius:var(--r-xs);background:#ffffffe6;width:min(100%,920px);margin:0 auto;position:relative;box-shadow:0 12px 32px -24px #0e0f114d;container-type:inline-size}.layout-token{min-width:max-content;color:var(--t-1);font-size:clamp(8px, calc(var(--font-ratio) * 100cqw), 28px);white-space:nowrap;transform-origin:0 0;line-height:1.15;position:absolute}.result-list{flex:1;margin:0;padding:0;list-style:none;overflow:auto}.result-list li{border-bottom:1px solid var(--bl-1);transition:background-color .18s var(--e-out);grid-template-columns:1fr auto;align-items:start;gap:16px;padding:16px 22px;display:grid}.result-list li:hover{background:var(--paper-50)}.result-list li:last-child{border-bottom:0}.result-list li span{min-width:0;color:var(--t-1);overflow-wrap:anywhere;font-size:17px;font-weight:400;line-height:1.5}.result-list strong{color:var(--lime-700);font-family:var(--f-mono);font-variant-numeric:tabular-nums;background:var(--lime-200);border-radius:var(--r-xs);white-space:nowrap;padding:3px 8px;font-size:11px;font-weight:500}output{color:var(--t-1);overflow-wrap:anywhere;flex:1;padding:22px;font-size:30px;font-weight:690;line-height:1.35;display:none}.metrics{color:var(--t-4);border-top:1px solid var(--bl-1);background:var(--ink-900);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:12px 22px;font-size:10px;font-weight:500;display:flex}.metrics span{color:var(--td-3)}.content-section{counter-increment:section;border-top:1px solid var(--bl-1);padding:104px 40px}.content-section.advantages,.content-section.how-it-works,.content-section.faq{background:var(--paper-50)}.content-section.use-cases,.content-section.comparison{background:var(--paper-100)}.content-inner{width:min(1240px,100%);margin:0 auto}.section-head{max-width:720px;margin-bottom:56px;position:relative}.section-head:before{content:"§ " counter(section, decimal-leading-zero) "  /";font-family:var(--f-mono);letter-spacing:.18em;color:var(--lime-600);text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:500;display:inline-block}.section-head h2{font-family:var(--f-display);letter-spacing:-.015em;color:var(--t-1);margin:0 0 14px;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1.08}.section-head p{max-width:660px;color:var(--t-3);margin:0;font-size:16px;line-height:1.65}.advantage-grid{border:1px solid var(--bl-2);border-radius:var(--r-md);background:var(--paper-0);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.advantage-card{background:var(--paper-0);border-right:1px solid var(--bl-1);border-bottom:1px solid var(--bl-1);transition:background-color .2s var(--e-out);padding:32px 28px;position:relative}.advantage-card:hover{background:var(--paper-50)}.advantage-card:hover:before{content:"";background:var(--lime-500);height:1px;position:absolute;top:0;left:0;right:0}.advantage-icon{width:32px;height:32px;color:var(--lime-700);background:var(--lime-200);border-radius:var(--r-xs);place-items:center;margin-bottom:20px;display:inline-grid}.advantage-card h3{font-family:var(--f-sans);letter-spacing:-.005em;color:var(--t-1);margin:0 0 10px;font-size:15px;font-weight:600}.advantage-card p{color:var(--t-3);margin:0;font-size:14px;line-height:1.65}.use-case-grid{background:var(--bl-2);border:1px solid var(--bl-2);border-radius:var(--r-md);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1px;display:grid;overflow:hidden}.use-case-card{background:var(--paper-0);transition:background-color .2s var(--e-out);padding:32px 28px}.use-case-card:hover{background:var(--paper-50)}.use-case-card h3{font-family:var(--f-display);letter-spacing:-.012em;color:var(--t-1);margin:0 0 10px;font-size:22px;font-weight:400;line-height:1.2}.use-case-summary{color:var(--t-3);margin:0 0 18px;font-size:14px;line-height:1.65}.use-case-card ul{margin:0;padding:0;list-style:none}.use-case-card li{color:var(--t-2);padding:6px 0 6px 22px;font-size:14px;line-height:1.6;position:relative}.use-case-card li:before{content:"";background:var(--lime-500);width:6px;height:6px;position:absolute;top:13px;left:0;transform:rotate(45deg)}.steps{border-top:1px solid var(--bl-2);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.step{border-right:1px solid var(--bl-1);flex-direction:column;gap:16px;padding:36px 28px 36px 0;display:flex;position:relative}.step:last-child{border-right:0}.step:not(:first-child){padding-left:28px}.step-number{width:fit-content;min-width:32px;height:32px;color:var(--lime-700);background:var(--paper-0);border:1px solid var(--lime-500);border-radius:var(--r-xs);font-family:var(--f-mono);letter-spacing:.05em;flex-shrink:0;place-items:center;font-size:12px;font-weight:500;display:grid}.step h3{font-family:var(--f-sans);letter-spacing:-.012em;color:var(--t-1);margin:0 0 6px;font-size:17px;font-weight:600}.step p{color:var(--t-3);margin:0;font-size:14px;line-height:1.65}.table-wrap{border:1px solid var(--bl-2);border-radius:var(--r-md);overflow-x:auto}.comparison table{border-collapse:collapse;background:var(--paper-0);width:100%;overflow:hidden}.comparison th,.comparison td{text-align:left;border-bottom:1px solid var(--bl-1);vertical-align:middle;padding:18px 24px;font-size:14px}.comparison thead th{background:var(--ink-900);color:var(--td-1);font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:0;font-size:10px;font-weight:500}.comparison thead th:first-child{color:var(--td-3)}.comparison thead th:nth-child(2){color:var(--lime-300)}.comparison tbody th{color:var(--t-1);width:50%;font-size:14px;font-weight:500}.comparison tbody td{color:var(--t-2);font-family:var(--f-mono);letter-spacing:.04em;font-size:12px}.comparison tbody td:first-of-type{color:var(--lime-700);font-weight:500}.comparison tbody td:last-of-type{color:var(--t-4)}.comparison tbody tr:last-child th,.comparison tbody tr:last-child td{border-bottom:0}.comparison tbody tr:hover th,.comparison tbody tr:hover td{background:var(--paper-50)}.faq-list{border-top:1px solid var(--bl-2);max-width:820px;margin:0}.faq-item{border-bottom:1px solid var(--bl-1);transition:padding-left .2s var(--e-out);padding:24px 0}.faq-item:hover{border-bottom-color:var(--lime-500);padding-left:8px}.faq-item dt{font-family:var(--f-sans);letter-spacing:-.005em;color:var(--t-1);margin:0 0 8px;font-size:16px;font-weight:500}.faq-item dd{color:var(--t-3);margin:0;font-size:14px;line-height:1.7}.site-footer{color:var(--t-2);background:radial-gradient(ellipse 55% 60% at 95% 100%, #d9f99d73 0%, transparent 55%), var(--paper-200);border-top:1px solid var(--bl-2);isolation:isolate;padding:64px 40px;position:relative;overflow:hidden}.site-footer:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px,#0e0f110d 1px,#0000 0);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 100%,#000 0%,#0000 80%);mask-image:radial-gradient(70% 80% at 50% 100%,#000 0%,#0000 80%)}.site-footer .content-inner p{max-width:none;color:var(--t-3);margin:0;font-size:13px;line-height:1.7}.site-footer strong{color:var(--t-1);font-family:var(--f-display);letter-spacing:-.01em;font-size:18px;font-style:italic;font-weight:400}.site-footer .footer-meta{color:var(--t-4);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=920px){.grid{grid-template-columns:1fr}}@media (width<=760px){.workspace{padding:56px 20px 64px}.intro{align-items:flex-start;gap:16px;margin-bottom:40px}.mark{width:40px;height:40px;margin-top:4px}.intro h1{font-size:36px}.intro p{font-size:15px}.status-bar{grid-template-columns:auto 1fr;padding:14px 18px}.status-bar span{grid-column:1/-1}.result-panel,.image-panel{grid-column:auto}.image-panel{min-height:340px}.overlay-frame{min-height:260px}output{font-size:24px}.content-section{padding:72px 20px}.section-head{margin-bottom:36px}.advantage-grid,.use-case-grid{grid-template-columns:1fr}.advantage-card,.use-case-card{border-right:0}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--bl-1);padding:28px 0}.step:last-child{border-bottom:0}.step:not(:first-child){padding-left:0}.comparison th,.comparison td{padding:14px 16px}.site-footer{padding:48px 20px}}