:root{--acc:#1F4E79;--acc2:#2e6da4;--ink:#1d2430;--muted:#5b6575;--bg:#f6f8fb;--card:#fff;--line:#dfe5ee;--pro:#b45309}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--acc2)}a:hover{color:var(--acc)}
.top{background:#fff;border-bottom:1px solid var(--line)}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px}
@media(max-width:480px){.brand{font-size:.88rem}}
.brand{font-weight:700;color:var(--acc);text-decoration:none}
h1{font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.2;color:var(--acc);margin:.2em 0 .4em}
h2{font-size:1.4rem;color:var(--acc);margin:1.6em 0 .5em}h3{font-size:1.08rem;margin:.2em 0 .4em}
.lead{font-size:1.15rem;color:#344}.muted{color:var(--muted)}.small{font-size:.9rem}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:36px 0 10px}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
@media(max-width:820px){.hero,.split{grid-template-columns:1fr}.shot{max-width:440px;margin:0 auto}}
.shot{margin:0}.shot img{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(20,40,80,.15);border:1px solid var(--line);background:#fff}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 8px}
.btn{display:inline-block;padding:12px 20px;border-radius:8px;font-weight:600;text-decoration:none;border:2px solid transparent}
.btn small{font-weight:400;opacity:.85}
.btn-free{background:var(--acc);color:#fff}.btn-free:hover{background:#163a5b;color:#fff}
.btn-pro{background:#fff;color:var(--pro);border-color:var(--pro)}.btn-pro:hover{background:#fff7ed}
.btn-disabled{opacity:.7;cursor:default}
.btn-ghost{background:#fff;color:var(--acc);border-color:var(--acc)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}
.card.qr{margin-top:20px;border-left:4px solid var(--acc)}.card.cta{margin:32px 0;border-left:4px solid var(--acc)}.card.cta h2{margin-top:0}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:.97rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
thead th{background:#e8eff8;color:var(--acc)}.cmp td:last-child{font-weight:600}
.guides li{margin:.35em 0}
details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:8px 0}summary{cursor:pointer;font-weight:600}
.guide{max-width:760px}.guide blockquote{margin:1em 0;padding:12px 18px;background:#fff;border-left:4px solid var(--acc2);color:#334}
.formula{font-family:ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px solid var(--line);padding:12px;border-radius:8px}
.crumbs{font-size:.9rem;color:var(--muted);margin-top:20px}.crumbs a{color:var(--muted)}
.src{font-size:.92rem}
.chooser{text-align:center;padding:80px 0}.chooser .ctas{justify-content:center}
.foot{margin-top:60px;padding:24px 0;background:#fff;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}