:root{--bg:#fbfdfb;--fg:#163d2b;--muted:#5f6f66;--card:#eef8f1;--line:#d9e7de}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg)}
.wrap{max-width:980px;margin:auto;padding:28px 22px}.nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0 34px}
.brand{font-weight:800;font-size:21px}.nav a{color:var(--fg);text-decoration:none}.hero{padding:70px 0 54px}
h1{font-size:clamp(42px,8vw,76px);line-height:.98;margin:0 0 24px}.lead{max-width:720px;font-size:21px;line-height:1.6;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;margin:24px 0}.card h2{margin-top:0}
.btn{display:inline-block;background:var(--fg);color:#fff!important;text-decoration:none;padding:13px 18px;border-radius:12px;margin-right:8px}
footer{border-top:1px solid var(--line);margin-top:70px;padding:30px 0;color:var(--muted);font-size:14px}
p,li{line-height:1.7}.small{font-size:14px;color:var(--muted)} code{background:#edf2ee;padding:2px 5px;border-radius:5px}