.qkarta-demo-page{--qkd-bg: #070809;--qkd-surface: #101411;--qkd-surface-2: #151b17;--qkd-ink: #17211b;--qkd-muted: #657267;--qkd-soft: #f4f7f3;--qkd-paper: #ffffff;--qkd-line: #dce6df;--qkd-line-dark: rgba(255, 255, 255, .12);--qkd-green: #86ff49;--qkd-green-2: #16a34a;--qkd-blue: #6aa8ff;--qkd-amber: #ffcf6e;--qkd-red: #b33a3a;--qkd-radius: 8px;position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:132px 40px 88px;color:#fff}.qkarta-demo-hero,.qkarta-demo-created{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:22px;align-items:stretch}.qkarta-demo-hero{margin-bottom:22px}.qkarta-demo-hero-copy,.qkarta-demo-hero-card,.qkarta-demo-form,.qkarta-demo-created-copy,.qkarta-demo-qr-card{border:1px solid var(--qkd-line-dark);border-radius:var(--qkd-radius);background:#ffffff0b;box-shadow:0 26px 80px #0000006b}.qkarta-demo-hero-copy,.qkarta-demo-created-copy{padding:54px}.qkarta-demo-kicker,.qkd-overline{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:30px;border:1px solid rgba(134,255,73,.24);border-radius:999px;background:#86ff4914;color:var(--qkd-green);padding:5px 12px;font:850 12px/1 var(--fh, Onest, system-ui, sans-serif);letter-spacing:.02em}.qkarta-demo-kicker:before,.qkd-overline:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--qkd-green);box-shadow:0 0 16px #86ff49c7}.qkarta-demo-hero h1,.qkarta-demo-created h1{max-width:780px;margin:20px 0 16px;color:#fff;font:900 64px/1.03 var(--fh, Onest, system-ui, sans-serif);letter-spacing:0}.qkarta-demo-hero p,.qkarta-demo-created p{max-width:720px;margin:0;color:#e8f0e6bd;font-size:18px;line-height:1.65}.qkarta-demo-hero-actions,.qkarta-demo-created-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.qkarta-demo-primary-link,.qkarta-demo-ghost-link,.qkarta-demo-submit,.qkd-primary-button,.qkd-secondary-button,.qkd-add-content-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:var(--qkd-radius);padding:0 20px;font:850 15px/1 var(--fb, Urbanist, system-ui, sans-serif);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s}.qkarta-demo-primary-link,.qkarta-demo-submit,.qkd-primary-button,.qkd-add-content-button{border:0;background:linear-gradient(135deg,#00ce00,var(--qkd-green));color:#030803;box-shadow:0 0 28px #86ff494d}.qkarta-demo-primary-link:hover,.qkarta-demo-submit:hover,.qkd-primary-button:hover,.qkd-add-content-button:hover{transform:translateY(-2px);box-shadow:0 0 42px #86ff4970}.qkarta-demo-ghost-link,.qkd-secondary-button{border:1px solid rgba(255,255,255,.15);background:#ffffff0b;color:#ffffffd6}.qkd-secondary-button{border-color:#d7e4db;background:#fff;color:#344139}.qkarta-demo-ghost-link:hover,.qkd-secondary-button:hover{border-color:#86ff4957;background:#86ff4912;color:#fff}.qkd-secondary-button:hover{color:var(--qkd-ink);background:#effaf0}.qkarta-demo-hero-card{display:grid;gap:18px;padding:20px;background:linear-gradient(180deg,#86ff491a,#ffffff09),#ffffff0a}.qkarta-demo-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.qkarta-demo-card-top span{color:#e8f0e6ad;font-size:13px;font-weight:850}.qkarta-demo-card-top strong{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:38px;border:1px solid rgba(134,255,73,.25);border-radius:var(--qkd-radius);background:#86ff491a;color:var(--qkd-green);font:900 16px/1 var(--fh, Onest, system-ui, sans-serif)}.qkarta-demo-card-preview{display:grid;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:var(--qkd-radius);background:#f5f8f4;padding:18px}.qkarta-demo-card-preview span{display:block;height:12px;border-radius:99px;background:#dfe9e1}.qkarta-demo-card-preview span:first-child{width:44%;background:#9cf173}.qkarta-demo-card-preview span:nth-child(2){width:82%}.qkarta-demo-card-preview span:nth-child(3){width:62%}.qkarta-demo-card-points{display:grid;gap:10px}.qkarta-demo-card-points div{border:1px solid rgba(255,255,255,.1);border-radius:var(--qkd-radius);background:#ffffff0b;padding:14px}.qkarta-demo-card-points strong,.qkarta-demo-card-points small{display:block}.qkarta-demo-card-points strong{color:#fff;font:850 15px/1.2 var(--fh, Onest, system-ui, sans-serif)}.qkarta-demo-card-points small{margin-top:5px;color:#e8f0e699;line-height:1.42}.qkarta-demo-form{overflow:hidden;border-color:#86ff4929;background:#f6f8f5;color:var(--qkd-ink)}body.is-qkarta-demo-modal-open .qkarta-demo-page{z-index:7000}.qkarta-demo-errors{display:grid;gap:8px;padding:18px 18px 0}.qkarta-demo-errors div{border:1px solid #f0b8b8;border-radius:var(--qkd-radius);background:#fff0f0;color:#9f2626;padding:12px 14px;font-weight:750}.qkarta-demo-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.qkd-wizard{position:relative;display:grid;gap:16px;padding:18px}.qkd-wizard-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;border:1px solid #dce6df;border-radius:var(--qkd-radius);background:linear-gradient(135deg,#86ff491a,#6aa8ff14 48%,#ffffffeb),#fff;padding:24px}.qkd-wizard-intro h2,.qkd-panel-head h3,.qkd-content-head h3,.qkd-preview-note h3,.qkd-modal-head h3,.qkarta-demo-send-panel h2{margin:12px 0 8px;color:var(--qkd-ink);font:900 32px/1.08 var(--fh, Onest, system-ui, sans-serif);letter-spacing:0}.qkd-wizard-intro p,.qkd-panel-head p,.qkd-content-head p,.qkd-preview-note p,.qkd-modal-head p{max-width:720px;margin:0;color:var(--qkd-muted);line-height:1.58}.qkd-wizard-stats{display:grid;grid-template-columns:repeat(2,86px);gap:8px}.qkd-wizard-stats div{display:grid;align-content:center;min-height:82px;border:1px solid rgba(22,163,74,.18);border-radius:var(--qkd-radius);background:#ffffffa8;padding:12px;text-align:center}.qkd-wizard-stats strong,.qkd-wizard-stats span{display:block}.qkd-wizard-stats strong{color:var(--qkd-ink);font:900 24px/1 var(--fh, Onest, system-ui, sans-serif)}.qkd-wizard-stats span{margin-top:6px;color:#748178;font-size:12px;font-weight:850}.qkd-step-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qkd-step-tabs button{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-height:72px;border:1px solid #dce6df;border-radius:var(--qkd-radius);background:#fff;color:var(--qkd-ink);padding:12px;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.qkd-step-tabs button:hover{border-color:#bfe9c4;background:#fbfefb;transform:translateY(-1px)}.qkd-step-tabs button>span{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--qkd-radius);background:#eff4ef;color:#6f7b72;font:900 14px/1 var(--fh, Onest, system-ui, sans-serif)}.qkd-step-tabs strong,.qkd-step-tabs small{display:block;min-width:0}.qkd-step-tabs strong{color:var(--qkd-ink);font:900 16px/1.15 var(--fh, Onest, system-ui, sans-serif)}.qkd-step-tabs small{margin-top:3px;color:#748178;font-size:12px;line-height:1.25}.qkd-step-tabs button.is-active{border-color:#16a34a6b;background:#f0fbf1;box-shadow:inset 0 0 0 1px #16a34a24,0 12px 30px #16a34a1a}.qkd-step-tabs button.is-active>span,.qkd-step-tabs button.is-complete>span{background:var(--qkd-green-2);color:#fff}.qkd-step-tabs button.is-complete{border-color:#c8e8cc}.qkd-progress{overflow:hidden;height:7px;border-radius:99px;background:#e3ece5}.qkd-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--qkd-green-2),var(--qkd-green));transition:width .22s ease}.qkd-wizard-panel{min-height:430px}.qkd-panel,.qkd-block,.qkarta-demo-send-panel{border:1px solid var(--qkd-line);border-radius:var(--qkd-radius);background:var(--qkd-paper)}.qkd-panel{padding:20px}.qkd-panel-head{margin-bottom:18px}.qkd-panel-head>span,.qkarta-demo-label,.qkd-field>span,.qkd-preview-panel-head span{color:#738078;font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.qkd-basic-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:16px;align-items:stretch}.qkd-basic-form,.qkd-basic-preview{min-height:100%}.qkd-setup-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) 104px;gap:12px;align-items:end}.qkd-field{display:grid;gap:7px;min-width:0}.qkd-input,.qkarta-demo-input,.qkd-color{width:100%;min-height:46px;border:1px solid #cddad1;border-radius:var(--qkd-radius);background:#fff;color:var(--qkd-ink);padding:11px 13px;font:650 14px/1.35 var(--fb, Urbanist, system-ui, sans-serif);outline:none;transition:border-color .16s,box-shadow .16s,background .16s}select.qkd-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color-scheme:light;cursor:pointer}select.qkd-input option{background:#fff;color:var(--qkd-ink);-webkit-text-fill-color:var(--qkd-ink)}.qkd-input::placeholder,.qkarta-demo-input::placeholder{color:#9aa69e}.qkd-input:focus,.qkarta-demo-input:focus,.qkd-color:focus{border-color:var(--qkd-green-2);box-shadow:0 0 0 4px #16a34a1f}.qkd-color{padding:4px;cursor:pointer}.qkd-textarea{min-height:96px;resize:vertical;line-height:1.5}.qkd-mini-card{display:grid;gap:10px;overflow:hidden;min-height:246px;border:1px solid rgba(23,33,27,.1);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent) 17%,#ffffff),#fff 62%),#fff;padding:22px}.qkd-mini-card>span{display:inline-flex;width:fit-content;color:var(--demo-accent);font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.qkd-mini-card strong{color:var(--qkd-ink);font:900 34px/1.02 var(--fh, Onest, system-ui, sans-serif);letter-spacing:0;overflow-wrap:anywhere}.qkd-mini-card p{margin:0;color:#637067;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.qkd-mini-card div{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.qkd-mini-card small{display:inline-flex;align-items:center;min-height:30px;border:1px solid color-mix(in srgb,var(--demo-accent) 22%,#dfe8e1);border-radius:999px;background:color-mix(in srgb,var(--demo-accent) 9%,#ffffff);color:#314038;padding:0 10px;font-size:11px;font-weight:900}.qkd-content-panel{display:grid;gap:16px}.qkd-content-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.qkd-basic-fields{display:grid;gap:14px;max-width:680px}.qkd-color-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:end}.qkd-color-hint{display:flex;align-items:center;gap:10px;min-height:46px;border:1px solid rgba(134,255,73,.18);border-radius:var(--qkd-radius);background:#86ff490e;color:#e8f0e6ad;padding:10px 12px;line-height:1.35}.qkd-color-hint svg{width:16px;height:16px;color:var(--qkd-green);flex:none}.qkd-content-layout{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:14px;align-items:start}.qkd-block-sidebar,.qkd-selected-editor{min-width:0}.qkd-block-sidebar{display:grid;gap:10px}.qkd-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e8f0e6a8;font-size:12px}.qkd-sidebar-head strong{color:#fff;font:850 14px/1.2 var(--fh, Onest, system-ui, sans-serif)}.qkd-sidebar-head span{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e;color:#e8f0e6ad;padding:4px 9px;font-weight:850}.qkd-summary-list{display:grid;gap:8px}.qkd-summary-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:66px;border:1px solid rgba(255,255,255,.1);border-radius:var(--qkd-radius);background:#ffffff0a;color:#fff;padding:10px;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.qkd-summary-item:hover,.qkd-summary-item.is-selected{border-color:#86ff4957;background:#86ff4914;transform:translateY(-1px)}.qkd-summary-item.is-selected{box-shadow:inset 0 0 0 1px #86ff491a,0 16px 34px #00000038}.qkd-summary-item.is-muted{opacity:.58}.qkd-summary-icon,.qkd-editor-card-title>span,.qkd-selected-empty>span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--qkd-radius);background:#86ff491a;color:var(--qkd-green);flex:none}.qkd-summary-icon svg,.qkd-editor-card-title svg,.qkd-selected-empty svg{width:17px;height:17px;stroke-width:2.35}.qkd-summary-copy{min-width:0}.qkd-summary-copy strong,.qkd-summary-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qkd-summary-copy strong{color:#fff;font:850 14px/1.2 var(--fh, Onest, system-ui, sans-serif)}.qkd-summary-copy small{margin-top:4px;color:#e8f0e68a;font-size:12px}.qkd-editor-card,.qkd-selected-empty{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--qkd-radius);background:linear-gradient(180deg,#ffffff0f,#ffffff08),#101411}.qkd-editor-card.is-hidden{opacity:.72}.qkd-editor-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff09;padding:14px}.qkd-editor-card-title{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;min-width:0}.qkd-editor-card-title strong,.qkd-editor-card-title small{display:block}.qkd-editor-card-title strong{color:#fff;font:900 17px/1.18 var(--fh, Onest, system-ui, sans-serif)}.qkd-editor-card-title small{margin-top:4px;color:#e8f0e68f;line-height:1.35}.qkd-editor-card-body{display:grid;gap:12px;padding:14px}.qkd-selected-empty{display:grid;place-items:center;min-height:360px;padding:38px;text-align:center}.qkd-selected-empty strong{margin-top:12px;color:#fff;font:900 22px/1.16 var(--fh, Onest, system-ui, sans-serif)}.qkd-selected-empty p{max-width:360px;margin-top:8px;color:#e8f0e69e;line-height:1.55}.qkd-preview-cta{display:grid;gap:10px;margin-top:18px}.qkd-preview-cta .qkd-primary-button{width:100%}.qkd-preview-cta>span{color:#e8f0e694;font-size:13px;line-height:1.4}.qkd-demo-limits{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.qkd-demo-limits div{display:flex;align-items:center;gap:9px;min-height:38px;border:1px solid rgba(255,255,255,.1);border-radius:var(--qkd-radius);background:#ffffff0a;color:#e8f0e6b8;padding:8px 10px;font-size:13px;font-weight:750}.qkd-demo-limits svg{width:15px;height:15px;color:var(--qkd-green);flex:none}.qkd-add-content-button:disabled,.qkd-modal-option:disabled{cursor:not-allowed;opacity:.52;transform:none;box-shadow:none}.qkd-add-content-button svg,.qkd-primary-button svg,.qkd-secondary-button svg,.qkd-block-actions svg,.qkd-add-item svg,.qkd-remove-item svg,.qkd-icon-button svg,.qkd-modal-option svg,.qkd-review-list svg,.qkarta-demo-send-close svg,.qkarta-demo-send-benefits svg{width:16px;height:16px;stroke-width:2.35}.qkd-block-list,.qkd-block-body,.qkd-items{display:grid;gap:12px}.qkd-block{overflow:hidden;background:#fff}.qkd-block.is-hidden{opacity:.64}.qkd-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf3ef;background:#fbfdfb;padding:13px 14px}.qkd-block-title{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-width:0}.qkd-block-title>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--qkd-radius);background:#effaf0;color:#167a2f;font:900 11px/1 var(--fh, Onest, system-ui, sans-serif)}.qkd-block-title strong,.qkd-block-title small{display:block}.qkd-block-title strong{color:var(--qkd-ink);font:850 15px/1.2 var(--fh, Onest, system-ui, sans-serif);letter-spacing:0}.qkd-block-title small{margin-top:3px;color:#748279;font-size:12px;line-height:1.32}.qkd-block-actions{display:flex;align-items:center;gap:6px;flex:none}.qkd-block-actions button,.qkd-add-item,.qkd-remove-item,.qkd-icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6e2da;border-radius:var(--qkd-radius);background:#fff;color:#4d5b52;font:850 14px/1 var(--fb, Urbanist, system-ui, sans-serif);cursor:pointer;transition:border-color .16s,background .16s,color .16s}.qkd-block-actions button,.qkd-icon-button{width:34px;height:34px}.qkd-block-actions button:hover,.qkd-add-item:hover,.qkd-remove-item:hover,.qkd-icon-button:hover{border-color:#b8e8be;background:#f0faf1;color:var(--qkd-ink)}.qkd-block-actions .qkd-danger,.qkd-remove-item{border-color:#f2c4c4;color:var(--qkd-red)}.qkd-block-actions .qkd-danger:hover,.qkd-remove-item:hover{border-color:#e89494;background:#fff4f4}.qkd-block-body{padding:14px}.qkd-two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:11px}.qkd-item{display:grid;gap:8px;align-items:center}.qkd-item-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto 36px}.qkd-item-check{grid-template-columns:34px minmax(0,1fr) auto 36px}.qkd-item-links{grid-template-columns:minmax(150px,.95fr) minmax(128px,.55fr) minmax(170px,1fr) minmax(128px,.55fr) 64px auto 36px;align-items:end}.qkd-link-field{display:grid;gap:6px;min-width:0}.qkd-link-field>span{color:var(--qkd-muted);font-size:11px;font-weight:850;line-height:1.15}.qkd-link-color .qkd-color{padding:5px}.qkd-add-item{gap:8px;justify-self:start;min-height:40px;padding:0 14px}.qkd-remove-item{width:36px;height:36px}.qkd-toggle,.qkd-mini-toggle,.qkd-check{position:relative;cursor:pointer}.qkd-toggle input,.qkd-mini-toggle input,.qkd-check input{position:absolute;opacity:0;pointer-events:none}.qkd-toggle span{display:block;position:relative;width:44px;height:24px;border-radius:999px;background:#cfdcd3;transition:background .16s}.qkd-toggle span:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:999px;background:#fff;transition:transform .16s}.qkd-toggle input:checked+span{background:var(--qkd-green-2)}.qkd-toggle input:checked+span:after{transform:translate(20px)}.qkd-mini-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #d6e2da;border-radius:var(--qkd-radius);padding:0 10px;color:#6b786f;font-size:12px;font-weight:850}.qkd-mini-toggle:has(input:checked){border-color:#b8e8be;background:#effaf0;color:#167a2f}.qkd-check span{display:flex;width:26px;height:26px;border:1px solid #cfdcd3;border-radius:7px;background:#fff}.qkd-check input:checked+span{border-color:var(--qkd-green-2);background:var(--qkd-green-2)}.qkd-check input:checked+span:after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;margin:7px auto 0;transform:rotate(-45deg)}.qkd-empty{display:grid;gap:6px;border:1px dashed #c8d7cc;border-radius:var(--qkd-radius);background:#fbfdfb;padding:34px;color:var(--qkd-muted);text-align:center}.qkd-empty strong{color:var(--qkd-ink)}.qkd-preview-step{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;align-items:start}.qkd-preview-note{position:sticky;top:92px}.qkd-review-list{display:grid;gap:9px;margin-top:18px}.qkd-review-list div{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #dce6df;border-radius:var(--qkd-radius);background:#fbfdfb;padding:10px 12px;color:#405047;font-weight:750}.qkd-review-list svg{color:var(--qkd-green-2);flex:none}.qkd-preview-panel{padding:16px}.qkd-preview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.qkd-preview-panel-head strong{color:var(--qkd-ink);font:850 18px/1.2 var(--fh, Onest, system-ui, sans-serif)}.qkd-phone{max-width:440px;margin:0 auto;border:1px solid #d5dfd8;border-radius:26px;background:#101411;padding:10px;box-shadow:0 22px 55px #17211b24}.qkd-phone-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 12px;color:#ffffff7a;font-size:11px}.qkd-phone-top strong{border:1px solid rgba(134,255,73,.25);border-radius:999px;background:#86ff491a;color:var(--qkd-green);padding:4px 8px;font-size:10px}.qkd-preview{overflow:hidden;border-radius:18px;background:#f4f6f2;color:var(--qkd-ink)}.qkd-preview-hero{padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent) 16%,#ffffff),#fff 68%);border-bottom:1px solid rgba(23,33,27,.1)}.qkd-preview-hero span,.qkd-preview-section>span{display:inline-flex;color:var(--demo-accent);font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.qkd-preview-hero strong{display:block;margin-top:7px;color:var(--qkd-ink);font:900 28px/1.03 var(--fh, Onest, system-ui, sans-serif);letter-spacing:0;overflow-wrap:anywhere}.qkd-preview-hero p{margin-top:9px;color:#647067;line-height:1.5;white-space:pre-wrap}.qkd-preview-blocks{display:grid;gap:9px;padding:9px}.qkd-preview-section,.qkd-preview-locked,.qkd-preview-empty{border:1px solid rgba(23,33,27,.1);border-radius:12px;background:#fff;padding:13px}.qkd-preview-section h3{margin:0 0 8px;color:var(--qkd-ink);font:850 15px/1.2 var(--fh, Onest, system-ui, sans-serif);letter-spacing:0}.qkd-preview-section p{margin:0;color:#647067;line-height:1.5;white-space:pre-wrap}.qkd-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.qkd-preview-fields div{border-radius:10px;background:color-mix(in srgb,var(--demo-accent) 9%,#f5f7f4);padding:9px}.qkd-preview-fields span{display:block;color:#738076;font-size:10px;font-weight:850;text-transform:uppercase}.qkd-preview-fields strong{display:block;margin-top:3px;color:var(--qkd-ink);font-size:13px;overflow-wrap:anywhere}.qkd-preview-check{display:flex;gap:8px;align-items:center;border-top:1px solid #edf2ee;padding:8px 0;color:#425049;font-size:13px}.qkd-preview-check:first-of-type{border-top:0;padding-top:0}.qkd-preview-check span{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid var(--demo-accent);border-radius:6px;color:var(--demo-accent);font-weight:900;flex:none}.qkd-preview-actions{display:grid;gap:7px}.qkd-preview-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--button-color, var(--demo-accent));border-radius:10px;background:var(--button-color, var(--demo-accent));color:#fff;padding:8px 10px;text-decoration:none;font-size:12px;font-weight:850}.qkd-preview-actions a.outline{background:#fff;color:var(--button-color, var(--demo-accent))}.qkd-preview-locked{margin:0 9px 9px;background:#fff8e8;border-color:#f0dfb9}.qkd-preview-locked strong,.qkd-preview-locked span{display:block}.qkd-preview-locked strong{color:#583f10;font-size:13px}.qkd-preview-locked span,.qkd-preview-empty{color:#776951;font-size:12px;line-height:1.45}.qkd-wizard-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #dce6df;border-radius:var(--qkd-radius);background:#fff;padding:12px}.qkd-footer-note{display:inline-flex;align-items:center;min-height:38px;color:#748178;font-size:13px;font-weight:750}.qkd-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:22px;background:#070809ad;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.qkd-modal{width:min(760px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:var(--qkd-radius);background:#f7faf7;box-shadow:0 38px 120px #0000008c}.qkd-modal-head{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #dce6df;background:linear-gradient(135deg,#86ff491c,#6aa8ff14),#fff;padding:22px}.qkd-modal-head h3{font-size:30px}.qkd-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.qkd-modal-option{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-height:104px;border:1px solid #dce6df;border-radius:var(--qkd-radius);background:#fff;padding:14px;color:var(--qkd-ink);text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.qkd-modal-option:hover{border-color:#b8e8be;background:#fbfefb;box-shadow:0 14px 35px #16a34a1a;transform:translateY(-1px)}.qkd-modal-option>span{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--qkd-radius);background:#eaf8ec;color:#167a2f}.qkd-modal-option strong,.qkd-modal-option small{display:block}.qkd-modal-option strong{font:900 16px/1.2 var(--fh, Onest, system-ui, sans-serif);letter-spacing:0}.qkd-modal-option small{color:#69766d;line-height:1.38}.qkd-modal-foot{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #dce6df;padding:16px 22px 20px;color:#6a5b34;line-height:1.45}.qkd-modal-foot svg{width:18px;height:18px;color:#a97308;flex:none}.qkarta-demo-send-panel{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;align-items:center;justify-content:center;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;box-sizing:border-box;border:0;border-radius:0;margin:0;padding:max(14px,env(safe-area-inset-top)) clamp(14px,3vw,32px) max(14px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0,rgba(134,255,73,.16),transparent 34%),#070809c7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;overscroll-behavior:contain}.qkarta-demo-form.is-send-modal-open .qkarta-demo-send-panel{display:flex}.qkarta-demo-send-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:pointer}.qkarta-demo-send-modal{position:relative;z-index:1;display:flex;flex-direction:column;overflow:hidden;width:min(620px,100%);max-height:min(680px,calc(100vh - 32px));max-height:min(680px,calc(100dvh - 32px));border:1px solid rgba(255,255,255,.16);border-radius:var(--qkd-radius);background:linear-gradient(180deg,#86ff4917,#ffffff09 38%,#ffffff05),#080b08;box-shadow:0 38px 120px #0000008f;animation:qkdSendModalIn .18s ease-out both}.qkarta-demo-send-head{flex:0 0 auto;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#86ff4921,#6aa8ff12,#ffffff06),#101411;padding:clamp(18px,3vw,26px)}.qkarta-demo-send-head>div{min-width:0}.qkarta-demo-send-head h2{margin:12px 0 8px;color:#fff;font-size:clamp(26px,3.4vw,34px);line-height:1.05}.qkarta-demo-send-head p{margin:0;color:#e8f0e6b8;line-height:1.58}.qkarta-demo-send-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:var(--qkd-radius);background:#ffffff0e;color:#ffffffdb;cursor:pointer;flex:none;transition:border-color .16s,background .16s,color .16s}.qkarta-demo-send-close:hover{border-color:#86ff4957;background:#86ff4917;color:#fff}.qkarta-demo-send-body{flex:1 1 auto;display:grid;gap:12px;min-height:0;overflow:auto;padding:18px clamp(18px,3vw,26px)}.qkarta-demo-email-box{display:grid;gap:8px}.qkarta-demo-send-panel .qkarta-demo-label{color:#e8f0e6ad}.qkarta-demo-email-box small{color:#e8f0e68f;line-height:1.45}.qkarta-demo-send-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qkarta-demo-send-benefits div{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;min-height:46px;border:1px solid rgba(255,255,255,.1);border-radius:var(--qkd-radius);background:#ffffff0b;color:#e8f0e6bd;padding:9px 10px;font-size:13px;font-weight:800}.qkarta-demo-send-benefits svg{color:var(--qkd-green);flex:none}.qkarta-demo-send-benefits span{min-width:0;line-height:1.2}.qkarta-demo-lock-note{border:1px solid rgba(255,207,110,.25);border-radius:var(--qkd-radius);background:#ffcf6e14;padding:13px 14px;color:#ffffffbd;line-height:1.5}.qkarta-demo-lock-note strong{display:block;margin-bottom:3px;color:#fff}.qkarta-demo-send-footer{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.1);background:#ffffff06;padding:16px clamp(18px,3vw,26px) clamp(18px,3vw,26px)}.qkarta-demo-submit{width:100%}.qkarta-demo-send-pricing{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:var(--qkd-radius);background:#ffffff0e;color:#ffffffdb;padding:0 16px;font:850 14px/1 var(--fb, Urbanist, system-ui, sans-serif);text-decoration:none;white-space:nowrap;transition:border-color .16s,background .16s,color .16s}.qkarta-demo-send-pricing:hover{border-color:#86ff4957;background:#86ff4917;color:#fff}.qkarta-demo-send-consent{grid-column:1 / -1;display:flex;align-items:flex-start;gap:10px;margin:0;color:#e8f0e685;font-size:12px;line-height:1.45;cursor:pointer}.qkarta-demo-send-consent>span{min-width:0}.qkarta-demo-consent-box{flex:none;width:18px;height:18px;margin:0;border-radius:5px;accent-color:var(--qkd-green, #86ff49);cursor:pointer}.qkarta-demo-send-consent a{color:#e8f0e6d1;text-decoration:underline;text-underline-offset:2px}.qkarta-demo-send-consent a:hover{color:var(--qkd-green, #86ff49)}body.is-qkarta-demo-modal-open{overflow:hidden}@keyframes qkdSendModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.qkarta-demo-form{border-color:#86ff4933;background:linear-gradient(180deg,#86ff4913,#ffffff06 36%,#ffffff05),#070907;color:#f5fbf2}.qkarta-demo-form .qkd-wizard-intro,.qkarta-demo-form .qkd-panel,.qkarta-demo-form .qkd-block,.qkarta-demo-form .qkd-wizard-footer{border-color:#ffffff1a;background:linear-gradient(180deg,#ffffff0f,#ffffff07),#101411;box-shadow:inset 0 1px #ffffff0e}.qkarta-demo-form .qkd-wizard-intro{background:linear-gradient(135deg,#86ff4921,#6aa8ff12 44%,#ffffff09),#101411}.qkarta-demo-form .qkd-wizard-intro h2,.qkarta-demo-form .qkd-panel-head h3,.qkarta-demo-form .qkd-content-head h3,.qkarta-demo-form .qkd-preview-note h3,.qkarta-demo-form .qkd-preview-panel-head strong{color:#fff}.qkarta-demo-form .qkd-wizard-intro p,.qkarta-demo-form .qkd-panel-head p,.qkarta-demo-form .qkd-content-head p,.qkarta-demo-form .qkd-preview-note p,.qkarta-demo-form .qkd-footer-note,.qkarta-demo-form .qkd-modal-head p{color:#e8f0e6ab}.qkarta-demo-form .qkd-wizard-stats div,.qkarta-demo-form .qkd-step-tabs button,.qkarta-demo-form .qkd-review-list div{border-color:#ffffff1a;background:#ffffff0b}.qkarta-demo-form .qkd-wizard-stats strong,.qkarta-demo-form .qkd-step-tabs strong{color:#fff}.qkarta-demo-form .qkd-wizard-stats span,.qkarta-demo-form .qkd-step-tabs small,.qkarta-demo-form .qkd-panel-head>span,.qkarta-demo-form .qkarta-demo-label,.qkarta-demo-form .qkd-field>span,.qkarta-demo-form .qkd-link-field>span,.qkarta-demo-form .qkd-preview-panel-head span{color:#e8f0e694}.qkarta-demo-form .qkd-step-tabs button:hover,.qkarta-demo-form .qkd-step-tabs button.is-active{border-color:#86ff4957;background:#86ff4916;box-shadow:inset 0 0 0 1px #86ff4914,0 16px 38px #00000038}.qkarta-demo-form .qkd-step-tabs button>span{background:#ffffff13;color:#e8f0e6bd}.qkarta-demo-form .qkd-step-tabs button.is-active>span,.qkarta-demo-form .qkd-step-tabs button.is-complete>span{background:linear-gradient(135deg,#00ce00,var(--qkd-green));color:#051005}.qkarta-demo-form .qkd-step-tabs button.is-complete{border-color:#86ff4938}.qkarta-demo-form .qkd-progress{background:#ffffff14}.qkarta-demo-form .qkd-input,.qkarta-demo-form .qkarta-demo-input,.qkarta-demo-form .qkd-color{border-color:#ffffff1f;background:#ffffff0e;color:#fff}.qkarta-demo-form select.qkd-input,.qkarta-demo-form .qkd-select{border-color:#ffffff47;background:#fff;color:var(--qkd-ink);-webkit-text-fill-color:var(--qkd-ink)}.qkarta-demo-form select.qkd-input option{background:#fff;color:var(--qkd-ink);-webkit-text-fill-color:var(--qkd-ink)}.qkarta-demo-form .qkd-input::placeholder,.qkarta-demo-form .qkarta-demo-input::placeholder{color:#e8f0e66b}.qkarta-demo-form .qkd-input:focus,.qkarta-demo-form .qkarta-demo-input:focus,.qkarta-demo-form .qkd-color:focus{border-color:#86ff498f;background:#ffffff13;box-shadow:0 0 0 4px #86ff491f}.qkarta-demo-form select.qkd-input:focus,.qkarta-demo-form .qkd-select:focus{background:#fff;color:var(--qkd-ink);-webkit-text-fill-color:var(--qkd-ink)}.qkarta-demo-form .qkd-mini-card{border-color:#ffffff1c;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent) 22%,transparent),#ffffff0b 48%,#ffffff06),#0b100d;box-shadow:inset 0 1px #ffffff0e}.qkarta-demo-form .qkd-mini-card strong{color:#fff}.qkarta-demo-form .qkd-mini-card p{color:#e8f0e6a8}.qkarta-demo-form .qkd-mini-card small{border-color:color-mix(in srgb,var(--demo-accent) 34%,rgba(255,255,255,.14));background:color-mix(in srgb,var(--demo-accent) 12%,rgba(255,255,255,.055));color:#f5fbf2}.qkarta-demo-form .qkd-block-head{border-bottom-color:#ffffff14;background:#ffffff09}.qkarta-demo-form .qkd-block-title strong,.qkarta-demo-form .qkd-empty strong{color:#fff}.qkarta-demo-form .qkd-block-title small,.qkarta-demo-form .qkd-empty{color:#e8f0e694}.qkarta-demo-form .qkd-block-title>span,.qkarta-demo-form .qkd-modal-option>span{background:#86ff491a;color:var(--qkd-green)}.qkarta-demo-form .qkd-block-actions button,.qkarta-demo-form .qkd-add-item,.qkarta-demo-form .qkd-remove-item,.qkarta-demo-form .qkd-icon-button{border-color:#ffffff1f;background:#ffffff0e;color:#e8f0e6d1}.qkarta-demo-form .qkd-block-actions button:hover,.qkarta-demo-form .qkd-add-item:hover,.qkarta-demo-form .qkd-icon-button:hover{border-color:#86ff4957;background:#86ff4917;color:#fff}.qkarta-demo-form .qkd-block-actions .qkd-danger,.qkarta-demo-form .qkd-remove-item{border-color:#ff808040;color:#ff9c9c}.qkarta-demo-form .qkd-block-actions .qkd-danger:hover,.qkarta-demo-form .qkd-remove-item:hover{border-color:#ff808066;background:#ff80801a;color:#ffd6d6}.qkarta-demo-form .qkd-mini-toggle{border-color:#ffffff1f;background:#ffffff0b;color:#e8f0e6a3}.qkarta-demo-form .qkd-mini-toggle:has(input:checked){border-color:#86ff494d;background:#86ff491a;color:var(--qkd-green)}.qkarta-demo-form .qkd-check span,.qkarta-demo-form .qkd-toggle span{border-color:#ffffff1f;background:#ffffff24}.qkarta-demo-form .qkd-empty{border-color:#ffffff29;background:#ffffff09}.qkarta-demo-form .qkd-preview-note{background:linear-gradient(180deg,#86ff4916,#ffffff07),#101411}.qkarta-demo-form .qkd-review-list div{color:#e8f0e6d1}.qkarta-demo-form .qkd-review-list svg{color:var(--qkd-green)}.qkarta-demo-form .qkd-secondary-button{border-color:#ffffff24;background:#ffffff0f;color:#ffffffe0}.qkarta-demo-form .qkd-secondary-button:hover{border-color:#86ff4957;background:#86ff4917;color:#fff}.qkd-modal{border-color:#ffffff29;background:linear-gradient(180deg,#86ff4913,#ffffff08 34%,#ffffff05),#080b08;color:#f5fbf2}.qkd-modal-head{border-bottom-color:#ffffff1a;background:linear-gradient(135deg,#86ff491f,#6aa8ff11,#ffffff06),#101411}.qkd-modal-head h3,.qkd-modal-option strong{color:#fff}.qkd-modal-head p,.qkd-modal-option small,.qkd-modal-foot{color:#e8f0e6a3}.qkd-modal-option{border-color:#ffffff1a;background:#ffffff0b;color:#fff}.qkd-modal-option:hover{border-color:#86ff4957;background:#86ff4914;box-shadow:0 16px 42px #00000042}.qkd-modal-foot{border-top-color:#ffffff1a}.qkd-modal-foot svg{color:var(--qkd-amber)}.qkarta-demo-created-page{min-height:74vh;display:grid;align-items:center}.qkarta-demo-created{margin-bottom:0}.qkarta-demo-version-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:24px}.qkarta-demo-version-card{min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:var(--qkd-radius);background:#ffffff0b;padding:16px;box-shadow:inset 0 1px #ffffff0b}.qkarta-demo-version-card.is-demo{border-color:#ff808033;background:#ff80800b}.qkarta-demo-version-card.is-full{border-color:#86ff4938;background:#86ff490e}.qkarta-demo-version-title{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:#fff;font:850 16px/1.25 var(--fh, Onest, system-ui, sans-serif);letter-spacing:0}.qkarta-demo-version-title strong{min-width:0;color:#fff;font-weight:900}.qkarta-demo-version-title small{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px 8px;color:#e8f0e68c;font:800 11px/1 var(--fb, Urbanist, system-ui, sans-serif);white-space:nowrap}.qkarta-demo-version-badge,.qkarta-demo-version-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;font-family:var(--fb, Urbanist, system-ui, sans-serif);font-weight:950;line-height:1}.qkarta-demo-version-badge{width:27px;height:27px;font-size:17px}.qkarta-demo-version-icon{width:21px;height:21px;margin-top:-1px;font-size:13px}.qkarta-demo-version-card.is-demo .qkarta-demo-version-badge,.qkarta-demo-version-card.is-demo .qkarta-demo-version-icon{border:1px solid rgba(255,128,128,.28);background:#ff80801f;color:#ff9c9c}.qkarta-demo-version-card.is-full .qkarta-demo-version-badge,.qkarta-demo-version-card.is-full .qkarta-demo-version-icon{border:1px solid rgba(134,255,73,.3);background:#86ff4924;color:var(--qkd-green)}.qkarta-demo-version-list{display:grid;gap:9px;margin:0;padding:0}.qkarta-demo-version-row{display:grid;grid-template-columns:21px minmax(0,1fr);gap:8px;align-items:start;min-width:0;color:#e8f0e6b8;font-size:13px;line-height:1.45}.qkarta-demo-version-row>span:last-child{min-width:0}.qkarta-demo-version-row strong{color:#fff;font-weight:900}.qkarta-demo-qr-card{display:grid;align-content:center;justify-items:center;gap:18px;padding:28px;text-align:center;background:linear-gradient(180deg,#86ff491c,#ffffff08),#101411}.qkarta-demo-qr-frame{width:min(280px,100%);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#fff;padding:16px}.qkarta-demo-qr-card img{display:block;width:100%;height:auto}.qkarta-demo-qr-card strong,.qkarta-demo-qr-card span{display:block}.qkarta-demo-qr-card strong{color:#fff;font:850 20px/1.2 var(--fh, Onest, system-ui, sans-serif)}.qkarta-demo-qr-card span{margin-top:5px;color:#e8f0e6b8}@media (max-width: 1120px){.qkd-basic-grid,.qkd-content-layout,.qkd-preview-step{grid-template-columns:1fr}.qkd-preview-note{position:static}}@media (max-width: 920px){.qkarta-demo-page{padding:118px 20px 72px}.qkarta-demo-hero,.qkarta-demo-created,.qkd-wizard-intro,.qkd-setup-grid,.qkd-color-row,.qkd-content-head{grid-template-columns:1fr}.qkd-wizard-stats,.qkd-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))}.qkd-step-tabs,.qkd-item-links,.qkd-modal-grid{grid-template-columns:1fr}}@media (max-width: 680px){.qkarta-demo-page{padding:104px 14px 54px}.qkarta-demo-hero-copy,.qkarta-demo-created-copy{padding:24px 20px}.qkarta-demo-hero h1,.qkarta-demo-created h1{font-size:40px}.qkarta-demo-hero p,.qkarta-demo-created p{font-size:16px}.qkarta-demo-hero-actions,.qkarta-demo-created-actions,.qkd-wizard-footer{display:grid}.qkarta-demo-primary-link,.qkarta-demo-ghost-link,.qkd-primary-button,.qkd-secondary-button,.qkd-add-content-button{width:100%}.qkd-wizard,.qkd-panel,.qkd-editor-card-body{padding:14px}.qkd-wizard-intro,.qkd-modal-head{padding:18px}.qkd-block-head,.qkd-editor-card-head{align-items:flex-start;flex-direction:column}.qkd-block-actions{justify-content:flex-start}.qkd-two,.qkd-item-fields,.qkd-item-check,.qkd-item-links,.qkd-preview-fields,.qkd-summary-list{grid-template-columns:1fr}.qkarta-demo-send-panel{align-items:center;justify-content:center;padding:12px}.qkarta-demo-send-modal{width:min(100%,430px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.qkarta-demo-send-head{align-items:flex-start;gap:12px;padding:16px}.qkarta-demo-send-head h2{font-size:25px}.qkarta-demo-send-body{gap:10px;padding:13px 16px}.qkarta-demo-send-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.qkarta-demo-send-benefits div{grid-template-columns:1fr;justify-items:center;min-height:72px;padding:10px 6px;text-align:center;font-size:11px}.qkarta-demo-send-footer{grid-template-columns:1fr}.qkarta-demo-send-footer{padding:13px 16px 16px}.qkarta-demo-send-pricing{width:100%}}