:root{--ink:#f8f5ee;--muted:#f8f5eead;--line:#ffffff2e;--glass:#070e1257;--glass-strong:#070e1285;--accent:#d6b16b;--accent-2:#69d0c5;--danger:#ee786c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{color:var(--ink);background:#05090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.stage{min-height:100vh;position:relative;overflow:hidden}.avatar-video{z-index:0;object-fit:cover;background:#070b0d;width:100%;height:100%;position:absolute;inset:0}.scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg,#020609bd 0%,#0206092e 32%,#0206095c 68%,#020609c7 100%),linear-gradient(#0206095c 0%,#0206090f 55%,#020609b8 100%);position:absolute;inset:0}.intro-layer{z-index:5;place-items:center;padding:40px;transition:opacity .26s,visibility .26s;display:grid;position:absolute;inset:0}.intro-layer.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.brand-lockup{text-align:right;max-width:min(560px,42vw);position:absolute;top:clamp(24px,5vh,56px);right:clamp(22px,5vw,72px)}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.77rem;font-weight:700}h1{letter-spacing:0;max-width:11ch;margin:0;font-size:clamp(2.8rem,8vw,7.4rem);line-height:.92}.video-control{aspect-ratio:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff75;border-radius:999px;place-items:center;width:clamp(88px,12vw,132px);transition:opacity .18s,transform .18s,background .18s;display:grid;position:relative;box-shadow:0 24px 80px #00000061}.video-control:hover{opacity:1;background:#fff3;transform:scale(1.04)}.video-control.is-playing{opacity:.12}.video-control.is-playing:hover,.video-control.is-playing:focus-visible{opacity:1}.control-icon{display:block}.play-icon{border-top:19px solid #0000;border-bottom:19px solid #0000;border-left:30px solid var(--ink);width:0;height:0;margin-left:8px}.pause-icon{border-right:9px solid var(--ink);border-left:9px solid var(--ink);width:30px;height:36px}.control-label{color:var(--ink);text-transform:uppercase;font-size:.76rem;font-weight:800;position:absolute;bottom:clamp(10px,1.8vw,18px);left:0;right:0}.skip-button{border:1px solid var(--line);min-height:44px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-radius:999px;padding:0 18px;position:absolute;bottom:clamp(24px,5vh,56px);right:clamp(22px,4vw,52px)}.connection-overlay{z-index:7;pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.connection-card{text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;background:#070e127a;border:1px solid #ffffff3d;border-radius:8px;gap:14px;width:min(380px,100vw - 40px);padding:24px;display:grid;box-shadow:0 28px 80px #0000005c}.connection-eyebrow{color:var(--accent);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.connection-card h2{color:var(--ink);margin:0;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.12}.connection-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.connection-card input{border:1px solid var(--line);width:100%;height:48px;color:var(--ink);text-align:center;background:#ffffff1a;border-radius:8px;outline:0;padding:0 14px}.connection-card input::placeholder{color:#f8f5ee75}.connection-card button{background:var(--accent-2);color:#061012;border:0;border-radius:8px;min-height:48px;font-weight:800}.connection-card button:disabled{cursor:not-allowed;opacity:.55}.connection-card-status{justify-items:center}.loading-ring{border:3px solid #f8f5ee3d;border-top-color:var(--accent-2);border-radius:999px;width:38px;height:38px;animation:.9s linear infinite spin}.success-mark{border:2px solid var(--accent-2);border-radius:999px;width:42px;height:42px;position:relative;box-shadow:0 0 20px #69d0c55c}.success-mark:after{content:"";border-bottom:3px solid var(--accent-2);border-left:3px solid var(--accent-2);width:13px;height:8px;position:absolute;top:11px;left:13px;transform:rotate(-45deg)}@keyframes spin{to{transform:rotate(360deg)}}.history-panel,.conversation-panel,.chat-dock{z-index:4;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:absolute;box-shadow:0 28px 80px #00000047}.history-panel{border-radius:8px;width:min(300px,26vw);min-width:260px;transition:width .22s,min-width .22s;top:clamp(20px,4vh,38px);bottom:clamp(96px,13vh,132px);left:clamp(16px,2vw,28px);overflow:hidden;transform:translate(0)}.chat-dock{z-index:6}.history-panel.is-collapsed{width:52px;min-width:52px}.panel-toggle{z-index:3;border:1px solid var(--line);width:30px;height:30px;color:var(--ink);background:#ffffff1a;border-radius:999px;place-items:center;display:grid;position:absolute;top:16px;right:18px}.toggle-mark{border-top:2px solid;border-left:2px solid;width:8px;height:8px;transform:rotate(-45deg)}.history-panel.is-collapsed .toggle-mark{transform:rotate(135deg)}.panel-content{opacity:1;flex-direction:column;gap:10px;height:100%;padding:18px;transition:opacity .16s;display:flex}.history-panel.is-collapsed .panel-content{opacity:0;pointer-events:none}.panel-heading{min-height:32px;color:var(--muted);letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;padding-right:46px;font-size:.75rem;font-weight:700;display:flex}.ghost-icon{border:1px solid var(--line);width:30px;height:30px;color:var(--ink);background:#ffffff14;border-radius:999px;place-items:center;display:grid}.history-item{width:100%;min-height:72px;color:var(--ink);text-align:left;background:#ffffff14;border:1px solid #0000;border-radius:8px;gap:8px;padding:13px 14px;display:grid}.history-item.is-active{background:#d6b16b24;border-color:#d6b16bb3}.history-item span,.history-item time{display:block}.history-item span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.history-item time{color:var(--muted);font-size:.78rem}.conversation-panel{opacity:0;border-radius:8px;flex-direction:column;gap:16px;width:min(390px,30vw);min-width:320px;padding:18px;transition:opacity .24s,transform .24s;display:flex;top:clamp(20px,4vh,38px);bottom:clamp(96px,13vh,132px);right:clamp(16px,2vw,28px);transform:translate(18px)}.conversation-panel.is-ready{opacity:1;transform:translate(0)}.status-dot{color:var(--accent-2);align-items:center;gap:7px;display:inline-flex}.status-dot:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 18px}.transcript{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:4px;display:flex;overflow:auto}.message{border:1px solid var(--line);background:#ffffff17;border-radius:8px;max-width:92%;padding:13px 14px}.message.visitor{background:#69d0c524;align-self:flex-end}.message span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.message p{color:#f8f5eee6;margin:0;font-size:.92rem;line-height:1.45}.chat-dock{opacity:1;border-radius:8px;grid-template-columns:52px minmax(240px,620px) 72px;align-items:center;gap:10px;width:min(780px,100vw - 40px);min-height:76px;padding:11px;transition:opacity .24s,transform .24s;display:grid;bottom:clamp(18px,4vh,34px);left:50%;transform:translate(-50%)}.chat-dock.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,18px)}.mic-button,.send-button{color:#061012;border:0;border-radius:8px;place-items:center;height:52px;font-weight:800;display:grid}.mic-button{background:var(--accent)}.mic-button.is-connected{background:var(--danger)}.mic-button.is-connecting{background:var(--accent-2)}.mic-button span{border:2px solid #061012;border-radius:999px;width:16px;height:24px;position:relative}.mic-button span:before{content:"";border-bottom:2px solid #061012;border-left:2px solid #061012;border-right:2px solid #061012;border-radius:0 0 999px 999px;width:20px;height:12px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.chat-input-wrap{border:1px solid var(--line);background:#ffffff14;border-radius:8px;gap:4px;min-width:0;padding:7px 12px;display:grid}.chat-input-wrap span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.chat-input-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.chat-input-wrap input::placeholder{color:#f8f5ee7a}.send-button{background:var(--accent-2)}.send-button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:940px){body{overflow:auto}.stage{min-height:100dvh}.brand-lockup{max-width:min(520px,100vw - 40px)}h1{max-width:10ch;font-size:clamp(2.6rem,15vw,4.9rem)}.history-panel{height:56px;top:18px;bottom:auto}.history-panel:not(.is-collapsed){width:auto;height:min(340px,42vh);right:18px}.conversation-panel{width:min(430px,100vw - 32px);min-width:0;max-height:42vh;top:auto;bottom:112px;right:16px}.chat-dock{grid-template-columns:52px minmax(0,1fr) 64px}}@media (max-width:620px){.intro-layer{place-items:end center;padding:22px 22px 116px}.brand-lockup{text-align:right;top:24px;left:22px;right:22px}.video-control{width:86px}.skip-button{bottom:22px;right:22px}.conversation-panel{max-height:38vh;left:16px}}