.landing-demo{--ci-primary:#4f39f6;--ci-primary-hover:#432dd7;--ci-primary-5:#4f39f60d;--ci-primary-10:#4f39f61a;--ci-primary-20:#4f39f633;--ci-primary-30:#4f39f64d;--ci-churn:#e11d48;--ci-churn-text:#be123c;--ci-warning:#d97706;--ci-warning-text:#b45309;--ci-success:#059669;--ci-success-text:#047857;--ci-zinc-50:#fafafa;--ci-zinc-100:#f4f4f5;--ci-zinc-200:#e4e4e7;--ci-zinc-400:#a1a1aa;--ci-zinc-500:#71717a;--ci-zinc-600:#52525b;--ci-zinc-700:#3f3f46;--ci-zinc-900:#18181b;color:var(--ci-zinc-900);font-size:16px}.landing-demo .ci-modal{border:1px solid var(--ci-zinc-200);background:#fff;border-radius:16px;min-height:240px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f}.landing-demo .ci-insight{border:1px solid var(--ci-zinc-200);background:linear-gradient(180deg, color-mix(in srgb, var(--ci-primary) 4%, #fff) 0%, #fff 48%);border-radius:16px;flex-direction:column;justify-content:center;gap:10px;min-height:240px;padding:14px;display:flex;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f}.landing-demo .ci-insight-row{border:1px solid var(--ci-zinc-200);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.landing-demo .ci-insight-row--reason{border-color:color-mix(in srgb, var(--ci-churn) 22%, white);background:color-mix(in srgb, var(--ci-churn) 6%, white)}.landing-demo .ci-insight-row--risk{border-color:color-mix(in srgb, var(--ci-warning) 28%, white);background:color-mix(in srgb, var(--ci-warning) 7%, white)}.landing-demo .ci-insight-row--saved{border-color:color-mix(in srgb, var(--ci-success) 22%, white);background:color-mix(in srgb, var(--ci-success) 6%, white)}.landing-demo .ci-insight-icon{background:var(--ci-primary-10);width:36px;height:36px;color:var(--ci-primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.landing-demo .ci-insight-icon--reason{background:color-mix(in srgb, var(--ci-churn) 12%, white);color:var(--ci-churn-text)}.landing-demo .ci-insight-icon--risk{background:color-mix(in srgb, var(--ci-warning) 14%, white);color:var(--ci-warning-text)}.landing-demo .ci-insight-icon--green{background:color-mix(in srgb, var(--ci-success) 12%, white);color:var(--ci-success-text)}.landing-demo .ci-insight-label{color:var(--ci-zinc-500);margin:0;font-size:12px;font-weight:500}.landing-demo .ci-insight-value{letter-spacing:-.02em;color:var(--ci-zinc-900);align-items:baseline;gap:6px;margin:4px 0 0;font-size:15.5px;font-weight:600;line-height:1.3;display:flex}.landing-demo .ci-insight-value--reason{color:var(--ci-churn-text)}.landing-demo .ci-insight-value--risk{color:var(--ci-warning-text)}.landing-demo .ci-insight-value--saved{color:var(--ci-success-text)}.landing-demo .ci-insight-unit{color:var(--ci-zinc-500);font-size:12.5px;font-weight:500}.landing-demo .ci-modal-body{text-align:left;padding:14px}.landing-demo .ci-step{flex-direction:column;gap:12px;width:100%;display:flex}.landing-demo .ci-header-title{color:var(--ci-zinc-900);margin:0;font-size:16px;font-weight:600;line-height:1.35}.landing-demo .ci-header-subtitle{color:var(--ci-zinc-500);margin:6px 0 0;font-size:13px;font-weight:400;line-height:1.55}.landing-demo .ci-reason-list{flex-direction:column;gap:8px;display:flex}.landing-demo button.ci-reason{cursor:pointer;border:1px solid var(--ci-primary-20);text-align:left;width:100%;color:var(--ci-zinc-700);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:400;line-height:1.4;transition:border-color .15s,background-color .15s;display:flex}.landing-demo button.ci-reason:hover{border-color:var(--ci-primary-30);background:var(--ci-primary-5)}.landing-demo button.ci-reason--selected{border-color:var(--ci-primary);background:var(--ci-primary-5);color:var(--ci-zinc-900);font-weight:500}.landing-demo .ci-reason-radio{border:2px solid var(--ci-primary-30);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.landing-demo button.ci-reason--selected .ci-reason-radio{border-color:var(--ci-primary)}.landing-demo .ci-reason-radio-dot{background:var(--ci-primary);border-radius:9999px;width:6px;height:6px}.landing-demo .ci-detail-box{border:1px solid var(--ci-zinc-200);background:var(--ci-zinc-50);border-radius:12px;gap:12px;padding:14px;display:flex}.landing-demo .ci-detail-box--centered{text-align:center;flex-direction:column;align-items:center;padding:20px 16px}.landing-demo .ci-detail-box--soft{background:var(--ci-primary-5);border-color:var(--ci-primary-20)}.landing-demo .ci-detail-icon{border:1px solid var(--ci-zinc-200);width:36px;height:36px;color:var(--ci-primary);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-demo .ci-detail-icon--circle{background:var(--ci-primary-10);border:none;border-radius:9999px;width:44px;height:44px}.landing-demo .ci-detail-box--soft .ci-detail-icon--circle{background:#4f39f61f}.landing-demo .ci-detail-copy{width:100%}.landing-demo .ci-detail-title{color:var(--ci-zinc-900);margin:0;font-size:14px;font-weight:600}.landing-demo .ci-detail-box--centered .ci-detail-title{margin-top:10px}.landing-demo .ci-detail-helper{color:var(--ci-zinc-500);margin:4px 0 0;font-size:12.5px;line-height:1.5}.landing-demo .ci-detail-box--centered .ci-detail-helper{margin-top:6px}.landing-demo .ci-detail-box--soft.ci-detail-box--centered .ci-detail-helper{margin-top:10px;font-size:13px}.landing-demo .ci-cta-row{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.landing-demo button.ci-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:8px 18px;font-size:13.5px;font-weight:500;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.landing-demo button.ci-btn-primary{background:var(--ci-primary);color:#fff;border:none;flex:1}.landing-demo button.ci-btn-primary:hover{background:var(--ci-primary-hover)}.landing-demo button.ci-btn-secondary{border:1px solid var(--ci-primary-20);color:var(--ci-zinc-600);background:#fff}.landing-demo button.ci-btn-secondary:hover{background:var(--ci-primary-5);color:var(--ci-zinc-900)}.landing-demo .demo-panel-enter{animation:.28s landing-demo-fade}@keyframes landing-demo-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}