.det-demo{margin-top:29px;padding:23px;border:1px solid #9dbfc8;border-top:3px solid #087f75;border-radius:9px;background:#f3f8fa;min-width:0;box-shadow:0 9px 24px #143d4a0a}.det-demo [hidden]{display:none!important}.det-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.det-demo-top>span,.det-view-label{font-size:10px;letter-spacing:.08em;font-weight:700;color:#086b63}.det-demo-top button,.det-secondary{border:0;background:none;padding:5px 0;color:#245b77;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:35px}.det-demo h3{font-size:26px;line-height:1.25;margin:0 0 10px}.det-demo .det-demo-intro{font-size:13px;line-height:1.7}.det-progress{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:23px 0 15px;gap:7px}.det-progress li{border-top:3px solid #c3d6de;padding-top:8px;font-size:11px;color:#4a6270}.det-progress li[aria-current]{border-color:#087f75;color:#075f58;font-weight:700}.det-progress li[data-complete]{border-color:#5ea99e}.det-demo .det-status{font-size:11px;line-height:1.65;margin-bottom:18px;color:#4b6470}.det-chat{border:1px solid #cbdde4;border-radius:8px;padding:16px;background:#fff}.det-chat>span{display:block;font-size:10px;letter-spacing:.06em;font-weight:700;color:#335768}.det-chat>p{font-size:14px;line-height:1.65;margin-top:8px;overflow-wrap:anywhere;white-space:pre-wrap}.det-chat small{font-size:10px;display:block;color:#47675e;margin-top:8px}.det-auto{background:#e0f2ec;border-color:#afd4c7}.det-auto>span{color:#125a4b}.det-human{border-left:3px solid #2c64bd}.det-demo h4{font:700 20px/1.35 var(--display);letter-spacing:-.03em;margin:22px 0 16px;color:var(--ink)}.det-demo h4:focus{outline:none}.det-demo h4:focus-visible{outline:2px solid #087f75;outline-offset:5px}.det-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.det-demo label{display:block;font-size:12px;font-weight:600;color:#284d60}.det-demo select,.det-demo textarea{width:100%;min-width:0;display:block;margin-top:7px;padding:11px 9px;border:1px solid #a9c4d2;border-radius:5px;background:white;color:#14394e;font:13px/1.5 var(--font)}.det-demo select{min-height:44px}.det-demo textarea{resize:vertical;min-height:120px}.det-demo .det-next{margin-top:19px;width:100%;justify-content:space-between;padding:13px 15px;gap:10px;font-size:12px;min-height:46px;box-shadow:none}.det-demo .det-next:disabled{background:#6f8394}.det-demo .det-footnote{border-top:1px solid #c5d9e1;margin-top:23px;padding-top:15px;font-size:11px;line-height:1.7;color:#526b77}.det-record{display:grid;grid-template-columns:80px minmax(0,1fr);gap:9px 15px;border-block:1px solid #c7dbe3;padding:16px 0;margin:17px 0}.det-record dt{font-size:12px;color:#536d7c}.det-record dd{font-size:13px;margin:0;font-weight:600;overflow-wrap:anywhere}.det-demo .det-notification{font-size:12px;background:#e0f2ec;border-left:3px solid #087f75;padding:12px;margin-top:15px;line-height:1.65;color:#215948}.det-demo .det-routing{font-size:13px;line-height:1.8;color:#245e71}.det-demo .det-handoff{font-size:12px;line-height:1.7;margin-top:12px}.det-demo .det-context{font-size:12px;line-height:1.8;background:#e7f0f6;padding:12px;margin-bottom:17px}.det-demo .det-complete{font-size:13px;line-height:1.8;margin:16px 0 8px}.det-demo .det-secondary{display:block;margin-top:7px;min-height:44px}.quote-example>.section-intro{margin-bottom:0}.quote-example{align-items:start}
@media(max-width:1000px){.det-fields{grid-template-columns:1fr}.det-demo{padding:19px}.det-demo h3{font-size:23px}}
@media(max-width:760px){.det-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.det-fields{grid-template-columns:1fr}.det-demo{padding:17px}.det-progress{gap:5px}.det-progress li{font-size:10px}.det-demo-top{align-items:flex-start}.det-record{grid-template-columns:66px minmax(0,1fr);gap:9px 10px}}