/* Homepage ZemewBot, streamer-tools panel (Join-scale, not billboard) */

.hp-ed-bot {
 padding-top: clamp(18px, 2.8vw, 28px);
 padding-bottom: clamp(20px, 3vw, 32px);
 background:
 radial-gradient(ellipse 60% 70% at 88% 40%, rgba(145, 70, 255, 0.14), transparent 58%),
 linear-gradient(180deg, rgba(14, 22, 35, 0.32) 0%, transparent 100%);
}

.hp-ed-bot__panel {
 display: grid;
 grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.45fr) auto;
 gap: clamp(16px, 2.5vw, 28px);
 align-items: center;
 padding: clamp(16px, 2.5vw, 22px) clamp(18px, 3vw, 28px);
 border-radius: 14px;
 border: 1px solid rgba(145, 70, 255, 0.22);
 background:
 linear-gradient(135deg, rgba(145, 70, 255, 0.08) 0%, transparent 42%),
 rgb(14, 22, 35);
 box-shadow:
 0 0 0 1px rgba(2, 4, 8, 0.2) inset,
 0 16px 40px rgba(2, 4, 8, 0.28);
}

.hp-ed-bot__intro.hp-ed__title {
 font-size: clamp(1.55rem, 3vw, 2.1rem);
}

.hp-ed-bot__intro.hp-ed__lede {
 max-width: 34ch;
 font-size: 0.96rem;
}

.hp-ed-bot__main {
 display: grid;
 grid-template-columns: minmax(0, 1.15fr) minmax(200px, 0.85fr);
 gap: clamp(14px, 2vw, 20px);
 align-items: stretch;
 min-width: 0;
}

.hp-ed-bot__features {
 list-style: none;
 margin: 0;
 padding: 0;
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 12px 16px;
}

.hp-ed-bot__features li {
 display: grid;
 gap: 3px;
 padding-left: 12px;
 border-left: 3px solid rgba(145, 70, 255, 0.45);
}

.hp-ed-bot__features strong {
 font-size: 0.68rem;
 font-weight: 800;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: rgba(211, 180, 255, 0.95);
}

.hp-ed-bot__features span {
 font-size: 0.86rem;
 line-height: 1.45;
 color: rgba(232, 238, 249, 0.82);
}

.hp-ed-bot__features code {
 padding: 0 4px;
 border-radius: 4px;
 background: rgba(8, 14, 24, 0.65);
 border: 1px solid rgba(152, 186, 227, 0.16);
 font-size: 0.92em;
 font-weight: 700;
 color: #d7e6ff;
}

.hp-ed-bot__peek {
 display: flex;
 flex-direction: column;
 gap: 8px;
 min-height: 0;
 padding: 12px 12px 14px;
 border-radius: 12px;
 background: #0a0d14;
 border: 1px solid rgba(152, 186, 227, 0.14);
 box-shadow: 0 8px 24px rgba(2, 4, 8, 0.35);
}

.hp-ed-bot__peek-head {
 display: flex;
 align-items: center;
 gap: 8px;
 padding-bottom: 8px;
 border-bottom: 1px solid rgba(152, 186, 227, 0.1);
}

.hp-ed-bot__live {
 display: inline-flex;
 align-items: center;
 padding: 2px 7px;
 border-radius: 999px;
 background: #eb0400;
 color: #fff;
 font-size: 0.62rem;
 font-weight: 900;
 letter-spacing: 0.1em;
 text-transform: uppercase;
}

.hp-ed-bot__channel {
 font-size: 0.82rem;
 font-weight: 800;
 color: rgba(232, 238, 249, 0.92);
}

.hp-ed-bot__peek-line {
 margin: 0;
 font-size: 0.82rem;
 line-height: 1.4;
 color: rgba(232, 238, 249, 0.88);
}

.hp-ed-bot__who {
 margin-right: 6px;
 font-weight: 800;
 color: #b388ff;
}

.hp-ed-bot__who--bot {
 color: #8ab4ff;
}

.hp-ed-bot__cta {
 display: grid;
 gap: 10px;
 justify-items: start;
}

.hp-ed-bot__cta.hp-lan-btn {
 background: linear-gradient(135deg, #9146ff, #6441a5);
 border-color: rgba(211, 180, 255, 0.35);
}

.hp-ed-bot__cta.hp-lan-btn:hover {
 filter: brightness(1.08);
}

@media (max-width: 960px) {
.hp-ed-bot__panel,
.hp-ed-bot__main {
 grid-template-columns: 1fr;
 }

.hp-ed-bot__features {
 grid-template-columns: 1fr;
 }

.hp-ed-bot__cta {
 justify-items: stretch;
 width: 100%;
 }

.hp-ed-bot__cta.hp-lan-btn {
 width: 100%;
 justify-content: center;
 }
}

@media (max-width: 640px) {
.hp-ed-bot__peek {
 order: -1;
 }
}