body.demo-body{background:#f7f2e8;color:#111;font-family:Inter,Arial,sans-serif;margin:0}.demo-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 34px;border-bottom:1px solid #d8d1c4;background:rgba(255,255,255,.82);position:sticky;top:0;z-index:5}.demo-topbar a{text-decoration:none;color:#111}.demo-shell{max-width:1240px;margin:auto;padding:48px 28px 80px}.demo-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:end}.demo-hero h1{font-size:58px;line-height:.98;margin:10px 0 20px}.demo-hero p{font-size:18px;line-height:1.6;max-width:760px}.demo-notice{padding:20px;border:1px solid #222;border-radius:18px;background:#fff}.demo-notice strong{display:block;margin-bottom:8px}.demo-tabs{display:flex;gap:10px;margin:34px 0 18px}.demo-tabs button{border:1px solid #aaa;background:white;border-radius:999px;padding:10px 16px;cursor:pointer}.demo-tabs button.active{background:#111;color:#fff}.demo-panel{display:none;background:#fff;border:1px solid #d7d0c5;border-radius:24px;padding:26px;position:relative;overflow:hidden}.demo-panel.active{display:block}.demo-watermark{position:absolute;right:30px;top:28px;font-size:13px;font-weight:800;letter-spacing:.12em;color:#b8afa0}.demo-diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:center;min-height:360px;padding-top:40px}.demo-node{border:1px solid #111;border-radius:16px;padding:18px;background:#fff;min-height:82px;box-shadow:0 10px 22px rgba(0,0,0,.06)}.demo-node small{display:block;color:#666;margin-bottom:8px}.demo-node.accent{border-top:5px solid #13b6bd}.demo-node.orange{border-top:5px solid #f58b42}.demo-node.locked{filter:blur(4px);user-select:none}.demo-gate{grid-column:1/-1;text-align:center;border:1px dashed #999;padding:24px;border-radius:16px;background:#fbf8f2}.demo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-card{padding:20px;border:1px solid #ddd;border-radius:16px}.demo-card.locked{background:repeating-linear-gradient(135deg,#fafafa,#fafafa 8px,#f0f0f0 8px,#f0f0f0 16px);color:#777}.demo-cta{margin-top:30px;display:flex;gap:12px}.demo-cta a{padding:13px 18px;border-radius:999px;text-decoration:none;border:1px solid #111}.demo-cta a.primary{background:#111;color:#fff}@media(max-width:800px){.demo-hero{grid-template-columns:1fr}.demo-hero h1{font-size:42px}.demo-diagram,.demo-list{grid-template-columns:1fr 1fr}}