.demo-dialog{color:#171b20;overscroll-behavior:contain;background:#f4f4f1;border:0;border-radius:22px;width:min(920px,100vw - 40px);max-width:none;max-height:calc(100svh - 40px);margin:auto;padding:0;overflow:auto}.demo-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1394}.demo-layout{grid-template-columns:.95fr 1.05fr;display:grid}.demo-close{z-index:2;color:#30383f;cursor:pointer;background:#f4f4f1;border:1px solid #d2d7db;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:16px;right:16px}.demo-brand{letter-spacing:.06em;justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:650;display:flex}.demo-brand>span{border:1px solid #526970;border-radius:5px;padding:5px 8px;font-size:10px}.demo-call-symbol{color:#c0dee3;justify-content:center;align-items:center;gap:5px;width:120px;height:80px;margin-top:54px;display:flex}.demo-call-symbol>svg{margin-right:16px}.demo-call-symbol>span{background:currentColor;border-radius:2px;width:3px;height:30px;animation:1.4s ease-in-out infinite alternate demoVoice;transform:scaleY(.4)}.demo-call-symbol>span:nth-of-type(2){height:44px;animation-delay:-.5s}.demo-call-symbol>span:nth-of-type(3){height:54px;animation-delay:-.9s}.demo-call-symbol>span:nth-of-type(4){height:38px;animation-delay:-.2s}.demo-call-symbol>span:nth-of-type(5){height:22px;animation-delay:-.7s}.demo-kicker{color:#adc4ca;margin:24px 0 16px;font-size:13px}.demo-intro h2{font:400 clamp(34px,3.2vw,44px)/1.08 var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0}.demo-intro>p:not(.demo-kicker){color:#c0cfd3;margin:24px 0 0;font-size:15px;line-height:1.7}.demo-intro>p.demo-intro-note{color:#a6bec5;margin-top:36px;font-size:12px;line-height:1.7;display:block}.demo-content{min-width:0;padding:72px 40px 40px}.demo-progress{align-items:center;gap:16px;margin:0 0 42px;padding:0;list-style:none;display:flex}.demo-progress li{color:#5e6971;align-items:center;gap:8px;font-size:12px;display:flex}.demo-progress li>span{border:1px solid #aebac1;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.demo-progress li[aria-current]{color:#1f6570;font-weight:650}.demo-step-count{color:#596771;font-size:12px}.demo-form-step>p{color:#515e67;margin:0 0 28px;font-size:14px;line-height:1.6}.demo-form label:not(.demo-consent){color:#37434d;margin-top:21px;font-size:14px;display:block}.demo-form input:not([type=checkbox]){color:#172128;width:100%;min-height:52px;font:inherit;background:#fff;border:1px solid #b6c1c8;border-radius:10px;margin-top:9px;padding:12px 14px;font-size:16px;display:block}.demo-form input::placeholder{color:#63737e}.demo-form small{color:#53616c;margin-top:9px;font-size:12px;line-height:1.6;display:block}.demo-consent{color:#4d5c65;cursor:pointer;align-items:flex-start;gap:10px;margin-top:24px;padding:10px 0;font-size:12px;line-height:1.6;display:flex}.demo-consent input{accent-color:#1f6570;flex:none;width:18px;height:18px;margin:2px 0 0}.demo-consent a{color:#1f6570;text-underline-offset:3px;text-decoration:underline}.demo-actions{align-items:center;gap:14px;margin-top:32px;display:flex}.demo-primary{color:#fff;width:100%;min-height:50px;font:600 14px/1.4 var(--sans);cursor:pointer;background:#1f6570;border:0;border-radius:999px;justify-content:center;align-items:center;gap:16px;padding:14px 18px;transition:background .2s;display:inline-flex}.demo-primary>svg{flex-shrink:0;width:18px}.demo-back{color:#40535d;cursor:pointer;background:0 0;border:0;min-height:48px;padding:10px 4px}.demo-dialog button:disabled{opacity:.6;cursor:wait}.demo-form-note{color:#58646c;margin:16px 0 0;font-size:12px;line-height:1.6}.demo-error{color:#783718;background:#f2e5dc;border-radius:10px;margin-top:20px;padding:14px;font-size:14px;line-height:1.6}.demo-error a{align-items:center;gap:10px;min-height:44px;text-decoration:underline;display:inline-flex}.demo-dialog :focus-visible{outline-offset:3px;outline:2px solid #2d7f8c}.demo-result-icon{color:#1f6570;background:#dce8e9;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.demo-result h2{font:400 35px/1.15 var(--display);letter-spacing:-.025em;margin:24px 0 18px}.demo-result p{color:#53616a;font-size:15px;line-height:1.7}.demo-result .demo-result-phone{color:#1b505b;margin:22px 0 32px;font-size:21px}.demo-spinner{animation:.9s linear infinite demoSpin}@keyframes demoVoice{to{transform:scaleY(1)}}@keyframes demoSpin{to{transform:rotate(360deg)}}@keyframes demoArrive{0%{opacity:.4;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.demo-dialog[open]{animation:.4s cubic-bezier(.16,1,.3,1) both demoArrive}.demo-form-step{animation:.3s ease-out demoArrive}}@media (max-width:700px){.demo-dialog{border-radius:18px;width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.demo-layout{grid-template-columns:1fr}.demo-intro{padding:28px 24px}.demo-brand{padding-right:50px}.demo-call-symbol{display:none}.demo-intro>p.demo-intro-note{margin-top:16px;font-size:12px}.demo-kicker{margin-top:24px}.demo-intro h2{max-width:15ch;font-size:30px}.demo-intro>p:not(.demo-kicker){margin-top:14px;font-size:14px}.demo-content{padding:28px 24px}.demo-progress{margin-bottom:28px}.demo-form h3{font-size:28px}.demo-result{padding-top:0}}@media (prefers-reduced-motion:reduce){.demo-dialog *,.demo-dialog[open]{transition:none!important;animation:none!important}}.demo-dialog{background:#fff;border-radius:16px;width:min(540px,100vw - 32px)}.demo-layout{display:block}.demo-intro{color:#1b1b1b;background:#fff;padding:32px 36px 0}.demo-intro h2{max-width:23ch;padding-right:36px;font-size:30px;line-height:1.14}.demo-intro>p:not(.demo-kicker){color:#626262;margin-top:12px;font-size:14px;line-height:1.6}.demo-close{color:#333;background:#f3f3f3;border:0;top:12px;right:12px}.demo-content{padding:24px 36px 30px}.demo-progress{gap:24px;margin-bottom:24px}.demo-progress li{color:#626262;gap:8px;font-size:12px}.demo-progress li>span,.demo-progress .demo-step-return{color:#555;width:36px;height:36px;font:500 13px/1 var(--sans);background:#fff;border:1px solid #ccc;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.demo-progress li[aria-current]{color:#202020}.demo-progress li[aria-current]>span{color:#fff;background:#202020;border-color:#202020}.demo-progress .demo-step-return{cursor:pointer;width:44px;height:44px;margin:-4px}.demo-progress .demo-step-return:hover{color:#111;background:#eee}.demo-form h3{font:500 20px/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 18px}.demo-form label:not(.demo-consent){color:#373737;margin-top:16px;font-size:13px}.demo-form input:not([type=checkbox]){color:#202020;border-color:#bbb;border-radius:8px;min-height:46px;margin-top:7px;padding:10px 12px}.demo-form input[aria-invalid=true]{border-color:#9b3636}.demo-form small{color:#666;margin-top:7px;font-size:12px}.demo-consent{color:#555;gap:10px;margin-top:18px;padding:4px 0;font-size:12px}.demo-consent input{accent-color:#222}.demo-consent a{color:#222;font-weight:600;text-decoration:none}.demo-consent a:hover{color:#555}.demo-actions{margin-top:22px}.demo-primary{color:#fff;background:#222;min-height:46px;padding:12px 18px;transition:none}.demo-primary:hover{background:#383838}.demo-form-note{color:#666;margin-top:12px;font-size:11px}.demo-dialog :focus-visible{outline-color:#666}.demo-result{padding-top:10px}.demo-result-icon{color:#222;background:#eee;width:44px;height:44px}@media (max-width:600px){.demo-intro{padding:28px 24px 0}.demo-intro h2{max-width:22ch;font-size:26px}.demo-content{padding:22px 24px 26px}.demo-progress{gap:18px}.demo-progress li{font-size:11px}}
