.hero-about{
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(83,109,254,.10), transparent 70%),
    radial-gradient(900px 420px at 12% 10%, rgba(0,214,200,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
}

.hero-inner-override{ display:block !important; }
.hero-inner-slim{ padding-top:18px; }

.crumbs ol{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:#cfe2ff;
}
.crumbs a{ color:#cfe2ff; text-decoration:none; border-bottom:1px dashed transparent; }
.crumbs a:hover{ border-bottom-color:rgba(255,255,255,.2); }
.crumbs li::after{ content:"/"; opacity:.4; margin:0 6px; }
.crumbs li:last-child::after{ content:""; }

.about-head{ margin-top:10px; }
.about-head .title{
  margin:0;
  font-size:clamp(28px,3.4vw,44px);
  line-height:1.12;
}
.about-head .lead{
  margin-top:10px;
  max-width:78ch;
}

.hero-stats{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
}
@media(max-width:980px){
  .hero-stats{ grid-template-columns: 1fr; }
}
.stat{
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(900px 260px at 90% 0%, rgba(83,109,254,.10), transparent 65%),
    rgba(255,255,255,.03);
  border-radius:16px;
  padding:12px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  box-shadow:var(--shadow);
}
.stat-icon{
  width:46px; height:46px;
  border-radius:14px;
  display:grid; place-items:center;
  border:1px solid rgba(0,214,200,.30);
  background:rgba(0,214,200,.10);
  color:#76ffea;
  font-size:20px;
  flex:0 0 auto;
}
.stat-kpi{ min-width:0; }
.stat-number{
  font-weight:1000;
  letter-spacing:.2px;
  font-size:1.15rem;
  line-height:1.2;
  color:#eaf4ff;
}
.stat-label{
  margin-top:3px;
  color:#cfe2ff;
  opacity:.92;
  line-height:1.45;
  font-weight:650;
  font-size:.95rem;
}

.panel{
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow:var(--shadow);
  padding:16px;
}

.panel__head{ margin-bottom:12px; }
.panel-title{
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:1.15rem;
}
.panel-title i{
  width:34px; height:34px;
  border-radius:10px;
  display:grid; place-items:center;
  border:1px solid rgba(83,109,254,.35);
  background:rgba(83,109,254,.14);
  color:#eaf4ff;
  line-height:1;
}

.about-text{ line-height:1.78; margin:0 0 10px; }

.story-wrap{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:20px;
}
@media(max-width:980px){
  .story-wrap{ grid-template-columns: 1fr; }
}

.mini-callouts{
  margin-top:12px;
  display:grid;
  gap:10px;
}
.callout{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  border-radius:14px;
  padding:10px 12px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.callout i{
  width:32px; height:32px;
  border-radius:10px;
  display:grid; place-items:center;
  border:1px solid rgba(0,214,200,.28);
  background:rgba(0,214,200,.08);
  color:#76ffea;
  flex:0 0 auto;
}
.callout strong{
  display:block;
  color:#eaf4ff;
  font-weight:950;
  line-height:1.25;
}
.callout span{
  display:block;
  margin-top:3px;
  color:#cfe2ff;
  opacity:.92;
  line-height:1.55;
}

.divider{
  margin:14px 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
}

.note-box{
  margin-top:14px;
  border:1px solid rgba(0,214,200,.22);
  background:
    radial-gradient(900px 260px at 90% 0%, rgba(0,214,200,.10), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-radius:16px;
  padding:12px;
  display:grid;
  grid-template-columns: 52px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.note-icon{
  width:52px; height:52px;
  border-radius:16px;
  display:grid; place-items:center;
  border:1px solid rgba(0,214,200,.35);
  background:rgba(0,214,200,.10);
  color:#76ffea;
  font-size:22px;
}
.note-icon i{ line-height:1; }
.note-address{
  margin-top:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  border-radius:14px;
  padding:10px 12px;
  color:#cfe2ff;
  line-height:1.6;
}

.team-panel{ margin-top:16px; }
.team-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:14px;
}
@media(max-width:980px){
  .team-grid{ grid-template-columns: 1fr; }
}

.team-card{
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 260px at 90% 0%, rgba(83,109,254,.10), transparent 65%),
    rgba(255,255,255,.03);
  border-radius:18px;
  padding:14px;
  display:grid;
  grid-template-columns: 136px minmax(0,1fr);
  gap:14px;
  align-items:center;
  overflow:hidden;
  transition:transform .16s ease, box-shadow .16s ease;
}
.team-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.22);
}

.avatar{
  width:136px; height:136px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.03);
  overflow:hidden;
  display:grid;
  place-items:center;
}
@media(max-width:420px){
  .team-card{ grid-template-columns: 112px minmax(0,1fr); }
  .avatar{ width:112px; height:112px; border-radius:22px; }
}
.avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.team-meta .name{
  margin:0;
  font-size:1.1rem;
  line-height:1.2;
  color:#eaf4ff;
  font-weight:1000;
}
.team-meta .role{
  margin-top:6px;
  line-height:1.5;
}

.tag-row{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:950;
  font-size:.80rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:#cfe2ff;
}
.tag i{ line-height:1; opacity:.95; }
.tag--teal{
  border-color: rgba(0,214,200,.26);
  background: rgba(0,214,200,.07);
  color:#76ffea;
}
.tag--indigo{
  border-color: rgba(83,109,254,.26);
  background: rgba(83,109,254,.08);
  color:#eaf4ff;
}

.actions-row{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.btn-linkedin,
.btn-bio{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:#cfe2ff;
  font-weight:950;
  font-size:.92rem;
  text-decoration:none;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease;
}
.btn-linkedin:hover,
.btn-bio:hover{
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  transform:translateY(-1px);
}
.btn-linkedin i,
.btn-bio i{ line-height:1; opacity:.95; }
.btn-linkedin{
  border-color: rgba(0,214,200,.26);
  background: rgba(0,214,200,.07);
  color:#76ffea;
}
.btn-bio{
  border-color: rgba(83,109,254,.26);
  background: rgba(83,109,254,.08);
  color:#eaf4ff;
}

.team-foot{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}
.inline-link{
  color:#76ffea;
  text-decoration:none;
  border-bottom:1px dashed rgba(118,255,234,.25);
}
.inline-link:hover{ border-bottom-color:rgba(118,255,234,.45); }

.bio-dialog{
  width:min(820px, calc(100% - 28px));
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  padding:0;
  background:
    radial-gradient(1100px 420px at 80% 0%, rgba(83,109,254,.10), transparent 65%),
    linear-gradient(180deg, rgba(20,24,40,.92), rgba(16,18,30,.92));
  color:#eaf4ff;
  box-shadow:0 18px 50px rgba(0,0,0,.52);
}
.bio-dialog::backdrop{
  background:rgba(0,0,0,.62);
  backdrop-filter: blur(2px);
}

.bio-modal{ padding:16px; }
.bio-modal-head{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.bio-modal-id{
  display:flex;
  gap:12px;
  align-items:center;
  min-width:0;
}
.bio-avatar{
  width:68px; height:68px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.03);
  flex:0 0 auto;
}
.bio-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bio-who h3{
  margin:0;
  font-size:1.12rem;
  line-height:1.2;
}
.bio-who .muted{ margin-top:4px; line-height:1.45; }

.dialog-close{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#cfe2ff;
  font-weight:950;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease;
}
.dialog-close:hover{
  box-shadow:0 10px 22px rgba(0,0,0,.24);
  transform:translateY(-1px);
}

.bio-body{
  margin-top:10px;
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:12px;
}
.bio-body p{
  margin:0 0 10px;
  color:#d9e9ff;
  opacity:.98;
  line-height:1.78;
}
.bio-links{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}