.module-hero{padding:120px 24px 40px;text-align:center;max-width:760px;margin:0 auto}
.module-badge{display:inline-block;background:rgba(246,201,74,.1);color:var(--gold);border:1px solid rgba(246,201,74,.3);border-radius:100px;padding:7px 16px;font-size:11px;font-weight:800;letter-spacing:.06em;margin-bottom:18px}
.module-hero h1{font-size:clamp(28px,4.5vw,40px);margin:0}
.module-hero h1 span{color:#8be8ff}
.module-hero p{color:var(--muted);margin-top:14px;line-height:1.7;font-size:15px}

.module-demo{max-width:720px;margin:0 auto;padding:0 24px 100px}
.demo-panel{background:rgba(255,255,255,.04);border:1px solid rgba(157,122,255,.25);border-radius:20px;padding:26px}
.demo-panel label{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--muted);margin-bottom:10px}
.demo-panel textarea{width:100%;min-height:90px;background:#140a35;border:1px solid rgba(157,122,255,.25);color:#fff;border-radius:12px;padding:14px;font-family:inherit;font-size:14px;line-height:1.6;resize:vertical}
.btn-run{margin-top:16px;width:100%;background:linear-gradient(135deg,#6a3bd1,#9d7aff);color:#fff;border:0;border-radius:100px;padding:15px;font-weight:800;font-size:14.5px;cursor:pointer}
.btn-run:disabled{opacity:.6;cursor:wait}
.demo-loading{margin-top:14px;text-align:center;color:var(--muted);font-size:13px;font-style:italic}

.demo-flow{margin-top:30px;display:flex;flex-direction:column;align-items:stretch}
.flow-step{display:flex;gap:16px;background:rgba(255,255,255,.04);border:1px solid rgba(157,122,255,.22);border-radius:16px;padding:18px 20px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
.flow-step.visible{opacity:1;transform:none}
.flow-num{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#6a3bd1,#9d7aff);display:grid;place-items:center;font-size:13px;font-weight:900}
.flow-body b{display:block;font-size:13px;font-weight:800;letter-spacing:.03em;color:#8be8ff;margin-bottom:6px}
.flow-body p{margin:0;font-size:14px;line-height:1.65;color:#e3ddfa}
.flow-quote{background:rgba(139,232,255,.06);border-left:2px solid #8be8ff;padding:10px 14px;border-radius:6px;font-style:italic}
.flow-arrow{text-align:center;color:var(--muted);font-size:14px;margin:4px 0}
.escalade-yes{color:#ffb0b0!important;font-weight:700}
.escalade-no{color:#8be8ff!important;font-weight:700}