> ## Documentation Index
> Fetch the complete documentation index at: https://ormilabs.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Billing & pricing

<script
  dangerouslySetInnerHTML={{
__html: `
(function() {
function hideSidebarSections() {
  const headers = document.querySelectorAll('.sidebar-group-header');
  
  headers.forEach(header => {
    const title = header.querySelector('#sidebar-title');
    if (title && (title.textContent.includes('Pricing') || title.textContent.includes('Budget notification'))) {
      header.style.display = 'none';
      
      let next = header.nextElementSibling;
      while (next && !next.classList.contains('sidebar-group-header')) {
        next.style.display = 'none';
        next = next.nextElementSibling;
      }
    }
  });
}

hideSidebarSections();
setTimeout(hideSidebarSections, 100);
setTimeout(hideSidebarSections, 500);

const observer = new MutationObserver(hideSidebarSections);
observer.observe(document.body, { childList: true, subtree: true });
})();
`,
}}
/>

<div
  className="grid grid-cols-1 md:grid-cols-2 gap-6 not-prose"
  style={{
marginBottom: "4rem",
maxWidth: "1200px",
margin: "0 auto 4rem auto",
alignItems: "stretch",
}}
>
  <a
    href="/docs/billing-and-pricing/pricing"
    style={{
  textDecoration: "none",
  color: "inherit",
  display: "flex",
}}
  >
    <div
      className="group border border-gray-200 rounded-xl p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer"
      style={{
    minHeight: "200px",
    display: "flex",
    flexDirection: "column",
    width: "100%",
  }}
    >
      <div className="flex items-center mb-4">
        <div className="mr-3" style={{ color: "#3E744D" }}>
          <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/circle-dollar-sign.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=b9d4c04fbeb0c41c43218bf5dfa591f3" alt="Budget icon" width="20" height="20" data-path="images/icons/circle-dollar-sign.svg" />
        </div>

        <div className="text-lg font-semibold text-gray-900" role="heading" aria-level="3">
          Pricing
        </div>
      </div>

      <p className="text-gray-600 text-sm flex-grow">
        Understand how you're billed, what counts toward your usage, and how costs are calculated across your subscription.
      </p>
    </div>
  </a>

  <a
    href="/docs/billing-and-pricing/setting-a-budget"
    style={{
  textDecoration: "none",
  color: "inherit",
  display: "flex",
}}
  >
    <div
      className="group border border-gray-200 rounded-xl p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer"
      style={{
    minHeight: "200px",
    display: "flex",
    flexDirection: "column",
    width: "100%",
  }}
    >
      <div className="flex items-center mb-4">
        <div className="mr-3" style={{ color: "#3E744D" }}>
          <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/bell-ring.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=51f5fd5462de593a3887212602f3da3f" alt="Budget icon" width="20" height="20" data-path="images/icons/bell-ring.svg" />
        </div>

        <div className="text-lg font-semibold text-gray-900" role="heading" aria-level="3">
          Budget notification
        </div>
      </div>

      <p className="text-gray-600 text-sm flex-grow">
        Set and manage your spending limit for each subscription period. Get notified before you exceed your budget
      </p>
    </div>
  </a>
</div>