/* No scroll bars anywhere (MAK, 23 Sep 2026: "I hate scroll bars ... I dont want to see scroll bars
   across all"). Only the BAR is hidden: the wheel, a trackpad, touch, drag and the keyboard all
   still scroll exactly as before. Both forms are declared because visitors arrive on anything. */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{width:0;height:0;display:none}

#maroGuide{position:fixed;right:26px;bottom:26px;z-index:9000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:Inter,system-ui,-apple-system,sans-serif}
#maroBtn{position:relative;width:150px;height:150px;border:0;padding:0;background:none;cursor:pointer;flex:none}
#maroBtn img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}
#maroBtn:before{content:"";position:absolute;inset:6px 22px;border-radius:50%;border:2px solid rgba(240,190,90,.55);animation:maroPulse 2.2s ease-out infinite}
@keyframes maroPulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
#maroBtn video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:ellipse(41% 50% at 50.3% 50%);display:none;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}
#maroBtn.live img{visibility:hidden}#maroBtn.talking video{display:block}
#maroBtn.talking:after{content:"";position:absolute;inset:0 22px;border-radius:50%;border:2px solid #e2b64a;box-shadow:0 0 14px rgba(240,190,90,.55),inset 0 0 6px rgba(240,190,90,.35);pointer-events:none}
#maroBtn.connecting img{filter:drop-shadow(0 14px 24px rgba(0,0,0,.55)) brightness(.85)}
#maroTag{position:absolute;right:150px;bottom:56px;background:#f3c463;color:#2a1d05;font-weight:800;font-size:13px;letter-spacing:.02em;padding:8px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(0,0,0,.7);animation:maroNudge 1.6s ease-in-out infinite}
#maroTag:after{content:"";position:absolute;right:-7px;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:#f3c463}
@keyframes maroNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
#maroCard{display:none;flex-direction:column;width:420px;max-width:calc(100vw - 40px);max-height:min(78vh,720px);background:#fff;color:#0b1220;border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);overflow:hidden}
#maroCard.open{display:flex}
#maroCard .mh{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#203864;color:#fff;flex:none}
#maroCard .mh img{width:36px;height:36px;border-radius:50%;object-fit:cover}
#maroCard .mh b{font-size:14.5px}#maroCard .mh small{display:block;font-size:11.5px;color:#c9d6f2;font-weight:500}
#maroCard .mh button{background:rgba(255,255,255,.14);border:0;color:#fff;border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:15px}
#maroCard .mh .mm{margin-left:auto}#maroCard .mh .mx{margin-left:6px}
#maroBody{padding:14px 16px;overflow:auto;flex:1 1 auto;min-height:120px}
#maroFoot{flex:none;padding:12px 16px 14px;border-top:1px solid #e2e6ec;background:#fff}
.maro-say{background:#f3f5f8;border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:14.5px;line-height:1.5;color:#1c2430;margin-bottom:10px}
.maro-you{background:#e8edf6;border-radius:12px 12px 4px 12px;padding:9px 12px;font-size:13.5px;color:#203864;margin:0 0 10px 30px}
.maro-talk{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:12px;padding:15px 14px;font:700 16px Inter,system-ui,sans-serif;color:#fff;background:#203864;cursor:pointer}
.maro-talk.listening{background:#b3261e;animation:maroRec 1.2s ease-in-out infinite}.maro-talk.busy{background:#666f7e;cursor:wait}
@keyframes maroRec{0%,100%{box-shadow:0 0 0 0 rgba(179,38,30,.45)}50%{box-shadow:0 0 0 8px rgba(179,38,30,0)}}
.maro-type{display:flex;gap:6px;margin-top:8px}.maro-type input{flex:1;border:1px solid #dcdfe6;border-radius:10px;padding:10px;font:14px Inter,system-ui,sans-serif;min-width:0}.maro-type button{border:0;background:#eceef2;border-radius:10px;padding:0 12px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;color:#203864}
.maro-links{display:flex;gap:14px;justify-content:center;margin-top:10px;font-size:13px}.maro-links button{background:none;border:0;color:#203864;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.maro-form label{display:block;font-size:12.5px;font-weight:600;color:#4a5261;margin:8px 0 4px}
.maro-form input,.maro-form select,.maro-form textarea{width:100%;border:1px solid #dcdfe6;border-radius:8px;padding:9px 10px;font:14px Inter,system-ui,sans-serif;color:#1c2430;background:#fff}
.maro-form .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.maro-form .send{margin-top:12px;width:100%;background:#203864;color:#fff;border:0;border-radius:10px;padding:12px;font:700 14px Inter,system-ui,sans-serif;cursor:pointer}
.maro-form .fine{font-size:11.5px;color:#666f7e;margin-top:8px}
.maro-back{background:none;border:0;color:#666f7e;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;padding:6px 0;margin-top:6px}
@media(max-width:600px){#maroGuide{right:0;bottom:0;left:0;align-items:flex-end;padding:0 12px 12px}#maroTag{display:none}#maroBtn{width:150px;height:150px}#maroCard{width:100%;max-width:none;max-height:82vh}}
@media(prefers-reduced-motion:reduce){#maroBtn:before,#maroTag{animation:none}}