/* Soft, recessed conversation surface and raised interactive controls. */
:root{--ink:#303b46;--panel:#edf2f6;--paper:#ffffff;--shadow:#c4cad0}
body{background:#ffffff;color:var(--ink)}
main{max-width:860px;padding:30px 24px}
.assistant{height:calc(100dvh - 60px);min-height:480px;border-radius:36px;border:1px solid #fff;background:var(--paper);box-shadow:18px 22px 55px #353d4321,-12px -12px 35px #fff,inset 1px 1px 0 #fff;overflow:hidden}
.chat-head{padding:20px 27px 17px;border:0;background:transparent;gap:18px}
.chat-brand{gap:15px}.chat-head h1{font-size:16px;letter-spacing:.1px}.chat-head p{margin-top:6px;color:#707a83;font-size:10px}.brand-logo{width:60px;height:60px}.brand-logo img{width:112px;left:-26px;top:-41px}
.reset{border:1px solid #fff;border-radius:20px;padding:9px 15px;background:linear-gradient(145deg,#fdfefe,#e9edf0);box-shadow:4px 5px 10px #c5ccd273,-4px -4px 9px #ffffffb3;color:#57616a;transition:box-shadow .18s,transform .18s}
.reset:hover{background:#fcfcfd;transform:translateY(-1px)}
.chat-content{margin:0 19px;padding:26px 24px 30px;border:1px solid #dce1e5;border-right-color:#fdfefe;border-bottom-color:#fdfefe;border-radius:27px;background:linear-gradient(140deg,#edf1f5,#f7f9fb);box-shadow:inset 8px 9px 18px #b6bec375,inset -6px -6px 15px #fff9;scrollbar-width:thin;scrollbar-color:#b8bfc5 transparent;scrollbar-gutter:stable}
.message{max-width:96%;margin-bottom:24px}.message.bot .bubble{border-radius:26px 26px 26px 9px;border:1px solid #ffffffb8;background:linear-gradient(145deg,#ffffff,#fafcfe);padding:21px 23px;box-shadow:9px 11px 20px #b8bdc14f,-4px -4px 12px #ffffff70;font-size:14px;line-height:1.75}
.message.user{max-width:84%}.message.user .bubble{border-radius:25px 25px 8px 25px;border:1px solid #fff;background:linear-gradient(145deg,#fff,#f7f9fa);color:#373e43;box-shadow:6px 7px 14px #b8bdc15c;padding:14px 20px;font-size:14px}
.message p{margin-bottom:12px}.message p:last-child{margin-bottom:0}.message strong{font-weight:700}
.choices{gap:10px;margin-top:19px}.choice{font-size:13px;font-weight:500;line-height:1.5;padding:12px 17px;border-radius:25px;border:1px solid #fff;background:linear-gradient(145deg,#fff,#ffffff);color:#2f363b;box-shadow:4px 5px 10px #b2bac142,-3px -3px 8px #ffffff70;transition:transform .18s,box-shadow .18s,border-color .18s}
.choice.big{padding:14px 19px;border-radius:24px;min-height:50px}.choice.big span{font-size:15px;color:#356ba0}.choice:hover{background:#fff;border-color:#dee4e9;box-shadow:5px 7px 13px #9faab265,-3px -3px 8px #fff;transform:translateY(-2px)}
.choice:active,.reset:active{transform:translateY(0);box-shadow:inset 3px 3px 7px #b4bdc467,inset -3px -3px 7px #fff}.choice:disabled{opacity:.46;box-shadow:none;transform:none}.choice:disabled:hover{background:#fafbfc;border-color:#fff;box-shadow:none}
.label{color:#67747e;font-size:9px;letter-spacing:1px;margin:23px 2px 10px}.starter-prompts{padding:0 3px}.starter-prompts .choice{background:#ffffff}
.composer{border:0;padding:20px 22px 16px;background:transparent}.composer form{padding:0;border:0;border-radius:0;background:none;align-items:center;gap:13px}.composer input{min-height:58px;padding:15px 20px;border:1px solid #ffffff8c;border-radius:23px;background:linear-gradient(145deg,#e2e7eb,#eef1f3);box-shadow:inset 5px 6px 11px #bcc4ca7a,inset -5px -5px 12px #fff9;font-size:14px;color:#2c3339}.composer input::placeholder{color:#808d97}.composer input:focus-visible{outline:2px solid #477fb2;outline-offset:2px}.composer form button{width:58px;height:58px;padding:0;flex-shrink:0;border:1px solid white;border-radius:50%;background:linear-gradient(145deg,#fdfefe,#e7ebef);box-shadow:6px 7px 12px #c1c9cf86,-5px -5px 12px #fff;color:#356ba0;font:400 29px Arial,sans-serif;transition:transform .18s,box-shadow .18s}.composer form button:hover{transform:translateY(-2px);box-shadow:7px 9px 15px #b5bec58c,-5px -5px 12px #fff}.composer>p{color:#717e89;font-size:9px;margin:12px 0 0}
.service-card{border-radius:21px;border:1px solid #fff;background:linear-gradient(140deg,#fff,#fafbfc);box-shadow:5px 6px 13px #bac4cc4f;padding:19px;margin-top:17px}.service-card h3{line-height:1.5;font-size:15px}.service-card dd{font-size:13px}.service-card dt{margin-top:13px}.booking,.handoff button{border:1px solid #356ba0;background:linear-gradient(145deg,#477fb2,#356ba0);border-radius:25px;box-shadow:5px 6px 11px #a7b4bf5c;color:white;min-height:47px;padding:12px 17px}.booking:hover,.handoff button:hover{background:linear-gradient(145deg,#437caf,#2d6093)}.subtle{font-size:10px;line-height:1.7;color:#697884}.status-note{border-radius:17px;border:1px solid #fff;background:#e4eaee;padding:15px;box-shadow:inset 2px 2px 5px #bfc9d16b}.handoff{gap:14px}.handoff input,.handoff select,.handoff textarea{border-radius:15px;border:1px solid #fff;background:#eff2f5;box-shadow:inset 3px 3px 7px #c2ccd373,inset -3px -3px 7px #fff;padding:11px 13px;font-size:13px}.handoff input[type=checkbox]{box-shadow:none;width:16px;height:16px;padding:0;accent-color:#445360}.check{gap:9px}
@media(max-width:600px){main{padding:10px}.assistant{height:calc(100dvh - 20px);min-height:360px;border:1px solid white;border-radius:28px;box-shadow:8px 10px 25px #353d431c}.chat-head{padding:14px 15px 12px;gap:9px}.chat-brand{gap:8px}.chat-head h1{font-size:11px;max-width:215px;line-height:1.5}.chat-head p{font-size:8px;max-width:185px;margin-top:4px}.brand-logo{width:43px;height:43px}.brand-logo img{width:83px;left:-20px;top:-31px}.reset{font-size:9px;padding:8px 10px}.chat-content{margin:0 10px;padding:18px 13px 22px;border-radius:21px;scrollbar-gutter:auto}.message{max-width:100%;margin-bottom:20px}.message.bot .bubble{font-size:13px;padding:17px;border-radius:22px 22px 22px 7px}.message.user .bubble{font-size:13px;padding:12px 17px}.choices{gap:9px;margin-top:15px}.choice{padding:11px 14px;font-size:12px}.choice.big{padding:12px 15px;min-height:47px}.composer{padding:15px 13px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.composer form{gap:10px}.composer input{min-height:51px;font-size:13px;padding:13px 17px;border-radius:21px}.composer form button{width:51px;height:51px;font-size:26px}.composer>p{font-size:8px;margin-top:10px}.service-card{padding:15px;border-radius:18px}.service-card h3{font-size:14px}.service-card dd{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.chat-head h1,.service-card h3{color:#356ba0}.message.user .bubble{background:linear-gradient(145deg,#f5faff,#e7f1fb);color:#264e76}.choice:focus-visible,.reset:focus-visible,.booking:focus-visible{outline-color:#356ba0}
[hidden]{display:none!important}#welcome{min-height:calc(100dvh - 60px);display:grid;place-items:center}#launcher{display:grid;justify-items:center;gap:10px;padding:22px;border:0;background:transparent;color:#356ba0;font:600 14px 'Space Grotesk',sans-serif}#launcher .brand-logo{width:128px;height:112px;border-radius:28px;background:white;box-shadow:0 8px 25px #354e651c}#launcher .brand-logo img{width:196px;left:-34px;top:-69px}#close-chat{margin-left:0}

#launcher{display:block;padding:0;background:transparent;border:0;box-shadow:none;line-height:0}#launcher .launcher-icon{display:block;width:min(310px,66vw);height:auto}
#launcher{display:flex;flex-direction:column;align-items:center;line-height:1.4;text-align:center}#launcher .test-title{margin-top:12px;font-family:'Archivo Black',Arial,sans-serif;font-weight:400;font-size:18px;color:#356ba0}#launcher .test-hint{font-size:14px;color:#495969}
