1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=4ef755cc-f491-47e9-aa70-2db5b14bb1d0 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <link rel="icon" href="/icons/icon-192.png" type="image/png" /> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 10 <title>Pricing â Explainly</title> 11 <meta name="description" content="Explainly pricing plans. Start free with 10 explains per day. Upgrade to Pro or Premium for higher limits and cloud features." /> 12 <style> 13 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 14 body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #111827; background: #f9fafb; line-height: 1.6; } 15 a { color: #5c6bc0; text-decoration: none; } 16 a:hover { text-decoration: underline; } 17 18 nav { background: #1e1e2e; display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; height: 62px; position: sticky; top: 0; z-index: 100; } 19 .logo { color: #fff; font-weight: 800; font-size: 1.25rem; text-decoration: none; } 20 .logo span { color: #818cf8; } 21 .nav-links { display: flex; gap: 1.5rem; list-style: none; align-items: center; } 22 .nav-links a { color: #9ca3af; font-size: .9rem; text-decoration: none; transition: color .15s; } 23 .nav-links a:hover { color: #fff; } 24 .nav-cta { background: #5c6bc0; color: #fff !important; padding: .45rem 1.1rem; border-radius: 6px; font-weight: 600; } 25 .nav-cta:hover { background: #4f5eaf; } 26 @media (max-width: 600px) { .hide-mobile { display: none; } } 27 28 .page-hero { background: linear-gradient(135deg, #1e1e2e, #252545); color: #fff; padding: 4rem 2rem 3.5rem; text-align: center; } 29 .page-hero h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 900; margin-bottom: .75rem; } 30 .page-hero p { color: #c4c9e2; font-size: 1.05rem; max-width: 480px; margin: 0 auto; } 31 32 main { max-width: 1140px; margin: 0 auto; padding: 4rem 1.5rem; } 33 34 /* Currency note */ 35 .currency-note { background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 8px; padding: 1rem 1.25rem; font-size: .85rem; color: #4338ca; margin-bottom: 2.5rem; line-height: 1.5; } 36 37 /* Plan cards */ 38 .plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin-bottom: 4rem; } 39 .plan { background: #fff; border: 1.5px solid #e5e7eb; border-radius: 14px; padding: 2rem; display: flex; flex-direction: column; position: relative; } 40 .plan.featured { border-color: #5c6bc0; box-shadow: 0 0 0 3px rgba(92,107,192,.12); } 41 .plan-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: #5c6bc0; color: #fff; font-size: .72rem; font-weight: 700; padding: .25rem .9rem; border-radius: 999px; white-space: nowrap; letter-spacing: .3px; } 42 .plan-name { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #6b7280; margin-bottom: .5rem; } 43 .plan-price { font-size: 2.4rem; font-weight: 900; color: #111827; line-height: 1; margin-bottom: .2rem; } 44 .plan-price sup { font-size: 1rem; vertical-align: super; font-weight: 700; } 45 .plan-price sub { font-size: .95rem; color: #6b7280; font-weight: 500; } 46 .plan-usd { font-size: .8rem; color: #9ca3af; margin-bottom: .25rem; } 47 .plan-note { font-size: .8rem; color: #6b7280; margin-bottom: 1.5rem; min-height: 1rem; } 48 .plan-features { list-style: none; flex: 1; margin-bottom: 1.5rem; } 49 .plan-features li { display: flex; align-items: flex-start; gap: .5rem; font-size: .875rem; color: #374151; margin-bottom: .6rem; } 50 .plan-features li::before { content: "â"; color: #5c6bc0; font-weight: 700; flex-shrink: 0; margin-top: .05rem; } 51 .plan-features li.dim { color: #9ca3af; } 52 .plan-features li.dim::before { content: "â"; color: #d1d5db; } 53 .plan-features li.highlight { font-weight: 600; color: #111827; } 54 .btn { display: block; text-align: center; padding: .7rem 1.2rem; border-radius: 8px; font-weight: 600; font-size: .9rem; text-decoration: none; transition: all .2s; } 55 .btn-primary { background: #5c6bc0; color: #fff; } 56 .btn-primary:hover { background: #4f5eaf; text-decoration: none; color: #fff; } 57 .btn-outline { border: 1.5px solid #5c6bc0; color: #5c6bc0; } 58 .btn-outline:hover { background: #5c6bc0; color: #fff; text-decoration: none; } 59 60 /* Compare table */ 61 .compare-section { margin-bottom: 4rem; } 62 .compare-section h2 { font-size: 1.6rem; font-weight: 800; margin-bottom: .4rem; } 63 .compare-section > p { color: #6b7280; margin-bottom: 2rem; } 64 .table-wrap { overflow-x: auto; } 65 table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.07); min-width: 560px; } 66 th { background: #f3f4f6; font-size: .78rem; text-transform: uppercase; letter-spacing: .5px; color: #6b7280; padding: .9rem 1rem; text-align: center; } 67 th:first-child { text-align: left; } 68 th.highlight-col { background: #eef2ff; color: #4338ca; } 69 td { padding: .8rem 1rem; font-size: .875rem; color: #374151; border-top: 1px solid #f3f4f6; text-align: center; } 70 td:first-child { text-align: left; font-weight: 500; color: #111827; } 71 td.highlight-col { background: #f9faff; } 72 .yes { color: #5c6bc0; font-weight: 700; } 73 .no { color: #d1d5db; } 74 .tag { display: inline-block; background: #eef2ff; color: #4338ca; font-size: .72rem; font-weight: 600; padding: .1rem .5rem; border-radius: 4px; margin-left: .3rem; vertical-align: middle; } 75 tr:hover td { background: #fafafa; } 76 tr:hover td.highlight-col { background: #f4f6ff; } 77 78 /* Payment note */ 79 .payment-note { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 1.5rem; margin-bottom: 4rem; } 80 .payment-note h3 { font-size: 1rem; font-weight: 700; margin-bottom: .75rem; } 81 .payment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; } 82 .payment-item { display: flex; gap: .75rem; align-items: flex-start; } 83 .payment-icon { font-size: 1.4rem; flex-shrink: 0; } 84 .payment-item h4 { font-size: .875rem; font-weight: 600; margin-bottom: .15rem; } 85 .payment-item p { font-size: .8rem; color: #6b7280; margin: 0; } 86 87 /* FAQ */ 88 .faq { margin-bottom: 2rem; } 89 .faq h2 { font-size: 1.6rem; font-weight: 800; margin-bottom: 2rem; } 90 .faq-item { border-bottom: 1px solid #e5e7eb; padding: 1.25rem 0; } 91 .faq-item h3 { font-size: .95rem; font-weight: 600; margin-bottom: .35rem; } 92 .faq-item p { font-size: .875rem; color: #6b7280; margin: 0; } 93 94 footer { background: #1e1e2e; color: #6b7280; padding: 2.5rem 2rem; text-align: center; } 95 .footer-links { display: flex; gap: 1.5rem; justify-content: center; margin-bottom: .75rem; flex-wrap: wrap; } 96 .footer-links a { color: #9ca3af; font-size: .85rem; text-decoration: none; } 97 .footer-links a:hover { color: #fff; } 98 .copyright { font-size: .78rem; color: #4b5563; } 99 </style> 100</head> 101<body> 102 103<nav> 104 <a class="logo" href="/"><span>Explain</span>ly</a> 105 <ul class="nav-links"> 106 <li class="hide-mobile"><a href="/">Home</a></li> 107 <li class="hide-mobile"><a href='/privacy'>Privacy</a></li> 108 <li><a class="nav-cta" href="https://chromewebstore.google.com/search/explainly" target="_blank" rel="noopener">Add to Chrome</a></li> 109 </ul> 110</nav> 111 112<div class="page-hero"> 113 <h1>Simple, transparent pricing</h1> 114 <p>Start free. Upgrade for higher limits, cloud saves, and premium AI features.</p> 115</div> 116 117<main> 118 119 <div class="currency-note"> 120 ð¡ Prices shown in <strong>Indian Rupees (â¹)</strong> and <strong>US Dollars ($)</strong>. Payments are processed securely by <strong>
120Paddle</strong> (international) and <strong>Razorpay</strong> (India) â auto-detected by your region. 121 </div> 122 123 <!-- Plan cards --> 124 <div class="plans"> 125 126 <!-- Free --> 127 <div class="plan"> 128 <div class="plan-name">Free</div> 129 <div class="plan-price">â¹0</div> 130 <div class="plan-usd">$0 â always free</div> 131 <div class="plan-note">No credit card required</div> 132 <ul class="plan-features"> 133 <li class="highlight">10 ELI5 & Normal explains/day</li> 134 <li>1 Deep explain/day <em style="color:#9ca3af;font-size:.8rem">(sign-in required)</em></li> 135 <li>1 Why? explain/day <em style="color:#9ca3af;font-size:.8rem">(sign-in required)</em></li> 136 <li>5 anonymous uses before sign-in</li> 137 <li>Auto dark / light theme</li> 138 <li>5 colour palettes</li> 139 <li>Local save library (50 saves)</li> 140 <li>Text-to-speech</li> 141 <li class="dim">PDF viewer</li> 142 <li class="dim">Cloud saves</li> 143 <li class="dim">Priority queue</li> 144 </ul> 145 <a class="btn btn-outline" href="https://chromewebstore.google.com/search/explainly" target="_blank" rel="noopener">Install Free</a> 146 </div> 147 148 <!-- Pro --> 149 <div class="plan"> 150 <div class="plan-name">Pro</div> 151 <div class="plan-price"><sup>â¹</sup>149<sub>/mo</sub></div> 152 <div class="plan-usd">$4.99 / month</div> 153 <div class="plan-note">Cancel any time</div> 154 <ul class="plan-features"> 155 <li class="highlight">100 explains/day</li> 156 <li>10 Deep explains/day</li> 157 <li>10 Why? explains/day</li> 158 <li>PDF viewer included</li> 159 <li>Cloud saves (unlimited)</li> 160 <li>Auto dark / light theme</li> 161 <li>5 colour palettes</li> 162 <li>Text-to-speech</li> 163 <li>Gemini 2.0 Flash + Groq fallback</li> 164 <li class="dim">Priority queue</li> 165 <li class="dim">Premium AI models</li> 166 </ul> 167 <a class='btn btn-outline' href='/app/upgrade'>Get Pro</a> 168 </div> 169 170 <!-- Premium (featured) --> 171 <div class="plan featured"> 172 <div class="plan-badge">Most popular</div> 173 <div class="plan-name">Premium</div> 174 <div class="plan-price"><sup>â¹</sup>399<sub>/mo</sub></div> 175 <div class="plan-usd">$11.99 / month</div> 176 <div class="plan-note">Cancel any time</div> 177 <ul class="plan-features"> 178 <li class="highlight">500 explains/day</li> 179 <li>75 Deep explains/day</li> 180 <li>75 Why? explains/day</li> 181 <li>PDF viewer (large PDF context)</li> 182 <li>Cloud saves (unlimited)</li> 183 <li>Priority queue</li> 184 <li>Future premium AI models</li> 185 <li>Auto dark / light theme</li> 186 <li>5 colour palettes</li> 187 <li>Text-to-speech</li> 188 <li>Priority support</li> 189 </ul> 190 <a class='btn btn-primary' href='/app/upgrade'>Get Premium</a> 191 </div> 192 193 <!-- Premium Yearly (featured) --> 194 <div class="plan featured"> 195 <div class="plan-badge">Best value · Save 37%</div> 196 <div class="plan-name">Premium Yearly</div> 197 <div class="plan-price"><sup>â¹</sup>2,999<sub>/yr</sub></div> 198 <div class="plan-usd">$99 / year · ~$8.25/mo</div> 199 <div class="plan-note">â¹250/mo effective · billed annually</div> 200 <ul class="plan-features"> 201 <li class="highlight">Everything in Premium</li> 202 <li>500 explains/day</li> 203 <li>75 Deep explains/day</li> 204 <li>75 Why? explains/day</li> 205 <li>PDF viewer (large PDF context)</li> 206 <li>Cloud saves (unlimited)</li> 207 <li>Priority queue</li> 208 <li>Future premium AI models</li> 209 <li>Priority support</li> 210 </ul> 211 <a class='btn btn-primary' href='/app/upgrade'>Get Premium Yearly</a> 212 </div> 213 214 </div> 215 216 <!-- Compare table --> 217 <div class="compare-section"> 218 <h2>Compare plans</h2> 219 <p>See exactly what each plan includes.</p> 220 <div class="table-wrap"> 221 <table> 222 <thead> 223 <tr> 224 <th>Feature</th> 225 <th>Free</th> 226 <th>Pro</th> 227 <th class="highlight-col">Premium</th> 228 <th class="highlight-col">Premium Yearly</th> 229 </tr> 230 </thead> 231 <tbody> 232 <tr> 233 <td>Price</td> 234 <td>â¹0 / $0</td> 235 <td>â¹149/mo · $4.99/mo</td> 236 <td class="highlight-col">â¹399/mo · $11.99/mo</td> 237 <td class="highlight-col">â¹2,999/yr · $99/yr</td> 238 </tr> 239 <tr> 240 <td>ELI5 & Normal explains</td> 241 <td>10/day</td> 242 <td>100/day</td> 243 <td class="highlight-col">500/day</td> 244 <td class="highlight-col">500/day</td> 245 </tr> 246 <tr> 247 <td>Deep mode</td> 248 <td>1/day <span class="tag">sign-in</span></td> 249 <td>10/day</td> 250 <td class="highlight-col">75/day</td> 251 <td class="highlight-col">75/day</td> 252 </tr> 253 <tr> 254 <td>Why? mode</td> 255 <td>1/day <span class="tag">sign-in</span></td> 256 <td>10/day</td> 257 <td class="highlight-col">75/day</td> 258 <td class="highlight-col">75/day</td> 259 </tr> 260 <tr> 261 <td>PDF viewer</td> 262 <td><span class="no">â</span></td> 263 <td><span class="yes">â</span></td> 264 <td class="highlight-col"><span class="yes">â Large context</span></td> 265 <td class="highlight-col"><span class="yes">â Large context</span></td> 266 </tr> 267 <tr> 268 <td>Cloud saves</td> 269 <td><span class="no">â</span></td> 270 <td><span class="yes">â Unlimited</span></td> 271 <td class="highlight-col"><span class="yes">â Unlimited</span></td> 272 <td class="highlight-col"><span class="yes">â Unlimited</span></td> 273 </tr> 274 <tr> 275 <td>Local saves</td> 276 <td>50 saves</td> 277 <td><span class="yes">â</span></td> 278 <td class="highlight-col"><span class="yes">â</span></td> 279 <td class="highlight-col"><span class="yes">â</span></td> 280 </tr> 281 <tr> 282 <td>Priority queue</td> 283 <td><span class="no">â</span></td> 284 <td><span class="no">â</span></td> 285 <td class="highlight-col"><span class="yes">â</span></td> 286 <td class="highlight-col"><span class="yes">â</span></td> 287 </tr> 288 <tr> 289 <td>Premium AI models</td> 290 <td><span class="no">â</span></td> 291 <td><span class="no">â</span></td> 292 <td class="highlight-col"><span class="yes">â As released</span></td> 293 <td class="highlight-col"><span class="yes">â As released</span></td> 294 </tr> 295 <tr> 296 <td>Streaming AI responses</td> 297 <td><span class="yes">â</span></td> 298 <td><span class="yes">â</span></td> 299 <td class="highlight-col"><span class="yes">â</span></td> 300 <td class="highlight-col"><span class="yes">â</span></td> 301 </tr> 302 <tr> 303 <td>Themes & layouts</td> 304 <td><span class="yes">â</span></td> 305 <td><span class="yes">â</span></td> 306 <td class="highlight-col"><span class="yes">â</span></td> 307 <td class="highlight-col"><span class="yes">â</span></td> 308 </tr> 309 <tr> 310 <td>Text-to-speech</td> 311 <td><span class="yes">â</span></td> 312 <td><span class="yes">â</span></td> 313 <td class="highlight-col"><span class="yes">â</span></td> 314 <td class="highlight-col"><span class="yes">â</span></td> 315 </tr> 316 <tr> 317 <td>Billing period</td> 318 <td>â</td> 319 <td>
319Monthly</td> 320 <td class="highlight-col">Monthly</td> 321 <td class="highlight-col"><span class="yes">Annual (save 37%)</span></td> 322 </tr> 323 </tbody> 324 </table> 325 </div> 326 </div> 327 328 <!-- Payment methods --> 329 <div class="payment-note"> 330 <h3>Payment methods</h3> 331 <div class="payment-grid"> 332 <div class="payment-item"> 333 <div class="payment-icon">ð®ð³</div> 334 <div> 335 <h4>India â Razorpay</h4> 336 <p>UPI, credit & debit cards, net banking, wallets. Prices in â¹ INR.</p> 337 </div> 338 </div> 339 <div class="payment-item"> 340 <div class="payment-icon">ð</div> 341 <div> 342 <h4>International â Paddle</h4> 343 <p>Credit & debit cards, PayPal, and local payment methods. Prices in $USD. Paddle handles all taxes.</p> 344 </div> 345 </div> 346 </div> 347 </div> 348 349 <!-- FAQ --> 350 <div class="faq"> 351 <h2>Frequently asked questions</h2> 352 <div class="faq-item"> 353 <h3>Do I need to sign in to use the free plan?</h3> 354 <p>No sign-in is needed for ELI5 and Normal modes â you get 5 anonymous uses. After that, a free sign-in with Google unlocks 10 ELI5 & Normal explains/day plus 1 Deep and 1 Why? per day.</p> 355 </div> 356 <div class="faq-item"> 357 <h3>Can I cancel my subscription?</h3> 358 <p>Yes. Pro and Premium subscriptions can be cancelled at any time. You retain access until the end of the current billing period.</p> 359 </div> 360 <div class="faq-item"> 361 <h3>Is there a refund policy?</h3> 362 <p>Yes â we offer a 30-day money-back guarantee on all purchases. See our <a href='/refund'>Refund Policy</a> for details.</p> 363 </div> 364 <div class="faq-item"> 365 <h3>What is the difference between Pro and Premium?</h3> 366 <p>Pro gives 100 explains/day with 10 Deep and Why? each. Premium gives 500 explains/day, 75 Deep and Why? each, large PDF context, priority queue, and access to future premium AI models as they are released.</p> 367 </div> 368 <div class="faq-item"> 369 <h3>How are explains counted?</h3> 370 <p>Each explanation request counts as one use. Limits reset daily at midnight UTC. Switching between modes on the same selection uses the per-mode cache and does not count extra.</p> 371 </div> 372 <div class="faq-item"> 373 <h3>Which payment provider will be used?</h3> 374 <p>Your region is auto-detected. Indian users are directed to Razorpay (UPI, cards, net banking). International users are directed to Paddle (cards, PayPal, local methods). You can also switch providers manually at checkout.</p> 375 </div> 376 </div> 377 378</main> 379 380<footer> 381 <div class="footer-links"> 382 <a href="/">Home</a> 383 <a href='/pricing'>Pricing</a> 384 <a href='/privacy'>Privacy Policy</a> 385 <a href='/terms'>Terms of Service</a> 386 <a href='/refund'>Refund Policy</a> 387 </div> 388 <p class="copyright">© 2025 Explainly. All rights reserved.</p> 389</footer> 390 391</body> 392</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.