-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprivacy.html
More file actions
255 lines (228 loc) · 14 KB
/
Copy pathprivacy.html
File metadata and controls
255 lines (228 loc) · 14 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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Privacy Policy — ClearQuit</title>
<meta name="description" content="ClearQuit privacy policy. How we collect, use, and protect your information." />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://clearquit.app/privacy" />
<meta name="theme-color" content="#FAF6EE" />
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23141414' d='M12 0L13.5 9L24 12L13.5 15L12 24L10.5 15L0 12L10.5 9L12 0Z'/%3E%3C/svg%3E" />
<meta property="og:title" content="Privacy Policy — ClearQuit" />
<meta property="og:description" content="ClearQuit privacy policy. How we collect, use, and protect your information." />
<meta property="og:url" content="https://clearquit.app/privacy.html" />
<meta property="og:type" content="website" />
<link rel="apple-touch-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Crect width='180' height='180' fill='%23FAF6EE'/%3E%3Cpath fill='%23141414' d='M90 30L100 80L150 90L100 100L90 150L80 100L30 90L80 80L90 30Z'/%3E%3C/svg%3E" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Privacy Policy — ClearQuit",
"url": "https://clearquit.app/privacy.html",
"isPartOf": { "@type": "WebSite", "name": "ClearQuit", "url": "https://clearquit.app/" }
}
</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=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root{
--bg:#FAF6EE;--bg-2:#F3EDE0;--card:#FFFFFF;--ink:#141414;--ink-2:#2A2A2A;
--muted:#6B6B6B;--muted-2:#9A9A9A;--line:#E5E0D3;--line-2:#D8D2BF;
--accent:#141414;--accent-2:#2A2A2A;--sage:#4A7C59;--coral:#E8633D;--red:#C84B3B;
--radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:var(--bg);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
.serif{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-0.02em}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:999px;font-weight:600;font-size:14px;padding:11px 22px;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.2s ease,background 0.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.banner{background:var(--ink);color:var(--bg);text-align:center;padding:10px 16px;font-size:13px;font-weight:500;letter-spacing:-0.1px}
.banner .dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%;margin-right:8px;vertical-align:middle;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.nav{position:sticky;top:0;z-index:50;background:rgba(250,246,238,0.85);border-bottom:1px solid transparent;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:18px;letter-spacing:-0.3px}
.brand .brand-text{font-family:'Fraunces',serif;font-weight:700;font-size:24px;letter-spacing:-0.02em;color:var(--ink);line-height:1}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{font-size:14px;font-weight:500;color:var(--ink);opacity:0.85;transition:opacity 0.15s}
.nav-links a:hover{opacity:1}
.page-hero{padding:80px 0 40px;text-align:center}
.page-hero h1{font-size:clamp(36px,5vw,56px);margin-bottom:14px;line-height:1.1}
.page-hero h1 em{font-style:italic;font-weight:500}
.page-hero .meta{font-size:13px;color:var(--muted);letter-spacing:0.3px}
.legal-body{max-width:720px;margin:0 auto;font-size:15px;line-height:1.75;color:var(--ink-2);padding-bottom:80px}
.legal-body h3{font-size:17px;font-weight:700;margin-top:36px;margin-bottom:12px;color:var(--ink);letter-spacing:-0.2px}
.legal-body p{margin-bottom:14px;color:var(--muted)}
.legal-body ul{margin:10px 0 20px 0;padding-left:22px}
.legal-body li{margin-bottom:8px;color:var(--muted)}
.legal-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.legal-body a:hover{text-decoration-color:var(--ink)}
.legal-back{display:inline-flex;align-items:center;gap:6px;margin-top:40px;padding:10px 18px;background:var(--card);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);transition:transform 0.15s ease,box-shadow 0.2s ease}
.legal-back:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.05)}
.footer{padding:60px 0 30px;border-top:1px solid var(--line);margin-top:auto;background:var(--bg)}
.footer-inner{display:grid;grid-template-columns:1.1fr 2fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.footer-brand-col .brand-text{font-family:'Fraunces',serif;font-weight:700;font-size:28px;letter-spacing:-0.02em;color:var(--ink);display:inline-block;margin-bottom:14px}
.footer-tagline{color:var(--muted);font-size:14px;line-height:1.6;max-width:340px;margin-top:4px}
.footer-email{display:inline-block;margin-top:14px;font-size:14px;color:var(--ink);font-weight:500;border-bottom:1px solid var(--line-2);padding-bottom:2px}
.footer-email:hover{border-bottom-color:var(--ink)}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.footer-col h4{font-size:13px;font-weight:700;margin-bottom:14px;letter-spacing:0.3px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:8px}
.footer-col a{color:var(--muted);font-size:14px}
.footer-col a:hover{color:var(--ink)}
.footer-bottom{padding-top:30px;text-align:center;overflow:hidden}
.footer-disclaimer{font-size:12px;color:var(--muted);line-height:1.6;max-width:780px;margin:0 auto;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.footer-disclaimer strong{color:var(--ink)}
.footer-disclaimer a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2)}
.footer-disclaimer a:hover{text-decoration-color:var(--ink)}
.footer-bottom .big{font-family:'Fraunces',serif;font-size:clamp(120px,22vw,280px);font-weight:500;line-height:0.9;color:var(--ink);letter-spacing:-0.04em;margin-top:30px;overflow:hidden;white-space:nowrap}
.footer-bottom .small-print{font-size:12px;color:var(--muted-2);margin-top:20px}
.footer-bottom .small-print a{color:var(--muted-2);text-decoration:underline;text-decoration-color:var(--line)}
.footer-bottom .small-print a:hover{color:var(--ink);text-decoration-color:var(--ink)}
@media (max-width:768px){
.nav-links{display:none}
.footer-inner{grid-template-columns:1fr;gap:36px}
.footer-cols{grid-template-columns:repeat(2,1fr);gap:28px 24px}
.footer-tagline{max-width:100%}
.footer-brand-col .brand-text{font-size:24px}
.footer-bottom .big{font-size:clamp(80px,24vw,200px)}
.footer{padding:48px 0 24px;margin-top:48px}
.footer-disclaimer{font-size:11px;padding:20px 0;line-height:1.55}
}
@media (max-width:480px){
.footer-cols{grid-template-columns:1fr;gap:24px}
.footer-inner{gap:28px;padding-bottom:36px}
.footer-bottom .big{font-size:clamp(72px,28vw,140px);margin-top:20px}
.footer{padding:40px 0 20px;margin-top:40px}
}
</style>
</head>
<body>
<div class="banner">
<span class="dot"></span>
Looking for beta testers — first 20 get lifetime access, everyone else gets beta access
</div>
<nav class="nav">
<div class="container nav-inner">
<a href="index.html" class="brand">
<span class="brand-text">ClearQuit</span>
</a>
<div class="nav-links">
<a href="index.html#problem">Home</a>
<a href="index.html#solution">How it works</a>
<a href="index.html#founder">Our story</a>
<a href="index.html#faq">FAQ</a>
</div>
<a href="index.html#cta" class="btn">Pre-register</a>
</div>
</nav>
<section class="page-hero">
<div class="container">
<h1 class="serif">Privacy <em>Policy</em></h1>
<p class="meta">Effective date: June 5, 2026</p>
</div>
</section>
<div class="container">
<div class="legal-body">
<p>ClearQuit ("we," "us," or "our") respects your privacy. This Privacy Policy explains how we collect, use, disclose, and protect information when you use our website and services.</p>
<h3>1. Information We Collect</h3>
<p>We may collect:</p>
<ul>
<li>Email address, if you join the waitlist or create an account</li>
<li>Name or nickname, if you provide it</li>
<li>Device and usage data, such as pages visited, clicks, and time spent</li>
<li>Messages you send us through support or feedback forms</li>
<li>Optional information you choose to share, such as quit date, cravings, triggers, or progress data</li>
</ul>
<h3>2. How We Use Information</h3>
<p>We use information to:</p>
<ul>
<li>Provide and improve the service</li>
<li>Send waitlist updates and product news</li>
<li>Respond to support requests</li>
<li>Analyze product usage</li>
<li>Prevent abuse, fraud, or misuse</li>
<li>Deliver marketing messages, only where permitted by law</li>
</ul>
<h3>3. Data Sharing</h3>
<p>We do not sell personal information. We may share information with service providers that help us run the website, such as hosting, analytics, email delivery, and customer support tools.</p>
<h3>4. Cookies and Analytics</h3>
<p>We may use cookies or similar technologies to understand how the website is used and to improve performance.</p>
<h3>5. Health-Related Information</h3>
<p>If you choose to share information related to cravings, vaping habits, triggers, or progress, we treat that information as sensitive and use it only to provide the service and improve the experience.</p>
<h3>6. Data Retention</h3>
<p>We keep information only as long as needed for the purposes described in this policy, unless a longer retention period is required by law.</p>
<h3>7. Security</h3>
<p>We use reasonable technical and organizational measures to protect your information. No system is completely secure.</p>
<h3>8. Your Choices</h3>
<p>Depending on where you live, you may have rights to access, correct, delete, or restrict certain personal information. You may also opt out of marketing emails at any time by using the unsubscribe link.</p>
<h3>9. Children's Privacy</h3>
<p>Our service is not intended for children under 18. We do not knowingly collect personal information from children.</p>
<h3>10. International Users</h3>
<p>If you access our service from outside our country of operation, your information may be transferred and processed in other countries.</p>
<h3>11. Changes to This Policy</h3>
<p>We may update this Privacy Policy from time to time. The updated version will be posted on this page with a new effective date.</p>
<h3>12. Contact Us</h3>
<p>If you have questions about this Privacy Policy, contact us at <a href="mailto:hello.clearquit@gmail.com">hello.clearquit@gmail.com</a>.</p>
<a href="index.html" class="legal-back">← Back to ClearQuit</a>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="footer-inner">
<div class="footer-brand-col">
<a href="index.html" class="brand">
<span class="brand-text">ClearQuit</span>
</a>
<p class="footer-tagline">Quit vaping one craving at a time. A recovery-focused quit-vaping app — built for the moment the craving actually hits.</p>
<a href="mailto:hello.clearquit@gmail.com" class="footer-email">hello.clearquit@gmail.com</a>
</div>
<div class="footer-cols">
<div class="footer-col">
<h4>Product</h4>
<ul>
<li><a href="index.html#solution">How it works</a></li>
<li><a href="index.html#founder">Our story</a></li>
<li><a href="index.html#faq">FAQ</a></li>
<li><a href="index.html#cta">Join beta</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Legal</h4>
<ul>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Use</a></li>
<li><a href="disclaimer.html">Medical Disclaimer</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Resources</h4>
<ul>
<li><a href="https://www.cdc.gov/tobacco/quit_smoking/index.htm" target="_blank" rel="noopener">CDC: Quit smoking</a></li>
<li><a href="https://smokefree.gov/" target="_blank" rel="noopener">Smokefree.gov</a></li>
<li><a href="tel:18007882993">1-800-QUIT-NOW</a></li>
<li><a href="https://www.naquitline.org/" target="_blank" rel="noopener">NA Quitline</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-disclaimer">
<strong>Medical disclaimer:</strong> ClearQuit is not a medical provider. It does not replace professional medical advice, diagnosis, or treatment. Always seek the advice of a qualified healthcare provider with any questions you may have regarding a medical condition. If you are in crisis, call <a href="tel:988">988</a> (Suicide & Crisis Lifeline).
</div>
<div class="big">ClearQuit</div>
<div class="small-print">© 2026 ClearQuit. Made for people who are trying. <a href="privacy.html">Privacy</a> · <a href="terms.html">Terms</a> · <a href="disclaimer.html">Disclaimer</a></div>
</div>
</div>
</footer>
</body>
</html>