500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#142238;background:#f8fafb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #69962e;outline-offset:3px}[hidden]{display:none!important}.testbar{height:38px;background:#132135;color:#e5ecf2;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:calc(12px * var(--text-scale,1));letter-spacing:.06em}header{padding:30px 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid #e4e9ee}.logo{font-family:'Manrope',sans-serif;font-size:calc(37px * var(--text-scale,1));font-weight:800;letter-spacing:-2px;color:#17273b;text-decoration:none;line-height:1}.logo span{font-size:calc(14px * var(--text-scale,1));vertical-align:top;letter-spacing:0}.logo small{display:block;font-size:calc(8px * var(--text-scale,1));letter-spacing:2px;margin-top:10px}.header-note{color:#768191;font-size:calc(14px * var(--text-scale,1));margin-left:auto}.outline{background:transparent;border:1px solid #cbd3dc;border-radius:30px;padding:12px 20px;font-size:calc(14px * var(--text-scale,1))}main{padding:65px 6%;max-width:870px}.eyebrow,.tiny{font-size:calc(12px * var(--text-scale,1));letter-spacing:2px;font-weight:700;color:#69778a}h1{font-family:'Manrope',sans-serif;font-weight:500;font-size:clamp(46px,5.4vw,78px);line-height:1.12;letter-spacing:-4px;margin:24px 0}h1 em{font-style:normal;background:linear-gradient(transparent 62%,#dcf7b6 62%)}.intro{font-size:calc(17px * var(--text-scale,1));line-height:1.8;max-width:475px;color:#677587}.primary{background:#15253a;color:white;border:0;border-radius:13px;padding:15px 20px;font-weight:600}.primary:hover{background:#29415f}.big{margin-top:16px;display:flex;align-items:center;gap:42px}.big span{color:#c4f175;font-size:calc(23px * var(--text-scale,1))}.caption{font-size:calc(12px * var(--text-scale,1));color:#7a8594;margin-top:14px}.topics{display:flex;gap:9px;flex-wrap:wrap;margin-top:45px}.topics span{border:1px solid #dce2e8;border-radius:20px;padding:9px 13px;font-size:calc(12px * var(--text-scale,1));color:#637083}.footnote{font-size:calc(12px * var(--text-scale,1));color:#8a94a1;margin-top:24px}.preview-note{position:absolute;right:8%;top:290px;max-width:260px;border-top:1px solid #ccd6df;padding-top:25px}.preview-note h2{font-family:'Manrope',sans-serif;line-height:1.4;font-size:calc(27px * var(--text-scale,1));font-weight:500;letter-spacing:-1px}.preview-note p{font-size:calc(14px * var(--text-scale,1));line-height:1.8;color:#798492}.textbtn{border:0;background:none;color:#51637a;font-size:calc(12px * var(--text-scale,1));padding:6px 0;text-decoration:underline;text-underline-offset:4px}#launcher{position:fixed;bottom:24px;right:30px;border:0;background:#c8f279;color:#142238;border-radius:40px;padding:17px 23px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 28px #11223724;font-weight:700;z-index:5}.chat{position:fixed;right:30px;bottom:100px;width:410px;height:min(650px,calc(100dvh - 125px));background:white;border:1px solid #e0e6ea;border-radius:23px;box-shadow:0 22px 80px #15253a30;z-index:10;display:flex;flex-direction:column;overflow:hidden;animation:appear .28s ease-out}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.chathead{background:#16263b;padding:22px;display:flex;align-items:center;gap:13px;color:white}.avatar{width:42px;height:42px;border-radius:14px;background:#c8f279;position:relative;display:grid;place-items:center;color:#142238;font-size:calc(30px * var(--text-scale,1));font-weight:700}.avatar span{font-size:calc(15px * var(--text-scale,1));position:absolute;right:3px;top:0}.chathead strong{font-size:calc(16px * var(--text-scale,1))}.chathead small{display:block;color:#c0ccd9;font-size:calc(12px * var(--text-scale,1));margin-top:5px}.close{margin-left:auto;border:0;background:#ffffff10;color:white;border-radius:50%;width:30px;height:30px;font-size:calc(22px * var(--text-scale,1))}.progress{height:3px;background:#edf2e8}.progress i{display:block;height:100%;background:#aada61;transition:width .3s}.stepbar{display:flex;justify-content:space-between;align-items:center;padding:18px 23px 7px;min-height:40px}.stepbar>span{font-size:calc(10px * var(--text-scale,1));font-weight:700;letter-spacing:1.4px;color:#82909f}.conversation{padding:14px 23px 24px;overflow-y:auto;flex:1}.bubble{background:#f1f5f7;border-radius:3px 16px 16px 16px;padding:16px;line-height:1.6;font-size:calc(15px * var(--text-scale,1));margin-bottom:16px}.bubble strong{display:block;margin-bottom:5px;font-size:calc(20px * var(--text-scale,1));font-family:'Manrope',sans-serif;letter-spacing:-.5px}.sub{font-size:calc(13px * var(--text-scale,1));line-height:1.6;color:#768392;margin:10px 0 18px}.choices{display:grid;gap:9px}.choice{border:1px solid #dce4e9;border-radius:12px;background:white;padding:13px 14px;text-align:left;display:flex;align-items:center;gap:12px;font-size:calc(14px * var(--text-scale,1));color:#20334a}.choice:hover{border-color:#9bc95c;background:#f5faed}.choice span{width:28px;height:28px;background:#f1f5f7;border-radius:8px;display:grid;place-items:center;font-size:calc(16px * var(--text-scale,1))}.chatfooter{padding:13px;text-align:center;font-size:calc(10px * var(--text-scale,1));letter-spacing:.3px;color:#8993a0;border-top:1px solid #edf0f2;background:white}.field{display:block;font-size:calc(13px * var(--text-scale,1));font-weight:500;margin:14px 0 5px}input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #d6dfe7;border-radius:9px;outline-offset:1px;background:white;color:#16263b}.consent{display:flex;gap:9px;align-items:flex-start;font-size:calc(12px * var(--text-scale,1));line-height:1.6;margin:18px 0}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:#16263b}.wide{width:100%;margin-top:10px}.result{border:1px solid #d5e7bc;background:#f6fbea;padding:18px;border-radius:14px;margin-bottom:18px}.result small{color:#607343;font-size:calc(10px * var(--text-scale,1));letter-spacing:1.5px}.result h3{font-family:'Manrope',sans-serif;font-size:calc(27px * var(--text-scale,1));margin:9px 0}.result p{font-size:calc(13px * var(--text-scale,1));line-height:1.7;margin:0;color:#64734f}.summary{font-size:calc(12px * var(--text-scale,1));line-height:1.8;color:#718093;margin-bottom:16px}.success-icon{display:grid;place-items:center;background:#dff4c0;width:54px;height:54px;border-radius:50%;font-size:calc(26px * var(--text-scale,1));margin:10px 0 20px}@media(max-width:1050px){.preview-note{display:none}main{max-width:700px}}@media(max-width:600px){.testbar{font-size:calc(9px * var(--text-scale,1));padding:0 20px}.testbar span:first-child{display:none}header{padding:24px;gap:12px}.logo{font-size:calc(30px * var(--text-scale,1))}.header-note{display:none}.outline{margin-left:auto;font-size:calc(12px * var(--text-scale,1));padding:10px 14px}main{padding:44px 24px}h1{letter-spacing:-2.4px;font-size:calc(48px * var(--text-scale,1))}.intro{font-size:calc(16px * var(--text-scale,1))}.topics{margin-top:32px}#launcher{right:16px;bottom:16px;padding:15px 20px}.chat{right:12px;bottom:87px;width:calc(100% - 24px);height:min(650px,calc(100dvh - 100px));border-radius:20px}.eyebrow{font-size:calc(10px * var(--text-scale,1));letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Veterinary care direction */
:root{color:#133f35;background:#f5faf8}body{background:radial-gradient(ellipse at 78% 40%,#d8eee66b,transparent 52%),#f7faf9;min-height:100vh}.testbar{background:#123e33;color:#d3e8de}header{border-color:#dbe8e1}.logo{color:#164b3b}.header-note{color:#5e776d}.outline{border-color:#bfd3c8;color:#255840;background:#ffffff80}.eyebrow{color:#42745d;font-size:calc(12px * var(--text-scale,1))}main{position:relative;z-index:1;padding-top:70px;max-width:810px}h1{font-size:clamp(46px,5vw,72px);font-weight:500;color:#163f34;letter-spacing:-3.5px}h1 em{background:none;color:#4c865f}.intro{color:#657b73;max-width:440px}.primary{background:#174d3c;box-shadow:0 4px 10px #15453212}.primary:hover{background:#23684d}.big{border-radius:40px;padding:16px 24px}.topics span{background:#fff9;border-color:#d8e7de;color:#527160}.caption,.footnote{color:#688174}.care-scene{position:absolute;right:7%;top:190px;width:430px;height:510px;display:flex;align-items:center;flex-direction:column}.care-orbit{position:absolute;width:370px;height:370px;top:45px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f4fff0,#d5ead8 65%,#bdd9c3);box-shadow:0 0 0 20px #dcece42e,0 0 0 21px #d4e5db6b;z-index:0}.hero-bird{height:350px;width:320px;object-fit:contain;position:relative;margin-top:47px;filter:drop-shadow(0 20px 14px #183e3020)}.care-label{position:absolute;top:0;font-size:calc(11px * var(--text-scale,1));font-weight:700;letter-spacing:2px;color:#618170}.care-pill{position:relative;padding:10px 18px;background:#fff;border:1px solid #dce9df;box-shadow:0 8px 24px #214d3910;border-radius:30px;font-size:calc(12px * var(--text-scale,1));color:#466a55;margin-top:-4px}.care-invite{margin-top:25px;display:flex;align-items:center;gap:14px;border:1px solid #d1e2d7;border-radius:18px;background:#ffffffbc;padding:17px 20px;text-align:left;box-shadow:0 10px 30px #254d3510;color:#234b38}.care-invite strong{font-size:calc(13px * var(--text-scale,1));display:block}.care-invite small{font-size:calc(12px * var(--text-scale,1));display:block;margin-top:6px;color:#6c8175}.invite-plus{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e9f5d7;font-size:calc(24px * var(--text-scale,1))}#launcher{background:#c8f279;padding-left:62px;min-height:58px;color:#1b3e2d;box-shadow:0 8px 30px #214b3430;border:1px solid #b6df69}.launcher-bird{position:absolute;width:65px;height:78px;object-fit:contain;bottom:7px;left:-5px;filter:drop-shadow(0 5px 3px #24563220)}.chat{width:424px;border:1px solid #dae8df;border-radius:25px;box-shadow:0 24px 85px #103f352b;background:#fcfefd}.chathead{background:linear-gradient(125deg,#143c32,#28634c);padding:20px 23px}.chathead small{color:#d2e5d9}.avatar{background:#e6f1dc;width:47px;height:47px;border-radius:16px;overflow:hidden;flex-shrink:0;border:1px solid #ffffff40}.avatar img{width:50px;height:65px;object-fit:contain;transform:translateY(8px)}.progress{background:#dfebdf}.progress i{background:#c8f279}.stepbar>span{color:#678271;font-size:calc(11px * var(--text-scale,1));letter-spacing:1px}.conversation{padding-top:10px;background:linear-gradient(#fcfefd,#f8fbf9)}.welcome-card{position:relative;display:flex;min-height:140px;background:linear-gradient(110deg,#e7f1df,#f0f7e9);border:1px solid #e0ead7;border-radius:17px;padding:20px 14px;margin-bottom:22px;overflow:hidden}.welcome-label{font-size:calc(9px * var(--text-scale,1));letter-spacing:.9px;color:#5f7853;font-weight:700}.welcome-card h2{font-family:'Manrope',sans-serif;font-size:calc(23px * var(--text-scale,1));line-height:1.3;letter-spacing:-.8px;color:#214c37;margin:8px 0}.welcome-card p{font-size:calc(11px * var(--text-scale,1));color:#66805c;margin:5px 0}.welcome-card img{position:absolute;right:0;bottom:-9px;width:126px;height:149px;object-fit:contain}.bubble{background:transparent;padding:0;border-radius:0;font-size:calc(14px * var(--text-scale,1));color:#6a8073;margin-bottom:18px}.bubble strong{font-size:calc(20px * var(--text-scale,1));color:#224c3a;margin-bottom:6px}.choices{grid-template-columns:1fr 1fr;gap:10px}.choice{font-size:calc(13px * var(--text-scale,1));min-height:76px;flex-direction:column;align-items:flex-start;gap:8px;border-color:#dbe7df;border-radius:13px;padding:13px;color:#294f3e;box-shadow:0 3px 8px #123f2b03;transition:background .18s,border-color .18s,transform .18s}.choice:hover{background:#f0f7e6;border-color:#9dbe86;transform:translateY(-2px)}.choice span{width:27px;height:27px;border-radius:8px;background:#eaf3ed;color:#397050}.choice:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row;align-items:center;min-height:47px}.chatfooter{color:#6d8378;background:#f9fcfa;border-color:#e5ede7;font-size:calc(11px * var(--text-scale,1))}.sub{color:#6d8275}.textbtn{color:#57765f}.result{background:#f1f7e7;border-color:#d6e4c7}.consent{font-size:calc(13px * var(--text-scale,1));color:#526d5c}.consent input{accent-color:#285c43}.field{color:#466653}input:not([type=checkbox]){border-color:#cfded4;background:#fff}.summary{color:#667e6e}@media(max-width:1150px){.care-scene{right:4%;width:340px}.care-orbit{width:310px;height:310px;top:70px}.hero-bird{height:315px;width:280px;margin-top:68px}main{max-width:650px}h1{font-size:calc(58px * var(--text-scale,1))}}@media(max-width:900px){.care-scene{display:none}main{max-width:700px}}@media(max-width:600px){main{padding-top:40px}h1{font-size:calc(46px * var(--text-scale,1));letter-spacing:-2.3px}.chat{width:calc(100% - 24px)}.welcome-card h2{font-size:calc(21px * var(--text-scale,1))}.welcome-card img{width:110px}.welcome-label{font-size:calc(8px * var(--text-scale,1))}#launcher{padding-left:60px}.topics{gap:7px}.topics span{font-size:calc(11px * var(--text-scale,1))}}
/* Compact lead assessment */
.chat{width:370px;height:auto;max-height:calc(100dvh - 108px);bottom:92px;border-radius:20px}.chathead{padding:13px 17px;gap:10px}.avatar{width:37px;height:37px;border-radius:12px}.avatar img{width:40px;height:53px;transform:translateY(7px)}.chathead strong{font-size:calc(14px * var(--text-scale,1))}.chathead small{font-size:calc(11px * var(--text-scale,1));margin-top:3px}.close{width:27px;height:27px}.stepbar{padding:10px 17px 3px;min-height:28px}.stepbar>span{font-size:calc(10px * var(--text-scale,1))}.conversation{padding:10px 17px 16px;flex:0 1 auto;min-height:0}.welcome-card{min-height:86px;padding:12px;margin-bottom:14px;border-radius:12px}.welcome-card h2{font-size:calc(17px * var(--text-scale,1));letter-spacing:-.5px;max-width:210px;margin:7px 0}.welcome-card p{font-size:calc(11px * var(--text-scale,1));margin:3px 0}.welcome-label{font-size:calc(8px * var(--text-scale,1))}.welcome-card img{width:75px;height:91px;right:1px;bottom:-4px}.bubble{font-size:calc(12px * var(--text-scale,1));line-height:1.5;margin-bottom:12px}.bubble strong{font-size:calc(16px * var(--text-scale,1));letter-spacing:-.3px;margin-bottom:4px}.choices{gap:7px}.choice{min-height:43px;flex-direction:row;align-items:center;font-size:calc(12px * var(--text-scale,1));gap:7px;padding:8px 10px;border-radius:10px}.choice span{height:23px;width:23px;flex-shrink:0;font-size:calc(14px * var(--text-scale,1))}.choice:last-child:nth-child(odd){min-height:39px}.chatfooter{padding:9px;font-size:calc(10px * var(--text-scale,1))}.sub{font-size:calc(11px * var(--text-scale,1));line-height:1.5;margin:7px 0 11px}.field{font-size:calc(12px * var(--text-scale,1));margin:9px 0 4px}input:not([type=checkbox]){padding:9px 10px;font-size:calc(13px * var(--text-scale,1));border-radius:8px}.consent{font-size:calc(11px * var(--text-scale,1));line-height:1.45;margin:12px 0 6px;gap:7px}.consent input{width:16px;height:16px;margin:1px 0}.primary{font-size:calc(13px * var(--text-scale,1));padding:11px 15px}.big{padding:16px 24px;font-size:calc(15px * var(--text-scale,1))}.wide{margin-top:8px}.result{padding:13px;margin-bottom:12px;border-radius:12px}.result h3{font-size:calc(22px * var(--text-scale,1));margin:7px 0}.result p{font-size:calc(12px * var(--text-scale,1));line-height:1.55}.summary{font-size:calc(11px * var(--text-scale,1));margin-bottom:11px}.textbtn{font-size:calc(11px * var(--text-scale,1))}.success-icon{width:40px;height:40px;font-size:calc(21px * var(--text-scale,1));margin:4px 0 14px}@media(max-width:600px){.chat{width:calc(100% - 24px);max-width:370px;bottom:87px;max-height:calc(100dvh - 100px)}.welcome-card h2{font-size:calc(17px * var(--text-scale,1))}.welcome-card img{width:75px}.welcome-label{font-size:calc(8px * var(--text-scale,1))}input:not([type=checkbox]){font-size:calc(16px * var(--text-scale,1));padding:8px 10px}}@media(max-height:650px){.welcome-card{display:none}.chathead{padding:10px 15px}.conversation{padding-top:6px}.field{margin-top:6px}.consent{margin-top:9px}}
/* Neotle blue chat panel; green launcher retained */
#launcher{background:#c8f279;border-color:#b6df69;color:#1b3e2d}
.chat{background:#f8fcff;border-color:#cbdfe9;box-shadow:0 24px 85px #004d702b;color:#124b67}
.chat .chathead{background:linear-gradient(120deg,#003f60,#07698e);color:#fff}
.chat .chathead small{color:#d1e8f4}
.chat .avatar{background:#e3f1f8;border-color:#9ecddd}
.chat .close{background:#ffffff18;color:#fff}
.chat .progress{background:#dcecf4}.chat .progress i{background:#4aadd0}
.chat .stepbar>span{color:#55798e}
.chat .conversation{background:linear-gradient(#fbfdff,#eff7fb)}
.chat .welcome-card{background:linear-gradient(110deg,#dfedf6,#eef7fc);border-color:#cbdfea}
.chat .welcome-label{color:#43748d}.chat .welcome-card h2{color:#054e71}.chat .welcome-card p{color:#52788e}
.chat .bubble{color:#55768b}.chat .bubble strong{color:#064c6d}
.chat .choice{background:#fff;border-color:#cddfe9;color:#174e6a;box-shadow:0 3px 8px #004b7005}
.chat .choice span{background:#e6f1f8;color:#076287}
.chat .choice:hover{background:#e5f2fa;border-color:#70a9c5}
.chat .choice:active{background:#d6eaf5}
.chat .primary{background:#005477;color:#fff;box-shadow:0 4px 10px #00547718}
.chat .primary:hover{background:#003e5b}
.chat .sub,.chat .summary{color:#53778d}.chat .textbtn{color:#176184}
.chat .field{color:#305f78}
.chat input:not([type=checkbox]){background:#fff;border-color:#c3d9e6;color:#123f58}
.chat .consent{color:#41677d}.chat .consent input{accent-color:#005477}
.chat .result{background:#e8f3fa;border-color:#c6deed}.chat .result small{color:#416e87}.chat .result h3{color:#075477}.chat .result p{color:#436b81}
.chat .success-icon{background:#d9edf8;color:#005477}
.chat .chatfooter{background:#f3f8fc;color:#5a7c90;border-color:#dbe8f1}
.chat button:focus-visible,.chat input:focus-visible{outline-color:#2388b7}

/* Plain host page for the standalone chat widget */
:root,body{background:#fff}body{min-height:100dvh}

/* Mascot-led submission and acknowledgement */
.chat .primary[aria-busy="true"]{display:flex;justify-content:center;align-items:center;gap:12px;height:43px;cursor:wait}
.submit-mascot{height:38px;width:32px;object-fit:contain}.submit-dots{letter-spacing:5px;animation:submission-pulse 1s ease-in-out infinite}
@keyframes submission-pulse{50%{opacity:.35}}
.consultation-success{text-align:center;padding:5px 8px 14px}.consultation-success img{height:140px;width:130px;object-fit:contain;filter:drop-shadow(0 8px 9px #00547716)}.consultation-success h2{font-family:'Manrope',sans-serif;font-size:calc(22px * var(--text-scale,1));letter-spacing:-.5px;color:#005477;margin:12px 0 8px}.consultation-success p{font-size:calc(14px * var(--text-scale,1));line-height:1.6;color:#436b81;margin:0 auto;max-width:245px}

.chatfooter a{color:#005477;font-weight:600;text-decoration:underline;text-underline-offset:3px}

.chat .choice.consultation-cta{background:#005477;color:#fff;border-color:#005477;justify-content:center;font-weight:700;font-size:calc(14px * var(--text-scale,1));min-height:44px;box-shadow:0 4px 12px #00547720}.chat .choice.consultation-cta:hover{background:#003e5b;border-color:#003e5b}.chat .choice.consultation-cta:active{background:#00344d}

/* Consistent title typeface throughout the local chat */
#chat,#chat button,#chat input,#launcher{font-family:'Manrope',sans-serif}

.step-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.stepbar{gap:10px}.stepbar>span{min-width:0}

#flock + #volume{margin-top:10px}

.water-issues{display:grid;grid-template-columns:1fr 1fr;gap:8px}.water-choice{cursor:pointer;flex-direction:row;align-items:center!important}.water-choice input{accent-color:#005477;width:17px;height:17px;flex-shrink:0}.water-choice:has(input:checked){background:#e1f0fa;border-color:#438cb0}.water-issues .sub,.water-issues .wide{grid-column:1/-1}.water-issues .sub:empty{display:none}

.chat .product-logo{display:block;width:100%;height:auto;max-height:125px;object-fit:contain;object-position:center;margin:10px 0 12px;border-radius:9px}

.chat .product-recommendation>small{display:block;text-align:center}.chat .product-logo-frame{border-radius:16px;overflow:hidden;margin:10px 0 12px}.chat .product-logo-frame .product-logo{width:100%;height:auto;max-height:none;margin:0;border-radius:16px}

/* Compact product recommendation */
.chat .product-recommendation{background:linear-gradient(145deg,#fff,#eaf4fa);border:1px solid #d1e4f0;border-radius:16px;padding:12px 14px;box-shadow:0 6px 18px rgba(0,84,119,.12);margin-bottom:12px}.chat .product-recommendation>small{font-size:calc(10px * var(--text-scale,1));letter-spacing:1.2px}.chat .product-recommendation .product-logo-frame{width:100%;max-width:220px;margin:9px auto 10px;border-radius:13px;box-shadow:0 3px 9px rgba(0,61,91,.09)}.chat .product-logo-frame .product-logo{display:block;width:100%;height:auto;max-height:110px;object-fit:contain;margin:0;border-radius:13px}.chat .product-recommendation p{font-size:calc(12px * var(--text-scale,1));line-height:1.5}.chat .summary{margin-bottom:9px}

/* Reserve logo space while product artwork loads. */
.chat .product-recommendation .product-logo-frame{min-height:90px;display:grid;place-items:center;background:#f2f9fc}

/* Keep the launcher mascot's face clear of the open chat panel. */
.chat{bottom:120px;max-height:calc(100dvh - 136px)}
@media(max-width:600px){.chat{bottom:115px;max-height:calc(100dvh - 128px)}}

/* Compact recommendation layout, shared by all products. */
.chat .product-recommendation p{text-align:center}
.chat.recommendation-step .conversation{padding-top:6px;padding-bottom:10px}
.chat.recommendation-step .bubble{margin-bottom:6px}
.chat.recommendation-step .summary{margin-bottom:4px;line-height:1.4}
.chat.recommendation-step .product-recommendation{padding:9px 12px;margin-top:8px;margin-bottom:8px}
.chat.recommendation-step .product-logo-frame{max-width:190px;min-height:0;margin:6px auto}
.chat.recommendation-step .product-logo{height:78px;max-height:78px;object-fit:contain}
.chat.recommendation-step .product-recommendation p{font-size:calc(11px * var(--text-scale,1));line-height:1.4}
.chat.recommendation-step .sub{margin:5px 0 7px}
.chat.recommendation-step .wide{margin-top:5px}
@media(max-height:700px){
.chat.recommendation-step .chathead{padding:9px 15px}
.chat.recommendation-step .stepbar{padding-top:6px}
.chat.recommendation-step .product-logo{height:60px;max-height:60px}
.chat.recommendation-step .product-recommendation{padding:7px 10px}
.chat.recommendation-step .chatfooter{padding:7px}
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/manrope-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/manrope-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/manrope-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/manrope-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/manrope-800.ttf) format('truetype');
}

html,body{background:transparent!important;overflow:hidden;min-height:0!important;font-family:Manrope,Arial,sans-serif}
body,button,input,textarea,select,.chat *{font-family:Manrope,Arial,sans-serif}
.chathead>div:nth-child(2){min-width:0}.chathead small{white-space:normal}.chathead .close{flex-shrink:0}
.chat{width:min(var(--panel-width,370px),calc(100vw - 24px));max-height:min(var(--panel-height,650px),calc(100dvh - 130px));right:12px;bottom:115px}
.chat .conversation{background:var(--panel-light,#eff7fb)}.chat .chathead{background:var(--primary,#005477)}
.chat .primary,.chat .choice.consultation-cta{background:var(--primary,#005477);border-color:var(--primary,#005477)}
#launcher{right:16px;bottom:16px;background:var(--launcher,#c8f279)}
.chat .primary:hover,.chat .choice.consultation-cta:hover{filter:brightness(.88)}
body.left .chat{left:12px;right:auto}body.left #launcher{left:16px;right:auto}
@media(max-width:380px){.chathead small{font-size:10px}.chathead{gap:7px;padding:10px 12px}.stepbar{padding-left:12px;padding-right:12px}.stepbar>span{font-size:9px;letter-spacing:.5px}.conversation{padding-left:12px;padding-right:12px}.step-actions{gap:8px}}
@media(max-height:600px){
.chat.recommendation-step .chathead{padding:7px 12px}
.chat.recommendation-step .conversation{padding-top:4px;padding-bottom:6px}
.chat.recommendation-step .bubble{margin-bottom:4px}
.chat.recommendation-step .product-logo{height:48px;max-height:48px}
.chat.recommendation-step .product-logo-frame{margin:3px auto}
.chat.recommendation-step .product-recommendation{padding:5px 10px;margin-top:5px;margin-bottom:5px}
.chat.recommendation-step .textbtn.wide{padding:3px 0}
.chat.recommendation-step .choice.consultation-cta{min-height:40px}
}

/* Crisp form typography; placeholders are independently adjustable. */
.chat input:not([type=checkbox]){font-size:calc(14px * var(--text-scale,1));line-height:1.35;min-height:42px;padding:9px 11px;font-weight:400;letter-spacing:0}
.chat input::placeholder{font-size:var(--placeholder-size,13px);font-weight:400;letter-spacing:0;color:#627f91;opacity:1}
.chat .lead-form .field{font-size:calc(11.5px * var(--text-scale,1));line-height:1.3;margin:8px 0 4px;font-weight:600}
.chat .lead-form .consent{margin:11px 0 5px;line-height:1.45}
.chat .lead-form .primary{min-height:44px}
body.mobile-layout .chat input:not([type=checkbox]){font-size:max(16px,calc(16px * var(--text-scale,1)));min-height:44px;padding:9px 11px}

@media(max-width:380px){.chathead small{font-size:calc(10px * var(--text-scale,1))}.stepbar>span{font-size:calc(9px * var(--text-scale,1))}}

.chat .quantity-form{display:grid;gap:8px}.chat .quantity-form .wide{margin-top:2px}