:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#f5f6f8}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fafafa 0,#f2f4f7 100%)}
.wrap{width:min(720px,calc(100% - 40px));margin:0 auto;padding:96px 0 40px}.narrow{width:min(640px,calc(100% - 40px))}
.hero{margin-bottom:28px}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:7px 11px;border:1px solid #dfe4e8;border-radius:999px;background:#fff;font-size:13px;color:#4f5b66}.dot{width:8px;height:8px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 4px rgba(34,160,107,.1)}
h1{font-size:40px;line-height:1.06;letter-spacing:-1.4px;margin:20px 0 12px}p{font-size:17px;line-height:1.65;color:#66717c;margin:0 0 20px}
.card{overflow:hidden;border:1px solid #e2e6ea;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(30,40,50,.06)}
.row{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f2}.row:last-child{border-bottom:0}.row span{color:#505b65}.row strong{font-size:14px;color:#15835a;font-weight:600}
footer{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#8a949d;font-size:13px}a{color:#58636e;text-decoration:none}a:hover{text-decoration:underline}.back{display:inline-block;margin-bottom:30px}.code{font-size:13px;color:#8b949e;margin-bottom:8px}
@media(max-width:600px){.wrap{padding-top:56px}h1{font-size:34px}.row{padding:16px}}