/* /about - page « vitrine » dans la trame commune (.als-page > .container > .als-card). */
.about-hero{text-align:center;padding:2.5rem 1.5rem 2rem}
.about-hero .about-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(229,54,55,.12);border:1px solid rgba(229,54,55,.3);border-radius:999px;padding:4px 14px;font-size:12px;color:#ff8a8b;margin-bottom:20px;letter-spacing:.04em;text-transform:uppercase}
.about-page .about-hero h1{font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:12px}
.about-hero .about-lead{color:var(--als-text-muted);font-size:1rem;max-width:520px;margin:0 auto}
.about-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:32px;padding-top:28px;border-top:1px solid var(--als-border-divider)}
.about-stat strong{display:block;font-size:1.6rem;font-weight:700;color:var(--als-text-heading)}
.about-stat span{font-size:11px;color:var(--als-text-muted);text-transform:uppercase;letter-spacing:.06em}
.about-stat-div{width:1px;background:var(--als-border-divider);align-self:stretch}
.about-row{margin-bottom:1.25rem}
.about-page .about-title{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:18px}
.about-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-blue{background:rgba(55,138,221,.15)}
.ai-red{background:rgba(229,54,55,.12)}
.ai-green{background:rgba(29,158,117,.12)}
.ai-yellow{background:rgba(239,159,39,.12)}
.about-page .about-prose{color:var(--als-text);font-size:.93rem;line-height:1.8;margin-bottom:0}
.not-list{display:flex;flex-direction:column;gap:8px}
.not-item{display:flex;align-items:flex-start;gap:10px;background:rgba(229,54,55,.06);border:1px solid rgba(229,54,55,.18);border-radius:var(--als-radius-xs);padding:12px 16px;font-size:.9rem;line-height:1.5}
.not-item svg{flex-shrink:0;margin-top:1px}
.src-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.src-card{background:var(--als-surface-sunken);border:1px solid var(--als-border-soft);border-radius:var(--als-radius-sm);padding:16px}
.src-card .src-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--als-text-muted);margin-bottom:8px}
.about-page .src-card p{font-size:.88rem;line-height:1.6;margin-bottom:6px}
.src-card a{font-size:.8rem;text-decoration:none}
.src-card a:hover{text-decoration:underline}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.feat-item{display:flex;align-items:flex-start;gap:10px;background:var(--als-surface-sunken);border:1px solid var(--als-border-soft);border-radius:var(--als-radius-xs);padding:12px 14px}
.feat-item svg{flex-shrink:0;margin-top:2px}
.feat-item span{font-size:.88rem;line-height:1.5}
/* Badge « Beta » : texte foncé sur jaune (blanc : 1,63:1 → 11,7:1). .text-dark est éclairci dans .als-page (als-ui.css). */
.feat-item .badge.bg-warning{color:var(--als-bg-page)}
.about-cta{text-align:center;padding:2rem 1.5rem}
.about-page .about-cta p{color:var(--als-text-muted);font-size:.92rem;margin-bottom:1.5rem}
.about-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:600px){
    .about-page .about-hero h1{font-size:1.6rem}
    .src-grid,.feat-grid{grid-template-columns:1fr}
    .about-stats{gap:20px}
}