1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5AW-18096706858
vendor: 14 bytes, lines 5-6
5"></script> 6
6<script> 7
vendor: 139 bytes, lines 7-10
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 gtag('config', '
10AW-18096706858
vendor: 6 bytes, lines 10-11
10'); 11
11</script>
11 12 <meta charset="UTF-8"> 13 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 14 <title>Pricing â QuizCloak | Plans From $9.99/mo</title> 15 <meta name="description" content="QuizCloak plans: Basic ($9.99/mo) for tab switch protection, Pro ($13.99/mo) with AI quiz helper. Works on Canvas, Blackboard, Moodle, and more. Cancel anytime."> 16 <meta name="keywords" content="quizcloak price, tab switch blocker cost, quiz extension price, quiz helper subscription, quizcloak pro"> 17 <link rel="canonical" href="https://quizcloak.com/pricing.html"> 18 <link rel="icon" type="image/x-icon" href="/favicon.ico"> 19 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 20 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 21 <link rel="stylesheet" href="styles.css"> 22 <style> 23 .pricing-hero { padding: 140px 0 40px; text-align: center; } 24 .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1060px; margin: 48px auto 0; padding: 0 32px; align-items: stretch; } 25 .pricing-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 36px 32px; position: relative; display: flex; flex-direction: column; transition: border-color 0.3s; } 26 .pricing-card:hover { border-color: var(--border-hover); } 27 .pricing-card.popular { border-color: var(--accent); background: linear-gradient(180deg, rgba(94,184,255,0.04) 0%, var(--surface) 60%); box-shadow: 0 0 40px rgba(94,184,255,0.06); } 28 .pricing-card.value { border-color: rgba(94,184,255,0.15); background: linear-gradient(180deg, rgba(94,184,255,0.03) 0%, var(--surface) 60%); } 29 .card-badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-family: 'Space Mono', monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; background: var(--accent); color: var(--bg); padding: 5px 16px; border-radius: 100px; font-weight: 700; white-space: nowrap; } 30 .plan-name { font-family: 'Space Mono', monospace; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: var(--text-dim); margin-bottom: 12px; } 31 .pricing-card.popular .plan-name, .pricing-card.value .plan-name { color: var(--accent); } 32 .plan-price { font-size: 48px; font-weight: 900; letter-spacing: -2px; line-height: 1; margin-bottom: 4px; } 33 .plan-price span { font-size: 16px; font-weight: 400; color: var(--text-dim); letter-spacing: 0; } 34 .plan-desc { font-size: 13px; color: var(--text-dim); margin-bottom: 28px; line-height: 1.5; } 35 .plan-savings { display: inline-block; font-family: 'Space Mono', monospace; font-size: 11px; color: var(--green); background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.15); padding: 4px 10px; border-radius: 6px; margin-bottom: 12px; font-weight: 700; } 36 .divider { height: 1px; background: var(--border); margin-bottom: 24px; } 37 .features-label { font-family: 'Space Mono', monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--text-dim); margin-bottom: 16px; } 38 .feature-list { list-style: none; margin-bottom: 32px; flex: 1; } 39 .feature-list li { font-size: 14px; color: var(--text-secondary); padding: 8px 0; display: flex; align-items: center; gap: 10px; } 40 .feature-list li .check { font-size: 14px; flex-shrink: 0; width: 18px; text-align: center; } 41 .check-green { color: var(--green); } 42 .check-blue { color: var(--accent); } 43 .check-dim { color: var(--text-dim);
43 opacity: 0.3; } 44 .feature-list li.disabled { color: var(--text-dim); opacity: 0.4; } 45 .plan-btn { display: block; width: 100%; padding: 14px; border: none; border-radius: 12px; font-family: 'Satoshi', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; text-align: center; text-decoration: none; transition: all 0.2s; } 46 .btn-outline { background: transparent; border: 1px solid var(--border); color: var(--text); } 47 .btn-outline:hover { border-color: var(--accent); color: var(--accent); } 48 .btn-primary { background: var(--accent); color: var(--bg); } 49 .btn-primary:hover { opacity: 0.9; transform: translateY(-1px); } 50 .bottom-note { text-align: center; padding: 48px 32px 0; max-width: 600px; margin: 0 auto; } 51 .guarantee { background: var(--bg-raised); border: 1px solid var(--border); border-radius: 16px; padding: 28px 32px; text-align: center; } 52 .guarantee h3 { font-size: 15px; font-weight: 700; margin-bottom: 8px; } 53 .guarantee p { font-size: 13px; color: var(--text-secondary); line-height: 1.5; } 54 .faq-teaser { text-align: center; padding: 40px 0 0; } 55 @media (max-width: 900px) { .pricing-grid { grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto; } .pricing-card.popular { order: -1; } } 56 </style> 57</head> 58<body> 59 <nav class="nav" id="nav"></nav> 60 61 <section class="pricing-hero"> 62 <div class="container"> 63 <div class="badge fade-up">Pricing</div> 64 <h1 class="page-title fade-up fade-up-1">Pick your plan</h1> 65 <p class="page-subtitle fade-up fade-up-2" style="margin:0 auto;">Pick your plan. Cancel anytime.</p> 66 </div> 67 </section> 68 69 <div class="pricing-grid"> 70 <div class="pricing-card"> 71 <div class="plan-name">Basic</div> 72 <div class="plan-price">$9.99<span>/mo</span></div> 73 <div class="plan-desc">$9.99/mo. Tab switch protection. Cancel anytime.</div> 74 <div class="divider"></div> 75 <div class="features-label">Includes</div> 76 <ul class="feature-list"> 77 <li><span class="check check-green">✓</span> Tab Cloaker</li> 78 <li><span class="check check-green">✓</span> Clean quiz logs</li> 79 <li><span class="check check-green">✓</span> Auto-updates</li> 80 <li><span class="check check-green">✓</span> Email support</li> 81 <li class="disabled"><span class="check check-dim">✕</span> AI Quiz Helper</li> 82 <li class="disabled"><span class="check check-dim">✕</span> Homework AI</li> 83 <li class="disabled"><span class="check check-dim">✕</span> Stealth AI</li> 84 </ul> 85 <a href="https://buy.stripe.com/eVqaEW92KeDUazrd9k6EU04" class="plan-btn btn-outline">Get Basic →</a> 86 </div> 87 88 <div class="pricing-card popular"> 89 <div class="card-badge">Most Popular</div> 90 <div class="plan-name">Pro</div> 91 <div class="plan-price">$13.99<span>/mo</span></div> 92 <div class="plan-desc">$13.99/mo. Everything in Basic + full AI suite.</div> 93 <div class="divider"></div> 94 <div class="features-label">Everything in Basic, plus</div> 95 <ul class="feature-list"> 96 <li><span class="check check-green">✓</span> Tab Cloaker</li> 97 <li><span class="check check-green">✓</span> Clean quiz logs</li> 98 <li><span class="check check-green">✓</span> Auto-updates</li> 99 <li><span class="check check-green">✓</span> Email support</li> 100 <li><span class="check check-blue">✓</span> AI Quiz Helper</li> 101 <li><span class="check check-blue">✓</span> Homework AI</li> 102 <li><span class="check check-blue">✓</span> Stealth AI</li> 103 </ul> 104 <a href="https://buy.stripe.com/3cI14mdj0eDU6jbedo6EU05" class="plan-btn btn-primary">Get Pro →</a> 105 </div> 106 107 <div class="pricing-card value"> 108 <div class="card-badge">Best Value</div> 109 <div class="plan-name">Pro · 3 Month</div> 110 <div class="plan-price">$30<span>/3 mo</span></div> 111 <div class="plan-desc">$30/3 months. Same Pro features, pay less.</div> 112 <div class="divider"></div> 113 <div class="features-label">Everything in Pro</div> 114 <ul class="feature-list"> 115 <li><span class="check check-green">✓</span> Tab Cloaker</li> 116 <li><span class="check check-green">✓</span> Clean quiz logs</li> 117 <li><span class="check check-green">✓</span> Auto-updates</li> 118 <li><span class="check check-green">✓</span> Email support</li> 119 <li><span class="check check-blue">✓</span> AI Quiz Helper</li> 120 <li><span class="check check-blue">✓</span> Homework AI</li> 121 <li><span class="check check-blue">✓</span> Stealth AI</li> 122 </ul> 123 <div class="plan-savings">Save $11.97 vs monthly</div> 124 <a href="https://buy.stripe.com/eVq5kC92K1R8bDv8T46EU06" class="plan-btn btn-primary">Get Pro 3-Month →</a> 125 </div> 126 </div> 127 128 <div class="bottom-note"> 129 <div class="guarantee"> 130 <h3>🔒 Cancel Anytime</h3> 131 <p>No contracts, no commitments. Cancel from your account page anytime â access continues until the end of your billing period.</p> 132 </div> 133 <div class="faq-teaser"> 134 <p style="color:var(--text-dim);font-size:14px;">Have questions? Check the <a href="/faq.html" style="color:var(--accent);">FAQ</a> or email <a href="mailto:[email protected]" style="color:var(--accent);">[email protected]</a></p> 135 </div> 136 <div style="margin-top:32px;padding:20px 24px;background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;font-size:12px;color:var(--text-dim);line-height:1.6;text-align:left;"> 137 <strong style="color:var(--text-secondary);display:block;margin-bottom:8px;">Before you subscribe</strong> 138 QuizCloak is a privacy tool. You are solely responsible for ensuring your use of the Service complies with the academic integrity policies, honor codes, and rules of any institution or platform you interact with. By subscribing, you agree to our <a href="/terms.html" style="color:var(--accent);">Terms of Service</a> and <a href="/privacy.html" style="color:var(--accent);">Privacy Policy</a>. 139 </div> 140 </div> 141 142 <footer class="footer" id="footer"></footer> 143 144
144<script src="components.js"></script>
144 145
145<script> 146 renderNav('pricing'); 147 renderFooter(); 148 </script>
148 149</body> 150</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.