/* =========================================================
   SALA — About / Our Story
   Editorial register. Reuses styles.css + home.css vocabulary
   (.eyebrow .shead .card .proof-band .final-cta).
   ========================================================= */

/* ===== Hero ===== */
.ahero{ position:relative; overflow:hidden; padding:96px 0 72px; text-align:center; background:#fff; }
.ahero .wrap{ position:relative; z-index:2; }
.ahero-octo{ position:absolute; top:-90px; right:-80px; width:520px; opacity:.05; z-index:1; pointer-events:none; user-select:none; }
.ahero .eyebrow{ justify-content:center; }
.aq{
  margin:20px auto 0; max-width:21ch;
  font-size:clamp(34px,5.2vw,62px); font-weight:600; letter-spacing:-0.03em;
  line-height:1.05; color:var(--ink); text-wrap:balance;
}
.ahero-sub{ margin:26px auto 0; max-width:54ch; font-size:clamp(17px,2vw,20px); color:var(--muted); line-height:1.55; text-wrap:pretty; }
.ahero-meta{ margin-top:34px; display:inline-flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:center;
  font-family:var(--mono); font-size:12.5px; letter-spacing:.06em; color:var(--muted-2); }
.ahero-meta .sep{ width:5px; height:5px; border-radius:50%; background:var(--line-2); }

/* ===== Story / Vision ===== */
.story{ padding:96px 0; background:#fff; }
.story-col{ max-width:760px; margin:0 auto; }
.story-col .eyebrow{ margin-bottom:18px; }
.story-lead{ font-size:clamp(22px,2.7vw,30px); font-weight:600; letter-spacing:-0.02em; line-height:1.4; color:var(--ink); text-wrap:pretty; margin:0; }
.story-col p{ font-size:18.5px; line-height:1.72; color:var(--ink-2); margin:24px 0 0; max-width:66ch; text-wrap:pretty; }
.story-col p .accent{ color:var(--ink); font-weight:600; }

/* Founder pull-quote */
.founder{ margin-top:54px; padding:38px 40px; background:var(--bg-soft); border:1px solid var(--line);
  border-left:4px solid var(--blue); border-radius:var(--radius-lg); display:grid; grid-template-columns:160px 1fr; gap:40px; align-items:start; }
.founder-left{ display:flex; flex-direction:column; align-items:center; gap:16px; }
.founder-q{ margin:0; font-size:clamp(20px,2.4vw,26px); font-weight:500; line-height:1.46; letter-spacing:-0.015em; color:var(--ink); text-wrap:pretty; }
.avatar{ width:140px; height:140px; border-radius:18px; background:var(--blue-tint); color:var(--blue);
  font-family:var(--mono); font-weight:700; font-size:15px; letter-spacing:.02em;
  display:flex; align-items:center; justify-content:center; overflow:hidden; object-fit:cover; }
.founder-info{ display:flex; flex-direction:column; align-items:center; gap:2px; width:100%; }
.founder-info b{ font-size:16px; font-weight:700; color:var(--ink); letter-spacing:-0.01em; }
.founder-info span{ font-size:13.5px; color:var(--muted); }

/* ===== The Work (momentum timeline) ===== */
.work .shead{ max-width:680px; margin:0 auto 56px; align-items:center; text-align:center; }
.work-tl{ list-style:none; margin:0 auto; padding:0; max-width:760px; }
.wtl{ position:relative; padding:0 0 44px 44px; }
.wtl::before{ content:""; position:absolute; left:9px; top:6px; bottom:-6px; width:2px; background:var(--line); }
.wtl:last-child{ padding-bottom:0; }
.wtl:last-child::before{ display:none; }
.wtl-dot{ position:absolute; left:0; top:4px; width:20px; height:20px; border-radius:50%;
  background:#fff; border:2px solid var(--blue); box-shadow:0 0 0 5px var(--blue-tint); }
.wtl-kicker{ display:inline-block; font-family:var(--mono); font-size:12px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--blue); margin-bottom:10px; }
.wtl-body h3{ font-size:clamp(20px,2.5vw,25px); font-weight:700; letter-spacing:-0.02em; color:var(--ink); margin:0 0 12px; line-height:1.22; }
.wtl-body p{ font-size:17px; line-height:1.66; color:var(--ink-2); margin:0; max-width:60ch; text-wrap:pretty; }
.wtl-body p b{ color:var(--ink); font-weight:700; }
.wtl-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.wtl-tags .pill{ font-size:12.5px; }

/* ===== The Platform (dark proof + stats) ===== */
.platform .shead{ max-width:680px; margin:0 auto 44px; align-items:center; text-align:center; }
.pstats{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:880px; margin:0 auto;
  padding:36px 0; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); }
.pstat{ text-align:center; }
.pstat .n{ font-size:clamp(30px,4vw,46px); font-weight:700; letter-spacing:-0.03em; color:#fff; line-height:1; }
.pstat .l{ margin-top:10px; font-size:13.5px; font-weight:600; color:#9fb0d6; letter-spacing:.01em; }
.work-note{ margin:32px auto 0; max-width:720px; text-align:center; font-size:16.5px; line-height:1.62; color:#bcd0f2; text-wrap:pretty; }
.work-note b{ color:#fff; font-weight:700; }

/* ===== What comes next ===== */
.next{ background:var(--bg-soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.next .shead{ max-width:640px; margin:0 auto 48px; align-items:center; text-align:center; }
.ai-cards{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.ai-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:34px 32px; box-shadow:var(--shadow-sm); }
.ai-card .pill{ margin-bottom:18px; }
.ai-card h3{ font-size:22px; font-weight:700; letter-spacing:-0.02em; color:var(--ink); margin:0 0 12px; }
.ai-card p{ font-size:16.5px; line-height:1.62; color:var(--muted); margin:0; text-wrap:pretty; }
.bet{ margin-top:40px; padding:44px 48px; background:var(--navy); border-radius:var(--radius-lg); text-align:center; }
.bet .eyebrow.on-dark{ justify-content:center; }
.bet p{ margin:16px auto 0; max-width:50ch; font-size:clamp(20px,2.4vw,27px); font-weight:600; letter-spacing:-0.02em; line-height:1.42; color:#fff; text-wrap:balance; }
.bet p .hl{ color:#7FB0FF; }

/* ===== Recognition ===== */
.recog .shead{ max-width:620px; margin:0 auto 44px; align-items:center; text-align:center; }
.recog-badges{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:22px; margin-bottom:40px; }
.rbadge{ width:108px; height:108px; display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease; }
.rbadge:hover{ transform:translateY(-3px); box-shadow:var(--shadow); }
.rbadge img{ max-width:74px; max-height:74px; object-fit:contain; }
.recog-tags{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; }
.recog-tag{ display:inline-flex; align-items:center; gap:9px; padding:11px 18px; border-radius:999px;
  background:var(--bg-soft); border:1px solid var(--line); font-size:14.5px; font-weight:600; color:var(--ink-2); }
.recog-tag .star{ color:var(--blue); }

/* Accelerator programs */
.accel{ max-width:880px; margin:48px auto 0; }
.accel-head{ text-align:center; font-family:var(--mono); font-size:12px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--muted-2); font-weight:600; margin:0 0 22px; }
.accel-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.accel-card{ display:flex; align-items:center; gap:16px; padding:18px 20px;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.accel-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow); border-color:var(--blue-tint-2); }
.accel-logo{ flex:none; width:56px; height:56px; border-radius:13px; overflow:hidden;
  display:flex; align-items:center; justify-content:center; }
.accel-logo img{ width:100%; height:100%; object-fit:cover; display:block; }
.accel-logo.plain{ background:#fff; border:1px solid var(--line); padding:9px; }
.accel-logo.plain img{ width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; }
.accel-logo.wide{ flex:none; width:104px; height:56px; border-radius:0; overflow:visible;
  display:flex; align-items:center; justify-content:center; }
.accel-logo.wide img{ width:auto; height:auto; max-width:100%; max-height:42px; object-fit:contain; display:block; }
.accel-txt{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.accel-txt b{ font-size:14.5px; font-weight:700; color:var(--ink); letter-spacing:-0.01em; line-height:1.3; }
.accel-txt span{ font-size:12.5px; color:var(--muted); font-weight:600; }

/* ===== Investors ===== */
.invest .shead{ max-width:640px; margin:0 auto 48px; align-items:center; text-align:center; }
.invest-wall{ display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:18px; max-width:920px; margin:0 auto; }
.ilogo{ flex:1 1 160px; max-width:210px; min-height:120px; display:flex; align-items:center; justify-content:center;
  padding:24px 28px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.ilogo:hover{ transform:translateY(-3px); box-shadow:var(--shadow); border-color:var(--blue-tint-2); }
.ilogo img{ max-width:100%; max-height:56px; width:auto; object-fit:contain; }
.ilogo:first-child img{ max-height:96px; }
.invest-angels{ display:flex; align-items:center; justify-content:center; gap:18px; margin:40px auto 0; max-width:560px; }
.invest-angels .iangel-line{ flex:1; height:1px; background:var(--line); }
.invest-angels .iangel-txt{ flex:none; font-size:14.5px; color:var(--muted); text-align:center; }
.invest-angels .iangel-txt b{ color:var(--ink); font-weight:700; }

/* ===== Team ===== */
.team{ background:var(--bg-soft); border-top:1px solid var(--line); }
.team .shead{ max-width:600px; margin:0 auto 44px; align-items:center; text-align:center; }
.team-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:860px; margin-left:auto; margin-right:auto; }
.tmember{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:30px 26px;
  box-shadow:var(--shadow-sm); text-align:center; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.tmember:hover{ transform:translateY(-3px); box-shadow:var(--shadow); border-color:var(--blue-tint-2); }
.tmember .avatar{ width:62px; height:62px; border-radius:16px; font-size:18px; margin:0 auto 18px; }
.tmember .avatar.photo{ width:96px; height:96px; border-radius:50%; padding:0; overflow:hidden; background:var(--bg-soft); }
.tmember .avatar.photo img{ width:100%; height:100%; object-fit:cover; object-position:center 22%; display:block; }
.tmember b{ display:block; font-size:17px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); }
.tmember span{ display:block; margin-top:5px; font-size:13.5px; color:var(--muted); line-height:1.4; }
.tmember .founder-tag{ display:inline-block; margin-top:12px; font-family:var(--mono); font-size:10.5px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--blue); }
.team-note{ margin:40px auto 0; max-width:600px; text-align:center; font-size:15.5px; color:var(--muted); line-height:1.6; }

/* ===== Responsive ===== */
@media (max-width:900px){
  .ai-cards{ grid-template-columns:1fr; }
  .team-grid{ grid-template-columns:1fr 1fr; }
  .pstats{ grid-template-columns:1fr 1fr; gap:30px 24px; }
}
@media (max-width:600px){
  .ahero{ padding:72px 0 56px; }
  .story{ padding:64px 0; }
  .founder{ padding:28px 24px; }
  .bet{ padding:34px 26px; }
  .team-grid{ grid-template-columns:1fr; }
  .recog-badges{ gap:14px; }
  .rbadge{ width:88px; height:88px; }
  .rbadge img{ max-width:60px; max-height:60px; }
  .ilogo{ flex:1 1 120px; min-height:96px; padding:18px 20px; }
  .ilogo img{ max-height:44px; }
  .ilogo:first-child img{ max-height:76px; }
  .accel-grid{ grid-template-columns:1fr; }
}