.demo-entry-btn{color:#fff!important;background:linear-gradient(135deg,#365ff3,#6a57ee)!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(61,93,229,.2)}.demo-entry-btn:hover{box-shadow:0 11px 26px rgba(61,93,229,.28)!important}.demo-modal{position:fixed;inset:0;z-index:120;background:rgba(12,22,43,.55);backdrop-filter:blur(7px);display:grid;place-items:center;padding:22px}.demo-modal.is-hidden{display:none}.demo-dialog{width:min(1120px,100%);max-height:min(92vh,940px);background:#f7f9fe;border:1px solid rgba(214,223,241,.95);border-radius:24px;box-shadow:0 30px 90px rgba(10,26,61,.3);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.demo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 19px;background:linear-gradient(110deg,#eef4ff,#fafbff);border-bottom:1px solid #e3e9f4}.demo-header h2{margin:5px 0 6px;color:#18294c;font-size:25px}.demo-header p{margin:0;color:#65738b;font-size:13px;line-height:1.65}.demo-kicker,.demo-step-kicker{color:#4669e8;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.demo-step-nav{display:flex;gap:7px;overflow-x:auto;padding:12px 24px;background:#fff;border-bottom:1px solid #e8edf5}.demo-step-tab{display:flex;align-items:center;gap:8px;flex:1 0 auto;padding:9px 12px;border:1px solid #e2e8f2;border-radius:11px;background:#fff;color:#64728a;font:inherit;font-size:12px;cursor:pointer}.demo-step-tab i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eff3fa;color:#66748d;font-style:normal;font-size:10px;font-weight:800}.demo-step-tab.is-active{border-color:#6b87f6;background:#eef3ff;color:#3157d9;box-shadow:0 4px 12px rgba(57,89,203,.08)}.demo-step-tab.is-active i,.demo-step-tab.is-done i{background:#4569ed;color:#fff}.demo-main{overflow:auto;padding:24px 28px 28px}.demo-step-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 19px}.demo-step-heading h3{margin:5px 0;color:#19294b;font-size:21px}.demo-step-heading p{margin:0;color:#718097;line-height:1.6;font-size:13px}.demo-step-count{flex:0 0 auto;padding:8px 11px;border-radius:10px;background:#edf2ff;color:#4265e8;font-size:12px;font-weight:800}.demo-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:18px}.demo-kpi{padding:16px 17px;border:1px solid #e5eaf3;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(26,45,83,.035)}.demo-kpi span,.demo-kpi small{display:block;color:#738098;font-size:12px}.demo-kpi strong{display:block;margin:7px 0 3px;color:#1a2b4c;font-size:25px}.demo-panel{padding:19px 21px;border:1px solid #e3e9f3;border-radius:16px;background:#fff}.demo-panel strong{color:#223454}.demo-panel p{margin:8px 0 0;color:#718097;font-size:13px;line-height:1.7}.demo-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.demo-panel-head small{display:block;margin-top:4px;color:#7c899d;font-size:12px}.demo-pill{padding:6px 10px;border-radius:999px;background:#eef3ff;color:#4163dc;font-size:11px;font-weight:700;white-space:nowrap}.demo-funnel{display:grid;gap:13px}.demo-funnel-row{display:grid;grid-template-columns:140px minmax(100px,1fr) 52px;align-items:center;gap:12px;color:#596981;font-size:13px}.demo-funnel-row>div,.demo-score-row>div{height:10px;border-radius:99px;background:#edf1f7;overflow:hidden}.demo-funnel-row i,.demo-score-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4770f2,#35b6a2)}.demo-funnel-row strong{text-align:right;color:#253756}.demo-next-hint{margin-top:15px;color:#4c68cb;font-size:13px}.demo-controls{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;align-items:end;gap:12px;margin-bottom:18px;padding:17px;border:1px solid #e2e8f2;border-radius:16px;background:#fff}.demo-controls label,.demo-card-switch label{display:grid;gap:6px;color:#687791;font-size:12px;font-weight:700}.demo-controls input,.demo-controls select,.demo-card-switch select{height:39px;min-width:0;padding:0 10px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#263754;font:inherit;font-size:12px}.demo-success{margin-top:13px;padding:12px 14px;border-radius:11px;background:#e9f8f2;color:#237957;font-size:13px}.demo-success span{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:6px;border-radius:50%;background:#2daa80;color:#fff}.demo-empty-state{padding:35px 20px;border:1px dashed #d5deec;border-radius:15px;background:#fff;text-align:center}.demo-empty-state strong{color:#253655}.demo-empty-state p{margin:7px 0 0;color:#7a879b;font-size:13px}.demo-toggle-row{display:flex;gap:8px;margin-bottom:13px}.demo-toggle-row button{padding:8px 13px;border:1px solid #dfe6f1;border-radius:10px;background:#fff;color:#61708a;font:inherit;font-size:12px;cursor:pointer}.demo-toggle-row button.is-active{border-color:#6884f2;background:#edf2ff;color:#385cdb}.demo-flow-chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:17px}.demo-flow-chips span{padding:8px 11px;border:1px solid #e0e7f2;border-radius:9px;background:#f8faff;color:#4c607e;font-size:12px}.demo-flow-chips b{color:#9aa7ba}.demo-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.demo-stage{padding:16px;border:1px solid #e4eaf3;border-radius:15px;background:#fff}.demo-stage>span{color:#8a9ab2;font-size:11px;font-weight:800}.demo-stage h4{margin:9px 0 5px;color:#64738a;font-size:13px}.demo-stage strong{display:block;color:#203454;font-size:24px}.demo-stage small{display:block;margin-top:4px;color:#8290a4;font-size:11px}.demo-score-list{display:grid;gap:12px}.demo-score-row{display:grid;grid-template-columns:48px minmax(100px,1fr) 48px 55px;align-items:center;gap:12px;color:#5c6c84;font-size:13px}.demo-score-row strong,.demo-score-row small{text-align:right}.demo-score-row strong{color:#263958}.demo-feedback-note{margin-top:15px;background:#fbfcff}.demo-card-switch{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.demo-card-switch label{min-width:min(380px,100%)}.demo-uid-result{display:grid;justify-items:center;padding:27px 20px;border:1px solid #e1e8f3;border-radius:17px;background:linear-gradient(150deg,#fff,#f3f7ff)}.demo-uid-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-uid-flow span{padding:10px 15px;border:1px solid #dfe6f1;border-radius:11px;background:#fff;color:#345070;font-weight:700}.demo-uid-flow b{color:#98a6ba}.demo-uid-arrow{margin:17px 0;color:#8290a4;font-size:12px}.demo-card-output{display:grid;justify-items:center;gap:5px;min-width:260px;padding:16px 24px;border:1px solid #bdd0ff;border-radius:15px;background:#edf3ff}.demo-card-output small,.demo-card-output span{color:#75839a;font-size:11px}.demo-card-output strong{color:#355dde;font-size:20px}.demo-uid-result+.demo-panel{margin-top:14px}.demo-review-summary>.demo-kpi-grid{margin-top:0}.demo-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 24px;border-top:1px solid #e5eaf2;background:#fff;color:#8190a6;font-size:11px}.demo-footer>div{display:flex;gap:8px}.demo-footer button{min-height:36px}.demo-open{overflow:hidden}@media(max-width:760px){.demo-modal{padding:8px}.demo-dialog{max-height:96vh;border-radius:18px}.demo-header{padding:18px}.demo-main{padding:18px}.demo-step-nav{padding:10px 12px}.demo-step-tab{flex:0 0 auto}.demo-controls{grid-template-columns:1fr 1fr}.demo-controls button{grid-column:1/-1}.demo-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-footer{align-items:flex-start;flex-direction:column}.demo-footer>div{align-self:flex-end}}@media(max-width:520px){.topbar-right{display:flex;position:absolute;top:10px;right:12px;gap:6px}.topbar-right>button:not(#demoModeBtn){display:none}.demo-entry-btn{padding-inline:10px;font-size:11px}.demo-header h2{font-size:20px}.demo-step-heading h3{font-size:18px}.demo-controls{grid-template-columns:1fr}.demo-controls button{grid-column:auto}.demo-funnel-row{grid-template-columns:95px minmax(60px,1fr) 38px;gap:7px;font-size:11px}.demo-score-row{grid-template-columns:38px minmax(50px,1fr) 32px 42px;gap:7px;font-size:11px}.demo-card-output{min-width:0;width:100%}}