.dialog{border:1px solid var(--surface-2);border-radius:13px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:0;background:var(--paper);color:var(--ink);box-shadow:0 32px 120px var(--shadow-color);overflow:auto}.dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:12px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:27px;font-weight:300;color:var(--muted);background:var(--surface-2)}.dialog-close:hover{background:var(--surface-2)}.dialog h2{font-size:35px;letter-spacing:-1.4px}.dialog h3{font-size:20px;font-weight:550;letter-spacing:-.5px}.dialog .eyebrow{color:var(--muted);font-size:12px;letter-spacing:1px}.demo-dialog[open]{display:grid;grid-template-columns:.9fr 1.15fr;width:940px}.demo-intro{padding:48px 34px 32px;background:var(--surface-2);display:flex;flex-direction:column;min-width:0}.demo-intro h2{margin-top:23px;line-height:1.15;font-size:34px}.demo-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-top:22px}.demo-intro .check-list{margin:24px 0}.demo-intro .check-list li{font-size:12px;color:var(--muted)}.demo-intro .check-list li:before{color:var(--muted)}.demo-human{display:flex;gap:10px;align-items:center;font-size:12px;padding-top:36px;margin-top:auto}.demo-human small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:4px}.demo-main{padding:55px 32px 30px;min-width:0}.calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.calendar-heading h3{font-size:22px}.calendar-heading label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.calendar-heading select{border:1px solid var(--surface-2);border-radius:4px;background:var(--white);font-size:12px;min-height:36px;padding:7px}.calendar-status{font-size:12px;color:var(--muted);margin:13px 0;min-height:18px}.demo-days{display:flex;overflow-x:auto;gap:7px;padding:3px 3px 10px}.demo-days button{min-width:66px;border:1px solid var(--surface-2);border-radius:5px;min-height:58px;padding:9px;color:var(--muted);font-size:12px;background:var(--white)}.demo-days button span{display:block;font-size:12px;font-weight:650;margin-top:5px;color:var(--ink)}.demo-days button[aria-pressed=true],.demo-slots button[aria-pressed=true]{border-color:var(--muted);background:var(--surface-2);color:var(--ink)}.demo-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:190px;overflow:auto;padding:4px 3px}.demo-slots button{border:1px solid var(--surface-2);background:var(--white);border-radius:4px;min-height:40px;font-size:12px;padding:9px 5px}.alternate-time{font-size:12px;min-height:33px;margin:6px 0}.selected-time{font-size:12px;color:var(--muted);margin:12px 0 16px;border-top:1px solid var(--surface-2);padding-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .full{grid-column:1/-1}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:550;margin-bottom:6px}.field label>span{font-weight:400;color:var(--muted)}.field input,.field textarea,.chat-input input{width:100%;border:1px solid var(--line);border-radius:5px;padding:11px 12px;background:var(--white);color:var(--ink);min-height:44px;font-size:16px;line-height:1.35}.field textarea{resize:vertical;min-height:70px}.field small{font-size:12px;color:var(--muted);display:block;margin-top:6px}.optional-fields summary{font-size:12px;color:var(--muted);cursor:pointer;padding:4px 0 15px;line-height:1.6}.optional-fields summary>span{font-size:12px;color:var(--muted);margin-left:5px}.form-error{color:var(--red-hover);font-size:12px;line-height:1.6;margin:7px 0 12px;overflow-wrap:anywhere}.form-error:empty{display:none}.form-fine{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.6}.form-fine a{text-decoration:underline}.form-done{padding:35px 0}.done-check{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:23px;margin-bottom:22px}.form-done p{font-size:13px;color:var(--muted);margin-top:16px}.form-done .button{margin-top:28px;min-width:110px}.trial-dialog{width:490px;padding:35px}.trial-dialog h2{margin:20px 0 15px;font-size:31px}.trial-dialog #trial-entry>p,.trial-dialog #trial-confirm>p{font-size:13px;color:var(--muted);margin-bottom:24px}.trial-dialog .field{margin-bottom:15px}.trial-dialog .resend{margin-top:13px;font-size:12px}.trial-dialog #resend-status{font-size:12px;color:var(--muted)}.chat-dialog{width:490px;padding:32px}.chat-dialog h2{font-size:27px;margin-top:16px}.chat-identity{font-size:12px;color:var(--muted);margin-top:10px}.chat-messages{height:260px;overflow:auto;border-block:1px solid var(--surface-2);padding:16px 0;margin:18px 0}.chat-message{border-radius:8px;font-size:12px;line-height:1.65;padding:12px 14px;max-width:90%;background:var(--surface-2);margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.me{background:var(--ink);color:var(--white);margin-left:auto}.chat-input{display:flex;gap:8px}.chat-input input{min-width:0}.chat-input .button{min-height:44px;padding:11px 17px}.chat-dialog>.text-link{font-size:12px;margin-top:12px}.dialog .eyebrow,.demo-intro>p:not(.eyebrow),.demo-human small,.calendar-heading label,.calendar-status,.demo-days button,.field small,.field label>span,.form-fine,.trial-dialog #trial-entry>p,.trial-dialog #trial-confirm>p,.chat-identity,.optional-fields summary>span{color:var(--muted)}@media(max-width:1100px){.demo-dialog[open]{grid-template-columns:.8fr 1.15fr}.demo-intro{padding:45px 25px 30px}.demo-intro h2{font-size:28px}.demo-main{padding:55px 25px 25px}}@media(max-width:700px){.dialog{max-width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:10px}.demo-dialog[open]{display:block;width:510px}.demo-intro{padding:30px 25px 25px;display:block}.demo-intro h2{font-size:28px;max-width:320px;margin-top:17px}.demo-intro h2 br{display:none}.demo-intro>p:not(.eyebrow){max-width:350px;margin-top:13px}.demo-intro .check-list,.demo-human{display:none}.demo-main{padding:25px}.demo-days button{min-height:58px}.demo-slots{max-height:190px}.demo-slots button{min-height:44px}.calendar-heading select{min-height:42px}.calendar-status{line-height:1.5}.alternate-time{min-height:40px}.dialog-close{width:36px;height:36px;top:8px;right:8px}.trial-dialog,.chat-dialog{padding:28px 25px}.trial-dialog h2{font-size:29px;margin-top:22px}.chat-dialog h2{font-size:25px}.chat-messages{height:32dvh;min-height:160px}}@media(max-width:400px){.form-grid{grid-template-columns:1fr}.demo-main{padding:23px 20px}.demo-intro{padding-inline:20px}.trial-dialog,.chat-dialog{padding-inline:21px}}
