.cxd{--cxd-h:560px}.cxd-field{background:var(--field-sky);border-radius:var(--r-xl);margin-inline:var(--inset);padding-block:clamp(44px,5.4vw,84px);position:relative}.cxd-grid{column-gap:clamp(20px,2.4vw,36px);display:grid;grid-template-areas:"head flo" "demo flo";grid-template-columns:minmax(0,1fr) minmax(0,300px);row-gap:clamp(30px,3.6vw,44px)}.cxd-head{display:grid;gap:16px;grid-area:head;justify-items:start;max-width:780px}.cxd-head .link{padding-block:6px 0}.cxd-flo{align-self:end;grid-area:flo;width:100%}.cxd-demo{display:grid;gap:16px;grid-area:demo;min-width:0}.cxd-bar{gap:12px 20px;justify-content:space-between}.cxd-bar,.cxd-number{align-items:center;display:flex;flex-wrap:wrap}.cxd-number{font:700 14px/1.3 var(--text);gap:6px 8px;margin:0}.cxd-number>.i{color:var(--ink-soft);height:18px;width:18px}.cxd-num{direction:ltr;font:600 14px/1.3 var(--mono);font-variant-numeric:tabular-nums;unicode-bidi:isolate}.cxd-chip{align-items:center;background:var(--sheet-bg);border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);display:inline-flex;font:700 13px/1.2 var(--text);gap:6px;min-height:30px;padding:3px 10px 3px 8px;white-space:nowrap}.cxd-chip .i,.cxd-chip img{flex:none;height:15px;width:15px}.cxd-chip:after{background:var(--green);border-radius:50%;content:"";flex:none;height:7px;width:7px}.cxd-ways{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cxd-ways-title{color:var(--ink-soft);font:700 14px/1.3 var(--text)}.cxd-reset,.cxd-way{align-items:center;background:var(--btn-bg);border:0;border-radius:999px;box-shadow:var(--shadow-xs);color:var(--btn-ink);cursor:pointer;display:inline-flex;font:700 15px/1.15 var(--text);gap:8px;justify-content:center;min-height:44px;padding:0 16px;transition:background-color .2s ease,color .2s ease,transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent}.cxd-way .i{flex:none;height:18px;width:18px}.cxd-way .cxd-done{display:none}.cxd-reset:active,.cxd-way:active:not([aria-disabled=true]){transform:scale(.97)}.cxd-way[aria-disabled=true]{background:var(--sheet-bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);cursor:default}.cxd-way.is-done{color:var(--ink)}.cxd-way.is-done .cxd-done{color:var(--accent-ink);display:block}.cxd-reset{background:var(--sheet-bg);color:var(--ink)}.cxd-reset[data-off]{visibility:hidden}@media (hover:hover) and (pointer:fine){.cxd-way:not([aria-disabled=true]):hover{background:var(--btn-bg-hover)}.cxd-reset:hover{background:var(--surface-2)}}.cxd-panes{display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:minmax(0,360px) minmax(0,1fr)}.cxd-phone{margin:0;min-width:0}.cxd-chat{display:flex;flex-direction:column;height:var(--cxd-h);overflow:hidden;position:relative}.cxd-chat .screen-bar{flex:none;flex-wrap:nowrap}.cxd-chat .screen-bar>div{min-width:0}.cxd-msgs{flex:1 1 0px;margin:0;min-height:0;overflow-anchor:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--scroll-thumb) transparent;scrollbar-width:thin}.cxd-msgs>:first-child{margin-top:auto}.cxd-day{align-self:center}.cxd-day span{background:var(--sheet-bg);border-radius:8px;box-shadow:var(--shadow-xs);color:var(--ink-soft);display:block;font:600 12px/1.3 var(--text);padding:4px 10px}.cxd-msg p{margin:0;text-wrap:pretty}.cxd-via{align-items:center;color:var(--ink-soft);display:flex;font:700 12px/1.3 var(--text);gap:5px;margin-bottom:3px}.cxd-via .i,.cxd-via img{flex:none;height:14px;width:14px}.cxd-via .i{color:var(--accent-ink)}button.cxd-open{background:transparent;border:0;border-end-end-radius:16px;border-end-start-radius:16px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);cursor:pointer;font:700 15px/1.2 var(--text);min-height:44px;transition:background-color .16s ease;width:calc(100% + 24px);-webkit-tap-highlight-color:transparent}button.cxd-open:disabled{color:var(--ink-soft);cursor:default}button.cxd-open:focus-visible{outline-offset:-3px}@media (hover:hover) and (pointer:fine){button.cxd-open:not(:disabled):hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.cxd-sheet{border-end-end-radius:0;border-end-start-radius:0;box-shadow:0 -10px 30px rgba(11,30,51,.18);inset:10px 0 0;position:absolute;z-index:2}.cxd-sheet[hidden]{display:none}.cxd-sheet-body{gap:14px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px}.cxd-sheet .wa-flow-hi:focus{outline:none}.cxd-sheet .wa-flow-hi:focus-visible{border-radius:6px;outline:3px solid var(--focus);outline-offset:3px}.cxd-sheet .wa-flow-err[hidden]{display:none}.cxd-time{direction:ltr;font-variant-numeric:tabular-nums;unicode-bidi:isolate}.cxd-rec{display:flex;flex-direction:column}.cxd-rec .crm-rec-rows{flex:none}.cxd-rec .crm-rec-row dt .crm-rec-label{display:block}.cxd-rec .crm-rec-row dd{align-items:center;column-gap:8px;grid-template-columns:minmax(0,1fr) 20px}.cxd-cell{display:grid;min-width:0}.cxd-cell>*{grid-area:1/1}.cxd-sizer{visibility:hidden}.cxd-foot{margin-top:auto}@media (prefers-reduced-motion:no-preference){.cxd-msgs>.is-new{animation:cxd-rise .22s var(--ease-out) both}.cxd-sheet.is-in{animation:cxd-up .32s cubic-bezier(.32,.72,0,1) both}.cxd-sheet.is-out{animation:cxd-down .2s cubic-bezier(.32,.72,0,1) both}}@media (prefers-reduced-motion:reduce){.cxd-msgs>.is-new,.cxd-sheet.is-in{animation:cxd-fade .15s ease both}.cxd-sheet.is-out{animation:cxd-fade-out .12s ease both}.cxd-reset:active,.cxd-way:active:not([aria-disabled=true]){transform:none}}@keyframes cxd-rise{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes cxd-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cxd-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes cxd-fade{0%{opacity:0}to{opacity:1}}@keyframes cxd-fade-out{0%{opacity:1}to{opacity:0}}@media (max-width:1179px){.cxd-grid{grid-template-areas:"head" "flo" "demo";grid-template-columns:minmax(0,1fr);row-gap:24px}.cxd-flo{--head:calc(50% - 13px)}.cxd-flo>img{margin-inline:auto;width:220px}}@media (max-width:719px){.cxd-panes{grid-template-columns:minmax(0,1fr)}.cxd-phone{margin-inline:auto;width:min(100%,380px)}.cxd-bar{justify-content:flex-start}}@media (max-width:479px){.cxd{--cxd-h:580px}.cxd-reset,.cxd-way{flex:1 1 auto;padding-inline:14px}.cxd-ways-title{flex-basis:100%}.cxd-sheet-body{padding-inline:14px}}