:root{
    --bg:#10140F;
    --surface:#171D18;
    --surface-2:#1D241E;
    --border:#2A332B;
    --text:#F1F5F2;
    --text-muted:#98A69B;
    --accent:#86C2A4;
    --accent-soft:rgba(134,194,164,0.14);
    --rose:#86C2A4;
    --base-a:#6FBE7A;
    --base-t:#E8735A;
    --base-g:#F2C94C;
    --base-c:#5A9BD4;
    --maxw:1180px;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:'IBM Plex Sans',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3{
    font-family:'Bricolage Grotesque',sans-serif;
    font-weight:700;
    letter-spacing:-0.02em;
    line-height:1.1;
  }
  .eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-size:0.75rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--accent);
  }
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
  ::selection{background:var(--accent);color:#0C1710;}

  header{
    position:sticky;top:0;z-index:50;
    background:rgba(16,20,15,0.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--border);
  }
  nav.wrap{display:flex;align-items:center;justify-content:space-between;height:76px;}
  .logo{display:flex;align-items:center;gap:10px;}
  .logo-text{display:flex;flex-direction:column;gap:1px;}
  .logo-icon{height:34px;width:34px;display:block;}
  .logo-icon-lg{height:44px;width:44px;display:block;}
  .logo-mark{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-0.01em;}
  .logo-sub{font-family:'IBM Plex Mono',monospace;font-size:0.62rem;letter-spacing:0.18em;color:var(--text-muted);text-transform:uppercase;}
  .navlinks{display:flex;gap:34px;align-items:center;}
  .navlinks a{font-size:0.9rem;color:var(--text-muted);transition:color 0.2s;}
  .navlinks a:hover{color:var(--text);}
  .nav-cta{
    font-family:'IBM Plex Mono',monospace;
    font-size:0.78rem;
    padding:9px 18px;
    border:1px solid var(--accent);
    border-radius:3px;
    color:var(--accent) !important;
    transition:background 0.2s,color 0.2s;
  }
  .nav-cta:hover{background:var(--accent);color:#0C1710 !important;}
  .menu-btn{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;}

  .hero{position:relative;padding:110px 0 90px;border-bottom:1px solid var(--border);overflow:hidden;}
  .hero-trace{position:absolute;top:0;right:-8%;width:60%;height:100%;opacity:0.4;pointer-events:none;}
  .hero-inner{position:relative;z-index:2;max-width:660px;}
  .hero .eyebrow{display:inline-block;margin-bottom:16px;}
  .hero h1{font-size:clamp(2.3rem,5vw,3.6rem);margin:2px 0 22px;}
  .hero h1 .hl{color:var(--accent);}
  .hero p{font-size:1.08rem;color:var(--text-muted);max-width:540px;margin-bottom:34px;}
  .btn-row{display:flex;gap:14px;flex-wrap:wrap;}
  .btn{font-family:'IBM Plex Mono',monospace;font-size:0.85rem;padding:14px 24px;border-radius:3px;display:inline-flex;align-items:center;gap:8px;transition:transform 0.15s, background 0.2s, border-color .2s;}
  .btn-primary{background:var(--accent);color:#0C1710;}
  .btn-primary:hover{transform:translateY(-1px);}
  .btn-secondary{border:1px solid var(--border);color:var(--text);}
  .btn-secondary:hover{border-color:var(--accent);color:var(--accent);}

  /* STAT SECTION */
  .stats{border-bottom:1px solid var(--border);background:var(--surface);}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
  .stat-col{padding:44px 28px;border-right:1px solid var(--border);}
  .stat-col:last-child{border-right:none;}
  .stat-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,2.6rem);color:var(--accent);}
  .stat-label{color:var(--text-muted);font-size:0.88rem;margin-top:8px;}
  .stats-source{font-family:'IBM Plex Mono',monospace;font-size:0.7rem;color:var(--text-muted);opacity:0.7;padding:14px 32px;}

  section{padding:92px 0;}
  .section-head{max-width:640px;margin-bottom:52px;}
  .section-head h2{font-size:clamp(1.8rem,3vw,2.3rem);margin-top:14px;}
  .section-head p{color:var(--text-muted);margin-top:14px;font-size:1.02rem;}

  .mission{border-bottom:1px solid var(--border);}
  .mission-kicker{font-size:clamp(1.7rem,3.4vw,2.5rem);font-family:'Bricolage Grotesque',sans-serif;font-weight:700;color:var(--text);max-width:760px;}
  .mission-kicker .warm{color:var(--accent);}
  .mission-body{color:var(--text-muted);max-width:640px;margin-top:22px;font-size:1.03rem;}

  .pillars{border-bottom:1px solid var(--border);}
  .pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .pillar-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:32px 26px;transition:transform 0.2s;}
  .pillar-card:hover{transform:translateY(-3px);}
  .pillar-num{font-family:'IBM Plex Mono',monospace;font-size:0.85rem;color:var(--accent);margin-bottom:16px;display:block;}
  .pillar-card h3{font-size:1.18rem;margin-bottom:4px;font-weight:600;}
  .pillar-sub{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.04em;color:var(--text-muted);margin-bottom:14px;display:block;}
  .pillar-card p{color:var(--text-muted);font-size:0.94rem;}

  .history{border-bottom:1px solid var(--border);background:var(--surface);}
  .history-inner{max-width:760px;}
  .history-inner p{color:var(--text-muted);font-size:1.02rem;margin-top:16px;}
  .history-fields{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:26px;font-family:'IBM Plex Mono',monospace;font-size:0.78rem;color:var(--text-muted);}
  .history-fields span{color:var(--text);}
  .history-quote{margin-top:28px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1.25rem;color:var(--accent);max-width:600px;}

  .contact{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
  .contact-inner{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:32px;}
  .contact h2{font-size:clamp(1.9rem,3.4vw,2.5rem);max-width:520px;}
  .contact p{color:var(--text-muted);margin-top:14px;max-width:460px;}
  .tier-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;}
  .tier-chip{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;color:var(--text-muted);border:1px solid var(--border);border-radius:20px;padding:6px 14px;}

  footer{padding:44px 0;}
  .footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
  .footer-links{display:flex;gap:24px;flex-wrap:wrap;}
  .footer-links a{color:var(--text-muted);font-size:0.85rem;}
  .footer-links a:hover{color:var(--text);}
  .footer-copy{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;color:var(--text-muted);}
  .footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;}
  .footer-address{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;color:var(--text-muted);}

  @media (max-width: 860px){
    .footer-meta{align-items:flex-start;text-align:left;}
    .navlinks{display:none;}
    .navlinks.is-open{
      display:flex;
      position:absolute;
      top:76px;
      left:0;
      right:0;
      flex-direction:column;
      background:var(--surface);
      padding:24px 32px;
      border-bottom:1px solid var(--border);
    }
    .menu-btn{display:block;}
    .pillar-grid{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .stat-col:nth-child(2){border-right:none;}
    .stat-col{border-bottom:1px solid var(--border);}
    .hero-trace{width:100%;right:0;opacity:0.2;}
    .contact-inner{flex-direction:column;align-items:flex-start;}
  }
  @media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}}
  .trace-path{stroke-dasharray:6 3600;stroke-dashoffset:0;animation:draw 9s linear infinite;}
  @keyframes draw{0%{stroke-dashoffset:3600;}100%{stroke-dashoffset:0;}}
  .reveal{opacity:0;transform:translateY(16px);transition:opacity 0.6s ease,transform 0.6s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}

  /* SUBPAGE SHARED STYLES */
  .page-hero{padding:80px 0 56px;border-bottom:1px solid var(--border);}
  .page-hero h1{font-size:clamp(2rem,4.4vw,3rem);margin:14px 0 16px;}
  .page-hero p{color:var(--text-muted);max-width:600px;font-size:1.05rem;}
  .breadcrumb{font-family:'IBM Plex Mono',monospace;font-size:0.78rem;color:var(--text-muted);margin-bottom:18px;}
  .breadcrumb a{color:var(--accent);}
  .breadcrumb a:hover{text-decoration:underline;}

  /* TEAM */
  .team-card{display:flex;gap:28px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:36px;margin-bottom:40px;flex-wrap:wrap;}
  .avatar{width:88px;height:88px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.6rem;flex-shrink:0;}
  .team-card h3{font-size:1.25rem;margin-bottom:4px;}
  .team-role{font-family:'IBM Plex Mono',monospace;font-size:0.78rem;color:var(--accent);margin-bottom:12px;display:block;}
  .team-card > div{flex:1;min-width:240px;}
  .team-card p{color:var(--text-muted);font-size:0.96rem;}
  .placeholder-flag{display:inline-block;margin-top:12px;font-family:'IBM Plex Mono',monospace;font-size:0.7rem;color:var(--base-g);border:1px dashed var(--border);padding:4px 10px;border-radius:4px;}

  .timeline{border-left:2px solid var(--border);margin-left:8px;padding-left:32px;}
  .tl-row{position:relative;padding-bottom:34px;}
  .tl-row:last-child{padding-bottom:0;}
  .tl-row::before{content:"";position:absolute;left:-38px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);}
  .tl-year{font-family:'IBM Plex Mono',monospace;font-size:0.78rem;color:var(--accent);}
  .tl-row h4{font-size:1.02rem;margin:4px 0 4px;font-weight:600;}
  .tl-row p{color:var(--text-muted);font-size:0.92rem;}

  .join-note{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:30px 32px;margin-top:8px;}
  .join-note h3{font-size:1.08rem;margin-bottom:8px;}
  .join-note p{color:var(--text-muted);font-size:0.95rem;}

  /* LEGAL PAGES */
  .notice-banner{background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:16px 20px;margin-bottom:44px;font-size:0.88rem;color:var(--text);}
  .notice-banner strong{color:var(--accent);}
  .legal-content{max-width:760px;}
  .legal-content h2{font-size:1.3rem;margin:38px 0 12px;font-weight:600;}
  .legal-content h2:first-child{margin-top:0;}
  .legal-content p{color:var(--text-muted);font-size:0.96rem;margin-bottom:12px;}
  .legal-content ul{color:var(--text-muted);font-size:0.96rem;margin:0 0 12px 22px;}
  .legal-content li{margin-bottom:6px;}
  .legal-updated{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;color:var(--text-muted);margin-bottom:8px;}