/* Shared public Baby AI community panel: Home + Presale */
.bbai-community-section{
  position:relative;
  z-index:2;
  padding:0 0 clamp(24px,4vw,48px);
}

body .bbai-community-card,
body.presale-page main.container.py-5 #babyai-social-proof#babyai-social-proof.bbai-community-card{
  position:relative;
  isolation:isolate;
  display:grid !important;
  grid-template-columns:minmax(200px,.7fr) minmax(0,1.4fr);
  align-items:center;
  gap:clamp(18px,3vw,32px);
  width:100%;
  max-width:1180px;
  margin:0 auto 18px;
  padding:clamp(18px,2.5vw,28px);
  overflow:hidden;
  border:1px solid rgba(104,226,255,.28);
  border-radius:20px;
  background:
    radial-gradient(circle at 4% 5%,rgba(76,229,255,.16),transparent 35%),
    radial-gradient(circle at 96% 100%,rgba(246,75,216,.14),transparent 38%),
    linear-gradient(145deg,rgba(12,27,55,.92),rgba(6,11,28,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 64px rgba(0,0,0,.3),
    0 0 34px rgba(63,217,255,.1),
    0 0 48px rgba(246,75,216,.06) !important;
  color:#f6f9ff;
}

body .bbai-community-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.035) 48%,transparent 72%);
}

.bbai-community-copy{min-width:0;text-align:left}
.bbai-community-kicker{
  margin:0 0 9px;
  color:#55efff !important;
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.bbai-community-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.35rem,2.2vw,1.9rem);
  line-height:1.06;
  letter-spacing:-.035em;
  text-shadow:0 0 22px rgba(85,239,255,.12);
}
.bbai-community-copy>p:last-child{
  max-width:42ch;
  margin:9px 0 0;
  color:#aebbd3;
  font-size:.84rem;
  font-weight:400;
  line-height:1.55;
}

.bbai-community-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  min-width:0;
}
.bbai-community-link{
  position:relative;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-width:0;
  min-height:62px;
  box-sizing:border-box;
  padding:10px 12px;
  overflow:hidden;
  border:1px solid rgba(123,218,255,.2);
  border-radius:12px;
  color:#f6f9ff !important;
  background:linear-gradient(155deg,rgba(16,34,66,.78),rgba(8,15,34,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.18);
  text-decoration:none !important;
  text-align:left;
  font-weight:400;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.bbai-community-link::before{
  content:"";
  position:absolute;
  inset:auto -18px -34px auto;
  width:82px;
  height:82px;
  border-radius:50%;
  background:var(--bbai-social-glow,#55efff);
  opacity:.09;
  filter:blur(10px);
}
.bbai-community-link--instagram{--bbai-social-glow:#f64bd8}
.bbai-community-link--discord{--bbai-social-glow:#9d72ff}
.bbai-community-link:hover{
  transform:translateY(-3px);
  border-color:rgba(110,231,255,.55);
  background:linear-gradient(155deg,rgba(20,43,80,.9),rgba(10,18,42,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 17px 34px rgba(0,0,0,.25),0 0 22px rgba(85,239,255,.12);
}
.bbai-community-link:focus-visible{
  outline:3px solid #55efff;
  outline-offset:4px;
}
.bbai-community-icon{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid rgba(138,229,255,.24);
  border-radius:9px;
  color:#87f5ff;
  background:rgba(67,210,255,.08);
  box-shadow:0 0 20px rgba(85,239,255,.1);
}
.bbai-community-link--instagram .bbai-community-icon{color:#ff81df;background:rgba(246,75,216,.09)}
.bbai-community-link--discord .bbai-community-icon{color:#b99bff;background:rgba(157,114,255,.1)}
body .bbai-community-card .bbai-community-link .bbai-community-icon{color:#87f5ff !important}
body .bbai-community-card .bbai-community-link--instagram .bbai-community-icon{color:#ff81df !important}
body .bbai-community-card .bbai-community-link--discord .bbai-community-icon{color:#b99bff !important}
.bbai-community-icon svg{width:18px;height:18px;fill:currentColor}
.bbai-community-link--instagram .bbai-community-icon svg{fill:none;stroke:currentColor;stroke-width:1.8}
.bbai-community-link--instagram .bbai-community-icon .bbai-community-icon-fill{fill:currentColor;stroke:none}
.bbai-community-link strong,.bbai-community-link small{display:block;min-width:0}
.bbai-community-link strong{font-size:.96rem;line-height:1.2;letter-spacing:.01em}
.bbai-community-link small{margin-top:4px;overflow:hidden;color:#9cabc5;font-size:.68rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.bbai-community-arrow{position:relative;color:#6deeff;font-size:1rem;opacity:.7}

@media(max-width:960px){
  body .bbai-community-card,
  body.presale-page main.container.py-5 #babyai-social-proof#babyai-social-proof.bbai-community-card{
    grid-template-columns:1fr;
    gap:22px;
  }
}
@media(max-width:680px){
  .bbai-community-section{padding-bottom:20px}
  body .bbai-community-card,
  body.presale-page main.container.py-5 #babyai-social-proof#babyai-social-proof.bbai-community-card{
    gap:19px;
    padding:22px 18px;
    border-radius:22px;
  }
  .bbai-community-copy{text-align:center}
  .bbai-community-copy>p:last-child{margin-inline:auto}
  .bbai-community-links{grid-template-columns:1fr;gap:10px}
  .bbai-community-link{min-height:58px;padding:10px 12px}
  .bbai-community-link small{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  .bbai-community-link{transition:none}
}
.bbai-community-link:active{transform:translateY(0);border-color:#55efff;background:rgba(22,45,75,.95)}
.bbai-community-link--linkedin{--bbai-social-glow:#78bbef;scroll-margin-top:110px}
body .bbai-community-card .bbai-community-link--linkedin .bbai-community-icon{color:#78bbef !important;background:rgba(10,102,194,.1)}