/* APPLE SEED AI HERO — CLEAN SINGLE SOURCE OF TRUTH */
.as-ai-chat-hero.as-ai-hero-3d{
  position:relative!important;
  display:block!important;
  flex:0 0 390px!important;
  width:100%!important;
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  background:#031515 url("apple-seed-ai-hero.svg?v=7") center center/100% 100% no-repeat!important;
  border:0!important;
}

/* The SVG already contains the complete artwork/text. */
.as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-bg,
.as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-grid,
.as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-topline,
.as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-copy{
  display:none!important;
}

/* ROBOT — exact Apple Seed full-body robot asset */
.as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-visual{
  display:flex!important;
  position:absolute!important;
  left:2%!important;
  bottom:0!important;
  top:0!important;
  width:46%!important;
  height:100%!important;
  align-items:flex-end!important;
  justify-content:center!important;
  z-index:20!important;
  pointer-events:none!important;
  background:transparent!important;
}
.as-ai-chat-hero.as-ai-hero-3d .as-ai-real-robot-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform-origin:50% 90%!important;
  filter:drop-shadow(0 18px 30px rgba(0,255,190,.34)) contrast(1.03) saturate(1.08)!important;
  animation:appleSeedRobotHeroMotion 4.6s ease-in-out infinite!important;
  will-change:transform,filter!important;
}
@keyframes appleSeedRobotHeroMotion{
  0%,100%{transform:translate3d(0,2px,0) rotate(-.35deg)}
  25%{transform:translate3d(2px,-2px,0) rotate(.15deg)}
  50%{transform:translate3d(0,-8px,0) rotate(.35deg)}
  75%{transform:translate3d(-2px,-2px,0) rotate(.1deg)}
}
.as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-visual::after{
  content:"";position:absolute;left:22%;bottom:5px;width:56%;height:18px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(28,255,199,.38),rgba(28,255,199,0) 72%);
  filter:blur(7px);animation:appleSeedRobotGroundGlow 4.6s ease-in-out infinite;pointer-events:none;
}
@keyframes appleSeedRobotGroundGlow{0%,100%{opacity:.5;transform:scaleX(.92)}50%{opacity:1;transform:scaleX(1.08)}}

/* Real buttons sit invisibly above the baked cards. */
.as-ai-chat-hero.as-ai-hero-3d>.as-ai-ref-toolbar{
  position:absolute!important;
  left:45.4%!important;
  right:2.3%!important;
  bottom:25px!important;
  width:auto!important;
  height:66px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  z-index:40!important;
}

.as-ai-chat-hero.as-ai-hero-3d .as-ai-ref-action{
  width:100%!important;
  height:66px!important;
  min-height:66px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  opacity:.01!important;
  cursor:pointer!important;
}

.as-ai-chat-hero.as-ai-hero-3d .as-ai-ref-action>*{
  opacity:0!important;
  visibility:hidden!important;
}

/* Mobile robot sizing */
@media(max-width:700px){
  .as-ai-chat-hero.as-ai-hero-3d{
    flex-basis:320px!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    background-size:100% 100%!important;
  }
  .as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-visual{
    left:-5%!important;
    top:22px!important;
    width:62%!important;
    height:285px!important;
  }
  .as-ai-chat-hero.as-ai-hero-3d .as-ai-real-robot-image{
    width:112%!important;
    height:112%!important;
  }
  .as-ai-chat-hero.as-ai-hero-3d>.as-ai-ref-toolbar{
    left:4%!important;
    right:4%!important;
    bottom:8px!important;
    height:50px!important;
    gap:4px!important;
  }
  .as-ai-chat-hero.as-ai-hero-3d .as-ai-ref-action{
    height:50px!important;
    min-height:50px!important;
    border-radius:10px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-visual,
  .as-ai-chat-hero.as-ai-hero-3d .as-ai-real-robot-image{
    animation:none!important;
  }
}


/* FINAL HERO READABILITY */
@media(min-width:701px){
  .as-ai-chat-hero.as-ai-hero-3d{flex-basis:390px!important;height:390px!important;min-height:390px!important;max-height:390px!important;}
  .as-ai-chat-hero.as-ai-hero-3d .as-ai-real-robot-image{image-rendering:auto!important;filter:drop-shadow(0 18px 30px rgba(0,255,190,.28)) contrast(1.03) saturate(1.06)!important;}
}

@media(min-width:701px){
  .as-ai-chat-hero.as-ai-hero-3d{flex-basis:420px!important;height:420px!important;min-height:420px!important;max-height:420px!important;}
}
@media(max-width:700px){
  .as-ai-chat-hero.as-ai-hero-3d{flex-basis:330px!important;height:330px!important;min-height:330px!important;max-height:330px!important;}
  .as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-visual{left:-4%!important;width:62%!important;height:100%!important;}
}
@media(prefers-reduced-motion:reduce){
  .as-ai-chat-hero.as-ai-hero-3d .as-ai-real-robot-image,
  .as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-visual::after{animation:none!important;}
}

/* FINAL ROBOT VISIBILITY FIX */
.as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-visual{
  display:flex!important;visibility:visible!important;opacity:1!important;
  left:0!important;top:0!important;bottom:0!important;width:50%!important;height:100%!important;
  z-index:30!important;overflow:visible!important;background:transparent!important;
}
.as-ai-chat-hero.as-ai-hero-3d .as-ai-real-robot-image{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:92%!important;height:96%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center bottom!important;
  animation:appleSeedRobotHeroMotion 4.6s ease-in-out infinite!important;
  filter:drop-shadow(0 18px 30px rgba(0,255,190,.32)) contrast(1.03) saturate(1.08)!important;
}
@media(max-width:700px){
 .as-ai-chat-hero.as-ai-hero-3d>.as-ai-3d-visual{width:58%!important;left:-3%!important}
 .as-ai-chat-hero.as-ai-hero-3d .as-ai-real-robot-image{width:105%!important;height:96%!important}
}