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

# Documentation

> Ozura helps you securely collect, process, and orchestrate payments—without compromising compliance.

<div style={{ position: 'relative', overflow: 'hidden', borderRadius: '28px', marginBottom: '32px', minHeight: '200px' }}>
  <img src="https://mintcdn.com/ozura/nD9UsBLfn8k8H43p/images/header10.png?fit=max&auto=format&n=nD9UsBLfn8k8H43p&q=85&s=7100944327deb0c174262bea71d2ef1e" alt="" style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block', position: 'absolute', top: 0, left: 0 }} width="3884" height="1024" data-path="images/header10.png" />

  <div style={{ position: 'relative', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '40px 20px', minHeight: '200px' }}>
    <h1 style={{ fontSize: '2.5rem', fontWeight: 500, color: '#fafafa', textAlign: 'center', margin: '0 0 12px', letterSpacing: '-0.02em' }}>
      Ozura Docs
    </h1>

    <p style={{ fontSize: '1.125rem', color: '#a1a1aa', textAlign: 'center', maxWidth: '560px', margin: 0, lineHeight: 1.6 }}>
      Ozura helps you securely collect, process, and orchestrate payments—without compromising compliance.
    </p>
  </div>
</div>

<div style={{ maxWidth: '720px', margin: '0 auto', padding: '0 16px' }}>
  <a href="https://status.ozura.com" target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none', color: 'inherit' }}>
    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '12px', flexWrap: 'wrap', border: '1px solid rgba(52, 211, 153, 0.25)', backgroundColor: 'rgba(52, 211, 153, 0.06)', borderRadius: '16px', padding: '14px 18px', marginBottom: '32px' }}>
      <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
        <span style={{ width: '9px', height: '9px', borderRadius: '50%', backgroundColor: '#34d399', boxShadow: '0 0 8px rgba(52, 211, 153, 0.6)', flexShrink: 0 }} />

        <span style={{ fontSize: '0.9375rem', fontWeight: 600, color: '#fafafa' }}>System Status</span>
        <span style={{ fontSize: '0.875rem', color: '#a1a1aa' }}>Live availability of all Ozura services</span>
      </div>

      <span style={{ fontSize: '0.875rem', fontWeight: 500, color: '#34d399' }}>status.ozura.com ↗</span>
    </div>
  </a>

  <h2 style={{ fontSize: '1.25rem', fontWeight: 600, color: '#fafafa', marginBottom: '16px' }}>Get Started</h2>

  <div className="home-grid" style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '20px', marginBottom: '32px' }}>
    <a href="/guides/quickstart" style={{ textDecoration: 'none', color: 'inherit' }}>
      <div className="home-card" style={{ height: '190px', border: '1px solid transparent', position: 'relative', borderRadius: '28px', overflow: 'hidden', backgroundImage: 'url(https://mintcdn.com/ozura/TXfCJEkPLnwK34JS/images/quickstart1.png?fit=max&auto=format&n=TXfCJEkPLnwK34JS&q=85&s=b108d15716d21515948f924406de1d7c)', backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundPosition: 'center' }}>
        <div style={{ position: 'relative', zIndex: 1, padding: '16px', maxWidth: '75%' }}>
          <h3 style={{ margin: '0 0 4px', fontSize: '1rem', fontWeight: 600, color: '#fafafa' }}>Quickstart</h3>
          <span style={{ fontSize: '0.875rem', color: '#a1a1aa' }}>Quickly dive into docs</span>
        </div>
      </div>
    </a>

    <a href="/guides/sandbox" style={{ textDecoration: 'none', color: 'inherit' }}>
      <div className="home-card" style={{ height: '190px', border: '1px solid transparent', position: 'relative', borderRadius: '28px', overflow: 'hidden', backgroundImage: 'url(https://mintcdn.com/ozura/slzIM2jwHkT8DRG5/images/sandbox2.png?fit=max&auto=format&n=slzIM2jwHkT8DRG5&q=85&s=ffacd03ff95317b52b6263e292c79c8a)', backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundPosition: 'center' }}>
        <div style={{ position: 'relative', zIndex: 1, padding: '16px', maxWidth: '75%' }}>
          <h3 style={{ margin: '0 0 4px', fontSize: '1rem', fontWeight: 600, color: '#fafafa' }}>Sandbox</h3>
          <span style={{ fontSize: '0.875rem', color: '#a1a1aa' }}>Play around with our API</span>
        </div>
      </div>
    </a>
  </div>

  <h2 style={{ fontSize: '1.25rem', fontWeight: 600, color: '#fafafa', marginBottom: '16px' }}>Explore</h2>

  <div className="home-grid" style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '20px' }}>
    <a href="/guides/payments/overview" style={{ textDecoration: 'none', color: 'inherit' }}>
      <div className="home-card" style={{ height: '190px', border: '1px solid transparent', position: 'relative', borderRadius: '28px', overflow: 'hidden', backgroundImage: 'url(https://mintcdn.com/ozura/TXfCJEkPLnwK34JS/images/checkout1.png?fit=max&auto=format&n=TXfCJEkPLnwK34JS&q=85&s=e3b82d475183eb2270a28ee9de3dc37e)', backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundPosition: 'center' }}>
        <div style={{ position: 'relative', zIndex: 1, padding: '16px', maxWidth: '75%' }}>
          <h3 style={{ margin: '0 0 4px', fontSize: '1rem', fontWeight: 600, color: '#fafafa' }}>Online Payments</h3>
          <span style={{ fontSize: '0.875rem', color: '#a1a1aa' }}>Secure online payment integrations</span>
        </div>
      </div>
    </a>

    <a href="/guides/vault/overview" style={{ textDecoration: 'none', color: 'inherit' }}>
      <div className="home-card" style={{ height: '190px', border: '1px solid transparent', position: 'relative', borderRadius: '28px', overflow: 'hidden', backgroundImage: 'url(https://mintcdn.com/ozura/TXfCJEkPLnwK34JS/images/vault1.png?fit=max&auto=format&n=TXfCJEkPLnwK34JS&q=85&s=84f6f6c3d7cc493aed15f06cc371d091)', backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundPosition: 'center' }}>
        <div style={{ position: 'relative', zIndex: 1, padding: '16px', maxWidth: '75%' }}>
          <h3 style={{ margin: '0 0 4px', fontSize: '1rem', fontWeight: 600, color: '#fafafa' }}>PCI Vault</h3>
          <span style={{ fontSize: '0.875rem', color: '#a1a1aa' }}>Data tokenization</span>
        </div>
      </div>
    </a>
  </div>

  <div style={{ paddingBottom: '60px' }} />
</div>