body{font-family:serif;margin:0;padding:0;background:#fafafa;color:#111;line-height:1.7}
.site-head{text-align:center;padding:20px;border-bottom:1px solid #ddd}
.title{font-weight:bold;letter-spacing:.08em}
.motto{font-size:14px;color:#555}
.wrap{max-width:800px;margin:0 auto;padding:20px}
.hero{text-align:center}
.hero img{width:300px;max-width:90%;border:1px solid #ddd;border-radius:6px}
.hero h1{margin-top:15px;font-size:28px}
.lede{color:#555}
.slab{background:#fff;padding:15px;margin:20px 0;border:1px solid #eee;border-radius:8px}
.phase{font-weight:bold;margin:5px 0}
.phase.highlight{background:linear-gradient(90deg,#28F3B7,#7B5CFF,#FF59C7);-webkit-background-clip:text;color:transparent}
.contract code{display:block;margin:8px 0;padding:6px;background:#f7f5f1;border:1px dashed #ddd;border-radius:6px}
.btn{padding:4px 8px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}
.links{margin-top:6px}
.links .dot{margin:0 6px}
.site-foot{text-align:center;padding:20px;color:#555;font-size:14px}
.underline{height:3px;width:200px;background:linear-gradient(90deg,#28F3B7,#7B5CFF,#FF59C7);margin:8px auto;border-radius:2px;opacity:.3}