/* Animated conversation demonstration. Original static explorations stay intact. */
.website #conversation.galaxy-conversation{position:relative;isolation:isolate;max-width:none;padding:72px 0 84px;background:var(--hero-bg);color:var(--hero-text);overflow:clip}
#galaxy-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.galaxy-content{position:relative}.website #conversation.galaxy-conversation .section-heading{max-width:1000px;margin-inline:auto}.website #conversation.galaxy-conversation .section-heading>p{color:var(--hero-muted)}
.website #conversation.galaxy-conversation .section-heading .eyebrow{color:var(--hero-muted)}
.galaxy-conversation .demo-navigation{max-width:1000px;margin:36px auto 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.demo-navigation>.eyebrow{color:var(--hero-muted)}
#demo-topics{display:flex;gap:4px;flex-wrap:wrap}#demo-topics button{min-height:44px;border:1px solid transparent;background:transparent;color:var(--hero-muted);font-size:13px;padding:10px 12px}#demo-topics button:hover{color:var(--hero-text);border-color:var(--hero-muted)}#demo-topics button[aria-pressed=true]{color:var(--hero-text);border-color:var(--hero-muted)}
.demo-progress{height:2px;max-width:1000px;margin:auto;background:var(--dark-line)}.demo-progress span{display:block;width:0;height:100%;background:var(--hero-accent)}
.galaxy-conversation #conversation-home,.galaxy-conversation .mobile-open-chat{max-width:1000px;margin-inline:auto}.galaxy-conversation .mobile-open-chat{color:var(--hero-text);border-color:var(--hero-muted);margin-block:16px}
.galaxy-conversation .conversation{border-top:0;box-shadow:0 24px 70px #00000018}.galaxy-conversation .conversation-top{border-left:0;padding-block:14px}.website .galaxy-conversation .transcript{height:450px;min-height:450px;max-height:450px}
.demo-phase{font-size:12px;color:inherit;opacity:.75;border-left:1px solid currentColor;padding-left:12px;margin-left:4px}.demo-waiting{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--muted)}.demo-waiting p{font-size:23px;color:var(--ink);letter-spacing:-.025em}.demo-waiting>span:last-child{font-size:14px}.demo-orbit{font-size:36px;font-weight:500;color:var(--amber-deep);border:1px solid var(--line);height:70px;width:70px;display:grid;place-items:center;border-radius:50%;animation:demo-breathe 2.5s ease-in-out infinite}
.composer{position:relative}.demo-draft{display:none;position:absolute;left:18px;right:70px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink);font-size:16px;line-height:1.5;max-height:74px;overflow:hidden}.demo-draft.is-visible{display:block}.demo-is-typing textarea::placeholder{color:transparent}.demo-draft i{display:inline-block;width:2px;height:1em;background:var(--amber-deep);margin-left:3px;vertical-align:-2px;animation:demo-cursor .85s steps(1) infinite}
.demo-thinking{display:flex;align-items:center;gap:5px;margin:34px auto;max-width:1000px;color:var(--muted)}.demo-thinking i{width:5px;height:5px;background:var(--amber-deep);border-radius:50%;animation:demo-breathe 1s ease-in-out infinite}.demo-thinking i:nth-child(2){animation-delay:.15s}.demo-thinking i:nth-child(3){animation-delay:.3s}.demo-thinking span{margin-left:10px;font-size:13px}
.demo-answer-details{visibility:hidden;opacity:0;transform:translateY(7px);transition:opacity .45s ease,transform .45s ease}.demo-answer-details.is-revealed{visibility:visible;opacity:1;transform:none}.demo-answer:not(.is-complete) .answer-lead::after{content:'';display:inline-block;width:3px;height:.8em;background:var(--amber-deep);margin-left:5px;animation:demo-cursor .7s steps(1) infinite}
.demo-facts{margin-top:24px}.demo-facts>div{border-top:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:140px 1fr;gap:20px}.demo-facts span{font-size:14px;font-weight:600}.demo-facts p{font-size:15px;color:var(--muted)}.demo-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.demo-costs>div{border-top:2px solid var(--amber-deep);padding-top:14px}.demo-costs span{font:12px var(--font-mono);color:var(--muted)}.demo-costs strong{display:block;margin:10px 0;font-size:18px;font-weight:500}.demo-costs p{font-size:14px;color:var(--muted)}
.motion-paused *, .motion-paused *::after{animation-play-state:paused!important}.galaxy-conversation :focus-visible{outline-color:var(--hero-accent)}.galaxy-conversation .transcript :focus-visible{outline-color:var(--ink)}
@keyframes demo-cursor{50%{opacity:0}}@keyframes demo-breathe{50%{opacity:.35;transform:translateY(-2px)}}
@media(max-width:700px){.website #conversation.galaxy-conversation{padding-block:46px}.demo-navigation{gap:12px}.demo-phase{display:none}#demo-topics{gap:0}#demo-topics button{padding:10px;font-size:12px}.website .galaxy-conversation .transcript{height:420px;min-height:420px;max-height:420px}.demo-facts>div{grid-template-columns:1fr;gap:6px}.demo-costs{grid-template-columns:1fr;gap:14px}.demo-costs>div{display:grid;grid-template-columns:25px 1fr;gap:4px 8px}.demo-costs strong{margin:0;font-size:16px}.demo-costs p{grid-column:2}.demo-draft{font-size:15px}.demo-navigation>.eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){.demo-answer-details{transform:none;transition:none}.demo-orbit,.demo-draft i,.demo-thinking i{animation:none}.demo-answer:not(.is-complete) .answer-lead::after{display:none}}
.demo-drafting,.demo-question{margin-left:auto!important;margin-right:0!important;width:fit-content;max-width:85%}.demo-drafting .message-label,.demo-question .message-label{justify-content:flex-end}.demo-drafting .question,.demo-question .question{padding:16px 20px;background:var(--wash);border:1px solid var(--line);border-radius:12px 12px 2px 12px;color:var(--ink);min-height:59px}.typing-caret{display:inline-block;height:1em;width:2px;background:var(--amber-deep);margin-left:3px;vertical-align:-2px;animation:demo-cursor .8s steps(1) infinite}.demo-answer{margin-top:30px!important}
@media(max-width:700px){.demo-drafting,.demo-question{max-width:95%}.demo-drafting .question,.demo-question .question{padding:14px 16px}.demo-is-typing{min-height:92px}.website .conversation-dialog .transcript{height:auto;min-height:0;max-height:none}.website .conversation-dialog .demo-phase{display:none}}
/* A wider reading surface and an explicit, reversible invitation to participate. */
.website .galaxy-conversation #conversation-home,.website .galaxy-conversation .demo-progress,.website .galaxy-conversation .demo-navigation,.website #conversation.galaxy-conversation .section-heading{max-width:1180px}
.website .galaxy-conversation .transcript{height:clamp(460px,55vh,620px);min-height:460px;max-height:620px}
.participation-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink)}.participation-bar p{font-size:14px;line-height:1.5;max-width:65ch;color:var(--muted)}.participation-bar .button{flex-shrink:0}.participation-bar :focus-visible{outline-color:var(--ink)}
.chat-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:24px}.chat-comparison section{border-top:2px solid var(--amber-deep);padding-top:16px}.chat-comparison h4{font-size:18px;margin-bottom:12px}.chat-comparison ul{list-style:none;margin:0;padding:0}.chat-comparison li{padding:10px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--muted)}
.website .conversation-dialog .participation-bar{flex-shrink:0}.website .conversation-dialog .transcript{height:auto;min-height:0;max-height:none;flex:1}.visitor-mode #play-example,.visitor-mode #reset-example{display:none}
@media(max-width:700px){.website .galaxy-conversation .transcript{height:440px;min-height:440px;max-height:440px}.participation-bar{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.participation-bar p{font-size:13px}.chat-comparison{grid-template-columns:1fr;gap:24px}.chat-comparison li{font-size:15px}.website .conversation-dialog .participation-bar{padding:10px 16px;flex-direction:row;align-items:center;gap:12px}.conversation-dialog .participation-bar p{font-size:12px;max-width:20ch}.conversation-dialog .participation-bar .button{font-size:12px;padding:9px 12px}.website .conversation-dialog .transcript{min-height:0;height:auto;max-height:none}}

/* Fit the entire conversation, rather than assigning the transcript a viewport height. */
html:has(.galaxy-conversation){scroll-padding-top:var(--chat-toolbar-height,64px)}
.website #conversation.galaxy-conversation{padding-block:20px}
.website .galaxy-conversation .galaxy-content{height:calc(100dvh - var(--chat-toolbar-height,64px) - 40px);max-height:1040px;display:grid;grid-template-rows:auto auto 2px minmax(0,1fr)}
.website #conversation.galaxy-conversation .section-heading{width:100%;margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.website #conversation.galaxy-conversation .section-heading h2{font-size:clamp(26px,3vw,40px);max-width:none;line-height:1.15;margin:0}
.website #conversation.galaxy-conversation .section-heading .eyebrow{margin-bottom:8px;font-size:11px}
.website #conversation.galaxy-conversation .section-heading>p{max-width:36ch;font-size:14px;line-height:1.5;margin:0}
.website .galaxy-conversation .demo-navigation{width:100%;margin:0 auto 12px;display:block;min-width:0}
.galaxy-conversation .demo-navigation>.eyebrow{display:none}
#demo-topics{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
#demo-topics button{flex-shrink:0;white-space:nowrap}
.website .galaxy-conversation .demo-progress{width:100%}
.website .galaxy-conversation #conversation-home{width:100%;min-height:0}
.website .galaxy-conversation .conversation{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.website .galaxy-conversation .conversation-top{padding:8px 20px;flex:0 0 auto}
.website .galaxy-conversation .participation-bar{padding:8px 20px;gap:16px;flex:0 0 auto}
.website .galaxy-conversation .transcript{height:auto;min-height:0;max-height:none;flex:1 1 0;padding:20px 28px;overflow:auto;overflow-anchor:none}
.website .galaxy-conversation .conversation-bottom{padding:10px 20px;flex:0 0 auto}
.website .galaxy-conversation .prompts{display:none}
.website .galaxy-conversation .composer{padding-block:6px}
.website .galaxy-conversation .composer-foot{margin-top:6px;font-size:12px}
.website .galaxy-conversation .conversation-status{padding-top:6px;font-size:12px}
.website .conversation-dialog .transcript{overflow-anchor:none}
@media(max-width:700px){
 .website #conversation.galaxy-conversation{padding-block:12px}
 .website .galaxy-conversation .galaxy-content{height:calc(100dvh - var(--chat-toolbar-height,64px) - 24px)}
 .website #conversation.galaxy-conversation .section-heading{margin-bottom:8px}
 .website #conversation.galaxy-conversation .section-heading>p{display:none}
 .website #conversation.galaxy-conversation .section-heading h2{font-size:26px}
 .website #conversation.galaxy-conversation .section-heading .eyebrow{display:none}
 .website .galaxy-conversation .demo-navigation{margin-bottom:8px}
 .website .galaxy-conversation .conversation-top{padding:6px 12px;flex-wrap:nowrap}
 .website .galaxy-conversation .participation-bar{flex-direction:row;align-items:center;padding:8px 12px;gap:10px}
 .website .galaxy-conversation .participation-bar p{font-size:12px;line-height:1.4}
 .website .galaxy-conversation .participation-bar .button{font-size:12px;padding:8px 10px;max-width:48%;white-space:normal}
 .website .galaxy-conversation .transcript{padding:16px}
 .website .galaxy-conversation .conversation-bottom{padding:8px 12px}
 .website .galaxy-conversation .demo-is-typing{min-height:58px}
 .website .galaxy-conversation .composer-foot{font-size:11px;line-height:1.4}
 .website .galaxy-conversation .conversation-tools{gap:2px}
 .website .galaxy-conversation .conversation-tools button{font-size:11px;padding:6px}
 .website .galaxy-conversation #reset-example{display:none}
}
@media(max-height:650px){
 .website #conversation.galaxy-conversation .section-heading .eyebrow,.website #conversation.galaxy-conversation .section-heading>p{display:none}
 .website #conversation.galaxy-conversation .section-heading h2{font-size:26px}
 .website .galaxy-conversation .participation-bar p{display:none}
 .website .galaxy-conversation .participation-bar{justify-content:flex-end}
}