:root{--ink:#162b25;--muted:#718078;--green:#2d6f51;--bg:#f7f8f4;--line:#e4e9e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}.top{height:80px;max-width:1210px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.3px;display:flex;align-items:center;gap:5px}.brandmark{color:#438b65;font-size:31px;line-height:1}.branddot{color:#65a277;margin-left:-5px}.top nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600;color:#68766e}.top nav a:hover{color:var(--green)}.navpill{background:#e8f0e8;border:1px solid #d5e4d5;padding:11px 15px;border-radius:8px;color:#295e46!important}.navpill span{margin-left:12px}.hero{text-align:center;padding:69px 24px 68px}.eyebrow,.step{color:#6a8b76;letter-spacing:1.8px;font-size:10px;font-weight:800}.eyebrow{display:inline-flex;gap:8px;align-items:center;letter-spacing:1px}.dot{width:7px;height:7px;background:#75a786;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #e8f1e8}h1{font-family:Manrope,'Microsoft YaHei',sans-serif;font-size:clamp(48px,6vw,78px);letter-spacing:-4px;margin:22px 0 17px;line-height:1.16}h1 span{color:#5b9773}.intro{font-size:16px;line-height:1.9;color:#718078;margin:0}.trust{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0 38px;color:#788b7d;font-size:11px;font-weight:600}.trust i{width:3px;height:3px;background:#c2ccc3;border-radius:100%}.workbench{max-width:710px;margin:auto;background:white;border:1px solid #e0e8df;border-radius:16px;padding:27px;box-shadow:0 22px 65px #2c4d3910;text-align:left}.benchhead,.sectionhead{display:flex;justify-content:space-between;align-items:center}.benchhead h2,.sectionhead h2{font-size:19px;letter-spacing:-.6px;margin:8px 0 0}.local{font-size:11px;color:#73907a;background:#f2f7f0;border:1px solid #e4eee1;padding:9px 11px;border-radius:20px}.local .dot{width:5px;height:5px;box-shadow:none;margin-right:5px}.drop{display:flex;min-height:230px;margin-top:24px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed #b8d0bb;border-radius:11px;background:#f8fbf7;cursor:pointer;transition:.2s}.drop:hover,.drop.drag{background:#f0f7ef;border-color:#559772}.fileicon{width:54px;height:58px;display:grid;place-items:center;background:#fff;border:1px solid #e2ece1;border-radius:10px;color:#5b9872;position:relative;margin-bottom:4px}.fileicon b{position:absolute;bottom:-4px;right:-5px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#5b9872;color:white;font-size:12px}.drop strong{font-size:15px}.drop span:not(.fileicon){font-size:12px;color:#94a397}.drop em{font-style:normal;color:#438a61;text-decoration:underline;text-underline-offset:3px}.drop small{font-size:10px;color:#9eaca1;margin-top:5px}.filelist{display:grid;gap:7px}.file{background:#f6f9f5;border:1px solid #e4ece3;padding:10px 12px;border-radius:7px;margin-top:8px;display:flex;justify-content:space-between;font-size:12px;overflow-wrap:anywhere}.file button{border:0;background:none;color:#87968b;cursor:pointer;font-size:17px}.actionrow{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.actionrow strong,.actionrow small{display:block}.actionrow strong{font-size:12px}.actionrow small{margin-top:6px;color:#a2afa5;font-size:10px}button{font:inherit}#convert,.download{background:#285e44;color:white;border:0;border-radius:8px;padding:13px 19px;font-size:12px;font-weight:700;cursor:pointer}#convert span{margin-left:28px}#convert:disabled{background:#b7c9ba;cursor:not-allowed}.status{font-size:12px;color:#8b6553;margin-top:12px}.status:empty{display:none}.beneath{display:flex;justify-content:center;gap:35px;margin-top:24px;font-size:11px;color:#9cab9e}.results{max-width:710px;margin:0 auto 80px;padding:0 24px}.hidden{display:none}.resultcount{font-size:12px;color:#829287}.result{background:white;border:1px solid var(--line);border-radius:12px;margin-top:20px;padding:19px}.resulthead{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:700}.resulthead span{overflow-wrap:anywhere}.resultactions{display:flex;gap:7px;flex-shrink:0}.resultactions button{font-size:11px;padding:9px 12px;border:1px solid #dae5da;background:#f6faf5;border-radius:7px;color:#315f47;cursor:pointer}.result textarea{display:block;width:100%;min-height:220px;resize:vertical;margin-top:14px;padding:14px;border:1px solid #e7ece5;background:#f9fbf8;color:#45564b;border-radius:7px;font:12px/1.7 Consolas,monospace}.result .warning{color:#ad754b;font-size:11px}.why{border-top:1px solid var(--line);max-width:1145px;margin:auto;padding:75px 20px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.why h2{font-size:34px;line-height:1.35;letter-spacing:-1.5px;margin:18px 0}.whytitle p,.features p{font-size:12px;line-height:1.9;color:#88978b}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.features article{border-top:1px solid #d6e4d6;padding-top:17px}.features article>span{font:11px Manrope;color:#79a889}.features h3{font-size:14px;margin:22px 0 10px}.note{max-width:1105px;margin:0 auto 70px;padding:20px 24px;background:#edf4ec;border-radius:10px;display:flex;gap:15px;color:#5e7e65}.note>span{font-size:22px}.note strong{font-size:12px}.note p{font-size:11px;margin:7px 0 0;line-height:1.7}footer{border-top:1px solid var(--line);max-width:1145px;margin:auto;padding:24px 20px 35px;display:flex;align-items:center;gap:20px}footer .brand{font-size:19px}footer .brandmark{font-size:24px}footer p{font:9px Manrope;letter-spacing:1.3px;color:#a7b4a8}footer>span{margin-left:auto;color:#a2afa4;font-size:10px}@media(max-width:700px){.top{height:66px;padding:0 20px}.top nav{gap:14px}.top nav a:not(.navpill){display:none}.hero{padding:55px 16px 50px}h1{letter-spacing:-2px}.workbench{padding:18px}.drop{min-height:210px;padding:20px;text-align:center}.drop small{line-height:1.8}.trust{gap:10px}.beneath{gap:15px}.why{grid-template-columns:1fr;gap:25px;padding:55px 20px}.features{grid-template-columns:1fr;gap:15px}.features h3{margin:10px 0}.note{margin:0 20px 50px}.resulthead{align-items:flex-start;flex-direction:column}footer p{display:none}}

/* ---- v2 additions ---- */
.resmeta{display:flex;align-items:center;gap:12px}
.ghost{font-size:11px;padding:9px 12px;border:1px solid #dae5da;background:#f6faf5;border-radius:7px;color:#315f47;cursor:pointer}
.resulttitle{display:flex;flex-direction:column;gap:5px;min-width:0}
.rname{overflow-wrap:anywhere}
.rmeta{font-size:10px;font-weight:500;color:#93a397;letter-spacing:.2px}
.result textarea{min-height:320px}
.result .warning{color:#ad754b;font-size:11px;margin:12px 0 0}
@media(max-width:700px){.resultcount{display:none}}
.cardnote{font-size:11px;line-height:1.7;color:#8a6a4f;background:#faf6ef;border:1px solid #f0e5d3;border-radius:7px;padding:10px 12px;margin:12px 0 0}
/* ---- export controls ---- */
.resmeta{flex-wrap:wrap;justify-content:flex-end}
.switch{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#5d7a66;cursor:pointer;user-select:none}
.switch input[type="checkbox"]{width:14px;height:14px;accent-color:#285e44;cursor:pointer;margin:0}
.ocrrow .switch{flex-wrap:wrap;cursor:default}
#pageRange{width:150px;max-width:100%;min-height:36px;padding:7px 9px;border:1px solid #dae5da;border-radius:6px;background:#f6faf5;color:#315f47;font:inherit;cursor:text}
#pageRange:focus-visible{outline:2px solid #559772;outline-offset:2px}
.resultactions{flex-wrap:wrap;min-width:0;max-width:100%}
.sectionhead{flex-wrap:wrap;gap:16px}
.actionrow{gap:16px}
.actionrow>div{min-width:0}
.actionrow>button{flex-shrink:0}
.local{flex-shrink:0}
@media(max-width:700px){.beneath{flex-wrap:wrap}.trust{flex-wrap:wrap}.ocrrow .switch{width:100%}.benchhead{gap:12px}.local{white-space:nowrap;padding:8px}.benchhead h2{font-size:17px}}
.resultactions button[title]{position:relative}
@media(max-width:700px){.resmeta{justify-content:flex-start}.switch{order:-1;width:100%;margin-bottom:4px}}
/* ---- OCR language row ---- */
.ocrrow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:15px;border-top:1px solid #eaf0e8;flex-wrap:wrap}
.ocrrow small{font-size:10px;color:#a2afa5}
.ocrrow select{font:inherit;font-size:11px;padding:6px 8px;border:1px solid #dae5da;background:#f6faf5;border-radius:6px;color:#315f47;cursor:pointer}
.ocrrow select:focus-visible{outline:2px solid #559772;outline-offset:1px}

/* ---- pricing page ---- */
.pricehero{padding-bottom:40px}
.beta-details{max-width:620px;margin:0 auto;text-align:left}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:830px;margin:38px auto 0;text-align:left}
.plan{background:#fff;border:1px solid #e0e8df;border-radius:16px;padding:26px;box-shadow:0 18px 50px #2c4d3908;display:flex;flex-direction:column}
.plan.pro{border-color:#cfe2d3;box-shadow:0 22px 60px #2c4d3914;position:relative}
.plantag{position:absolute;top:-10px;left:26px;background:#285e44;color:#fff;font-size:9px;font-weight:800;letter-spacing:1.4px;padding:5px 9px;border-radius:20px}
.plan h2{font-family:Manrope,sans-serif;font-size:17px;margin:0}
.planprice{font-family:Manrope,sans-serif;font-size:40px;font-weight:800;letter-spacing:-2px;margin:14px 0 2px;color:#162b25}
.plan.pro .planprice{color:#2d6f51}
.plannote{font-size:11px;color:#93a397;margin:0 0 18px}
.plan ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;font-size:12px;color:#4c5f54;line-height:1.5}
.plan li{padding-left:20px;position:relative}
.plan li::before{content:"\2713";position:absolute;left:0;color:#559772;font-weight:700;font-size:11px}
.plan li strong{color:#162b25}
.plancta{display:block;width:100%;text-align:center;padding:13px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid #d5e4d5;background:#eef5ee;color:#295e46;font:inherit;font-size:12px;font-weight:700}
.plan.pro .plancta{background:#285e44;color:#fff;border-color:#285e44}
.plan.pro .plancta:hover{background:#1f4a35}
.plancta.cta-pending{background:#285e44;color:#fff;border-color:#285e44}
.plancta.cta-pending:hover{background:#1f4a35}
.planfine{font-size:10px;color:#9eaca1;margin:12px 0 0;line-height:1.7}
.planfine-wide{max-width:760px;margin:30px auto 0;text-align:center;font-size:11px;color:#8fa094}
.orderpanel{max-width:560px;margin:26px auto 0;background:#fff;border:1px solid #e0e8df;border-radius:14px;padding:22px;text-align:left}
.orderpanel h3{margin:0 0 6px;font-size:13px}
.orderref{font:700 20px/1 Consolas,monospace;letter-spacing:1px;color:#2d6f51;margin:0 0 14px;user-select:all}
.orderrow{display:flex;gap:8px;flex-wrap:wrap}
.orderrow .ghost{text-decoration:none;display:inline-flex;align-items:center}
.orderhint{font-size:11px;color:#8b6553;margin:14px 0 0;line-height:1.7}
.activate{max-width:830px;margin:10px auto 0;padding:0 24px 20px}
.activatebox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:start}
.activatebox h2{font-size:19px;letter-spacing:-.6px;margin:8px 0 8px}
.activatebox p{font-size:11px;color:#88978b;line-height:1.8;margin:0}
.planchip{display:inline-block;margin-top:12px;background:#e8f0e8;border:1px solid #cfe2d3;color:#2b6350;font-size:10px;font-weight:700;padding:6px 10px;border-radius:20px}
.activateform textarea{width:100%;resize:vertical;padding:12px;border:1px solid #e7ece5;background:#f9fbf8;border-radius:7px;font:12px/1.6 Consolas,monospace;color:#45564b}
.activaterow{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.activaterow button{background:#285e44;color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:12px;font-weight:700;cursor:pointer}
.activaterow button:disabled{background:#b7c9ba;cursor:not-allowed}
.activaterow .ghost{background:#f6faf5;color:#315f47;border:1px solid #dae5da;font-weight:500}
.activatestatus{font-size:11px;color:#8b6553}
.activatestatus.good{color:#2b7a52}
.activatestatus.bad{color:#ad4b4b}
.faq{max-width:760px;margin:0 auto 60px;padding:0 24px}
.faq h2{font-size:22px;letter-spacing:-.8px;margin:20px 0 18px}
.faq dl{margin:0}
.faq dt{font-size:12px;font-weight:700;color:#162b25;margin-top:18px}
.faq dd{font-size:12px;color:#718078;line-height:1.85;margin:6px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.plans{grid-template-columns:1fr}.activatebox{grid-template-columns:1fr}.planprice{font-size:34px}}

/* ---- plan gating ---- */
.planinline{font-size:10px;color:#9eaca1;margin:8px 0 0;line-height:1.6}
.planinline a{color:#438a61;text-decoration:underline;text-underline-offset:2px}
.upgradelink{display:inline-block;margin-top:8px;font-size:11px;font-weight:700;color:#2b7a52;text-decoration:underline;text-underline-offset:3px}
.ocrrow select option:disabled{color:#b3bfb6}

/* Legal information */
.legal-links{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#527462}
.legal-links a{text-decoration:underline;text-underline-offset:3px}
.legal-page{max-width:800px;margin:0 auto;padding:50px 24px 75px}
.legal-page h1{font-size:clamp(36px,5vw,56px);letter-spacing:-2px}
.legal-page h2{font-size:18px;margin:30px 0 8px}
.legal-page p,.legal-page li{font-size:14px;color:#53655b;line-height:1.85}
.legal-page a{color:#2d6f51;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){footer{flex-wrap:wrap}footer>span{margin-left:0}.legal-links{width:100%}}

/* SEO content blocks (guides + faq) */
.guides{max-width:1210px;margin:0 auto;padding:40px 32px 10px;display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:48px;align-items:start}
.guides .whytitle h2{font-family:Manrope,sans-serif;font-size:clamp(28px,3.4vw,40px);letter-spacing:-1.6px;line-height:1.14;margin:14px 0 10px}
.guides .whytitle p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}
.guideslist{display:grid;gap:14px}
.guideslist a{display:block;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:border-color .15s ease,transform .15s ease}
.guideslist a:hover{border-color:#c9dcc8;transform:translateY(-1px)}
.guideslist strong{display:block;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px;margin-bottom:6px;color:var(--ink)}
.guideslist span{font-size:14px;color:var(--muted);line-height:1.65}
.homesq{max-width:900px;margin:0 auto;padding:30px 32px 20px}
.homesq .sectionhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:6px}
.homesq h2{font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,34px);letter-spacing:-1.2px;margin:12px 0 14px}
.homesq .faq{border-top:1px solid var(--line)}
.homesq .faq details{border-bottom:1px solid var(--line);padding:16px 0}
.homesq .faq summary{font-weight:700;cursor:pointer;font-size:16px;color:#26382f}
.homesq .faq p{margin:10px 0 0;font-size:15px;line-height:1.8;color:#4a5a51}
@media (max-width:760px){
  .guides{grid-template-columns:1fr;gap:24px;padding:32px 24px 8px}
  .homesq{padding:24px}
}