body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color:#242424;background:#fafafa;line-height:1.55}
header.site,footer.site{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:8px}
footer.site{border-top:1px solid #e0e0e0;border-bottom:0;justify-content:center;color:#616161;font-size:13px;margin-top:40px}
.brand{display:flex;gap:8px;align-items:center;font-weight:600;color:#242424;text-decoration:none;font-size:17px}
nav a{margin-left:16px;color:#4f52b2;text-decoration:none}
main.doc{max-width:820px;margin:24px auto;padding:0 24px}
main.doc table{border-collapse:collapse;width:100%;font-size:14px}main.doc td,main.doc th{border:1px solid #e0e0e0;padding:6px 8px;text-align:left;vertical-align:top}
a{color:#4f52b2}code{background:#eee;padding:1px 4px;border-radius:3px}
.hero{background:linear-gradient(135deg,#5b5fc7,#464775);color:#fff;padding:56px 24px;text-align:center}
.hero h1{font-size:36px;margin:0 0 12px}.hero p{font-size:18px;max-width:720px;margin:0 auto 20px;opacity:.95}
.cta{display:inline-block;background:#fff;color:#4f52b2;padding:10px 22px;border-radius:4px;text-decoration:none;font-weight:600;margin:4px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1000px;margin:32px auto;padding:0 24px}
.feature{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:18px}.feature h3{margin:0 0 8px;font-size:16px}