html.demo-request-open{overflow:hidden}
[data-open-demo]{cursor:pointer}
.demo-dialog{width:min(600px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:40px;border:1px solid var(--palette-border);border-radius:12px;background:var(--palette-white);color:var(--text-color);box-shadow:0 24px 80px #101c3029;overflow-y:auto;overscroll-behavior:contain;font-family:var(--font-body)}
.demo-dialog::backdrop{background:rgb(15 24 39 / .4);backdrop-filter:blur(4px)}
.demo-dialog [hidden]{display:none!important}
.demo-dialog h2{margin:0 32px 16px 0;font-family:var(--font-heading);font-size:var(--type-title);font-weight:var(--weight-semibold);line-height:1.2;letter-spacing:var(--tracking-heading)}
.demo-dialog__intro{margin:0 0 28px;color:#626b77;font-size:var(--type-body);line-height:1.5}
.demo-dialog__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#626b77;cursor:pointer}
.demo-dialog__close:hover{background:var(--palette-gray);color:var(--palette-black)}
.demo-dialog svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.demo-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;min-width:0;margin:0;padding:0;border:0}
.demo-form__field{display:flex;flex-direction:column;min-width:0;gap:8px}
.demo-form__field--wide{grid-column:1/-1}
.demo-form label{font-size:var(--type-small);font-weight:var(--weight-semibold);line-height:1.5}
.demo-form__optional{color:#626b77;font-weight:var(--weight-regular)}
.demo-form :is(input:not([type=hidden]),textarea){width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid #b9c1ca;border-radius:4px;background:#fff;color:var(--text-color);font-family:var(--font-body);font-size:16px;line-height:1.5;box-shadow:none}
.demo-form textarea{resize:vertical;min-height:104px}
.demo-form textarea::placeholder{color:#69727e;opacity:1}
.demo-form :is(input,textarea):focus-visible{outline:2px solid var(--palette-blue);outline-offset:2px;border-color:var(--palette-blue)}
.demo-form__required{margin:12px 0 20px;color:#626b77;font-size:var(--type-small);line-height:1.5}
.demo-form__submit,.demo-dialog__success .button{width:100%;cursor:pointer}
.demo-form__submit:disabled{cursor:wait;opacity:.65}
.demo-form__fields:disabled{opacity:.7}
.demo-form__error{margin:0 0 20px;padding:12px 16px;border:1px solid #e6b8b8;border-radius:4px;background:#fff6f6;color:#8c2626;font-size:var(--type-small);line-height:1.5}
.demo-form a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.demo-form__email{margin:16px 0 0;text-align:center;color:#626b77;font-size:var(--type-small);line-height:1.5}
.demo-dialog__success p{margin:24px 0;font-size:var(--type-body);line-height:1.6}
.demo-dialog__check{display:grid;place-items:center;width:48px;height:48px;background:var(--palette-tint);color:var(--palette-blue);border-radius:50%}
.demo-form__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.demo-dialog{padding:32px 24px}.demo-form__fields{grid-template-columns:1fr;gap:16px}.demo-dialog__intro{margin-bottom:24px}}
@media(max-width:360px){.demo-dialog{padding:32px 20px}}