.demo-connector{max-width:1080px;margin:0 auto;padding:10px 20px 60px;}
.demo-connector-inner{text-align:center;border:1px solid #E1DDF8;border-radius:18px;padding:34px 24px;background:linear-gradient(135deg,#FAFAFB 0%,#F5F3FF 100%);}
.demo-connector .step-label{display:inline-block;padding:5px 14px;margin-bottom:12px;border-radius:100px;background:#F3F1FF;border:1px solid #DDD8FF;color:#4F39F6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.demo-connector h2{margin:0 0 8px;color:#1F1F26;font-size:22px;font-weight:800;letter-spacing:-.02em}
.demo-connector p{margin:0 auto 18px;color:#73737F;font-size:14px;max-width:520px;line-height:1.6}
.demo-connector .connector-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;align-items:center}
.demo-connector .btn-primary{display:inline-flex;align-items:center;padding:12px 22px;border-radius:10px;background:#4F39F6;color:#fff;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 4px 14px rgba(79,57,246,.16)}
.demo-connector .btn-ghost{display:inline-flex;align-items:center;padding:11px 18px;border:1px solid #D9D6F5;border-radius:10px;background:#fff;color:#4F39F6;text-decoration:none;font-size:13px;font-weight:700}
.demo-connector .link-soft{font-size:12.5px;color:#73737F;text-decoration:underline;text-underline-offset:3px}
