/* ========== ABOUT (BENTO) ========== */
.about-manifesto{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.2rem);
  line-height:1.15;letter-spacing:-.03em;font-weight:500;color:var(--ink);max-width:24ch;
  margin-bottom:clamp(2rem,5vw,4rem)}
html[lang="fa"] .about-manifesto{font-family:var(--font-fa);letter-spacing:0;line-height:1.5}
.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(0.8rem,1.5vw,1.2rem)}
@media (max-width:860px){ .bento-grid{grid-template-columns:1fr} }
.bento-card{padding:clamp(1.4rem,3vw,2.2rem);border-radius:var(--r-lg);
  display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;
  transition:transform .5s var(--ease-spring),box-shadow .4s}
@media (hover:hover){ .bento-card:hover{transform:translateY(-4px)} }
.bc-vision{grid-column:span 7;min-height:260px}
.bc-tool{grid-column:span 5;min-height:260px}
.bc-approach{grid-column:span 5;min-height:260px}
.bc-status{grid-column:span 7;min-height:260px}
@media (max-width:860px){ .bc-vision,.bc-tool,.bc-approach,.bc-status{grid-column:span 1;min-height:auto} }
.bc-tag{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}
.bc-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.bc-title{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;
  color:var(--ink);margin-bottom:0.6rem;line-height:1.1}
html[lang="fa"] .bc-title{font-family:var(--font-fa);line-height:1.4}
.bc-desc{font-size:0.95rem;color:var(--ink-2);line-height:1.6}
.bc-vision .bc-bg-icon{position:absolute;right:-10%;bottom:-10%;width:220px;height:220px;
  color:var(--accent);opacity:0.05;pointer-events:none;transition:transform 1s var(--ease-out)}
@media (hover:hover){ .bc-vision:hover .bc-bg-icon{transform:scale(1.1) rotate(10deg)} }
.bc-tool .tool-list{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1.2rem}
.bc-tool .tool-pill{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.8rem;
  border-radius:999px;background:var(--glass-bg);border:1px solid var(--line);font-size:0.8rem;color:var(--ink)}
.bc-approach .step-list{display:flex;flex-direction:column;gap:0.8rem;margin-top:1rem}
.bc-approach .step{display:flex;align-items:center;gap:0.8rem;font-size:0.9rem;color:var(--ink-2)}
.bc-approach .step-num{font-family:var(--font-mono);font-size:0.7rem;color:var(--ink-3);
  width:20px;height:20px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;flex:none}
.bc-status .live-dot{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);
  font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:#4ade80;margin-top:1rem}
.bc-status .live-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;
  box-shadow:0 0 10px #4ade80;animation:pulseGreen 2s infinite}
@keyframes pulseGreen{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}


/* /about · bento on small screens */
@media (max-width:860px){
  .bento-card{min-height:0}
  .about-manifesto{max-width:none}
}
@media (max-width:520px){
  .bento-card{padding:1.25rem}
  .bc-vision .bc-bg-icon{width:150px;height:150px}
  .bc-tool .tool-pill{font-size:.74rem;padding:.34rem .65rem}
}