/* A closer mobile globe: enlarge its radius, then lift it towards the CTA
   within the same section height rather than adding empty space above it. */
#avatars[data-projection=planar] .avatar-rear{transform:none;z-index:-1}
@media(max-width:700px){
  #avatars .avatar-gallery-copy{margin-bottom:0;position:relative;z-index:2}
  #avatars.is-dome .avatar-gallery-stage{height:500px;margin-top:0}
  #avatars .avatar-gallery-viewport{top:-14px;bottom:14px}
  #avatars .avatar-gallery-profile{margin-top:-14px}
}

/* One compact conversation surface. Live SDK, loading, and call controls keep
   their existing IDs and state transitions. */
#main-content #interaction{padding-top:64px!important;padding-bottom:64px!important}
html[data-direction=presence] #interaction .toda-proof-grid{display:flex;flex-direction:column;gap:24px;max-width:980px!important;align-items:stretch}
#interaction .toda-proof-grid>div:first-child{text-align:center}
#interaction .toda-proof-grid>div:first-child>span{justify-content:center;margin-bottom:14px!important}
#interaction .toda-proof-grid h2{margin:0!important}
html[data-direction=presence] #interaction .toda-live-demo{width:100%;max-width:none;min-height:430px;border:1px solid #dedbd4;border-radius:28px;margin:0;background:var(--paper)!important;box-shadow:0 14px 40px -24px #25231c25}
#interaction .toda-demo-cover{background:radial-gradient(ellipse at 24% 55%,#e9edf4 0%,var(--paper) 66%);transition:opacity .45s ease}
#interaction .toda-demo-preview,#interaction #avatar{left:26%;bottom:-40px;width:340px;height:510px;transition:left 1.4s cubic-bezier(.22,1,.36,1),filter .45s ease}
#interaction .toda-live-demo[data-demo-state=loading] :is(.toda-demo-preview,#avatar),
#interaction .toda-live-demo[data-demo-state=active] :is(.toda-demo-preview,#avatar){left:50%}
#interaction .toda-demo-consent{left:52%;padding:36px 32px;justify-content:center;background:none}
#interaction .toda-demo-consent strong{font:500 28px/1.2 Archivo,sans-serif!important;letter-spacing:-.035em}
#interaction .toda-demo-consent :is(button,.toda-demo-restart){display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;font:600 15px/1.4 Archivo,sans-serif!important;margin-top:24px}
#interaction .toda-demo-consent :is(button,.toda-demo-restart)[hidden]{display:none}
#interaction .toda-demo-consent .toda-demo-legal{font-size:11px;max-width:280px;margin-top:18px;line-height:1.65}
#interaction .toda-demo-loading{left:0;padding:24px;justify-content:flex-end;gap:10px}
#interaction .toda-demo-loading-copy{max-width:min(380px,100%)}
#interaction .toda-demo-spinner{border-color:#d6dcf2;border-top-color:var(--action)}
#interaction .toda-live-demo-head{visibility:visible;top:22px;left:26px;right:26px}
#interaction .toda-live-demo-head span{font-size:9px;background:var(--paper)}
@media(max-width:600px){
  #main-content #interaction{padding:48px 20px!important}
  html[data-direction=presence] #interaction .toda-proof-grid{gap:22px}
  html[data-direction=presence] #interaction .toda-live-demo{min-height:500px;border-radius:22px}
  #interaction .toda-demo-preview,#interaction #avatar{left:50%;top:-32px;bottom:auto;width:320px;height:480px;max-width:none}
  #interaction .toda-demo-consent{left:0;justify-content:flex-end;padding:24px 20px;background:linear-gradient(180deg,transparent 38%,#faf8f399 56%,var(--paper) 73%)}
  #interaction .toda-demo-consent strong{font-size:25px!important}
  #interaction .toda-demo-consent :is(button,.toda-demo-restart){margin-top:16px}
  #interaction .toda-demo-loading{padding:24px}
  #interaction .toda-demo-cover{background:var(--paper)}
}
@media(prefers-reduced-motion:reduce){
  #interaction .toda-demo-preview,#interaction #avatar,#interaction .toda-demo-cover{transition:none}
}