/* About page (about-3). Scoped under .exo-about — see HomePage.css. */
.exo-about {
      --bg: #ffffff;
      --surface: #f8fafc;
      --surface2: #f1f5f9;
      --border: #e2e8f0;
      --border2: #cbd5e1;
      --blue: #2563eb;
      --blue-dim: rgba(37,99,235,0.1);
      --cyan: #0e7490;
      --cyan-dim: rgba(14,116,144,0.08);
      --amber: #b45309;
      --amber-dim: rgba(180,83,9,0.08);
      --purple: #7c3aed;
      --purple-dim: rgba(124,58,237,0.08);
      --green: #16a34a;
      --green-dim: rgba(22,163,74,0.08);
      --red: #dc2626;
      /* Matches HomePage's --ink / --ink-2 so body copy reads the same weight
         across the two pages. The source file ran a whole tone lighter. */
      --text: #0f172a;
      --text-dim: #475569;
      --white: #1e293b;
      --white-bright: #0f172a;
    }
.exo-about * { margin:0; padding:0; box-sizing:border-box; }
.exo-about { scroll-behavior:smooth; }
.exo-about {
      background:var(--bg);
      color:var(--text);
      font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      overflow-x:hidden;
      line-height:1.6;
    }
/* Background */
.exo-about .bg-canvas { position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden; }
.exo-about .orb { position:absolute;border-radius:50%;filter:blur(120px);opacity:0.3;animation:drift 22s ease-in-out infinite alternate; }
.exo-about .orb-1 { width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,0.2),transparent 70%);top:-150px;right:-100px; }
.exo-about .orb-2 { width:400px;height:400px;background:radial-gradient(circle,rgba(34,211,238,0.15),transparent 70%);bottom:20%;left:-80px;animation-duration:28s;animation-delay:-10s; }
.exo-about .orb-3 { width:300px;height:300px;background:radial-gradient(circle,rgba(167,139,250,0.12),transparent 70%);top:40%;right:10%;animation-duration:19s;animation-delay:-6s; }
@keyframes drift {
      0%   { transform:translate(0,0)scale(1); }
      50%  { transform:translate(20px,25px)scale(1.04); }
      100% { transform:translate(-15px,40px)scale(0.96); }
    }
.exo-about .bg-grid {
      position:absolute;inset:0;
      background-image:linear-gradient(rgba(59,130,246,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,0.025) 1px,transparent 1px);
      background-size:60px 60px;
    }
.exo-about .bg-vignette { position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,255,255,0.75) 100%); }
.exo-about .page { position:relative;z-index:1; }
/* Nav */
.exo-about nav {
      position:fixed;top:0;left:0;right:0;z-index:200;
      height:64px;display:flex;align-items:center;justify-content:space-between;
      padding:0 48px;
      background:rgba(255,255,255,0.7);
      backdrop-filter:blur(20px);
      border-bottom:1px solid rgba(59,130,246,0.06);
    }
.exo-about .nav-logo { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:24px;font-weight:900;letter-spacing:-.04em;color:var(--white-bright);text-decoration:none; }
.exo-about .nav-logo span { color:var(--cyan); }
.exo-about .nav-links { display:flex;gap:36px;list-style:none; }
.exo-about .nav-links a { font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);text-decoration:none;transition:color 0.2s; }
.exo-about .nav-links a:hover, .exo-about .nav-links a.active { color:var(--white); }
.exo-about .nav-right { display:flex;align-items:center;gap:12px; }
.exo-about .nav-login-btn {
      font-size:11px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      padding:8px 18px;border-radius:6px;border:1px solid var(--border2);
      color:var(--text);background:transparent;cursor:pointer;transition:all 0.2s;
    }
.exo-about .nav-login-btn:hover { border-color:var(--cyan);color:var(--cyan); }
.exo-about .nav-cta {
      font-size:11px;font-weight:600;padding:8px 20px;border-radius:6px;
      background:var(--blue);color:white;text-decoration:none;transition:all 0.2s;
    }
.exo-about .nav-cta:hover { background:#2563eb;box-shadow:0 0 24px rgba(59,130,246,0.4); }
/* Sections */
.exo-about .section { padding:80px 48px; }
.exo-about .container { max-width:1120px;margin:0 auto; }
.exo-about .section-label { font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px; }
.exo-about .section-title {
      font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(26px,3.5vw,40px);font-weight:800;
      color:var(--white-bright);letter-spacing:-.035em;line-height:1.1;margin-bottom:16px;
    }
/* What you're actually buying */
.exo-about .buying-section { background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border); }
.exo-about .buying-headline {
      font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(23px,3.1vw,37px);font-weight:800;
      color:var(--white-bright);letter-spacing:-.04em;line-height:1.28;
      max-width:940px;margin-bottom:40px;
    }
.exo-about .buying-headline em { font-style:italic;color:var(--blue); }
.exo-about .buying-headline .risk { font-style:italic;color:var(--red); }
.exo-about .buying-tags { display:flex;flex-wrap:wrap;gap:9px;max-width:800px;margin-bottom:44px; }
.exo-about .buy-tag {
      font-size:11px;letter-spacing:0.4px;padding:8px 15px;border-radius:100px;
      border:1px solid var(--border2);color:var(--text-dim);background:var(--surface2);
      transition:border-color 0.2s,color 0.2s;
    }
.exo-about .buy-tag:hover { border-color:rgba(59,130,246,0.3);color:var(--text); }
.exo-about .buy-tag.key { border-color:rgba(59,130,246,0.35);color:var(--white);background:var(--blue-dim); }
.exo-about .buy-tag.danger { border-color:rgba(220,38,38,0.30);color:var(--red);background:rgba(220,38,38,0.06); }
.exo-about .buying-turn { border-left:2px solid var(--cyan);padding:2px 0 2px 26px;max-width:720px; }
.exo-about .buying-turn p { font-size:14px;color:var(--text);line-height:1.85; }
.exo-about .buying-turn strong { color:var(--white-bright);font-weight:600; }
/* Problem (moved from index-baseline) */
.exo-about .section-eyebrow { font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px; }
.exo-about .section-desc { font-size:13px;color:var(--text);max-width:540px;line-height:1.8;margin-bottom:56px; }
.exo-about .problem-section { background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border); }
.exo-about .problem-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center; }
.exo-about .prob-stats {
      display:flex;gap:0;border:1px solid var(--border2);border-radius:12px;overflow:hidden;
      background:var(--bg);margin-bottom:36px;
    }
.exo-about .prob-stat { flex:1;padding:20px 18px;text-align:center;border-right:1px solid var(--border2); }
.exo-about .prob-stat:last-child { border-right:none; }
.exo-about .stat-num { display:block;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:28px;font-weight:900;letter-spacing:-.035em;line-height:1;margin-bottom:6px; }
.exo-about .stat-num.red { color:var(--red); }
.exo-about .stat-num.blue { color:var(--blue); }
.exo-about .stat-num.amber { color:var(--amber); }
.exo-about .stat-lbl { font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim); }
.exo-about .problem-items { display:flex;flex-direction:column;gap:20px; }
.exo-about .prob-item { display:flex;gap:16px;align-items:flex-start; }
.exo-about .prob-icon {
      width:34px;height:34px;border-radius:8px;
      background:rgba(220,38,38,0.07);border:1px solid rgba(220,38,38,0.20);
      display:flex;align-items:center;justify-content:center;flex-shrink:0;
      font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;font-weight:600;color:var(--red);letter-spacing:.02em;
    }
.exo-about .prob-text strong { display:block;color:var(--white);font-size:12px;margin-bottom:4px; }
.exo-about .prob-text span { font-size:11px;color:var(--text-dim);line-height:1.65; }
.exo-about .funnel-card { background:var(--surface2);border:1px solid var(--border2);border-radius:16px;padding:32px; }
.exo-about .funnel-title { font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px; }
.exo-about .funnel-steps { display:flex;flex-direction:column;gap:8px; }
.exo-about .f-step { display:flex;align-items:center;gap:12px; }
.exo-about .f-bar { height:30px;border-radius:4px;display:flex;align-items:center;padding:0 12px;font-size:10px;font-weight:600; }
/* Opportunity / Market Size (moved from index-baseline) */
.exo-about .opportunity-section { border-bottom:1px solid var(--border); }
/* Team */
.exo-about .team-section { background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border); }
.exo-about .team-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.exo-about .team-card {
      border-radius:14px;border:1px solid var(--border2);
      background:var(--bg);padding:28px;text-align:center;
    }
.exo-about .team-avatar {
      width:72px;height:72px;border-radius:50%;
      margin:0 auto 16px;
      display:flex;align-items:center;justify-content:center;
      font-size:28px;border:2px solid var(--border2);
      background:var(--surface2);
    }
.exo-about .team-name { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;font-weight:750;letter-spacing:-.02em;color:var(--white);margin-bottom:4px; }
.exo-about .team-role { font-size:10px;color:var(--cyan);letter-spacing:1px;margin-bottom:12px;text-transform:uppercase; }
.exo-about .team-bio { font-size:11px;color:var(--text-dim);line-height:1.7; }
/* Mission statement full — first section on the page, clears the fixed nav */
.exo-about .mission-full {
      padding:180px 48px 100px;text-align:center;
      position:relative;overflow:hidden;
    }
.exo-about .mission-full::before {
      content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
      width:800px;height:500px;
      background:radial-gradient(ellipse,rgba(59,130,246,0.06) 0%,transparent 65%);
      pointer-events:none;
    }
.exo-about .mission-quote {
      font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      font-size:clamp(22px,3.5vw,40px);font-weight:800;letter-spacing:-.035em;
      color:var(--white);max-width:820px;margin:0 auto 28px;
      line-height:1.35;letter-spacing:-0.5px;
    }
.exo-about .mission-quote span { color:var(--cyan); }
.exo-about .mission-attr { font-size:11px;color:var(--text-dim);letter-spacing:1px; }
/* Contact */
.exo-about .contact-section { text-align:center; }
.exo-about .contact-block { max-width:640px; }
.exo-about .contact-lead { font-size:13px;color:var(--text);line-height:1.85;margin-bottom:36px; }
.exo-about .contact-actions { display:flex;gap:12px;justify-content:center;flex-wrap:wrap; }
.exo-about .contact-btn {
      font-size:12px;font-weight:600;padding:13px 26px;border-radius:8px;
      text-decoration:none;transition:all 0.2s;display:inline-block;
    }
.exo-about .contact-btn.primary { background:var(--blue);color:#fff;border:1px solid var(--blue); }
.exo-about .contact-btn.primary:hover { background:#2563eb;box-shadow:0 0 24px rgba(59,130,246,0.4); }
.exo-about .contact-btn.ghost { background:transparent;color:var(--cyan);border:1px solid var(--border2);font-weight:400; }
.exo-about .contact-btn.ghost:hover { border-color:var(--cyan); }
/* Forms (login modal) */
.exo-about .form-group { margin-bottom:16px; }
.exo-about .form-label { font-size:10px;color:var(--text-dim);margin-bottom:6px;display:block;letter-spacing:1px;text-transform:uppercase; }
.exo-about .form-input {
      width:100%;padding:11px 14px;border-radius:8px;
      border:1px solid var(--border2);background:var(--surface2);
      color:var(--white);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;
      outline:none;transition:border-color 0.2s;
    }
.exo-about .form-input:focus { border-color:var(--blue); }
.exo-about .form-input::placeholder { color:var(--text-dim); }
.exo-about textarea.form-input { resize:vertical;min-height:100px; }
/* Footer */
/* Login modal */
.exo-about .modal-overlay {
      position:fixed;inset:0;z-index:500;
      background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);
      display:flex;align-items:center;justify-content:center;
      opacity:0;pointer-events:none;transition:opacity 0.25s;
    }
.exo-about .modal-overlay.open { opacity:1;pointer-events:all; }
.exo-about .modal {
      background:var(--surface);border:1px solid var(--border2);border-radius:20px;
      width:100%;max-width:480px;padding:40px;position:relative;
      transform:translateY(20px);transition:transform 0.25s;
      box-shadow:0 40px 120px rgba(15,23,42,0.14);
    }
.exo-about .modal-overlay.open .modal { transform:translateY(0); }
.exo-about .modal-close {
      position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:6px;
      border:1px solid var(--border2);background:transparent;color:var(--text-dim);
      font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;
    }
.exo-about .modal-close:hover { border-color:var(--red);color:var(--red); }
.exo-about .modal-logo { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--white-bright);margin-bottom:6px; }
.exo-about .modal-logo span { color:var(--cyan); }
.exo-about .modal-tagline { font-size:10px;color:var(--text-dim);margin-bottom:28px; }
.exo-about .role-tabs { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px; }
.exo-about .role-tab {
      padding:14px;border-radius:10px;border:1px solid var(--border2);
      background:transparent;cursor:pointer;text-align:center;transition:all 0.2s;
      font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    }
.exo-about .role-tab-icon { font-size:20px;display:block;margin-bottom:6px; }
.exo-about .role-tab-label { font-size:11px;font-weight:600;color:var(--text-dim);display:block; }
.exo-about .role-tab-sub { font-size:9px;color:var(--text-dim);margin-top:2px;display:block; }
.exo-about .role-tab.active-broker { border-color:rgba(34,211,238,0.4);background:rgba(34,211,238,0.06); }
.exo-about .role-tab.active-broker .role-tab-label { color:var(--cyan); }
.exo-about .role-tab.active-buyer { border-color:rgba(59,130,246,0.4);background:rgba(59,130,246,0.06); }
.exo-about .role-tab.active-buyer .role-tab-label { color:var(--blue); }
.exo-about .modal-submit {
      width:100%;padding:13px;border-radius:8px;border:none;
      background:var(--blue);color:white;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s;margin-top:8px;
    }
.exo-about .modal-submit:hover { background:#2563eb;box-shadow:0 0 24px rgba(59,130,246,0.4); }
.exo-about .modal-submit.broker { background:linear-gradient(135deg,#0e6b7a,#0891b2); }
.exo-about .modal-submit.broker:hover { box-shadow:0 0 24px rgba(34,211,238,0.4); }
.exo-about .modal-footer-text { text-align:center;font-size:10px;color:var(--text-dim);margin-top:16px; }
.exo-about .modal-footer-text a { color:var(--cyan);text-decoration:none; }
@media(max-width:900px) {
.exo-about nav { padding:0 24px; }
.exo-about .nav-links { display:none; }
.exo-about .mission-full { padding:130px 24px 70px; }
.exo-about .problem-grid { grid-template-columns:1fr;gap:40px; }
.exo-about .team-grid { grid-template-columns:1fr 1fr; }
.exo-about .section { padding:60px 24px; }
}
@media(max-width:600px) {
.exo-about .team-grid { grid-template-columns:1fr; }
}