AkurAI-Platform / frontend/pricing.html

Latest change ba5c7d4334c7f54a8cf85337ffeb626de1ef0fe3 - OLI-101: pricing page (pilot/run/retainer, contact for quote), public README, pricing contract check by Chief of Staff

{% include "header" %}
    <main>
      <section class="shell section" style="max-width:920px">
        <span class="eyebrow">{{ t "pricing.eyebrow" }}</span>
        <h1 style="margin:0;font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.025em">{{ t "pricing.title" }}</h1>
        <p style="margin:14px 0 0;color:var(--muted);font-size:17px">{{ t "pricing.lede" }}</p>

        <div style="margin-top:40px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))">
          <article style="padding:24px;border:1px solid var(--border);border-radius:12px">
            <h2 style="margin:0;font-size:22px">{{ t "pricing.pilot.title" }}</h2>
            <p style="margin:12px 0 0;color:var(--muted);line-height:1.6">{{ t "pricing.pilot.body" }}</p>
          </article>
          <article style="padding:24px;border:1px solid var(--border);border-radius:12px">
            <h2 style="margin:0;font-size:22px">{{ t "pricing.run.title" }}</h2>
            <p style="margin:12px 0 0;color:var(--muted);line-height:1.6">{{ t "pricing.run.body" }}</p>
          </article>
          <article style="padding:24px;border:1px solid var(--border);border-radius:12px">
            <h2 style="margin:0;font-size:22px">{{ t "pricing.retainer.title" }}</h2>
            <p style="margin:12px 0 0;color:var(--muted);line-height:1.6">{{ t "pricing.retainer.body" }}</p>
          </article>
        </div>

        <div style="margin-top:40px;padding:24px;border:1px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent)">
          <h2 style="margin:0;font-size:22px">{{ t "pricing.quote.title" }}</h2>
          <p style="margin:12px 0 16px;color:var(--muted);line-height:1.6">{{ t "pricing.quote.body" }}</p>
          <button class="btn btn-primary" type="button" data-contact-trigger>{{ t "pricing.quote.cta" }}</button>
        </div>
        <p style="margin-top:24px;color:var(--muted);font-size:13px">{{ t "pricing.note" }}</p>
      </section>
    </main>
{% include "footer" %}