/* Launch announcement and a quieter, editorial conversation. */
.hero-beta{display:inline-flex;align-items:center;gap:11px;pointer-events:auto;position:relative;padding:11px 17px;margin:0 0 23px;border:1px solid #7cd0ff55;border-radius:999px;background:linear-gradient(110deg,#24465caa,#112637aa);box-shadow:inset 0 1px #d9f5ff0d,0 0 28px #38aeee12;color:#d4f0ff;font-size:13px;line-height:1.2;font-weight:550;letter-spacing:.15px;transition:background .25s,box-shadow .25s,transform .25s}
.hero-beta:hover{background:#24465c;box-shadow:0 0 30px #38aeee30;transform:translateY(-2px)}
.hero-beta__dot{width:6px;height:6px;background:#8eddff;border-radius:50%;box-shadow:0 0 10px #71d4ff;position:relative}
.hero-beta__dot:after{content:"";position:absolute;inset:-4px;border:1px solid #7cdcff66;border-radius:50%;animation:launch-beacon 2.8s ease-out infinite}
.hero-beta__arrow{font-size:16px;color:#8bcffa;margin-left:3px}
@keyframes launch-beacon{0%{transform:scale(.6);opacity:.8}80%,100%{transform:scale(1.8);opacity:0}}
.hero .conversation--launch{width:570px;margin-top:28px}
.conversation--launch .conversation__header{padding:0 3px 10px}
.conversation__topic{font-size:9px;font-weight:500;letter-spacing:1.7px;color:#849eaf}
.conversation--launch .bubble{padding:17px 21px;font-size:14px;line-height:1.65;box-shadow:none}
.conversation--launch .bubble p{margin-top:6px}
.conversation--launch .bubble__author{font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:500}
.conversation--launch .bubble--user{width:auto;min-width:255px;max-width:86%;background:#b8dfff04;border-color:#badfff12;border-radius:16px 16px 16px 5px;color:#c1d1dd}
.conversation--launch .bubble--gorg{width:465px;max-width:94%;border-radius:16px 16px 5px 16px;background:linear-gradient(120deg,#2852713b,#162c3b6b);border-color:#8fcdfb26;color:#e0ebf3;animation-delay:1.15s}
.conversation--launch .typing{top:100px;animation-duration:1.15s}
.conversation__join{display:inline-flex;align-items:center;gap:14px;margin-top:13px;padding:4px 0;border-bottom:1px solid #88d4ff55;color:#9edcff;font-size:12px;font-weight:550;transition:color .2s,gap .2s}
.conversation__join svg{width:15px;height:15px}.conversation__join:hover{color:white;gap:20px}
@media(max-width:700px){.hero-beta{font-size:12px;padding:10px 15px;margin-bottom:20px}.conversation--launch .bubble{font-size:13px;padding:15px 18px}.conversation--launch .bubble--user{min-width:230px}.hero .conversation--launch{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.hero-beta__dot:after{animation:none}}