.ai-modes{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#eef2ef;border-bottom:1px solid #dce4df;flex-shrink:0}
.ai-modes button{font:inherit;font-size:12px;border:1px solid #b7c5bc;border-radius:9px;padding:7px 9px;background:white;color:#173623;cursor:pointer;min-height:36px}
.ai-modes button[aria-pressed=true]{background:#163c28;color:white;border-color:#163c28}
.ai-modes button:focus-visible{outline:2px solid #a57c16;outline-offset:2px}
.ai-modes button:disabled,.ai-send:disabled{opacity:.55;cursor:wait}

/* Alo Solar homepage hero — logo + slogan only */
.hero-card{
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:18px!important;
 overflow:hidden!important;
 isolation:isolate!important;
 padding:34px!important;
 min-height:470px!important;
 background:linear-gradient(145deg,rgba(10,46,32,.62),rgba(5,24,16,.36))!important;
 background-image:none!important;
 border:1px solid rgba(244,220,131,.16)!important;
 border-radius:28px!important;
 box-shadow:0 28px 80px rgba(0,0,0,.24)!important;
 backdrop-filter:blur(8px)!important;
 animation:none!important;
 text-align:center!important;
}
.hero-card>img.alo-hero-placeholder{
 display:none!important;
 opacity:0!important;
 visibility:hidden!important;
 width:0!important;
 height:0!important;
 min-height:0!important;
 max-width:0!important;
 margin:0!important;
 padding:0!important;
}
.hero-card>.alo-hero-logo{
 position:relative!important;
 z-index:2!important;
 display:block!important;
 width:min(72%,430px)!important;
 max-width:430px!important;
 height:auto!important;
 min-height:0!important;
 object-fit:contain!important;
 opacity:1!important;
 visibility:visible!important;
 margin:0 auto!important;
 filter:drop-shadow(0 18px 34px rgba(0,0,0,.34))!important;
}
.hero-card>.alo-hero-slogan{
 position:relative!important;
 z-index:2!important;
 display:block!important;
 margin:2px 0 0!important;
 color:#fff!important;
 font-family:Inter,Manrope,Arial,sans-serif!important;
 font-size:clamp(24px,2.2vw,34px)!important;
 line-height:1.2!important;
 font-weight:800!important;
 letter-spacing:.2px!important;
 text-align:center!important;
 text-shadow:0 4px 18px rgba(0,0,0,.24)!important;
}
.hero-card>.alo-hero-slogan span{
 color:#45f294!important;
}
.hero-card>[data-i18n="heroCaption"]{display:none!important}
.hero-card:before,.hero-card:after{display:none!important;content:none!important;animation:none!important}

@media(max-width:850px){
 .hero-card{
  width:100%!important;
  max-width:560px!important;
  min-height:330px!important;
  margin-inline:auto!important;
  padding:24px!important;
  gap:14px!important;
  border-radius:22px!important;
 }
 .hero-card>.alo-hero-logo{
  width:min(76%,360px)!important;
  max-width:360px!important;
 }
 .hero-card>.alo-hero-slogan{
  font-size:clamp(20px,5vw,26px)!important;
 }
}