:root{--bg:#000;--fg:#e6e6e6;--dim:#a9a9a9;--card:#141414;--line:#333;--link:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
a{color:var(--link);font-weight:600}
a:focus-visible,.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
h1,h2,h3{font-family:Baskerville,"Baskerville Old Face",Georgia,"Times New Roman",serif;color:#fff;line-height:1.25}
h1{font-size:38px;margin:.3em 0 .2em}
h2{font-size:26px;margin:2em 0 .5em;padding-bottom:.25em;border-bottom:1px solid var(--line)}
h3{font-size:20px;margin:1.4em 0 .3em}
p{margin:.7em 0}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:6px 10px;z-index:9}
header.site{border-bottom:1px solid var(--line);background:#0a0a0a}
header.site .in{max-width:960px;margin:0 auto;padding:10px 20px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
header.site .brand{font-family:Baskerville,Georgia,serif;font-size:20px;font-weight:700;text-decoration:none;margin-right:auto}
header.site nav{display:flex;flex-wrap:wrap;gap:4px 16px}
header.site nav a{text-decoration:none;font-weight:500;color:#ccc;padding:4px 0;border-bottom:2px solid transparent}
header.site nav a.on,header.site nav a:hover{color:#fff;border-bottom-color:#fff}
main{max-width:860px;margin:0 auto;padding:10px 20px 50px}
.hero{text-align:center;padding:44px 0 10px}
.hero img.icon{width:112px;height:112px;border-radius:25px}
.hero h1{font-size:44px}
.lead{font-size:21px;color:#ddd;max-width:34em;margin:.4em auto 1em}
.btn{display:inline-block;border:1px solid #fff;border-radius:10px;padding:.5em 1.1em;text-decoration:none;margin:.3em .25em;background:#111}
.btn:hover{background:#222}
.btn.off{border-color:#555;color:#aaa;background:transparent;font-weight:500;cursor:default}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:1em 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.card h3{margin-top:0}
ul.feat{padding-left:1.2em}ul.feat li{margin:.45em 0}
.shots{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:1.2em 0}
.shots figure{margin:0;width:200px;text-align:center}
.shots img{width:100%;height:auto;border:1px solid #444;border-radius:14px;display:block}
.shots figcaption{font-size:14px;color:var(--dim);margin-top:.4em}
.note{border-left:4px solid #fff;background:var(--card);padding:10px 16px;margin:1.2em 0}
.warn{border:1px solid #c33;background:#1a0b0b;border-radius:10px;padding:10px 16px;margin:1.2em 0}
table.t{border-collapse:collapse;width:100%;margin:1em 0;font-size:16px}
table.t th,table.t td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
table.t th{color:#fff}
table.lic td.ok{color:#8fe08f}table.lic td.no{color:#e08f8f}
dl.faq dt{font-weight:700;color:#fff;margin-top:1.1em}dl.faq dd{margin:.2em 0 .5em}
footer.site{border-top:1px solid var(--line);color:var(--dim);font-size:14px}
footer.site .in{max-width:960px;margin:0 auto;padding:18px 20px;display:flex;flex-wrap:wrap;gap:6px 18px}
footer.site a{color:#ccc;font-weight:500}
.doc h1{font-size:30px}.doc h2{font-size:21px;border:0;margin-top:1.6em}
@media (max-width:560px){h1{font-size:30px}.hero h1{font-size:34px}.lead{font-size:18px}.shots figure{width:44%}}