.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.demo-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column}.demo-card.featured{border:2px solid var(--green);box-shadow:var(--shadow-lg)}.demo-role-icon{width:44px;height:44px;border-radius:12px;background:var(--green-tint);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.demo-role-title{font-family:var(--font-display);font-weight:600;font-size:18px}.demo-role-desc{font-size:13px;color:var(--ink-2);margin-top:6px;min-height:34px;line-height:1.55}.cred-box,.cred-row{display:flex;gap:10px}.cred-box{margin-top:18px;flex-direction:column}.cred-row{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;align-items:center;justify-content:space-between}.cred-row-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:2px}.cred-row-value{font-family:var(--font-mono);font-size:13px;color:var(--ink);word-break:break-all}.cred-copy-btn{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s}.cred-copy-btn.copied,.cred-copy-btn:hover{border-color:var(--green);color:var(--green)}.cred-copy-btn svg{width:15px;height:15px}.cred-copy-btn.copied{background:var(--green-tint)}.demo-card .btn-block{margin-top:20px}.demo-notice{display:flex;gap:14px;align-items:flex-start;background:var(--yellow-tint);border:1px solid #ebd5a0;border-radius:var(--radius-md);padding:20px 22px;margin-bottom:32px}.demo-notice svg{width:20px;height:20px;color:var(--yellow-deep);flex-shrink:0;margin-top:1px}.demo-notice p,.demo-step p{font-size:13.5px;color:var(--ink-2)}.demo-notice p{line-height:1.6;margin:0}.demo-notice strong,.demo-step h5{color:var(--ink)}.demo-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:28px}.demo-step{display:flex;gap:12px;align-items:flex-start}.custom-band h3,.demo-step-num{font-family:var(--font-display);color:#fff}.custom-band,.demo-step-num{display:flex;align-items:center}.demo-step-num{font-weight:700;font-size:15px;background:var(--green);width:26px;height:26px;border-radius:50%;justify-content:center;flex-shrink:0}.demo-step p{margin-top:3px;line-height:1.55}.demo-step h5{font-size:14px;font-weight:600}.custom-band{background:var(--ink);border-radius:var(--radius-lg);padding:44px 40px;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:40px}.custom-band h3{font-size:22px;font-weight:600}.custom-band p{color:rgba(255,255,255,.62);font-size:14px;margin-top:8px;max-width:480px}