:root {
    --blue-50:#E6F1FB;--blue-100:#B5D4F4;--blue-400:#378ADD;--blue-600:#185FA5;--blue-800:#0C447C;--blue-900:#042C53;
    --teal-50:#E1F5EE;--teal-200:#5DCAA5;--teal-600:#0F6E56;--teal-800:#085041;
    --amber-50:#FAEEDA;--amber-100:#FAC775;--amber-400:#BA7517;--amber-600:#854F0B;--amber-800:#633806;
    --coral-50:#FAECE7;--coral-200:#F0997B;--coral-600:#993C1D;--coral-800:#712B13;
    --gray-50:#F1EFE8;--gray-100:#D3D1C7;--gray-400:#888780;--gray-600:#5F5E5A;--gray-800:#444441;
    --purple-50:#EEEDFE;--purple-200:#AFA9EC;--purple-600:#534AB7;--purple-800:#3C3489;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body { font-family: 'Segoe UI', system-ui, sans-serif; background:#f8f7f4; color:#2c2c2a; line-height:1.6; }

  /* NAV */
  nav { position:sticky; top:0; z-index:100; background:#fff; border-bottom:1px solid #e0ded8; display:flex; align-items:center; gap:0; padding:0 2rem; }
  .nav-logo { font-size:18px; font-weight:700; color:var(--blue-800); letter-spacing:-0.5px; padding:1rem 2rem 1rem 0; border-right:1px solid #e0ded8; margin-right:1rem; white-space:nowrap; }
  .nav-logo span { color:var(--coral-600); }
  .nav-tabs { display:flex; gap:0; overflow-x:auto; }
  .nav-tab { padding:1.1rem 1.25rem; font-size:13px; font-weight:500; color:var(--gray-600); cursor:pointer; border:none; background:none; white-space:nowrap; border-bottom:2px solid transparent; transition:all .2s; }
  .nav-tab:hover { color:var(--blue-800); }
  .nav-tab.active { color:var(--blue-800); border-bottom-color:var(--blue-400); }

  /* SECTIONS */
  section { display:none; max-width:960px; margin:0 auto; padding:3rem 2rem 4rem; }
  section.active { display:block; }

  /* HERO */
  .hero { text-align:center; padding:4rem 2rem 2rem; }
  .hero-badge { display:inline-block; background:var(--blue-50); color:var(--blue-800); font-size:12px; font-weight:600; padding:4px 14px; border-radius:20px; letter-spacing:0.5px; margin-bottom:1.5rem; }
  .hero h1 { font-size:42px; font-weight:700; color:var(--blue-900); line-height:1.15; margin-bottom:1rem; letter-spacing:-1px; }
  .hero h1 em { color:var(--coral-600); font-style:normal; }
  .hero p { font-size:17px; color:var(--gray-600); max-width:560px; margin:0 auto 2rem; }
  .hero-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; max-width:600px; margin:2rem auto 0; }
  .stat-card { background:#fff; border:1px solid #e0ded8; border-radius:12px; padding:1.25rem; text-align:center; }
  .stat-num { font-size:28px; font-weight:700; color:var(--blue-800); }
  .stat-label { font-size:12px; color:var(--gray-600); margin-top:4px; }
  .problem-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:2rem; }
  .problem-card { background:#fff; border:1px solid #e0ded8; border-radius:12px; padding:1.5rem; }
  .problem-card h3 { font-size:14px; font-weight:600; margin-bottom:1rem; display:flex; align-items:center; gap:8px; }
  .tag { display:inline-block; font-size:11px; font-weight:600; padding:3px 10px; border-radius:20px; }
  .tag-red { background:#fee2e2; color:#991b1b; }
  .tag-green { background:#d1fae5; color:#065f46; }
  .pain-list { list-style:none; display:flex; flex-direction:column; gap:8px; }
  .pain-list li { font-size:13px; color:var(--gray-600); padding:6px 10px; background:var(--gray-50); border-radius:6px; display:flex; align-items:center; gap:8px; }
  .pain-list li::before { content:'•'; color:var(--coral-600); font-size:16px; flex-shrink:0; }

  /* ROADMAP */
  h2.section-title { font-size:26px; font-weight:700; color:var(--blue-900); margin-bottom:0.5rem; }
  p.section-sub { font-size:15px; color:var(--gray-600); margin-bottom:2.5rem; }
  .timeline { position:relative; display:flex; flex-direction:column; gap:0; }
  .timeline::before { content:''; position:absolute; left:36px; top:0; bottom:0; width:2px; background:linear-gradient(to bottom, var(--blue-100), var(--teal-200), var(--amber-100)); }
  .phase { display:flex; gap:1.5rem; position:relative; margin-bottom:2rem; }
  .phase-dot { width:72px; flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:8px; position:relative; z-index:1; }
  .dot { width:28px; height:28px; border-radius:50%; border:3px solid #fff; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; }
  .dot-blue { background:var(--blue-400); color:#fff; }
  .dot-teal { background:var(--teal-200); color:var(--teal-800); }
  .dot-amber { background:var(--amber-100); color:var(--amber-800); }
  .dot-coral { background:var(--coral-200); color:var(--coral-800); }
  .dot-purple { background:var(--purple-200); color:var(--purple-800); }
  .dot-gray { background:var(--gray-100); color:var(--gray-800); }
  .phase-label { font-size:10px; font-weight:600; color:var(--gray-400); text-align:center; line-height:1.2; }
  .phase-body { flex:1; background:#fff; border:1px solid #e0ded8; border-radius:12px; padding:1.5rem; }
  .phase-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:1rem; flex-wrap:wrap; gap:8px; }
  .phase-title { font-size:16px; font-weight:700; color:var(--blue-900); }
  .phase-period { font-size:12px; color:var(--gray-400); background:var(--gray-50); padding:3px 10px; border-radius:20px; }
  .phase-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:1rem; }
  .action-item { font-size:13px; color:#444; background:var(--blue-50); border-radius:6px; padding:7px 10px; display:flex; align-items:center; gap:6px; }
  .action-item::before { content:'→'; color:var(--blue-600); font-size:11px; flex-shrink:0; }
  .phase-kpi { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
  .kpi-tag { font-size:11px; font-weight:600; padding:3px 10px; border-radius:20px; }
  .kpi-blue { background:var(--blue-50); color:var(--blue-800); }
  .kpi-teal { background:var(--teal-50); color:var(--teal-600); }
  .kpi-amber { background:var(--amber-50); color:var(--amber-600); }

  /* BUDGET */
  .budget-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:2.5rem; }
  .budget-phase { background:#fff; border:1px solid #e0ded8; border-radius:12px; overflow:hidden; }
  .budget-head { padding:1rem 1.25rem; border-bottom:1px solid #e0ded8; }
  .budget-head-label { font-size:11px; font-weight:600; color:var(--gray-400); text-transform:uppercase; letter-spacing:0.5px; }
  .budget-head-name { font-size:15px; font-weight:700; color:var(--blue-900); margin-top:4px; }
  .budget-head-total { font-size:22px; font-weight:700; margin-top:6px; }
  .budget-items { padding:1rem 1.25rem; display:flex; flex-direction:column; gap:10px; }
  .budget-row { display:flex; justify-content:space-between; align-items:center; font-size:13px; }
  .budget-row-label { color:var(--gray-600); display:flex; align-items:center; gap:6px; }
  .budget-bar-wrap { display:flex; align-items:center; gap:8px; }
  .budget-bar { height:6px; border-radius:3px; }
  .budget-amount { font-weight:600; font-size:13px; color:var(--blue-800); white-space:nowrap; }
  .breakdown-section { background:#fff; border:1px solid #e0ded8; border-radius:12px; padding:1.5rem; margin-bottom:1.5rem; }
  .breakdown-section h3 { font-size:14px; font-weight:700; margin-bottom:1rem; color:var(--blue-900); }
  .breakdown-table { width:100%; border-collapse:collapse; font-size:13px; }
  .breakdown-table th { text-align:left; padding:8px 0; color:var(--gray-400); font-weight:500; border-bottom:1px solid #e0ded8; }
  .breakdown-table td { padding:10px 0; border-bottom:1px solid #f0ede8; color:#444; vertical-align:top; }
  .breakdown-table tr:last-child td { border-bottom:none; }
  .breakdown-table td:last-child { text-align:right; font-weight:600; color:var(--blue-800); }
  .note-box { background:var(--amber-50); border-left:3px solid var(--amber-400); border-radius:0 8px 8px 0; padding:1rem 1.25rem; font-size:13px; color:var(--amber-800); margin-top:1.5rem; }

  /* FUNDRAISING */
  .round-cards { display:flex; flex-direction:column; gap:1.5rem; }
  .round-card { background:#fff; border:1px solid #e0ded8; border-radius:16px; overflow:hidden; }
  .round-card.featured { border-color:var(--blue-400); border-width:2px; }
  .round-top { display:flex; align-items:center; justify-content:space-between; padding:1.5rem; border-bottom:1px solid #e0ded8; flex-wrap:wrap; gap:1rem; }
  .round-badge { font-size:12px; font-weight:700; padding:4px 12px; border-radius:20px; }
  .round-badge-blue { background:var(--blue-50); color:var(--blue-800); }
  .round-badge-teal { background:var(--teal-50); color:var(--teal-600); }
  .round-badge-amber { background:var(--amber-50); color:var(--amber-600); }
  .round-name { font-size:20px; font-weight:700; color:var(--blue-900); margin-top:6px; }
  .round-amount { font-size:28px; font-weight:700; color:var(--blue-800); text-align:right; }
  .round-amount span { font-size:13px; color:var(--gray-400); font-weight:400; display:block; text-align:right; }
  .round-body { display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; }
  .round-col { padding:1.25rem 1.5rem; border-right:1px solid #e0ded8; }
  .round-col:last-child { border-right:none; }
  .round-col h4 { font-size:11px; font-weight:600; color:var(--gray-400); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:10px; }
  .round-col ul { list-style:none; display:flex; flex-direction:column; gap:6px; }
  .round-col ul li { font-size:13px; color:#444; display:flex; align-items:flex-start; gap:6px; }
  .round-col ul li::before { content:'✓'; color:var(--teal-600); font-size:12px; flex-shrink:0; margin-top:2px; }
  .use-bar { display:flex; height:10px; border-radius:5px; overflow:hidden; margin:1rem 0 0.5rem; }
  .use-bar-seg { height:100%; }
  .use-legend { display:flex; flex-wrap:wrap; gap:10px; }
  .use-dot { display:flex; align-items:center; gap:5px; font-size:12px; color:var(--gray-600); }
  .dot-sm { width:10px; height:10px; border-radius:2px; flex-shrink:0; }
  .investor-types { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:2rem; }
  .investor-card { background:#fff; border:1px solid #e0ded8; border-radius:12px; padding:1.25rem; }
  .investor-card h4 { font-size:14px; font-weight:700; color:var(--blue-900); margin-bottom:6px; }
  .investor-card p { font-size:13px; color:var(--gray-600); line-height:1.5; }

  /* METRICS */
  .metrics-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
  .metric-card { background:#fff; border:1px solid #e0ded8; border-radius:12px; padding:1.5rem; }
  .metric-card h3 { font-size:13px; font-weight:600; color:var(--gray-400); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:1rem; }
  .kpi-table { width:100%; border-collapse:collapse; font-size:13px; }
  .kpi-table tr td { padding:9px 0; border-bottom:1px solid #f0ede8; }
  .kpi-table tr:last-child td { border-bottom:none; }
  .kpi-table td:first-child { color:var(--gray-600); }
  .kpi-table td:last-child { text-align:right; font-weight:600; color:var(--blue-800); }
  .proj-table { width:100%; border-collapse:collapse; font-size:13px; }
  .proj-table th { padding:8px 12px; background:var(--gray-50); color:var(--gray-600); font-weight:500; font-size:12px; }
  .proj-table th:first-child { border-radius:8px 0 0 8px; }
  .proj-table th:last-child { border-radius:0 8px 8px 0; }
  .proj-table td { padding:10px 12px; border-bottom:1px solid #f0ede8; }
  .proj-table tr:last-child td { border-bottom:none; }
  .proj-table td:not(:first-child) { text-align:right; font-weight:600; color:var(--blue-800); }
  .moat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2rem; }
  .moat-card { background:#fff; border:1px solid #e0ded8; border-radius:12px; padding:1.25rem; }
  .moat-icon { font-size:22px; margin-bottom:10px; }
  .moat-card h4 { font-size:14px; font-weight:700; color:var(--blue-900); margin-bottom:6px; }
  .moat-card p { font-size:13px; color:var(--gray-600); line-height:1.5; }

  /* RESPONSIVE */
  @media (max-width:640px) {
    .problem-grid, .budget-grid, .round-body, .metrics-grid, .investor-types, .moat-grid { grid-template-columns:1fr; }
    .hero h1 { font-size:28px; }
    .phase-actions { grid-template-columns:1fr; }
    nav { padding:0 1rem; }
    section { padding:2rem 1rem 3rem; }
    .hero-stats { grid-template-columns:1fr 1fr; }
  }