*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#1d1f23;background:#fafaf8}
header,main,footer{max-width:880px;margin:0 auto;padding:16px 20px}.brand{font-weight:700;color:inherit;text-decoration:none}
h1{font-size:2rem;line-height:1.2;margin:24px 0 8px}.lead{color:#555;max-width:640px}
#drop{margin:24px 0 8px;border:2px dashed #b9bcc3;border-radius:12px;padding:48px 20px;text-align:center;cursor:pointer;background:#fff;display:flex;flex-direction:column;gap:4px}
#drop.hover{border-color:#2f6fed;background:#f1f5ff}#drop span{color:#777}
.btn{display:inline-block;background:#2f6fed;color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:600;margin:8px 0 12px}
.scroll{overflow:auto;max-height:480px;border:1px solid #e3e4e8;border-radius:8px;background:#fff}
table{border-collapse:collapse;width:100%;font-size:14px}td{padding:6px 10px;border-bottom:1px solid #eee}thead td{font-weight:600;position:sticky;top:0;background:#f4f5f7}
.num{text-align:right;font-variant-numeric:tabular-nums}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:40px 0}.why h3{margin:0 0 4px;font-size:1rem}.why p{margin:0;color:#555}
footer{color:#888;font-size:14px}footer a{color:inherit}
.doc{max-width:720px}.doc h2{font-size:1.15rem;margin-top:28px}header a{color:inherit}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:28px 0}
.plan{background:#fff;border:1px solid #e3e4e8;border-radius:12px;padding:20px}.plan.pro{border:2px solid #2f6fed}
.plan h2{margin:0}.price{font-size:2rem;font-weight:700;margin:8px 0 0}.price span{font-size:1rem;font-weight:400;color:#777}.alt{color:#777;margin:0}
.note{color:#777;font-size:14px}
button.btn{border:0;font:inherit;font-weight:600;cursor:pointer}.dl{display:flex;flex-wrap:wrap;gap:8px}.dl .btn{margin:8px 0 12px}
.btn.alt{background:#fff;color:#2f6fed;border:1px solid #2f6fed}.pro-tag{font-size:11px;background:#2f6fed;color:#fff;border-radius:4px;padding:1px 5px;margin-left:4px}
.faq{margin:40px 0}.faq h2{font-size:1.2rem}.faq h3{margin:16px 0 4px;font-size:1rem}.faq p{margin:0;color:#555}
.locked td{filter:blur(4px);user-select:none}td.unlock{background:#f1f5ff;text-align:center;padding:14px}td.unlock .btn{margin:0 0 0 10px;padding:6px 14px}
.upsell{background:#fff;border:2px solid #2f6fed;border-radius:12px;padding:4px 16px;margin:0 0 16px}.upsell h3{margin:12px 0 4px}.upsell .scroll{max-height:none}
.save{background:#e6f4ea;color:#1e7a3a;border-radius:4px;padding:1px 6px;font-size:13px;font-weight:600}
.check{padding:10px 14px;border-radius:8px;margin:12px 0}.check.ok{background:#ecfdf3;color:#05603a}.check.ok::before{content:"✓ "}.check.warn{background:#fffaeb;color:#93370d}tr.mismatch td{background:#fff4e5}