// ApplyPage.jsx — Application page, form-first, Cal.com only shown post-qualification
const ApplyPage = () => {
  return (
    <div>
      <section style={{ paddingTop: 'clamp(48px, 8vw, 80px)', paddingBottom: 'clamp(48px, 8vw, 96px)' }}>
        <div className="container">
          <div style={{ textAlign: 'center', maxWidth: 560, margin: '0 auto 40px' }}>
            <div className="eyebrow" style={{ marginBottom: 16 }}>Application</div>
            <h2 style={{ marginBottom: 12 }}>Apply for the 503 Protocol.</h2>
            <p className="body-l" style={{ color: 'var(--fg-2)' }}>
              Answer a few questions so we can understand your situation. Takes about 2 minutes.
            </p>
          </div>
          <IntakeForm />
        </div>
      </section>
    </div>
  );
};
window.ApplyPage = ApplyPage;