/* Page /community/ — editorial list redesign 2026-05-10 */

/* === platforms list (replaces old .platforms-grid bento) === */
.platforms{padding:80px 32px;background:var(--bone);border-bottom:1px solid var(--ink)}
.platforms-list{max-width:1600px;margin:0 auto;display:flex;flex-direction:column}
.plat-row{
  display:grid;
  grid-template-columns:50px 60px 200px 1fr auto auto;
  gap:32px;
  align-items:center;
  padding:32px 0;
  border-top:1px solid rgba(10,10,10,.15);
  cursor:none;
  transition:padding .4s ease, background .4s ease;
}
.plat-row:last-child{border-bottom:1px solid rgba(10,10,10,.15)}
.plat-row:hover{
  padding-left:24px;
  padding-right:24px;
  background:linear-gradient(90deg,transparent,var(--acid-glow),transparent);
}
.plat-num{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--grey-2);
}
.plat-icon{
  display:flex;align-items:center;justify-content:center;
  font-size:36px;
  color:var(--ink);
  transition:color .25s, transform .35s ease;
}
.plat-row:hover .plat-icon{
  color:var(--acid);
  transform:scale(1.1) rotate(-3deg);
}
.plat-stat{
  font-family:var(--serif);
  font-weight:800;
  font-size:clamp(32px,4vw,56px);
  line-height:.9;
  letter-spacing:-.01em;
  color:var(--ink);
}
.plat-info h3{
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(20px,2vw,28px);
  letter-spacing:-.01em;
  line-height:1.1;
  color:var(--ink);
  margin-bottom:6px;
  transition:color .25s;
}
.plat-row:hover .plat-info h3{color:var(--acid)}
.plat-info p{
  font-family:var(--body);
  font-size:14px;
  line-height:1.55;
  color:var(--grey-2);
  max-width:560px;
}
.plat-tag{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--grey-2);
  text-align:right;
  border-left:1px solid rgba(10,10,10,.15);
  padding-left:16px;
}
.plat-cta{
  justify-self:end;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--grey-2);
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:color .25s, transform .25s;
}
.plat-row:hover .plat-cta{
  color:var(--acid);
  transform:translate(4px,-4px);
}

/* === benefits === */
.benefits{padding:120px 32px;background:var(--ink);color:var(--bone);border-bottom:1px solid var(--ink)}
.benefits-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.benefit{padding:24px 0;border-top:2px solid var(--acid)}
.benefit .num{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acid);margin-bottom:16px}
.benefit h3{font-family:var(--serif);font-weight:700;font-size:28px;line-height:1.1;letter-spacing:-.01em;margin-bottom:12px;color:var(--bone)}
.benefit p{font-size:15px;line-height:1.6;color:rgba(245,242,235,.7)}

/* === testimonials === */
.testimonial{padding:120px 32px;background:var(--bone);border-bottom:1px solid var(--ink)}
.testimonial-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tcard{padding:32px;border:1px solid var(--ink);background:transparent;display:flex;flex-direction:column;gap:16px;transition:all .35s;position:relative}
.tcard:hover{background:var(--ink);color:var(--bone);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--acid)}
.tcard::before{content:'«';font-family:var(--serif);font-weight:300;font-size:96px;line-height:1;color:var(--acid);position:absolute;top:8px;left:24px;opacity:.4}
.tcard p{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.5;letter-spacing:-.01em;color:var(--ink);position:relative;z-index:1;margin-top:24px;transition:color .35s}
.tcard:hover p{color:var(--bone)}
.tcard .author{display:flex;justify-content:space-between;align-items:end;padding-top:16px;border-top:1px solid rgba(10,10,10,.15);margin-top:auto}
.tcard:hover .author{border-color:rgba(245,242,235,.18)}
.tcard .author strong{font-family:var(--serif);font-weight:600;font-size:16px}
.tcard .author span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-2)}
.tcard:hover .author span{color:var(--grey)}

/* Tablet — collapse tag column, keep CTA text */
@media (max-width:1100px){
  .plat-row{grid-template-columns:40px 50px 140px 1fr auto;gap:20px;padding:24px 0}
  .plat-tag{display:none}
}

/* Mobile — flex wrap with priority */
@media (max-width:780px){
  .plat-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    padding:24px 0;
  }
  .plat-num,.plat-tag{display:none}
  .plat-icon{flex:0 0 auto;font-size:32px}
  .plat-stat{
    flex:0 0 auto;
    font-family:var(--mono);
    font-size:13px;
    font-weight:500;
    letter-spacing:.06em;
    color:var(--ink);
  }
  .plat-cta{
    flex:0 0 auto;
    margin-left:auto;
    font-size:0;
  }
  .plat-cta iconify-icon{font-size:22px;color:inherit}
  .plat-info{flex:1 1 100%;order:3}
  .plat-info h3{font-size:18px}
  .plat-info p{font-size:13px;line-height:1.5;margin-top:4px}
  .plat-row:hover{padding-left:0;padding-right:0;background:transparent}

  .platforms,.benefits,.testimonial{padding:60px 20px}
  .benefits-grid,.testimonial-grid{grid-template-columns:1fr}
}