body{margin:0;background:#f4f8ff;color:#17243a;font:15px/1.6 system-ui,sans-serif}.demo-page{max-width:1200px;margin:24px auto;padding:0 16px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-header a{font-weight:800;color:#1857bf;text-decoration:none}.demo-header h1{margin:4px 0;font-size:24px}.demo-license{border:1px solid #c4d9fb;background:white;color:#1857bf;border-radius:20px;padding:5px 12px;font-size:12px}.demo-notice{font-size:13px;color:#53667e}.demo-page>.gio-editor{margin-top:16px}.demo-page textarea{max-width:100%}

.demo-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.demo-features article{background:#fff;border:1px solid #d7e5ed;border-radius:14px;padding:20px}
.demo-features h2{margin:0 0 8px;color:#0a6471;font-size:18px;line-height:1.4}
.demo-features p{margin:0;color:#53667e;font-size:14px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:640px){.demo-features{grid-template-columns:1fr;gap:10px;margin:16px 0}.demo-features article{padding:16px}.demo-features h2{font-size:17px}}

@media(min-width:1000px){.demo-features{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:641px) and (max-width:999px){.demo-features{grid-template-columns:repeat(2,minmax(0,1fr))}}