/* ── Shared page styles ── */
.page-hero {
    position: relative;
    padding: 4rem 0 3rem;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid var(--color-border);
}
.page-hero-bg {
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at center, rgba(139,92,246,0.1) 0%, transparent 65%);
    pointer-events: none;
}
.page-hero .hero-badge { margin-bottom: 1.5rem; }
.page-title { font-size: clamp(2rem, 5vw, 4rem); font-weight: 700; margin-bottom: 1rem; }
.page-description { font-size: 1.05rem; color: var(--color-text-muted); max-width: 560px; margin: 0 auto; }
.page-meta {
    display: flex; justify-content: center; flex-wrap: wrap;
    gap: 0.75rem 1.5rem; margin-top: 1.5rem;
    font-size: 0.85rem; color: var(--color-text-muted);
}
.page-content { max-width: 860px; margin: 0 auto; padding: 3.5rem 1.5rem 5rem; }
.content-section { margin-bottom: 3rem; }
.content-section-title {
    font-size: 1.2rem; font-weight: 700;
    margin-bottom: 1rem; padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    display: flex; align-items: center; gap: 0.6rem;
}
.section-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary); flex-shrink: 0; }
p { color: var(--color-text-muted); margin-bottom: 1rem; line-height: 1.7; }
p:last-child { margin-bottom: 0; }
p strong { color: var(--color-text); font-weight: 600; }
ul { padding-left: 1.5rem; color: var(--color-text-muted); }
li { margin-bottom: 0.5rem; line-height: 1.65; }
a { color: var(--color-primary); text-decoration: none; transition: opacity 0.2s; }
a:hover { opacity: 0.8; text-decoration: underline; }

/* ── Values grid ── */
.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}
.value-item {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-primary);
    border-radius: 0.75rem; padding: 1.25rem;
}
.value-item h4 { font-size: 0.9rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.4rem; }
.value-item p  { font-size: 0.82rem; margin: 0; }

/* ── Team cards ── */
.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1.25rem; margin-top: 1.5rem;
}
.team-card {
    background: var(--color-bg-tertiary); border: 1px solid var(--color-border);
    border-radius: 1rem; padding: 1.5rem 1.25rem;
    text-align: center; transition: border-color 0.2s;
}
.team-card:hover { border-color: var(--color-primary); }
.team-avatar {
    width: 56px; height: 56px; border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem; font-weight: 800; color: #fff;
    margin: 0 auto 0.85rem;
}
.team-card h3 { font-size: 0.9rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.2rem; }
.team-card p  { font-size: 0.8rem; margin: 0; }

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}
.page-hero, .page-content { animation: fadeUp 0.35s ease both; }

/* ============================================
   RESPONSIVE — Mobile (max-width: 768px)
   ============================================ */
@media (max-width: 768px) {
    .page-hero    { padding: 3rem 0 2.5rem; }
    .page-content { padding: 2.5rem 1rem 4rem; }
    .values-grid  { grid-template-columns: 1fr 1fr; }
    .team-grid    { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}

@media (max-width: 480px) {
    .values-grid { grid-template-columns: 1fr; }
    .team-grid   { grid-template-columns: 1fr 1fr; }
    .page-title  { font-size: 1.9rem; }
}

/* Appended from inline styles */

:root {
  --bg:#080910; --bg2:#0d0e18; --bg3:#111220;
  --border:#1c1e30; --border2:#252840;
  --text:#e6e8f2; --muted:#6b7091; --muted2:#9296b5;
  --purple:#8b5cf6; --purple-d:#7c3aed;
  --cyan:#06b6d4; --green:#10b981;
  --sora:'Sora',sans-serif;
}
:root.light-mode {
  --bg:#f8fafc; --bg2:#ffffff; --bg3:#f1f5f9;
  --border:#e2e8f0; --border2:#cbd5e1;
  --text:#0f172a; --muted:#64748b; --muted2:#475569;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{overflow-x:hidden;}
body{font-family:var(--sora);background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;}
.fade{animation:fadeUp .5s ease both;}
.fade-1{animation-delay:.1s;} .fade-2{animation-delay:.2s;} .fade-3{animation-delay:.25s;}

/* ── Page header ── */
.ph{padding:88px 0 56px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% -20%,rgba(139,92,246,.12) 0%,transparent 65%);pointer-events:none;}
.ph-inner{position:relative;z-index:2;max-width:600px;margin:0 auto;padding:0 24px;}
.ph-eye{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.2);border-radius:100px;padding:4px 14px;margin-bottom:18px;}
.ph-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--text);line-height:1.1;margin-bottom:14px;}
.ph-desc{font-size:15px;color:var(--muted2);line-height:1.75;}

/* ── Body ── */
.body{max-width:760px;margin:0 auto;padding:64px 24px 80px;flex:1 0 auto;width:100%;box-sizing:border-box;}
.section{margin-bottom:52px;}
.sec-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.sec-label::before{content:'';display:block;width:16px;height:2px;background:var(--purple);border-radius:2px;}
.sec-label::after{content:'';flex:1;height:1px;background:var(--border);}
p{font-size:14px;color:var(--muted2);line-height:1.85;margin-bottom:12px;}
p:last-child{margin-bottom:0;}
p strong{color:var(--text);font-weight:700;}

/* Stats */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:32px 0;}
@media(max-width:500px){.stat-row{grid-template-columns:1fr;}}
.stat-cell{background:var(--bg2);padding:24px 20px;text-align:center;}
.stat-n{font-size:1.9rem;font-weight:800;background:linear-gradient(135deg,#a78bfa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;line-height:1;}
.stat-l{font-size:11px;color:var(--muted);margin-top:6px;}

/* Values */
.val-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px;}
@media(max-width:560px){.val-grid{grid-template-columns:1fr;}}
.val-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s;}
.val-card:hover{border-color:var(--border2);}
.val-icon{font-size:20px;margin-bottom:10px;}
.val-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px;}
.val-desc{font-size:12px;color:var(--muted);line-height:1.65;margin:0 !important;}

/* Callout */
.callout{display:flex;gap:14px;align-items:flex-start;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:18px 20px;margin-top:32px;}
.callout-icon{font-size:18px;flex-shrink:0;margin-top:2px;}
.callout p{font-size:13px;color:var(--muted2);line-height:1.7;margin:0;}
.callout a{color:var(--purple);text-decoration:none;font-weight:600;}
.callout a:hover{color:#a78bfa;}