{
  "app_name": "SIP Calculator",
  "pages": [
    {
      "page_id": "sip_calculator",
      "page_title": "SIP Calculator",
      "route_path": "/",
      "route_params": [],
      "image_indices": [],
      "description": "A one-page SIP (Systematic Investment Plan) calculator tool. The page is divided into sections: Header with title 'SIP Calculator'. Input Controls Section with three labeled inputs each having a synchronized slider and text field: 1) Monthly Investment (₹500 to ₹1,00,000, default ₹10,000, with ₹ symbol), 2) Expected Return Rate (1% to 30%, default 12%, with % symbol), 3) Time Period (1 to 40 years, default 10 years, with 'years' label). Each input has increment/decrement buttons for fine-tuning. A 'Reset' button restores all inputs to defaults. Results Display Section with three summary cards: Total Investment (monthly × months), Estimated Returns (maturity - invested), and Maturity Value (highlighted as primary metric). All amounts formatted with Indian numbering system (₹ symbol, commas). Visualization Section with an interactive area/line chart showing two data series in distinct colors: cumulative Total Invested Amount and Projected Portfolio Value over time. X-axis shows years, Y-axis shows amount in currency. Tooltips on hover display year, investment amount, projected value, and gains at that point. Chart animates smoothly on input changes. All computations use the SIP formula: M = P × ({[1 + i]^n – 1} / i) × (1 + i) with monthly compounding. Recalculation is debounced at 300ms. Responsive layout stacks vertically on mobile with touch-friendly controls (44×44px minimum). Accessible with ARIA labels, keyboard navigation, and WCAG AA contrast.",
      "navigates_to": []
    }
  ],
  "shared_state": [],
  "default_route": "sip_calculator",
  "design_system": {
    "theme_mode": "light",
    "density": "comfortable",
    "color_primary": "#1677ff",
    "color_success": "#52c41a",
    "color_warning": "#faad14",
    "color_error": "#ff4d4f",
    "color_bg_container": "#ffffff",
    "color_bg_layout": "#f5f5f5",
    "color_text": "#000000e0",
    "color_border": "#d9d9d9",
    "font_family": "Inter, -apple-system, sans-serif",
    "font_size_base": 14,
    "border_radius": 6,
    "component_overrides": {}
  }
}