:root{--bg:#ffffff;--fg:#1d2430;--muted:#5b6573;--accent:#1f5fbf;--line:#e3e7ee;--card:#f6f8fb}
@media (prefers-color-scheme:dark){:root{--bg:#0f1419;--fg:#e6e9ee;--muted:#9aa4b2;--accent:#7cb0ff;--line:#273040;--card:#161c25}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);line-height:1.55}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
nav.top{display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:18px 16px;border-bottom:1px solid var(--line)}
nav.top .brand{font-weight:700;font-size:1.15rem;color:var(--fg)}nav.top span a{margin-left:18px;font-size:.95rem}
main{max-width:960px;margin:0 auto;padding:0 16px}main.narrow{max-width:760px}
.hero{padding:56px 0 36px}.hero h1{font-size:2.2rem;line-height:1.15;margin:0 0 12px}.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:640px;margin:0 0 22px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:12px 22px;border-radius:8px;font-weight:600}.btn:hover{text-decoration:none;filter:brightness(1.08)}
.btn.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.shot{width:100%;max-width:760px;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);margin:12px 0 8px}
section{padding:36px 0;border-top:1px solid var(--line)}section h2{font-size:1.5rem;margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}.card h3{margin:0 0 8px;font-size:1.05rem}.card p,.card ul{margin:0;color:var(--muted);font-size:.97rem}.card ul{padding-left:18px}
.muted{color:var(--muted)}.small{font-size:.9rem}
table.price{width:100%;border-collapse:collapse;margin-top:8px}table.price th,table.price td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.price th{font-weight:600}table.price td.p{white-space:nowrap;font-weight:600}
ol.steps{padding-left:22px}ol.steps li{margin-bottom:8px}
pre.license{white-space:pre-wrap;font-family:Consolas,Menlo,monospace;font-size:.88rem;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}
footer{max-width:960px;margin:0 auto;padding:28px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
code{background:var(--card);padding:1px 5px;border-radius:4px;font-size:.92em}
.shot.small{max-width:520px;display:block;margin:12px auto 6px}
ol.steps li{margin-bottom:12px}