-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpricing.html
More file actions
174 lines (169 loc) · 16.7 KB
/
Copy pathpricing.html
File metadata and controls
174 lines (169 loc) · 16.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<html lang="en" class="antialiased"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pricing — Etornie</title>
<meta name="description" content="Per-counsel pricing built for IP firms. Firm tier and Enterprise tier with on-chain attestations included.">
<link rel="icon" type="image/svg+xml" href="/logo.svg">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
<style>
body { font-family: 'Inter', sans-serif; background-color: #08090a; color: #ffffff; }
.font-geist { font-family: 'Geist', sans-serif !important; }
[style*="--border-gradient"]::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: var(--border-radius-before, inherit); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; background: var(--border-gradient); pointer-events: none; }
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap">
</head>
<body class="selection:bg-white/20 selection:text-white">
<!-- Navbar -->
<nav class="fixed z-50 flex w-full border-[#2e2e32] border-b pt-4 pr-6 pb-4 pl-6 top-0 items-center justify-between" style="background: rgba(15, 17, 21, 0.7); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px)">
<a href="/" class="flex items-center gap-2">
<img src="/logo.svg" alt="Etornie" width="22" height="22" class="rounded-[5px]">
<span class="font-normal text-base tracking-tight font-geist">Etornie</span>
</a>
<div class="hidden md:flex items-center gap-8 text-sm text-[#b0b3b8]">
<a href="/platform.html" class="hover:text-white transition-colors font-geist">Platform</a>
<a href="/solana.html" class="hover:text-white transition-colors font-geist">Solana</a>
<a href="/attorney.html" class="hover:text-white transition-colors font-geist">For Attorneys</a>
<a href="/pricing.html" class="text-white transition-colors font-geist">Pricing</a>
<a href="/platform.html#agents" class="hover:text-white transition-colors flex items-center gap-1 font-geist">AI Agents <span class="bg-[#2e2e32] text-xs px-1.5 rounded-sm text-white font-geist">New</span></a>
<a href="/docs.html" class="hover:text-white transition-colors font-geist">Docs</a>
</div>
<div class="flex items-center gap-6">
<a href="https://etornie.vercel.app/" class="bg-white text-black text-sm font-normal px-4 py-2 rounded-full hover:bg-gray-200 transition-colors font-geist">Launch App</a>
</div>
</nav>
<!-- Hero -->
<section class="flex flex-col max-w-[1200px] mx-auto pt-40 pb-12 px-6 items-center text-center">
<h1 class="text-5xl md:text-7xl tracking-tight leading-[1.05] max-w-3xl font-geist font-light">Simple, transparent pricing</h1>
<p class="text-lg md:text-xl text-[#b0b3b8] mt-6 max-w-2xl font-geist font-light">Per-counsel licensing with predictable AI usage and on-chain attestations included. 15 days free, then pick a tier.</p>
<div class="mt-8 flex items-center gap-4 text-sm text-[#7e828a]">
<span class="inline-flex items-center gap-2 font-geist"><iconify-icon icon="solar:bill-check-bold" width="16" class="text-white/40"></iconify-icon> Billed annually</span>
<span class="w-px h-4 bg-[#2e2e32]"></span>
<span class="inline-flex items-center gap-2 font-geist"><iconify-icon icon="solar:shield-check-bold" width="16" class="text-white/40"></iconify-icon> 15-day free trial</span>
<span class="w-px h-4 bg-[#2e2e32]"></span>
<span class="inline-flex items-center gap-2 font-geist"><iconify-icon icon="solar:global-linear" width="16" class="text-white/40"></iconify-icon> 195 jurisdictions</span>
</div>
</section>
<!-- Tiers -->
<section id="tiers" class="max-w-[1200px] mx-auto px-6 pb-24 grid md:grid-cols-2 gap-6">
<div class="flex flex-col overflow-hidden group transition-transform duration-300 hover:-translate-y-1 bg-gradient-to-br from-white/10 to-white/0 rounded-2xl ring-white/5 ring-1 px-10 py-10 relative shadow-2xl" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0)); --border-radius-before: 16px">
<div class="absolute top-0 right-0 w-[120%] h-[120%] bg-[radial-gradient(circle_at_top_right,rgba(59,130,246,0.1)_0%,transparent_50%)] opacity-40 transition-opacity duration-700 group-hover:opacity-100 pointer-events-none z-0"></div>
<div class="relative z-10 flex-1">
<div class="flex justify-between items-center mb-4">
<h3 class="text-xl text-white tracking-tight font-geist font-light">Firm</h3>
<span class="px-2.5 py-1 rounded-full bg-blue-500/10 border border-blue-500/20 text-[11px] font-bold uppercase tracking-wider text-blue-400 shadow-[0_0_10px_rgba(59,130,246,0.1)] font-geist">Most Popular</span>
</div>
<div class="flex items-baseline gap-1 mb-2"><span class="text-4xl text-white tracking-tight font-geist font-light">$499</span><span class="text-[#7e828a] text-sm font-geist">/mo per counsel</span></div>
<p class="text-sm text-[#b0b3b8] mb-8 font-geist">Essential automation for IP teams: deadline tracking, AI assistant, Solana sign-in.</p>
<a href="https://etornie.vercel.app/" class="block text-center w-full py-2.5 bg-white/5 hover:bg-white/10 border border-white/10 rounded-lg text-sm font-medium text-white transition-all shadow-sm mb-8 font-geist">Start 15-day trial</a>
<div class="h-px w-full bg-gradient-to-r from-[#2e2e32] via-[#2e2e32]/50 to-transparent mb-8"></div>
<ul class="space-y-4 text-sm text-[#b0b3b8] font-geist">
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-blue-500 mt-0.5" width="16"></iconify-icon><span><span class="text-white font-medium">Up to 250</span> active cases</span></li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-blue-500 mt-0.5" width="16"></iconify-icon>Unlimited deadline workflows (30 / 7 / 1 day)</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-blue-500 mt-0.5" width="16"></iconify-icon>EtornieGPT — RAG over your dossier</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-blue-500 mt-0.5" width="16"></iconify-icon>Phantom & Solflare wallet sign-in</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-blue-500 mt-0.5" width="16"></iconify-icon>Email + WhatsApp notifications</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-blue-500 mt-0.5" width="16"></iconify-icon>Madrid Protocol & WIPO routing</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-blue-500 mt-0.5" width="16"></iconify-icon>Standard API access & webhooks</li>
</ul>
</div>
</div>
<div class="flex flex-col overflow-hidden group transition-transform duration-300 hover:-translate-y-1 bg-gradient-to-br from-white/10 to-white/0 rounded-2xl ring-white/5 ring-1 px-10 py-10 relative shadow-2xl" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0)); --border-radius-before: 16px">
<div class="absolute top-0 right-0 w-[120%] h-[120%] bg-[radial-gradient(circle_at_top_right,rgba(168,85,247,0.1)_0%,transparent_50%)] opacity-40 transition-opacity duration-700 group-hover:opacity-100 pointer-events-none z-0"></div>
<div class="relative z-10 flex-1">
<div class="flex justify-between items-center mb-4"><h3 class="text-xl text-white tracking-tight font-geist font-light">Enterprise</h3></div>
<div class="flex items-baseline gap-1 mb-2"><span class="text-4xl text-white tracking-tight font-geist font-light">Custom</span></div>
<p class="text-sm text-[#b0b3b8] mb-8 font-geist">Advanced features, bespoke integrations, dedicated support for global IP firms.</p>
<a href="mailto:info@etornie.com" class="block text-center w-full py-2.5 bg-white hover:bg-[#e2e8f0] border border-transparent rounded-lg text-sm font-medium text-black transition-all shadow-[0_0_15px_rgba(255,255,255,0.1)] mb-8 font-geist">Contact sales</a>
<div class="h-px w-full bg-gradient-to-r from-[#2e2e32] via-[#2e2e32]/50 to-transparent mb-8"></div>
<ul class="space-y-4 text-sm text-[#b0b3b8] font-geist">
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-purple-500 mt-0.5" width="16"></iconify-icon>Everything in Firm, plus:</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-purple-500 mt-0.5" width="16"></iconify-icon><span class="text-white font-medium">Unlimited</span> active cases</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-purple-500 mt-0.5" width="16"></iconify-icon>Multi-jurisdiction & multi-tenant</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-purple-500 mt-0.5" width="16"></iconify-icon>Dedicated EtornieGPT instance + ZK file circuits</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-purple-500 mt-0.5" width="16"></iconify-icon>On-chain RWA tokenization</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-purple-500 mt-0.5" width="16"></iconify-icon>External representative performance tracking</li>
<li class="flex items-start gap-3"><iconify-icon icon="solar:check-circle-bold" class="text-purple-500 mt-0.5" width="16"></iconify-icon>SLA + dedicated success manager</li>
</ul>
</div>
</div>
</section>
<!-- FAQ -->
<section class="max-w-[900px] mx-auto px-6 pb-24">
<h2 class="text-3xl md:text-4xl tracking-tight text-white font-geist font-light mb-12 text-center">Pricing FAQ</h2>
<div class="space-y-4">
<details class="group rounded-xl border border-[#2e2e32] bg-white/[0.02] hover:bg-white/[0.04] transition-colors p-5">
<summary class="flex justify-between items-center cursor-pointer list-none">
<span class="text-white font-medium font-geist">Is there a free trial?</span>
<iconify-icon icon="solar:alt-arrow-down-linear" width="18" class="text-[#7e828a] group-open:rotate-180 transition-transform"></iconify-icon>
</summary>
<p class="text-sm text-[#b0b3b8] mt-3 font-geist">Yes — 15 days free of charge with full Firm-tier features. No card required to start.</p>
</details>
<details class="group rounded-xl border border-[#2e2e32] bg-white/[0.02] hover:bg-white/[0.04] transition-colors p-5">
<summary class="flex justify-between items-center cursor-pointer list-none">
<span class="text-white font-medium font-geist">What does “per counsel” mean?</span>
<iconify-icon icon="solar:alt-arrow-down-linear" width="18" class="text-[#7e828a] group-open:rotate-180 transition-transform"></iconify-icon>
</summary>
<p class="text-sm text-[#b0b3b8] mt-3 font-geist">Each licensed seat is one practicing attorney. Paralegals, support staff, and admins are included for free.</p>
</details>
<details class="group rounded-xl border border-[#2e2e32] bg-white/[0.02] hover:bg-white/[0.04] transition-colors p-5">
<summary class="flex justify-between items-center cursor-pointer list-none">
<span class="text-white font-medium font-geist">Are EtornieGPT API calls metered?</span>
<iconify-icon icon="solar:alt-arrow-down-linear" width="18" class="text-[#7e828a] group-open:rotate-180 transition-transform"></iconify-icon>
</summary>
<p class="text-sm text-[#b0b3b8] mt-3 font-geist">No. Predictable pricing — AI usage is included up to fair-use limits on every plan.</p>
</details>
<details class="group rounded-xl border border-[#2e2e32] bg-white/[0.02] hover:bg-white/[0.04] transition-colors p-5">
<summary class="flex justify-between items-center cursor-pointer list-none">
<span class="text-white font-medium font-geist">Do I pay extra for on-chain attestations?</span>
<iconify-icon icon="solar:alt-arrow-down-linear" width="18" class="text-[#7e828a] group-open:rotate-180 transition-transform"></iconify-icon>
</summary>
<p class="text-sm text-[#b0b3b8] mt-3 font-geist">Solana network fees are passed through at cost (typically < $0.01 per attestation). No platform markup.</p>
</details>
</div>
</section>
<!-- Footer (shared) -->
<footer class="max-w-[1200px] mx-auto pt-20 pb-12 px-6 relative mt-24">
<div class="absolute top-0 left-0 right-0 h-px bg-[#2e2e32]"></div>
<div class="absolute top-0 left-1/4 right-1/4 h-px bg-gradient-to-r from-transparent via-white/10 to-transparent"></div>
<div class="grid grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-12 mb-16">
<div class="col-span-2 lg:col-span-1 flex flex-col justify-between items-start">
<div>
<div class="flex items-center gap-3 mb-5">
<img src="/logo.svg" alt="Etornie" width="32" height="32" class="rounded-lg shadow-[0_2px_4px_rgba(0,0,0,0.4)]">
<span class="text-white font-medium text-lg tracking-tight font-geist">Etornie</span>
</div>
<p class="text-sm text-[#7e828a] max-w-[260px] leading-relaxed font-geist">The intellectual property OS for the on-chain era. Built by Wiener Labs.</p>
</div>
</div>
<div class="flex flex-col gap-4">
<h4 class="text-white font-medium text-sm mb-1 font-geist">Platform</h4>
<a href="/platform.html" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">Overview</a>
<a href="/solana.html" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">Solana</a>
<a href="/attorney.html" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">For Attorneys</a>
<a href="/pricing.html" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">Pricing</a>
</div>
<div class="flex flex-col gap-4">
<h4 class="text-white font-medium text-sm mb-1 font-geist">Company</h4>
<a href="mailto:info@etornie.com" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">Contact</a>
<a href="https://www.linkedin.com/company/etornieag/" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">LinkedIn</a>
<a href="https://x.com/etornieagent" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">X (Twitter)</a>
<a href="https://github.com/wienerlabs/etornie-solana" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">GitHub</a>
<a href="https://x.com/er0lana" class="text-sm text-[#7e828a] hover:text-white transition-colors duration-200 font-geist">Developer</a>
</div>
</div>
<div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-4 pt-8 border-t border-[#2e2e32]/50">
<div class="flex flex-col gap-1">
<p class="text-xs text-[#7e828a] font-geist">© 2026 Etornie AG · Ruessenstrasse 5, 6340 Baar, Switzerland</p>
<p class="text-xs text-[#7e828a] font-geist">Built by <a href="https://wienerlabs.com" class="hover:text-white transition-colors">Wiener Labs</a> on Solana · <a href="mailto:info@etornie.com" class="hover:text-white transition-colors">info@etornie.com</a></p>
</div>
<div class="flex items-center gap-4 text-xs text-[#7e828a]">
<a href="/privacy.html" class="hover:text-white transition-colors font-geist">Privacy</a>
<a href="/terms.html" class="hover:text-white transition-colors font-geist">Terms</a>
<a href="/dpa.html" class="hover:text-white transition-colors font-geist">DPA</a>
</div>
</div>
</footer>
</body></html>