PageSourceSearch

http://www.scribando.com/pricing/

html scribando.com collected 2026-09-27 02:02:10 UTC 92,982 bytes, 1,984 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6
7<title>Pricing | Scribando Book Launchpad</title>
8<meta name="description" content="Three plans, one book each: Ongoing Visibility from €50/month, Active Marketing €500/month and Book Launch €1,500/month. Compare every feature, with no long-term contract.">
9<meta name="robots" content="index, follow">
10<link rel="canonical" href="https://www.scribando.com/pricing/">
11
12<meta property="og:type" content="website">
13<meta property="og:url" content="https://www.scribando.com/pricing/">
14<meta property="og:title" content="Pricing | Scribando Book Launchpad">
15<meta property="og:description" content="Ongoing Visibility €50/month, Active Marketing €500/month, Book Launch €1,500/month. One book per plan, cancel any time.">
16<meta property="og:site_name" content="Scribando">
17<meta name="twitter:card" content="summary_large_image">
18<meta name="twitter:title" content="Pricing | Scribando">
19<meta name="twitter:description" content="Three plans for your book, from €50/month. Compare every feature.">
20
21<link rel="icon" type="image/jpeg" href="https://www.scribando.com/wp-content/uploads/2019/04/scribando-icon.jpg">
22
23<link rel="preconnect" href="https://fonts.googleapis.com">
24<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet">
26
27<style>
28/* ===================================================================
29   Scribando Book Launchpad — homepage
30   Palette + type sampled from the Launchpad concept mockup
31   (Scribando_Book_Launchpad_Concept.docx).
32   =================================================================== */
33:root{
34  --cream:#FCF7EE;
35  --panel:#FDFAF2;
36  --blush:#F9EFE1;
37  --strip:#FAF2E5;
38  --card:#FBF6ED;
39
40  --ink:#101E2E;          /* headlines */
41  --body:#3D4754;         /* body copy */
42  --muted:#7A8391;        /* meta / captions */
43
44  --orange:#FB4807;       /* CTAs, accents */
45  --orange-dark:#DD3B02;
46  --orange-soft:#FEE9DF;
47  --brand-orange:#F8981D; /* the Scribando logo's own orange */
48
49  --footer:#081520;
50  --line:rgba(58,42,20,.13);
51  --line-soft:rgba(58,42,20,.08);
52
53  --shadow-sm:0 1px 2px rgba(16,30,46,.05);
54  --shadow-md:0 6px 24px rgba(16,30,46,.07);
55  --shadow-lg:0 24px 70px rgba(16,30,46,.13);
56
57  --r-sm:10px;
58  --r-md:16px;
59  --r-lg:24px;
60
61  --maxw:1240px;
62  --gutter:28px;
63
64  /* Collection badge colours, one per editorial collection. */
65  --cat-launching-soon:#8B2FB0;
66  --cat-just-launched:#E84C02;
67  --cat-ready-to-rediscover:#7C6B2C;
68  --cat-mission-based:#246E47;
69  --cat-books-with-chatter:#16203A;
70  --cat-award-contenders:#3F3AC0;
71}
72
73*,*::before,*::after{box-sizing:border-box}
74
75html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth}
76/* clear the sticky header when jumping to an anchor */
77[id]{scroll-margin-top:96px}
78
79@media (prefers-reduced-motion:reduce){
80  html{scroll-behavior:auto}
81  *,*::before,*::after{
82    animation-duration:.01ms!important;animation-iteration-count:1!important;
83    transition-duration:.01ms!important;
84  }
85}
86
87body{
88  margin:0;
89  background:var(--cream);
90  color:var(--body);
91  font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
92  font-size:16px;
93  line-height:1.6;
94  -webkit-font-smoothing:antialiased;
95}
96
97h1,h2,h3,h4{
98  font-family:"Playfair Display",Georgia,"Times New Roman",serif;
99  color:var(--ink);
100  margin:0;
101  font-weight:700;
102  line-height:1.15;
103  letter-spacing:-.01em;
104}
105
106p{margin:0}
107img{max-width:100%;display:block}
108a{color:inherit;text-decoration:none}
109button{font:inherit;color:inherit;cursor:pointer}
110
111.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
112
113.skip-link{
114  position:absolute;left:0;top:0;z-index:100;
115  transform:translateY(-120%);
116  background:var(--orange);color:#fff;padding:12px 20px;
117  border-radius:0 0 var(--r-sm) 0;font-weight:700;font-size:14px;
118}
119.skip-link:focus{transform:none}
120
121.sr-only{
122  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
123  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
124}
125
126:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}
127
128.icon{width:24px;height:24px;flex:none;stroke-width:1.6}
129
130img.art{height:auto}
131
132/* ---------- buttons ---------------------------------------------- */
133.btn{
134  display:inline-flex;align-items:center;justify-content:center;gap:8px;
135  border:1px solid transparent;border-radius:var(--r-sm);
136  padding:13px 22px;font-weight:700;font-size:15px;line-height:1;
137  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
138  white-space:nowrap;
139}
140.btn-primary{background:var(--orange);color:#fff;box-shadow:var(--shadow-sm)}
141.btn-primary:hover{background:var(--orange-dark)}
142.btn-ghost{
143  background:transparent;color:var(--orange);
144  border-color:rgba(251,72,7,.4);border-radius:999px;padding:11px 20px;
145}
146.btn-ghost:hover{background:var(--orange-soft);border-color:var(--orange)}
147.btn-outline{
148  background:transparent;color:var(--ink);border-color:var(--line);
149  border-radius:var(--r-sm);padding:11px 20px;font-size:14px;
150}
151.btn-outline:hover{border-color:rgba(16,30,46,.3);background:rgba(16,30,46,.03)}
152.btn .icon{width:16px;height:16px}
153
154/* =================================================================
155   HEADER
156   ================================================================= */
157.site-header{
158  position:sticky;top:0;z-index:60;
159  background:rgba(252,247,245,.92);
160  backdrop-filter:saturate(180%) blur(12px);
161  border-bottom:1px solid var(--line-soft);
162}
163.header-inner{
164  display:flex;align-items:center;gap:28px;
165  height:78px;
166}
167
168/* Logo lockup: the current Scribando wordmark (white on its own orange)
169   sits in a chip of exactly that orange so the artwork reads as one
170   shape, with the LAUNCHPAD kicker set beneath it. */
171.brand{display:flex;flex-direction:column;gap:5px;flex:none;width:max-content;max-width:100%}
172.brand-chip{
173  background:var(--brand-orange);
174  border-radius:8px;padding:5px 10px;line-height:0;
175  box-shadow:var(--shadow-sm);
176  display:flex;justify-content:center;
177}
178.brand-chip img{height:22px;width:auto}
179.brand-kicker{
180  font-size:9.5px;font-weight:700;letter-spacing:.34em;
181  color:var(--ink);text-transform:uppercase;padding-left:13px;line-height:1;
182}
183
184.main-nav{display:flex;align-items:center;gap:26px;margin-left:6px}
185.nav-item{position:relative}
186.nav-link{
187  display:inline-flex;align-items:center;gap:5px;
188  font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;
189  padding:8px 0;transition:color .18s ease;
190}
191.nav-link:hover{color:var(--orange)}
192.nav-link .icon{width:14px;height:14px;opacity:.65}
193
194.nav-menu{
195  position:absolute;top:calc(100% + 10px);left:-14px;min-width:210px;
196  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
197  box-shadow:var(--shadow-lg);padding:8px;
198  opacity:0;visibility:hidden;transform:translateY(-6px);
199  transition:opacity .18s ease,transform .18s ease,visibility .18s;
200}
201.nav-item:hover .nav-menu,
202.nav-item:focus-within .nav-menu{opacity:1;visibility:visible;transform:none}
203.nav-menu a{
204  display:block;padding:9px 12px;border-radius:8px;
205  font-size:14.5px;font-weight:500;color:var(--body);
206}
207.nav-menu a:hover{background:var(--orange-soft);color:var(--orange)}
208
209.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
210
211.header-search{position:relative;width:270px}
212.header-search input{
213  width:100%;border:1px solid var(--line);border-radius:999px;
214  background:#fff;padding:11px 42px 11px 18px;
215  font:inherit;font-size:14px;color:var(--ink);
216  transition:border-color .18s ease,box-shadow .18s ease;
217}
218.header-search input::placeholder{color:var(--muted)}
219.header-search input:focus{
220  outline:none;border-color:rgba(251,72,7,.45);
221  box-shadow:0 0 0 3px rgba(251,72,7,.10);
222}
223.header-search button{
224  position:absolute;right:6px;top:50%;transform:translateY(-50%);
225  background:none;border:0;padding:7px;border-radius:50%;
226  color:var(--ink);display:grid;place-items:center;
227}
228.header-search button:hover{background:rgba(16,30,46,.05)}
229.header-search .icon{width:18px;height:18px}
230
231.nav-toggle{
232  display:none;background:none;border:1px solid var(--line);
233  border-radius:var(--r-sm);padding:9px;color:var(--ink);
234}
235
236.stars{display:flex;gap:2px;color:var(--orange)}
237.stars .icon{width:15px;height:15px;fill:currentColor;stroke:none}
238
239.link-more{
240  display:inline-flex;align-items:center;gap:6px;
241  color:var(--orange);font-weight:700;font-size:14.5px;white-space:nowrap;
242}
243.link-more:hover{color:var(--orange-dark)}
244.link-more .icon{width:15px;height:15px}
245
246.signup-form{display:flex;gap:12px}
247.signup-form input{
248  flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--r-sm);
249  background:#fff;padding:14px 18px;font:inherit;font-size:15px;color:var(--ink);
250  box-shadow:var(--shadow-sm);
251  transition:border-color .18s ease,box-shadow .18s ease;
252}
253.signup-form input::placeholder{color:var(--muted)}
254.signup-form input:focus{
255  outline:none;border-color:rgba(251,72,7,.45);
256  box-shadow:0 0 0 3px rgba(251,72,7,.10);
257}
258.form-note{font-size:13.5px;margin-top:10px;min-height:20px;color:var(--muted)}
259.form-note.is-error{color:#C42B12}
260.form-note.is-ok{color:#1E7A47;font-weight:500}
261
262/* current page in the nav */
263.nav-link.is-current{color:var(--orange);position:relative}
264.nav-link.is-current::after{
265  content:"";position:absolute;
265left:0;right:14px;bottom:2px;
266  height:2px;background:var(--orange);border-radius:2px;
267}
268
269/* =================================================================
270   SHARED SECTION FURNITURE
271   ================================================================= */
272.panel{
273  background:var(--panel);border:1px solid var(--line-soft);
274  border-radius:var(--r-lg);box-shadow:var(--shadow-md);
275}
276.section{padding-bottom:26px}
277.section-title{text-align:center;font-size:27px;margin-bottom:6px}
278.section-sub{text-align:center;font-size:14.5px;color:var(--body);margin-bottom:26px}
279
280.eyebrow{
281  font-size:11.5px;font-weight:700;letter-spacing:.16em;
282  color:var(--orange);text-transform:uppercase;margin-bottom:14px;
283}
284
285.note-strip{
286  margin-top:22px;text-align:center;font-size:14.5px;color:var(--body);
287}
288.note-strip strong{color:var(--orange);font-weight:700}
289.note-box{
290  margin:22px auto 0;max-width:760px;text-align:center;
291  background:var(--blush);border-radius:12px;padding:14px 22px;
292  font-size:14px;color:var(--body);
293}
294
295/* =================================================================
296   HERO
297   ================================================================= */
298.a-hero{padding:52px 0 60px}
299.a-hero-grid{
300  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
301  gap:48px;align-items:center;
302}
303.a-hero h1{
304  font-size:clamp(38px,4.2vw,54px);line-height:1.04;
305  letter-spacing:-.022em;margin-bottom:14px;
306}
307.a-hero h1 .dot{color:var(--orange)}
308.a-subhead{
309  font-family:"Playfair Display",Georgia,serif;
310  font-size:clamp(21px,2.1vw,27px);color:var(--orange);
311  line-height:1.2;margin-bottom:16px;
312}
313.a-lead{font-size:17px;line-height:1.5;color:var(--body);max-width:30ch;margin-bottom:26px}
314
315.a-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
316.btn-line{
317  background:transparent;color:var(--ink);
318  border:1px solid rgba(16,30,46,.28);border-radius:var(--r-sm);
319  padding:13px 22px;font-weight:700;font-size:15px;
320}
321.btn-line:hover{border-color:var(--ink);background:rgba(16,30,46,.04)}
322
323/* stat row — used in the hero and again in the founder panel */
324.stats{display:flex;gap:26px;flex-wrap:wrap}
325.stat{min-width:96px}
326.stat-top{display:flex;align-items:center;gap:7px;margin-bottom:3px}
327.stat-top .icon{width:22px;height:22px;color:var(--orange);stroke-width:1.5}
328.stat-num{font-size:23px;font-weight:700;color:var(--ink);line-height:1}
329.stat-lbl{font-size:11.5px;line-height:1.35;color:var(--muted);max-width:15ch}
330
331/* ---------- discovery orbit -------------------------------------- */
332.orbit{position:relative;aspect-ratio:1/.92;width:100%}
333.orbit-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
334.orbit-book{
335  position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);
336  width:46%;height:auto;z-index:2;
337}
338.node{
339  position:absolute;z-index:3;display:flex;flex-direction:column;
340  align-items:center;gap:6px;width:max-content;
341}
342.node-dot{
343  width:52px;height:52px;border-radius:50%;background:#fff;
344  box-shadow:0 6px 20px rgba(16,30,46,.13);
345  display:grid;place-items:center;color:var(--ink);
346}
347.node-dot .icon{width:26px;height:26px;stroke-width:1.5}
348.node-lbl{font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap}
349.node-pill{
350  display:flex;align-items:center;gap:8px;background:#fff;
351  border-radius:999px;padding:9px 16px;
352  box-shadow:0 6px 20px rgba(16,30,46,.13);
353  font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;
354}
355.node-pill .icon{width:22px;height:22px;color:var(--ink);stroke-width:1.4}
356.node-pill.is-brand{flex-direction:column;gap:4px;padding:9px 14px}
357.node-pill .brand-chip{
358  background:var(--brand-orange);border-radius:5px;padding:3px 8px;line-height:0;
359}
360.node-pill .brand-chip img{height:14px;width:auto}
361.node-kicker{
362  font-size:7.5px;font-weight:700;letter-spacing:.28em;
363  color:var(--ink);text-transform:uppercase;line-height:1;
364}
365
366.n-launchpad{left:0;top:16%}
367.n-google{left:50%;top:1%;transform:translateX(-50%)}
368.n-ai{right:0;top:15%}
369.n-arc{left:2%;top:48%}
370.n-bloggers{left:6%;top:76%}
371.n-journalists{right:2%;top:48%}
372.n-readers{right:5%;top:76%}
373
374/* =================================================================
375   MOMENTS OF DISCOVERY
376   ================================================================= */
377.moments{
378  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
379}
380.moment{
381  padding:8px 14px;text-align:center;
382  display:flex;flex-direction:column;align-items:center;gap:10px;
383}
384.moment + .moment{border-left:1px solid var(--line-soft)}
385.moment .icon{width:34px;height:34px;color:var(--orange);stroke-width:1.5}
386.moment h3{font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;letter-spacing:0}
387.moment p{font-size:12.5px;line-height:1.5;color:var(--body)}
388
389/* =================================================================
390   HOW IT WORKS
391   ================================================================= */
392.how{
393  display:grid;
394  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
395  align-items:center;gap:16px;
396}
397.how-step{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
398.how-step img{width:118px;height:auto}
399.how-step h3{
400  font-family:"DM Sans",sans-serif;font-size:13px;font-weight:700;
401  letter-spacing:.09em;text-transform:uppercase;
402}
403.how-step h3.is-orange{color:var(--orange)}
404.how-step p{font-size:12.5px;line-height:1.55;color:var(--body)}
405.how-arrow{color:var(--ink);opacity:.55}
406.how-arrow .icon{width:26px;height:26px}
407.how-mark{
408  font-family:"Playfair Display",Georgia,serif;font-size:64px;
409  font-weight:700;color:var(--orange);line-height:.9;
410}
411.how-faces{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:150px}
412.how-faces img{width:44px;height:44px;border-radius:50%;object-fit:cover}
413.how-chart .icon{width:62px;height:62px;color:var(--orange);stroke-width:1.5}
414
415/* =================================================================
416   WHAT YOU GET — 8 numbered cards
417   ================================================================= */
418.deliver{
419  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
420}
421.d-card{
422  position:relative;overflow:hidden;
423  background:var(--card);border:1px solid var(--line-soft);
424  border-radius:14px;padding:18px 18px 18px 16px;
425}
426.d-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
427.d-num{
428  width:26px;height:26px;border-radius:50%;background:var(--orange);
429  color:#fff;display:grid;place-items:center;flex:none;
430  font-size:13px;font-weight:700;
431}
432.d-card h3{font-family:"DM Sans",sans-serif;font-size:14.5px;font-weight:700;letter-spacing:0}
433.d-card p{font-size:12.5px;line-height:1.6;color:var(--body);position:relative;z-index:1}
434/* the oversized ghost icon behind the copy, as in the concept */
435.d-ghost{
436  position:absolute;
436left:10px;bottom:12px;
437  width:40px;height:40px;color:var(--orange);opacity:.22;
438  stroke-width:1.4;pointer-events:none;
439}
440.d-card p{padding-left:44px}
441
442/* process flow */
443.flow{
444  display:flex;align-items:center;justify-content:center;
445  gap:10px;flex-wrap:wrap;margin-top:26px;
446}
447.flow-step{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:92px}
448.flow-step .icon{width:30px;height:30px;color:var(--orange);stroke-width:1.5}
449.flow-step span{
450  font-size:11px;font-weight:700;letter-spacing:.11em;
451  text-transform:uppercase;color:var(--ink);
452}
453.flow-arrow{color:var(--ink);opacity:.45}
454.flow-arrow .icon{width:22px;height:22px}
455
456/* =================================================================
457   NEW AGE OF DISCOVERY
458   ================================================================= */
459.newage{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:center}
460.newage h2{font-size:26px;line-height:1.18;margin-bottom:10px}
461.newage-kicker{font-size:14.5px;font-weight:700;color:var(--ink)}
462.newage-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
463.newage-col{
464  padding:4px 16px;text-align:center;
465  display:flex;flex-direction:column;align-items:center;gap:9px;
466}
467.newage-col + .newage-col{border-left:1px solid var(--line-soft)}
468.newage-col .mark{height:34px;display:grid;place-items:center}
469.newage-col .mark svg{height:30px;width:auto}
470.newage-col h3{font-family:"DM Sans",sans-serif;font-size:13.5px;font-weight:700;letter-spacing:0}
471.newage-col p{font-size:12.5px;line-height:1.55;color:var(--body)}
472
473/* =================================================================
474   RESULTS
475   ================================================================= */
476.results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
477.r-card{
478  background:var(--card);border:1px solid var(--line-soft);
479  border-radius:14px;padding:16px;display:flex;flex-direction:column;
480}
481.r-top{display:flex;gap:14px}
482.r-cover{
483  width:74px;flex:none;align-self:flex-start;aspect-ratio:2/3;
484  border-radius:4px;overflow:hidden;
485  box-shadow:var(--shadow-md);background:#EBE1D2;
486}
487.r-cover img,.r-cover svg{width:100%;height:100%;object-fit:cover;display:block}
488.r-quote{font-size:12.5px;line-height:1.55;color:var(--body);font-style:italic;margin-bottom:10px}
489.r-name{font-size:13px;font-weight:700;color:var(--ink)}
490.r-book{font-size:12.5px;color:var(--muted)}
491/* One badge per line, flush right, pinned to the foot of the card: every
492   card then has the same shape whatever its labels, rather than some
493   fitting side by side and others wrapping. */
494.r-badges{
495  display:flex;flex-direction:column;align-items:flex-end;gap:7px;
496  margin-top:auto;padding-top:14px;
497}
498.r-badge{
499  display:inline-flex;align-items:center;gap:6px;
500  border:1px solid var(--line);border-radius:8px;padding:6px 10px;
501  font-size:11.5px;font-weight:500;color:var(--ink);background:#fff;
502}
503.r-badge .icon{width:14px;height:14px;color:var(--orange)}
504
505.r-score{align-items:center;justify-content:center;text-align:center;gap:6px;background:var(--blush);border-color:transparent}
506.r-score .stars{justify-content:center;margin-bottom:4px}
507.r-score .stars .icon{width:20px;height:20px}
508.r-score-num{font-size:34px;font-weight:700;color:var(--ink);line-height:1}
509.r-score p{font-size:13px;color:var(--body)}
510.r-score .link-more{margin-top:12px}
511
512/* =================================================================
513   FOUNDER
514   ================================================================= */
515.founder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}
516.founder-panel{
517  background:var(--panel);border:1px solid var(--line-soft);
518  border-radius:var(--r-lg);padding:26px;
519}
520.founder-main{display:flex;gap:22px;align-items:center}
521.founder-photo{
522  width:132px;height:132px;border-radius:50%;object-fit:cover;flex:none;
523  box-shadow:var(--shadow-md);
524}
525.founder-main h2{font-size:23px;line-height:1.2;margin-bottom:10px}
526.founder-main p{font-size:13.5px;line-height:1.6;color:var(--body);margin-bottom:8px}
527.founder-main .stats{margin-top:16px;gap:18px}
528
529.founder-video{display:flex;gap:18px;align-items:center}
530.founder-video > div{min-width:0}
531.vid-thumb{
532  position:relative;flex:none;width:190px;border-radius:12px;overflow:hidden;
533  border:0;padding:0;background:none;cursor:pointer;line-height:0;
534  box-shadow:var(--shadow-md);
535}
536.vid-thumb img{width:100%;height:auto;display:block;transition:transform .3s ease}
537.vid-thumb:hover img{transform:scale(1.04)}
538/* a soft scrim so the white control reads against a bright frame */
539.vid-thumb::after{
540  content:"";position:absolute;inset:0;pointer-events:none;
541  background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.34) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,0) 70%);
542}
543.vid-play{
544  position:absolute;
544left:50%;top:50%;transform:translate(-50%,-50%);
545  z-index:1;width:54px;height:54px;border-radius:50%;
546  background:rgba(255,255,255,.96);display:grid;place-items:center;
547  box-shadow:0 8px 26px rgba(0,0,0,.34);
548  transition:transform .22s ease;
549}
550.vid-thumb:hover .vid-play{transform:translate(-50%,-50%) scale(1.09)}
551.vid-play svg{width:21px;height:21px;color:var(--orange);margin-left:3px}
552.founder-video h3{font-size:19px;line-height:1.22;margin-bottom:8px}
553.founder-video p{font-size:13px;line-height:1.55;color:var(--body);margin-bottom:14px}
554
555/* =================================================================
556   PRICING
557   ================================================================= */
558.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
559.plan{
560  position:relative;overflow:hidden;
561  border:1px solid var(--line-soft);border-radius:16px;padding:24px 22px;
562  display:flex;flex-direction:column;
563}
564.plan-from{
565  font-size:10.5px;font-weight:700;letter-spacing:.14em;
566  text-transform:uppercase;color:var(--muted);margin-bottom:4px;
567}
568.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}
569.plan-price b{font-size:40px;font-weight:700;color:var(--ink);line-height:1}
570.plan-price span{font-size:13.5px;color:var(--muted)}
571.plan h3{font-size:23px;margin-bottom:8px}
572.plan > p{font-size:13px;line-height:1.55;color:var(--body);margin-bottom:16px}
573.plan ul{list-style:none;margin:0 0 20px;padding:0;flex:1;display:flex;flex-direction:column;gap:9px}
574.plan li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--ink)}
575.plan li .icon{width:16px;height:16px;flex:none;margin-top:2px}
576.plan .btn{
577  width:100%;background:transparent;border-width:1.5px;border-radius:10px;
578}
579.plan-learn{
580  display:block;margin-top:11px;text-align:center;
581  font-size:13px;font-weight:700;text-decoration:underline;
582  text-underline-offset:3px;text-decoration-thickness:1px;
583  text-decoration-color:currentColor;opacity:.75;
584  transition:opacity .18s ease;
585}
586.plan-learn:hover{opacity:1}
587
588.plan-visibility{background:#F4F8F1;border-color:#DCE7D3}
589.plan-visibility li .icon{color:#4C8B3C}
590.plan-visibility .btn,.plan-visibility .plan-learn{color:#3F7531}
591.plan-visibility .btn{border-color:#8FBB80}
592.plan-visibility .btn:hover{background:#E9F1E4}
593
594.plan-marketing{background:#F3F6FC;border-color:#D8E2F1}
595.plan-marketing li .icon{color:#2F6FD0}
596.plan-marketing .btn,.plan-marketing .plan-learn{color:#2761BC}
597.plan-marketing .btn{border-color:#8FB2E4}
598.plan-marketing .btn:hover{background:#E8EFFA}
599
600.plan-launch{background:#FEF5F0;border-color:#F6DBCA}
601.plan-launch li .icon{color:var(--orange)}
602.plan-launch .btn,.plan-launch .plan-learn{color:var(--orange)}
603.plan-launch .btn{border-color:#F5A585}
604.plan-launch .btn:hover{background:#FDEAE0}
605
606.ribbon{
607  position:absolute;top:16px;right:-40px;width:170px;
608  background:var(--orange);color:#fff;text-align:center;
609  transform:rotate(45deg);padding:6px 0;
610  font-size:10.5px;font-weight:700;letter-spacing:.12em;
611  box-shadow:0 4px 12px rgba(251,72,7,.3);
612}
613
614/* =================================================================
615   BOOK-A-CALL — the primary conversion path for authors
616   ================================================================= */
617.callband{background:var(--blush);padding:44px 0}
618.callband-inner{
619  display:flex;align-items:center;gap:30px;
620  max-width:790px;margin:0 auto;
621}
622.callband-photo{
623  width:132px;height:132px;border-radius:50%;object-fit:cover;flex:none;
624  box-shadow:0 10px 30px rgba(58,42,20,.18);
625}
626.callband-body{flex:1;min-width:0}
627.callband h2{font-size:28px;line-height:1.15;margin-bottom:10px}
628.callband p{font-size:15px;line-height:1.55;color:var(--body);margin-bottom:20px}
629.callband-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
630.callband .btn-primary{font-size:16px;padding:15px 28px}
631.callband .btn-primary .icon{width:18px;height:18px}
632.callband-alt{
633  font-size:14px;font-weight:700;color:var(--orange);
634  text-decoration:underline;text-underline-offset:3px;
635}
636.callband-alt:hover{color:var(--orange-dark)}
637.callband-note{
638  display:flex;align-items:center;gap:7px;
639  margin-top:14px;font-size:13px;color:var(--muted);
640}
641.callband-note .icon{width:15px;height:15px;color:var(--orange)}
642
643@media (max-width:760px){
644  .callband{padding:34px 0}
645  .callband-inner{flex-direction:column;text-align:center;gap:20px}
646  .callband-actions,.callband-note{justify-content:center}
647  .callband h2{font-size:23px}
648}
649
650/* =================================================================
651   TRUST STRIP
652   ================================================================= */
653.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
654.trust-item{display:flex;gap:12px}
655.trust-item .icon{width:28px;height:28px;color:var(--orange);stroke-width:1.5;margin-top:1px}
656.trust-item h3{font-family:"DM Sans",sans-serif;font-size:13.5px;font-weight:700;letter-spacing:0;margin-bottom:3px}
657.trust-item p{font-size:12.5px;line-height:1.5;color:var(--body)}
658
659/* =================================================================
660   RESPONSIVE
661   ================================================================= */
662@media (max-width:1180px){
663  .deliver{grid-template-columns:repeat(2,minmax(0,1fr))}
664  .results{grid-template-columns:repeat(2,minmax(0,1fr))}
665  .moments{grid-template-columns:repeat(3,minmax(0,1fr))}
666  .moment:nth-child(3n+1){border-left:0}
667  .moment:nth-child(n+4){border-top:1px solid var(--line-soft)}
668}
669@media (max-width:1080px){
670  /* the right-hand panel is too narrow to hold the thumbnail beside the copy */
671  .founder-video{flex-direction:column;text-align:center}
672  .vid-thumb{width:100%;max-width:300px;margin:0 auto}
673  .newage{grid-template-columns:minmax(0,1fr)}
674  .newage-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
675  .newage-col:nth-child(3){border-left:0}
676  .newage-col:nth-child(n+3){border-top:1px solid var(--line-soft);padding-top:16px}
677}
678@media (max-width:920px){
679  .a-hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}
680  .a-lead{max-width:none}
681  .founder{grid-template-columns:minmax(0,1fr)}
682  .plans{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto}
683  .how{grid-template-columns:minmax(0,1fr);gap:22px}
684  .how-arrow{transform:rotate(90deg)}
685  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
686}
687@media (max-width:760px){
688  .a-hero{padding:36px 0 46px}
689  .deliver{grid-template-columns:minmax(0,1fr)}
690  .results{grid-template-columns:minmax(0,1fr)}
691  .moments{grid-template-columns:repeat(2,minmax(0,1fr))}
692  .moment:nth-child(odd){border-left:0}
693  .moment:nth-child(n+3){border-top:1px solid var(--line-soft);padding-top:16px}
694  .newage-cols{grid-template-columns:minmax(0,1fr)}
695  .newage-col + .newage-col{border-left:0;border-top:1px solid var(--line-soft);padding-top:16px}
696  .founder-main{flex-direction:column;text-align:center}
697  .founder-main .stats{justify-content:center}
698  .founder-video{flex-direction:column;text-align:center}
699  .vid-thumb{width:100%}
700  .trust{grid-template-columns:minmax(0,1fr)}
701  .section-title{font-size:23px}
702  /* the orbit stops being a diagram and becomes a simple cluster */
703  .orbit{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:18px}
704  .orbit-lines{display:none}
705  .orbit-book{position:static;transform:none;width:190px}
706  .orbit-nodes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
707  .node{position:static;flex-direction:row;gap:8px}
708  .node-dot{width:38px;height:38px}
709  .node-dot .icon{width:19px;height:19px}
710}
711
712/* =================================================================
713   VALUES STRIP
714   ================================================================= */
715.values{background:var(--strip);padding:34px 0}
716.values-grid{
717  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;
718}
719.value{display:flex;gap:13px}
720.value .icon{width:32px;height:32px;color:var(--orange);stroke-width:1.4;margin-top:1px}
721.value h3{font-family:"DM Sans",sans-serif;font-size:14.5px;font-weight:700;letter-spacing:0;margin-bottom:4px}
722.value p{font-size:13px;line-height:1.55;color:var(--body)}
723
724/* =================================================================
725   FOOTER
726   ================================================================= */
727.site-footer{background:var(--footer);color:rgba(255,255,255,.74);padding:52px 0 28px}
728.footer-grid{
729  display:grid;grid-template-columns:1.2fr repeat(5,minmax(0,1fr)) 1.35fr;
730  gap:22px;
731}
732.site-footer h4{
733  font-family:"DM Sans",sans-serif;color:#fff;font-size:13.5px;white-space:nowrap;
734  font-weight:700;letter-spacing:0;margin-bottom:15px;
735}
736.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
737.footer-col a{font-size:13px;color:rgba(255,255,255,.74);transition:color .18s ease}
738.footer-col a:hover{color:var(--orange)}
739
740.footer-brand .brand-kicker{color:rgba(255,255,255,.85)}
741.footer-brand p{font-size:14px;line-height:1.55;margin:16px 0 18px;max-width:25ch}
742.socials{display:flex;gap:10px}
743.socials a{
744  width:36px;height:36px;border-radius:50%;
745  background:rgba(255,255,255,.09);display:grid;place-items:center;color:#fff;
746  transition:background .18s ease;
747}
748.socials a:hover{background:var(--orange)}
749.socials .icon{width:17px;height:17px}
750
751.footer-cta p{font-size:14px;line-height:1.55;margin-bottom:16px}
752.footer-cta .signup-form{max-width:none}
753.footer-cta .signup-form input{
754  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);
755  color:#fff;box-shadow:none;
756}
757.footer-cta .signup-form input::placeholder{color:rgba(255,255,255,.5)}
758.footer-cta .signup-form input:focus{
759  border-color:rgba(251,72,7,.6);box-shadow:0 0 0 3px rgba(251,72,7,.18);
760}
761.footer-cta .form-note{color:rgba(255,255,255,.6)}
762.footer-cta .form-note.is-ok{color:#7BD8A4}
763.footer-cta .form-note.is-error{color:#FF9C86}
764
765.footer-base{
766  margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);
767  text-align:center;font-size:13.5px;color:rgba(255,255,255,.55);
768}
769
770
771/* ---- shared responsive rules (header, footer) ------------------ */
772/* =================================================================
773   RESPONSIVE
774   ================================================================= */
775@media (max-width:1320px){
776  .header-inner{gap:20px}
777  .main-nav{gap:20px;margin-left:0}
778  .header-search{width:235px}
779}
780@media (max-width:1180px){
781  .rail-track{grid-auto-columns:calc((100% - 4*38px)/5)}
782  .footer-grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));row-gap:36px}
783  .footer-cta{grid-column:span 2}
784}
785@media (max-width:1080px){
786  .main-nav{display:none}
787  .header-search{width:210px}
788  .about-panel{grid-template-columns:minmax(0,1fr) 280px}
789  .pillars{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--line-soft)}
790  .about-outro{grid-column:2;grid-row:1 / span 2}
791}
792@media (max-width:920px){
793  .hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}
794  .hero{padding:44px 0 56px}
795  .hero-lead{max-width:none}
796  .rail-track{grid-auto-columns:calc((100% - 3*24px)/4);gap:24px}
797  .dual{grid-template-columns:minmax(0,1fr)}
798  .values-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
799}
800@media (max-width:760px){
801  :root{--gutter:20px}
802  .nav-toggle{display:grid;place-items:center}
803  .header-search{display:none}
804  .header-search.is-open{
805    display:block;position:absolute;left:var(--gutter);right:var(--gutter);
806    top:calc(100% + 10px);width:auto;
807  }
808  .site-header{position:relative}
809  .header-inner{position:relative;height:70px;gap:14px}
810  .btn-outline{display:none}
811  .about-panel{grid-template-columns:minmax(0,1fr)}
812  /* Clear the tablet placement, or grid-column:2 conjures an implicit
813     second column and blows the page out past the viewport. */
814  .pillars,.about-outro{grid-column:auto;grid-row:auto}
815  .about-outro{border-left:0;border-top:1px solid var(--line-soft)}
816  .about-outro .art{width:128px}
817  .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
818  .pillar:nth-child(3){border-left:0}
819  .pillar:nth-child(n+3){border-top:1px solid var(--line-soft)}
820  .rail-track{grid-auto-columns:calc((100% - 2*16px)/2.35);gap:16px}
821  /* Narrow cards cannot hold the longest badge on one line at full size. */
822  .bk-badge{font-size:8px;letter-spacing:0;padding:3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
823  .rail-nav{display:none}
824  .hero-points{flex-direction:column;gap:16px}
825  .hero-point + .hero-point{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:16px}
826  .hero-point{max-width:none}
827  .signup-form{flex-direction:column}
828  .dual-panel{flex-direction:column;padding:30px 24px;min-height:0}
829  .dual-panel > .art{position:static;width:200px;height:auto;max-width:none;margin:0 auto 16px;order:-1;transform:none}
830  .dual-body{width:100%}
831  .dual-panel--monthly .dual-body{margin-left:0}
832  .ai-grid{grid-template-columns:minmax(0,1fr)}
833  .values-grid{grid-template-columns:minmax(0,1fr);gap:22px}
834  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
835  .footer-brand,.footer-cta{grid-column:span 2}
836  .video-quote{width:60%;font-size:15px;padding:0 5% 8% 7%}
837  .video-play{width:66px;height:66px}
838  .video-play svg{width:24px;height:24px}
839}
840@media (max-width:460px){
841  .countdown{gap:8px}
842  .cd-cell{padding:10px 2px}
843  .cd-num{font-size:23px}
844  .cd-lbl{font-size:9px;letter-spacing:.09em}
845}
846/* =================================================================
847   SIGN-UP CHOICE MODAL
848   ================================================================= */
849.modal{
850  position:fixed;inset:0;z-index:200;
851  display:grid;place-items:center;padding:24px;
852  background:rgba(16,30,46,.55);
853  opacity:0;transition:opacity .2s ease;
854}
855/* display:grid above would otherwise beat the UA rule for [hidden] */
856.modal[hidden]{display:none}
857/* visibility is deliberately NOT transitioned: it stays computed-hidden for
858   the length of the transition, which makes the dialog unfocusable just as
859   it opens. The hidden attribute handles removal from layout instead. */
860.modal.is-open{opacity:1}
861
862.modal-card{
863  background:var(--panel);border-radius:var(--r-lg);
864  box-shadow:0 30px 90px rgba(16,30,46,.32);
865  width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;
866  padding:34px 32px 30px;position:relative;
867  transform:translateY(10px) scale(.985);
868  transition:transform .22s ease;
869}
870.modal.is-open .modal-card{transform:none}
871
872.modal-close{
873  position:absolute;top:14px;right:14px;
874  width:36px;height:36px;border-radius:50%;border:0;background:transparent;
875  display:grid;place-items:center;color:var(--muted);
876}
877.modal-close:hover{background:rgba(16,30,46,.06);color:var(--ink)}
878.modal-close .icon{width:20px;height:20px}
879
880.modal-card h2{font-size:26px;margin-bottom:8px;text-align:center}
881.modal-card > p{
882  font-size:14.5px;line-height:1.55;color:var(--body);
883  text-align:center;margin-bottom:24px;
884}
885
886.modal-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
887.choice{
888  display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
889  padding:24px 18px;border-radius:14px;
890  border:1.5px solid var(--line);background:var(--card);
891  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
892}
893.choice:hover{
894  border-color:var(--orange);transform:translateY(-2px);
895  box-shadow:0 10px 26px rgba(251,72,7,.14);
896}
897.choice .icon{width:34px;height:34px;color:var(--orange);stroke-width:1.5}
898.choice h3{font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700;letter-spacing:0}
899.choice p{font-size:12.5px;line-height:1.5;color:var(--body)}
900
901.modal-foot{
902  margin-top:20px;text-align:center;font-size:13.5px;color:var(--muted);
903}
904.modal-foot a{color:var(--orange);font-weight:700;text-decoration:underline;text-underline-offset:3px}
905
906@media (max-width:520px){
907  .modal-card{padding:30px 22px 26px}
908  .modal-card h2{font-size:22px}
909  .modal-choices{grid-template-columns:minmax(0,1fr)}
910  .choice{flex-direction:row;text-align:left;padding:18px 16px;gap:14px}
911  .choice > div{flex:1}
912}
913/* =================================================================
914   PLAN PAGE
915   ================================================================= */
916.tier-badge{
917  display:inline-flex;align-items:center;gap:8px;
918  border-radius:999px;padding:6px 14px;margin-bottom:16px;
919  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
920  background:#E8EBEF;color:#475261;
921}
922.tier-badge .dot{width:9px;height:9px;border-radius:50%;background:#9AA4B0}
923/* each plan's badge wears its own metal */
924.tier-badge.is-gold{background:#F7E8C0;color:#7A5810}
925.tier-badge.is-gold .dot{background:#D6A12B}
926.tier-badge.is-silver{background:#E8EBEF;color:#475261}
927.tier-badge.is-silver .dot{background:#9AA4B0}
928.tier-badge.is-bronze{background:#F3DFCF;color:#7A4520}
929.tier-badge.is-bronze .dot{background:#B8743F}
930
931.plan-hero{padding:48px 0 56px}
932.plan-hero-grid{
933  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
934  gap:44px;align-items:center;
935}
936.plan-hero h1{font-size:clamp(38px,4.3vw,54px);line-height:1.04;letter-spacing:-.022em;margin-bottom:14px}
937.plan-hero h1 .dot{color:var(--orange)}
938.plan-hero .lead{font-size:17px;line-height:1.55;color:var(--body);margin-bottom:26px;max-width:38ch}
939
940/* the price card that sits in the hero */
941.price-card{
942  background:var(--panel);border:1px solid var(--line-soft);
943  border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:30px 30px 26px;
944}
945.price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
946.price-row b{font-family:"DM Sans",sans-serif;font-size:52px;font-weight:700;color:var(--ink);line-height:1}
947.price-row span{font-size:15px;color:var(--muted)}
948.price-note{font-size:13.5px;color:var(--body);margin-bottom:20px}
949.price-alts{
950  display:flex;flex-direction:column;gap:10px;
951  border-top:1px solid var(--line-soft);padding-top:18px;margin-bottom:22px;
952}
953.price-alt{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13.5px}
954.price-alt b{font-weight:700;color:var(--ink)}
955.price-alt .save{
956  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
957  color:#2E7D4F;background:#E7F3EA;border-radius:6px;padding:3px 8px;
958}
959.price-card .btn{width:100%;justify-content:center}
960.price-card .btn + .btn{margin-top:10px}
961.price-foot{
962  display:flex;align-items:center;justify-content:center;gap:7px;
963  margin-top:14px;font-size:12.5px;color:var(--muted);
964}
965.price-foot .icon{width:15px;height:15px;color:var(--orange)}
966
967/* =================================================================
968   WHO IT'S FOR
969   ================================================================= */
970.fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
971.fit-col{padding:26px 28px}
972.fit-col + .fit-col{border-left:1px solid var(--line-soft)}
973.fit-col h3{
974  font-family:"DM Sans",sans-serif;font-size:15px;font-weight:700;letter-spacing:0;
975  display:flex;align-items:center;gap:9px;margin-bottom:14px;
976}
977.fit-col h3 .icon{width:20px;height:20px}
978.fit-yes h3 .icon{color:#2E7D4F}
979.fit-no h3 .icon{color:var(--muted)}
980.fit-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
981.fit-col li{font-size:13.5px;line-height:1.5;color:var(--body);padding-left:18px;position:relative}
982.fit-col li::before{
983  content:"";position:absolute;
983left:0;top:8px;
984  width:6px;height:6px;border-radius:50%;background:var(--orange);
985}
986.fit-no li::before{background:rgba(16,30,46,.22)}
987
988/* =================================================================
989   MONTHLY RHYTHM
990   ================================================================= */
991.rhythm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
992.beat{
993  background:var(--card);border:1px solid var(--line-soft);
994  border-radius:14px;padding:20px 18px;
995}
996.beat-week{
997  font-size:10.5px;font-weight:700;letter-spacing:.14em;
998  text-transform:uppercase;color:var(--orange);margin-bottom:9px;
999}
1000.beat h3{font-family:"DM Sans",sans-serif;font-size:14.5px;font-weight:700;letter-spacing:0;margin-bottom:6px}
1001.beat p{font-size:12.5px;line-height:1.55;color:var(--body)}
1002
1003/* =================================================================
1004   COMPARISON
1005   ================================================================= */
1006.compare{width:100%;border-collapse:collapse;font-size:13.5px}
1007.compare th,.compare td{padding:13px 14px;text-align:left;vertical-align:top}
1008.compare thead th{
1009  font-family:"DM Sans",sans-serif;font-size:13px;font-weight:700;
1010  color:var(--ink);border-bottom:1.5px solid var(--line);
1011}
1012.compare thead th span{display:block;font-size:11.5px;font-weight:500;color:var(--muted);margin-top:3px}
1013.compare tbody tr + tr td{border-top:1px solid var(--line-soft)}
1014.compare tbody th{
1015  font-weight:700;color:var(--ink);width:30%;
1016  border-top:1px solid var(--line-soft);
1017}
1018.compare tbody tr:first-child th{border-top:0}
1019.compare td{color:var(--body)}
1020.compare .col-this{background:#F3F6FC}
1021.compare thead .col-this{color:#2761BC}
1022.compare .yes{color:#2E7D4F;font-weight:700}
1023.compare .no{color:var(--muted)}
1024.compare-wrap{overflow-x:auto}
1025
1026/* =================================================================
1027   FAQ
1028   ================================================================= */
1029.faq{display:flex;flex-direction:column;gap:10px;max-width:820px;margin:0 auto}
1030.faq details{
1031  background:var(--card);border:1px solid var(--line-soft);
1032  border-radius:12px;padding:0 18px;
1033}
1034.faq summary{
1035  list-style:none;cursor:pointer;padding:16px 0;
1036  font-family:"DM Sans",sans-serif;font-size:14.5px;font-weight:700;color:var(--ink);
1037  display:flex;align-items:center;justify-content:space-between;gap:14px;
1038}
1039.faq summary::-webkit-details-marker{display:none}
1040.faq summary .icon{width:18px;height:18px;color:var(--orange);flex:none;transition:transform .2s ease}
1041.faq details[open] summary .icon{transform:rotate(45deg)}
1042.faq p{font-size:13.5px;line-height:1.6;color:var(--body);padding:0 0 18px}
1043
1044/* =================================================================
1045   RESPONSIVE
1046   ================================================================= */
1047@media (max-width:1080px){
1048  .rhythm{grid-template-columns:repeat(2,minmax(0,1fr))}
1049}
1050@media (max-width:920px){
1051  .plan-hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}
1052  .plan-hero .lead{max-width:none}
1053}
1054@media (max-width:760px){
1055  .plan-hero{padding:32px 0 40px}
1056  .rhythm{grid-template-columns:minmax(0,1fr)}
1057  .fit{grid-template-columns:minmax(0,1fr)}
1058  .fit-col + .fit-col{border-left:0;border-top:1px solid var(--line-soft)}
1059  .price-row b{font-size:42px}
1060  .compare{min-width:620px}
1061}
1062
1063
1064/* =================================================================
1065   PRICING PAGE
1066   ================================================================= */
1067.price-hero{padding:48px 0 30px;text-align:center}
1068.price-kicker{
1069  display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;
1070  background:var(--orange-soft);color:var(--orange-dark);border-radius:999px;padding:6px 14px;
1071  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
1072}
1073.price-hero h1{
1074  font-size:clamp(38px,4.6vw,58px);line-height:1.04;letter-spacing:-.022em;
1075  max-width:17ch;margin:0 auto 14px;
1076}
1077.price-hero h1 .dot{color:var(--orange)}
1078.price-hero .lead{font-size:17px;line-height:1.55;color:var(--body);max-width:58ch;margin:0 auto 22px}
1079.promise{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:13.5px;font-weight:700;color:var(--ink)}
1080.promise span{display:inline-flex;align-items:center;gap:7px}
1081.promise .icon{width:18px;height:18px;color:#2E7D4F}
1082
1083/* the author page's plan cards, plus a tier badge and the yearly price */
1084.plans .tier-badge{align-self:flex-start;margin-bottom:12px;font-size:10.5px;padding:5px 12px}
1085.plan-yearly{font-size:12.5px;line-height:1.45;color:var(--body);margin:-2px 0 12px}
1086.plan-yearly b{color:var(--ink)}
1087/* a yearly price links straight to its yearly Stripe checkout */
1088.yearly-link{font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
1089.plan-visibility .yearly-link,.cmp .c-v .yearly-link{color:#3F7531}
1090.plan-marketing .yearly-link,.cmp .c-m .yearly-link{color:#2761BC}
1091
1092/* ---------- full comparison -------------------------------------- */
1093.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
1094.cmp{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13.5px}
1095.cmp thead th:first-child{width:25%}
1096.cmp th,.cmp td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-soft)}
1097.cmp td{color:var(--body);line-height:1.5}
1098.cmp tbody th[scope="row"]{font-weight:700;color:var(--ink);line-height:1.4}
1099.cmp tbody th[scope="row"] small{display:block;margin-top:3px;font-size:12px;font-weight:400;color:var(--muted)}
1100
1101.cmp thead th{vertical-align:bottom;padding-bottom:16px;border-bottom:1.5px solid var(--line)}
1102.cmp-plan{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
1103.cmp-plan .tier-badge{font-size:10px;padding:4px 10px;margin-bottom:6px}
1104.cmp-plan b{font-family:"Playfair Display",Georgia,serif;font-size:19px;line-height:1.15;color:var(--ink)}
1105.cmp-plan span{font-size:13px;color:var(--muted)}
1106.cmp-plan span strong{font-size:17px;color:var(--ink)}
1107
1108.cmp-group th{
1109  padding:24px 16px 10px;border-bottom:1px solid var(--line);
1110  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);
1111}
1112.cmp tbody tr:not(.cmp-group):hover th,
1113.cmp tbody tr:not(.cmp-group):hover td{background:rgba(58,42,20,.025)}
1114
1115/* each plan's column carries a wash of its card colour */
1116.cmp .c-v{background:rgba(244,248,241,.75)}
1117.cmp .c-m{background:rgba(243,246,252,.75)}
1118.cmp .c-l{background:rgba(254,245,240,.85)}
1119.cmp .yes{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#2E7D4F}
1120.cmp .yes .icon{width:19px;height:19px}
1121.cmp .dim{color:var(--muted)}
1122
1123.cmp tfoot td{border-bottom:0;padding-top:20px;vertical-align:top}
1124.cmp tfoot .btn{width:100%;justify-content:center}
1125.cmp tfoot .plan-learn{margin-top:10px}
1126.cmp tfoot .c-v .btn{color:#3F7531;border-color:#8FBB80}
1127.cmp tfoot .c-m .btn{color:#2761BC;border-color:#8FB2E4}
1128
1129.cmp-hint{display:none;margin:-8px 0 12px;text-align:center;font-size:12.5px;color:var(--muted)}
1130@media (max-width:920px){
1131  .price-hero{padding:34px 0 22px}
1132}
1133@media (max-width:760px){
1134  .cmp{min-width:720px}
1135  /* keep the feature names in view while the plans scroll sideways */
1136  .cmp tbody th[scope="row"],.cmp thead th:first-child,.cmp tfoot td:first-child{
1137    position:sticky;left:0;z-index:1;background:var(--panel);
1138  }
1139  .cmp tbody th[scope="row"]{width:170px;box-shadow:1px 0 0 var(--line-soft)}
1140  .cmp-hint{display:block}
1141}
1142
1143</style>
1144</head>
1145<body>
1146
1147<a class="skip-link" href="#main">Skip to content</a>
1148
1149<!-- ===== icon sprite ============================================= -->
1150<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false">
1151<defs>
1152  <g id="i-book" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1153    <path d="M12 6.5C10.4 5 8.3 4.2 5.5 4.2c-.9 0-1.7.1-2.5.3v13.2c.8-.2 1.6-.3 2.5-.3 2.8 0 4.9.8 6.5 2.3 1.6-1.5 3.7-2.3 6.5-2.3.9 0 1.7.1 2.5.3V4.5c-.8-.2-1.6-.3-2.5-.3-2.8 0-4.9.8-6.5 2.3z"/>
1154    <path d="M12 6.5v15"/>
1155  </g>
1156  <g id="i-bookmark" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1157    <path d="M6 3.5h12a1 1 0 0 1 1 1v16.2l-7-4.4-7 4.4V4.5a1 1 0 0 1 1-1z"/>
1158  </g>
1159  <g id="i-heart" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1160    <path d="M12 20.5S3.5 15.4 3.5 9.6A4.6 4.6 0 0 1 12 7a4.6 4.6 0 0 1 8.5 2.6c0 5.8-8.5 10.9-8.5 10.9z"/>
1161  </g>
1162  <g id="i-megaphone" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1163    <path d="M3 10.5v3a1.5 1.5 0 0 0 1.5 1.5H7l7 4.5V6L7 10.5H4.5A1.5 1.5 0 0 0 3 12z"/>
1164    <path d="M7 15v4.5a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1v-2.6"/>
1165    <path d="M17.5 9.5c.9.7 1.5 1.6 1.5 2.5s-.6 1.8-1.5 2.5M19.8 6.8C21.2 8 22 9.9 22 12s-.8 4-2.2 5.2"/>
1166  </g>
1167  <g id="i-users" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1168    <circle cx="9" cy="8" r="3.2"/>
1168
1169    <path d="M2.8 20c0-3.1 2.8-5.4 6.2-5.4s6.2 2.3 6.2 5.4"/>
1170    <path d="M16.4 5.2a3.2 3.2 0 0 1 0 6.1M17.6 14.9c2.2.6 3.6 2.4 3.6 4.6"/>
1171  </g>
1172  <g id="i-search" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1173    <circle cx="11" cy="11" r="6.5"/><path d="M20 20l-4.4-4.4"/>
1174  </g>
1175  <g id="i-chevron-down" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1176    <path d="M6 9.5l6 6 6-6"/>
1177  </g>
1178  <g id="i-chevron-right" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1179    <path d="M9.5 5l7 7-7 7"/>
1180  </g>
1181  <g id="i-chevron-left" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1182    <path d="M14.5 5l-7 7 7 7"/>
1183  </g>
1184  <g id="i-arrow-right" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1185    <path d="M4 12h15M13 6l6 6-6 6"/>
1186  </g>
1187  <g id="i-menu" fill="none" stroke="currentColor" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"/></g>
1188  <path id="i-star" d="M12 3.2l2.7 5.6 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1L3.2 9.7l6.1-.9z" fill="currentColor"/>
1189  <g id="i-star-line" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1190    <path d="M12 3.2l2.7 5.6 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1L3.2 9.7l6.1-.9z"/>
1191  </g>
1192  <path id="i-play" d="M7 4.6v14.8L20 12z" fill="currentColor"/>
1193  <g id="i-volume" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1194    <path d="M4 9.5h3.2L12 5.5v13l-4.8-4H4z"/>
1195    <path d="M15.6 9.4a3.6 3.6 0 0 1 0 5.2M18.2 6.9a7.2 7.2 0 0 1 0 10.2"/>
1196  </g>
1197  <g id="i-settings" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1198    <circle cx="12" cy="12" r="3"/>
1199    <path d="M12 2.6l1.2 2.2 2.5-.4.5 2.5 2.2 1.2-1.3 2.2 1.3 2.2-2.2 1.2-.5 2.5-2.5-.4L12 21.4l-1.2-2.2-2.5.4-.5-2.5-2.2-1.2 1.3-2.2-1.3-2.2 2.2-1.2.5-2.5 2.5.4z"/>
1200  </g>
1201  <g id="i-fullscreen" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1202    <path d="M4 9V4.8A.8.8 0 0 1 4.8 4H9M15 4h4.2a.8.8 0 0 1 .8.8V9M20 15v4.2a.8.8 0 0 1-.8.8H15M9 20H4.8a.8.8 0 0 1-.8-.8V15"/>
1203  </g>
1204  <g id="i-check-square" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1205    <rect x="3.6" y="3.6" width="16.8" height="16.8" rx="3"/><path d="M7.8 12.2l2.9 2.9 5.5-6.2"/>
1206  </g>
1207  <g id="i-radar" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1208    <circle cx="12" cy="12" r="8.4"/><circle cx="12" cy="12" r="4.4"/><circle cx="12" cy="12" r=".9" fill="currentColor" stroke="none"/>
1209    <path d="M12 3.6v3M12 17.4v3M3.6 12h3M17.4 12h3"/>
1210  </g>
1211  <g id="i-flower" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1212    <circle cx="12" cy="12" r="2.5"/>
1213    <ellipse cx="12" cy="6.2" rx="2.9" ry="3.6"/>
1214    <ellipse cx="12" cy="17.8" rx="2.9" ry="3.6"/>
1215    <ellipse cx="12" cy="6.2" rx="2.9" ry="3.6" transform="rotate(60 12 12)"/>
1216    <ellipse cx="12" cy="17.8" rx="2.9" ry="3.6" transform="rotate(60 12 12)"/>
1217    <ellipse cx="12" cy="6.2" rx="2.9" ry="3.6" transform="rotate(120 12 12)"/>
1218    <ellipse cx="12" cy="17.8" rx="2.9" ry="3.6" transform="rotate(120 12 12)"/>
1219  </g>
1220  <g id="i-pencil" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1221    <path d="M4 20l1-4.2L16.2 4.6a2.1 2.1 0 0 1 3 3L8 18.9z"/><path d="M14.4 6.4l3.2 3.2"/>
1222  </g>
1223  <g id="i-mic" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1224    <rect x="9" y="2.8" width="6" height="11" rx="3"/>
1225    <path d="M5.6 11.4a6.4 6.4 0 0 0 12.8 0M12 17.8v3.4M8.6 21.2h6.8"/>
1226  </g>
1227  <g id="i-globe" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1228    <circle cx="12" cy="12" r="8.6"/><path d="M3.4 12h17.2"/>
1229    <path d="M12 3.4a13 13 0 0 1 0 17.2 13 13 0 0 1 0-17.2z"/>
1230  </g>
1231  <g id="i-facebook" fill="currentColor" stroke="none">
1232    <path d="M14.6 8.4h2.2V5.3h-2.6c-2.5 0-4 1.5-4 4v2H8v3.1h2.2V21h3.2v-6.6h2.3l.4-3.1h-2.7V9.7c0-.9.4-1.3 1.2-1.3z"/>
1233  </g>
1234  <g id="i-instagram" fill="none" stroke="currentColor" stroke-linecap="round">
1235    <rect x="3.4" y="3.4" width="17.2" height="17.2" rx="5"/>
1236    <circle cx="12" cy="12" r="4"/><circle cx="17.1" cy="6.9" r="1.1" fill="currentColor" stroke="none"/>
1237  </g>
1238  <g id="i-x" fill="currentColor" stroke="none">
1239    <path d="M17.6 3.5h2.9l-6.4 7.3 7.5 9.7h-5.9l-4.6-5.9-5.3 5.9H2.9l6.8-7.8L2.5 3.5h6l4.2 5.4zm-1 15.2h1.6L8 5.1H6.3z"/>
1240  </g>
1241  <g id="i-youtube" fill="currentColor" stroke="none">
1242    <path d="M21.4 8.1a2.5 2.5 0 0 0-1.7-1.7C18.2 6 12 6 12 6s-6.2 0-7.7.4A2.5 2.5 0 0 0 2.6 8.1 25.5 25.5 0 0 0 2.2 12c0 1.3.1 2.6.4 3.9a2.5 2.5 0 0 0 1.7 1.7c1.5.4 7.7.4 7.7.4s6.2 0 7.7-.4a2.5 2.5 0 0 0 1.7-1.7c.3-1.3.4-2.6.4-3.9s-.1-2.6-.4-3.9zM10.1 14.9V9.1l5.1 2.9z"/>
1243  </g>
1244  <g id="i-bank" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1245    <path d="M12 3.2 21 8H3zM5.5 11v7M9.8 11v7M14.2 11v7M18.5 11v7M3 20.8h18"/>
1246  </g>
1247  <g id="i-rocket" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1248    <path d="M12 2.6c3 2.4 4.6 5.7 4.6 9.2 0 2.3-.5 4.3-1.4 6H8.8c-.9-1.7-1.4-3.7-1.4-6 0-3.5 1.6-6.8 4.6-9.2z"/>
1249    <circle cx="12" cy="10" r="2.2"/>
1250    <path d="M7.6 13.4 4.8 16v3.4l2.9-1.7M16.4 13.4l2.8 2.6v3.4l-2.9-1.7"/>
1251    <path d="M10.4 20.4c.5 1 1 1.6 1.6 2 .6-.4 1.1-1 1.6-2"/>
1252  </g>
1253  <g id="i-sparkle" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1254    <path d="M12 2.8c.6 4.6 2.8 6.8 7.4 7.4-4.6.6-6.8 2.8-7.4 7.4-.6-4.6-2.8-6.8-7.4-7.4 4.6-.6 6.8-2.8 7.4-7.4z"/>
1255    <path d="M18.4 15.6c.3 2.2 1.3 3.2 3.5 3.5-2.2.3-3.2 1.3-3.5 3.5-.3-2.2-1.3-3.2-3.5-3.5 2.2-.3 3.2-1.3 3.5-3.5z"/>
1256  </g>
1257  <g id="i-refresh" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1258    <path d="M20 11.4A8 8 0 0 0 6.3 6.8L3.6 9.3M4 12.6a8 8 0 0 0 13.7 4.6l2.7-2.5"/>
1259    <path d="M3.4 5.4v4h4M20.6 18.6v-4h-4"/>
1260  </g>
1261  <g id="i-chat" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1262    <path d="M10.5 15.6H7l-3.4 2.6V6.6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3"/>
1263    <path d="M13 10.4h5.4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.9l-2.6 2v-2H13a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2z"/>
1264  </g>
1265  <g id="i-shield" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1266    <path d="M12 2.8 4.6 5.8v6c0 4.6 3.1 8.1 7.4 9.4 4.3-1.3 7.4-4.8 7.4-9.4v-6z"/>
1267    <path d="m9.2 11.8 2 2 3.6-3.8"/>
1268  </g>
1269  <g id="i-growth" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1270    <path d="M3.4 20.6h17.2M6.6 20.6v-5.4M11 20.6v-8.8M15.4 20.6v-6.4M19.8 20.6v-11"/>
1271    <path d="m13 7.6 4.2-4.2M13.4 3.4h3.8v3.8" />
1272  </g>
1273  <g id="i-support" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1274    <circle cx="12" cy="8" r="3.4"/>
1275    <path d="M5.2 20.6c0-3.6 3-6.4 6.8-6.4s6.8 2.8 6.8 6.4"/>
1276    <path d="M18.4 4.4a3.6 3.6 0 0 1 0 5.2"/>
1277  </g>
1278  <g id="i-news" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1279    <rect x="3.4" y="5" width="14" height="14" rx="1.8"/>
1280    <path d="M17.4 9h2.2a1 1 0 0 1 1 1v7.2a1.8 1.8 0 0 1-3.2 1.1"/>
1281    <path d="M6.4 8.4h8M6.4 12h4.4M6.4 15.4h4.4M12.6 11.6h1.8v3.8h-1.8z"/>
1282  </g>
1283  <g id="i-clipboard" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1284    <path d="M9 4.4H7a1.8 1.8 0 0 0-1.8 1.8v13A1.8 1.8 0 0 0 7 21h10a1.8 1.8 0 0 0 1.8-1.8v-13A1.8 1.8 0 0 0 17 4.4h-2"/>
1285    <rect x="9" y="2.6" width="6" height="3.6" rx="1"/>
1286    <path d="m9.4 13 1.8 1.8 3.4-3.6"/>
1287  </g>
1288  <g id="i-check-circle" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1289    <circle cx="12" cy="12" r="9"/><path d="m8.2 12.2 2.6 2.6 5-5.4"/>
1290  </g>
1291  <g id="i-brain" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1292    <path d="M12 5.2a3 3 0 0 0-5.6-.8A2.8 2.8 0 0 0 3.6 8.6a3 3 0 0 0 .5 4.8 2.9 2.9 0 0 0 2.4 3.7 2.8 2.8 0 0 0 5.5.5z"/>
1293    <path d="M12 5.2a3 3 0 0 1 5.6-.8 2.8 2.8 0 0 1 2.8 4.2 3 3 0 0 1-.5 4.8 2.9 2.9 0 0 1-2.4 3.7 2.8 2.8 0 0 1-5.5.5z"/>
1294    <path d="M12 5.2v12.9M8.6 9.4h2M13.4 9.4h2M9.4 13.4h1.4M13.2 13.4h1.4"/>
1295  </g>
1296  <g id="i-people-solid" fill="currentColor" stroke="none">
1297    <circle cx="12" cy="6.6" r="3.2"/>
1297
1298    <path d="M12 11.4c-3.3 0-6 2.2-6 4.9v2.3h12v-2.3c0-2.7-2.7-4.9-6-4.9z"/>
1299    <circle cx="4.6" cy="8.8" r="2.4"/>
1300    <path d="M4.6 12.6c-2.3 0-4.1 1.5-4.1 3.4v2.6h3.6v-2.3c0-1.4.6-2.7 1.6-3.7z"/>
1301    <circle cx="19.4" cy="8.8" r="2.4"/>
1302    <path d="M19.4 12.6c2.3 0 4.1 1.5 4.1 3.4v2.6h-3.6v-2.3c0-1.4-.6-2.7-1.6-3.7z"/>
1303  </g>
1304  <g id="i-google" stroke="none">
1305    <path fill="#4285F4" d="M21.6 12.23c0-.68-.06-1.34-.18-1.96H12v3.71h5.38a4.6 4.6 0 0 1-2 3.02v2.5h3.24c1.89-1.74 2.98-4.3 2.98-7.27z"/>
1306    <path fill="#34A853" d="M12 22c2.7 0 4.96-.9 6.62-2.43l-3.24-2.5c-.9.6-2.05.96-3.38.96-2.6 0-4.8-1.76-5.59-4.12H3.06v2.59A10 10 0 0 0 12 22z"/>
1307    <path fill="#FBBC05" d="M6.41 13.91a6 6 0 0 1 0-3.82V7.5H3.06a10 10 0 0 0 0 9l3.35-2.59z"/>
1308    <path fill="#EA4335" d="M12 5.98c1.47 0 2.79.5 3.83 1.5l2.87-2.87C16.95 2.98 14.7 2 12 2a10 10 0 0 0-8.94 5.5l3.35 2.59C7.2 7.73 9.4 5.98 12 5.98z"/>
1309  </g>
1310  <g id="i-amazon" fill="currentColor" stroke="none">
1311    <path d="M12.9 12.4c-1.1.1-2.4.2-3.5.7-1.3.6-2.2 1.7-2.2 3.3 0 2.1 1.3 3.1 3 3.1 1.4 0 2.2-.3 3.3-1.5.4.5.5.8 1.2 1.4.2.1.4.1.5 0 .4-.3 1.1-.9 1.4-1.2.2-.2.1-.4 0-.6-.4-.5-.8-1-.8-2v-3.4c0-1.4.1-2.7-.9-3.7-.8-.8-2.2-1.1-3.2-1.1-2 0-4.2.7-4.7 3.2 0 .3.2.4.3.4l2.1.2c.2 0 .3-.2.4-.4.2-.9.9-1.3 1.7-1.3.4 0 .9.2 1.2.5.3.4.2 1 .2 1.5zm-.4 4.3c-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.8-1.9v.4c0 .8 0 1.4-.3 2z"/>
1312    <path d="M19.9 18.6c-2.3 1.7-5.7 2.6-8.6 2.6-4.1 0-7.7-1.5-10.5-4-.2-.2 0-.5.2-.3 3 1.7 6.7 2.8 10.5 2.8 2.6 0 5.4-.5 8-1.6.4-.2.7.3.4.5z"/>
1313    <path d="M20.8 17.6c-.3-.4-2-.2-2.7-.1-.2 0-.3-.2-.1-.3 1.3-.9 3.5-.7 3.8-.3.3.3-.1 2.5-1.3 3.5-.2.2-.4.1-.3-.1.3-.8.9-2.4.6-2.7z"/>
1314  </g>
1315  <g id="i-close" fill="none" stroke="currentColor" stroke-linecap="round">
1316    <path d="M6 6l12 12M18 6L6 18"/>
1317  </g>
1318  <g id="i-plus" fill="none" stroke="currentColor" stroke-linecap="round">
1319    <path d="M12 5v14M5 12h14"/>
1320  </g>
1321  <g id="i-trophy" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
1322    <path d="M7.5 3.5h9v5.2a4.5 4.5 0 0 1-9 0z"/>
1323    <path d="M7.5 5.5H5a1.5 1.5 0 0 0-1.5 1.6c.2 2.1 1.9 3.7 4.1 3.9M16.5 5.5H19a1.5 1.5 0 0 1 1.5 1.6c-.2 2.1-1.9 3.7-4.1 3.9"/>
1324    <path d="M12 13.2v3.6M8.8 20.5h6.4M9.8 16.8h4.4v3.7H9.8z"/>
1325  </g>
1326</defs>
1327</svg>
1328<!-- ===== HEADER ================================================== -->
1329<header class="site-header">
1330  <div class="wrap header-inner">
1331
1332    <a href="/" class="brand" aria-label="Scribando Book Launchpad — home">
1333      <span class="brand-chip">
1334        <img src="https://www.scribando.com/wp-content/uploads/2024/01/newlogo.jpg" alt="Scribando" width="300" height="64">
1335      </span>
1336      <span class="brand-kicker">Book Launchpad</span>
1337    </a>
1338
1339    <nav class="main-nav" aria-label="Primary">
1340      <div class="nav-item">
1341        <a class="nav-link" href="https://showcase.scribando.com/">
1342          Discover Books <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-chevron-down"/></svg>
1343        </a>
1344        <div class="nav-menu">
1345          <a href="https://showcase.scribando.com/">All Books</a>
1346          <a href="/#discovery" data-jump="launching-soon">Launching Soon</a>
1347          <a href="/#discovery" data-jump="just-launched">Just Launched</a>
1348          <a href="/#discovery" data-jump="ready-to-rediscover">Ready to Rediscover</a>
1349          <a href="/#discovery" data-jump="award-contenders">Award Contenders</a>
1350        </div>
1351      </div>
1352      <a class="nav-link" href="/forreaders.html">For Amplifiers</a>
1353      <a class="nav-link is-current" href="/forauthors.html" aria-current="page">For Authors</a>
1354      <div class="nav-item">
1355        <a class="nav-link" href="/#about">
1356          About Scribando <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-chevron-down"/></svg>
1357        </a>
1358        <div class="nav-menu">
1359          <a href="/#about">Our Mission</a>
1360          <a href="https://www.scribando.com/about/">Our Story</a>
1361          <a href="https://www.scribando.com/contact/">Contact Us</a>
1362        </div>
1363      </div>
1364      <a class="nav-link" href="https://blog.scribando.com/">Blog</a>
1365    </nav>
1366
1367    <div class="header-actions">
1368      <form class="header-search" id="headerSearch" role="search">
1369        <label class="sr-only" for="siteSearch">Search books, authors, genres</label>
1370        <input id="siteSearch" type="search" placeholder="Search books, authors, genres..." autocomplete="off">
1371        <button type="submit" aria-label="Search">
1372          <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-search"/></svg>
1373        </button>
1374      </form>
1375      <a class="btn btn-outline" href="https://www.scribando.com/login">Log in</a>
1376      <button class="btn btn-primary" type="button" id="signupBtn" aria-haspopup="dialog">Sign up</button>
1377      <button class="nav-toggle" id="navToggle" aria-label="Open search" aria-expanded="false">
1378        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-search"/></svg>
1379      </button>
1380    </div>
1381
1382  </div>
1383</header>
1384
1385<main id="main">
1386
1387<!-- ===== HERO ==================================================== -->
1388<section class="price-hero">
1389  <div class="wrap">
1390    <span class="price-kicker">Pricing</span>
1391    <h1>A plan for every stage of your book<span class="dot">.</span></h1>
1392    <p class="lead">Keep your book visible, put a marketing team behind it, or go all in on a launch. Every plan covers one book, with no long-term contract.</p>
1393    <div class="promise">
1394      <span><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Cancel any time</span>
1395      <span><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Every deliverable guaranteed</span>
1396      <span><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Move up or down as your book grows</span>
1397    </div>
1398  </div>
1399</section>
1400
1401<!-- ===== PLANS =================================================== -->
1402<section class="wrap section" id="plans">
1403  <div class="plans">
1404
1405    <div class="plan plan-visibility">
1406      <span class="tier-badge is-bronze"><span class="dot"></span> Bronze</span>
1407      <div class="plan-price"><b>&euro;50</b><span>/month</span></div>
1408      <p class="plan-yearly">or <a class="yearly-link" href="https://buy.stripe.com/aFa14ne2q6me5LA8xg0ZW1v">&euro;500 a year</a> &mdash; two months free</p>
1409      <h3>Visibility</h3>
1410      <p>Build your presence and get discovered across Scribando, Google and AI.</p>
1411      <ul>
1412        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Scribando Book Listing</li>
1413        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Showcase Feature</li>
1414        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Monthly promotion in email &amp; SoMe</li>
1415        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Earn badges &amp; be considered for features</li>
1416        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Access to member area &amp; training</li>
1417      </ul>
1418      <a class="btn" href="https://buy.stripe.com/dRm9AT7E2h0S4Hw28S0ZW1u">Get Started</a>
1419      <a class="plan-learn" href="/plan-visibility.html">Learn more</a>
1420    </div>
1421
1422    <div class="plan plan-marketing">
1423      <span class="tier-badge is-silver"><span class="dot"></span> Silver</span>
1424      <div class="plan-price"><b>&euro;500</b><span>/month</span></div>
1425      <p class="plan-yearly">or <a class="yearly-link" href="https://buy.stripe.com/14A28r5vUh0Sa1QbJs0ZW1q">&euro;3,000 a year</a> &mdash; save &euro;3,000</p>
1426      <h3>Marketing</h3>
1427      <p>Amplify your book and grow your audience with ongoing marketing.</p>
1428      <ul>
1429        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Everything in Visibility</li>
1430        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>PR &amp; Influencer Outreach (PR Engine + manual)</li>
1431        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Ongoing Book Review Generation</li>
1432        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Amazon Ads Management</li>
1433        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Personal Project Management</li>
1434      </ul>
1435      <a class="btn" href="https://buy.stripe.com/fZu3cv8I6eSKfma00K0ZW1i">Get Started</a>
1436      <a class="plan-learn" href="/plan-marketing.html">Learn more</a>
1437    </div>
1438
1439    <div class="plan plan-launch">
1440      <span class="ribbon">Most Popular</span>
1441      <span class="tier-badge is-gold"><span class="dot"></span> Gold</span>
1442      <div class="plan-price"><b>&euro;1,500</b><span>/month</span></div>
1443      <p class="plan-yearly">Scoped with you on a call, so the plan fits the launch</p>
1444      <h3>Book Launch</h3>
1445      <p>Our full-service launch package to create maximum impact.</p>
1446      <ul>
1447        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Everything in Marketing</li>
1448        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Irresistible Offer &amp; Launch Strategy</li>
1449        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Full PR &amp; Influencer Campaign</li>
1450        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Intensive Review Generation</li>
1451        <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Amazon Launch &amp; Visibility Boost</li>
1452      </ul>
1453      <a class="btn" href="https://buy.stripe.com/14AaEXgay4e60rgeVE0ZW1k">Get Started</a>
1454      <a class="plan-learn" href="/plan-booklaunch.html">Learn more</a>
1455    </div>
1456
1457  </div>
1458</section>
1459
1460<!-- ===== TRUST =================================================== -->
1461<section class="values">
1462  <div class="wrap trust">
1463    <div class="trust-item">
1464      <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-shield"/></svg>
1465      <div><h3>No long-term contracts</h3><p>Cancel anytime.</p></div>
1466    </div>
1467    <div class="trust-item">
1468      <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-clipboard"/></svg>
1469      <div><h3>Transparent reports</h3><p>See what we do and why.</p></div>
1470    </div>
1471    <div class="trust-item">
1472      <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-globe"/></svg>
1473      <div><h3>Global community</h3><p>Readers &amp; amplifiers worldwide.</p></div>
1474    </div>
1475    <div class="trust-item">
1476      <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-star-line"/>
1476</svg>
1477      <div><h3>Real people. Real books.</h3><p>Real impact.</p></div>
1478    </div>
1479  </div>
1480</section>
1481
1482<!-- ===== FULL COMPARISON ========================================= -->
1483<section class="wrap section" id="compare">
1484  <div class="panel" style="padding:30px 26px">
1485    <h2 class="section-title">Compare every feature.</h2>
1486    <p class="section-sub">Everything each plan includes, side by side. All three cover one book.</p>
1487    <p class="cmp-hint">Swipe sideways to see all three plans.</p>
1488
1489    <div class="cmp-wrap">
1490      <table class="cmp">
1491        <thead>
1492          <tr>
1493            <th scope="col"><span class="sr-only">Feature</span></th>
1494            <th scope="col" class="c-v">
1495              <div class="cmp-plan">
1496                <span class="tier-badge is-bronze"><span class="dot"></span> Bronze</span>
1497                <b>Ongoing Visibility</b>
1498                <span><strong>&euro;50</strong> / month</span>
1499              </div>
1500            </th>
1501            <th scope="col" class="c-m">
1502              <div class="cmp-plan">
1503                <span class="tier-badge is-silver"><span class="dot"></span> Silver</span>
1504                <b>Active Marketing</b>
1505                <span><strong>&euro;500</strong> / month</span>
1506              </div>
1507            </th>
1508            <th scope="col" class="c-l">
1509              <div class="cmp-plan">
1510                <span class="tier-badge is-gold"><span class="dot"></span> Gold</span>
1511                <b>Book Launch</b>
1512                <span><strong>&euro;1,500</strong> / month</span>
1513              </div>
1514            </th>
1515          </tr>
1516        </thead>
1517
1518        <tbody>
1519          <tr class="cmp-group"><th colspan="4" scope="colgroup">Pricing</th></tr>
1520          <tr>
1521            <th scope="row">Monthly</th>
1522            <td class="c-v">&euro;50 a month</td>
1523            <td class="c-m">&euro;500 a month</td>
1524            <td class="c-l">&euro;1,500 a month</td>
1525          </tr>
1526          <tr>
1527            <th scope="row">Yearly</th>
1528            <td class="c-v"><a class="yearly-link" href="https://buy.stripe.com/aFa14ne2q6me5LA8xg0ZW1v">&euro;500 a year</a> &mdash; two months free</td>
1529            <td class="c-m"><a class="yearly-link" href="https://buy.stripe.com/14A28r5vUh0Sa1QbJs0ZW1q">&euro;3,000 a year</a> &mdash; save &euro;3,000</td>
1530            <td class="c-l dim">Monthly only</td>
1531          </tr>
1532          <tr>
1533            <th scope="row">Other options</th>
1534            <td class="c-v dim">&mdash;</td>
1535            <td class="c-m">From &euro;300 a month</td>
1536            <td class="c-l">Scoped &euro;500 down or up, agreed on a call</td>
1537          </tr>
1538          <tr>
1539            <th scope="row">Contract</th>
1540            <td class="c-v">Cancel any time</td>
1541            <td class="c-m">Cancel any time</td>
1542            <td class="c-l">No long-term contract</td>
1543          </tr>
1544
1545          <tr class="cmp-group"><th colspan="4" scope="colgroup">Who it's for</th></tr>
1546          <tr>
1547            <th scope="row">Best for</th>
1548            <td class="c-v">Authors and publishers who want their book to stay visible at an affordable price</td>
1549            <td class="c-m">Authors and publishers with the budget for affordable agency marketing support</td>
1550            <td class="c-l">Authors launching a book who want a full-scale agency with 1-on-1 support</td>
1551          </tr>
1552          <tr>
1553            <th scope="row">How you start</th>
1554            <td class="c-v">Sign up online</td>
1555            <td class="c-m">Sign up online, or book a call with Albert</td>
1556            <td class="c-l">Usually a call with Albert first &mdash; or sign up online</td>
1557          </tr>
1558          <tr>
1559            <th scope="row">Books covered</th>
1560            <td class="c-v">One book</td>
1561            <td class="c-m">One book</td>
1562            <td class="c-l">One book</td>
1563          </tr>
1564
1565          <tr class="cmp-group"><th colspan="4" scope="colgroup">What's included</th></tr>
1566          <tr>
1567            <th scope="row">Onboarding<small>Kick-off, Irresistible Offer, project gameplan</small></th>
1568            <td class="c-v">Welcome video</td>
1569            <td class="c-m">Kick-off call, Irresistible Offer &amp; gameplan</td>
1570            <td class="c-l">1-hour kick-off, Irresistible Offer &amp; launch gameplan</td>
1571          </tr>
1572          <tr>
1573            <th scope="row">Scribando visibility<small>Book listing, Showcase feature, monthly promotion in email &amp; social</small></th>
1574            <td class="c-v"><span class="yes">
1574<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1575            <td class="c-m"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1576            <td class="c-l"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1577          </tr>
1578          <tr>
1579            <th scope="row">Scribando credibility<small>Badges, features in the monthly updates, book award matches</small></th>
1580            <td class="c-v"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1581            <td class="c-m"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1582            <td class="c-l"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1583          </tr>
1584          <tr>
1585            <th scope="row">Training &amp; education<small>The member area, training and tools</small></th>
1586            <td class="c-v"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1587            <td class="c-m"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1588            <td class="c-l"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1589          </tr>
1590          <tr>
1591            <th scope="row">PR &amp; influencer outreach<small>PR Engine and manual outreach</small></th>
1592            <td class="c-v">Limited to our monthly outreach</td>
1593            <td class="c-m">Monthly outreach + PR Engine</td>
1594            <td class="c-l">Monthly outreach + PR Engine, aimed at your launch</td>
1595          </tr>
1596          <tr>
1597            <th scope="row">Review generation</th>
1598            <td class="c-v">Limited to your Scribando listing</td>
1599            <td class="c-m">1&ndash;5 a month, 1 guaranteed, via Booksprout &amp; Scribando</td>
1600            <td class="c-l">5&ndash;15 a month, guaranteed per contract, via Pubby &amp; our network</td>
1601          </tr>
1602          <tr>
1603            <th scope="row">Expert support &amp; project management</th>
1604            <td class="c-v">Light-touch email support</td>
1605            <td class="c-m">Email support, monthly report, progress calls when you want them</td>
1606            <td class="c-l">Your own project manager, a progress call every 7 or 14 days</td>
1607          </tr>
1608          <tr>
1609            <th scope="row">Amazon Ads &amp; visibility</th>
1610            <td class="c-v">Ads Creator, to run your own ads</td>
1611            <td class="c-m">Managed for you, 2 hours a month</td>
1612            <td class="c-l">Managed for you, 5 hours a month</td>
1613          </tr>
1614
1615          <tr class="cmp-group"><th colspan="4" scope="colgroup">Our promise</th></tr>
1616          <tr>
1617            <th scope="row">Deliverables guarantee<small>If a deliverable doesn't happen, that part is refunded</small></th>
1618            <td class="c-v"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1619            <td class="c-m"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1620            <td class="c-l"><span class="yes"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Included</span></td>
1621          </tr>
1622        </tbody>
1623
1624        <tfoot>
1625          <tr>
1626            <td></td>
1627            <td class="c-v">
1628              <a class="btn btn-line" href="https://buy.stripe.com/dRm9AT7E2h0S4Hw28S0ZW1u">Start for &euro;50 a month</a>
1629              <a class="plan-learn" href="/plan-visibility.html">See the plan</a>
1630            </td>
1631            <td class="c-m">
1632              <a class="btn btn-line" href="https://buy.stripe.com/fZu3cv8I6eSKfma00K0ZW1i">Start this plan</a>
1633              <a class="plan-learn" href="/plan-marketing.html">See the plan</a>
1634            </td>
1635            <td class="c-l">
1636              <a class="btn btn-primary" href="https://go.oncehub.com/albert15" target="_blank" rel="noopener">Plan your launch with Albert</a>
1637              <a class="plan-learn" href="https://buy.stripe.com/14AaEXgay4e60rgeVE0ZW1k">Or start this plan</a>
1638            </td>
1639          </tr>
1640        </tfoot>
1641      </table>
1642    </div>
1643  </div>
1644</section>
1645
1646<!-- ===== FAQ ===================================================== -->
1647<section class="wrap section">
1648  <div class="panel" style="padding:30px 26px">
1649    <h2 class="section-title" style="margin-bottom:24px">Pricing questions.</h2>
1650
1651    <div class="faq">
1652      <details>
1653        <summary>
1653Can I change plans later?<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-plus"/></svg></summary>
1654        <p>Yes. Move up or down whenever your book needs it &mdash; plenty of authors start with Visibility or Marketing and step up for a launch. Just get in touch and we'll switch you over.</p>
1655      </details>
1656      <details>
1657        <summary>Am I locked into a contract?<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-plus"/></svg></summary>
1658        <p>No. Monthly plans run month to month and you can cancel any time. Yearly plans are paid upfront for the year, and the reduced &euro;300 Marketing rate asks for a longer commitment in exchange for the lower price.</p>
1659      </details>
1660      <details>
1661        <summary>Is my Amazon ad spend included?<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-plus"/></svg></summary>
1662        <p>No. Your ad budget goes to Amazon directly, so you set it, you see it, and you can change it whenever you like. Marketing and Book Launch cover the work of running your campaigns; Visibility gives you the Ads Creator to run them yourself.</p>
1663      </details>
1664      <details>
1665        <summary>What does &ldquo;every deliverable guaranteed&rdquo; mean?<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-plus"/></svg></summary>
1666        <p>Everything listed for your plan happens. If a deliverable we committed to doesn't, that part is refunded for the month. What nobody can honestly guarantee is a specific sales number &mdash; anyone promising that is guessing.</p>
1667      </details>
1668      <details>
1669        <summary>I have more than one book. What then?<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-plus"/></svg></summary>
1670        <p>Each plan covers one book. If you have a series or a backlist, book a call and we'll scope something that fits rather than selling you several plans.</p>
1671      </details>
1672      <details>
1673        <summary>Which plan should I choose?<svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-plus"/></svg></summary>
1674        <p>If your book is out and you want it to stay findable, start with Ongoing Visibility. If you want a team growing it every month, Active Marketing. If you're launching, Book Launch. Still not sure? Book a call with Albert and he'll tell you straight.</p>
1675      </details>
1676    </div>
1677  </div>
1678</section>
1679
1680<!-- ===== BOOK A CALL ============================================= -->
1681<section class="callband">
1682  <div class="wrap callband-inner">
1683    <img class="callband-photo" src="https://www.scribando.com/wp-content/uploads/2021/11/albertgriesmayr.jpg"
1684         alt="Albert Griesmayr, Founder and CEO of Scribando" loading="lazy" width="132" height="132">
1685    <div class="callband-body">
1686      <h2>Talk it through with Albert.</h2>
1687      <p>Not sure which plan fits your book &mdash; or whether Scribando is right for it at all? Book a call with our founder and get a straight answer, plus a plan for getting your book discovered.</p>
1688      <div class="callband-actions">
1689        <a class="btn btn-primary" href="https://go.oncehub.com/albert15" target="_blank" rel="noopener">
1690          Schedule a call with Albert
1691          <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-arrow-right"/></svg>
1692        </a>
1693        <a class="callband-alt" href="#compare">Or compare every feature</a>
1694      </div>
1695      <p class="callband-note">
1696        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>
1697        No pitch, no obligation &mdash; just a conversation about your book.
1698      </p>
1699    </div>
1700  </div>
1701</section>
1702
1703
1704</main>
1705
1706<!-- ===== FOOTER ================================================== -->
1707<footer class="site-footer">
1708  <div class="wrap">
1709    <div class="footer-grid">
1710
1711      <div class="footer-brand">
1712        <a href="/" class="brand" aria-label="Scribando Book Launchpad — home">
1713          <span class="brand-chip">
1714            <img src="https://www.scribando.com/wp-content/uploads/2024/01/newlogo.jpg" alt="Scribando" width="300" height="64">
1715          </span>
1716          <span class="brand-kicker">Book Launchpad</span>
1717        </a>
1718        <p>Connecting great books with the people who help them reach more readers.</p>
1719        <div class="socials">
1720          <a href="https://www.facebook.com/scribando" aria-label="Scribando on Facebook"><svg class="icon" viewBox="0 0 24 24"><use href="#i-facebook"/></svg></a>
1721          <a href="https://www.instagram.com/scribando" aria-label="Scribando on Instagram"><svg class="icon" viewBox="0 0 24 24"><use href="#i-instagram"/></svg></a>
1722          <a href="https://x.com/scribando" aria-label="Scribando on X"><svg class="icon" viewBox="0 0 24 24"><use href="#i-x"/></svg></a>
1723          <a href="https://www.youtube.com/@scribando" aria-label="Scribando on YouTube"><svg class="icon" viewBox="0 0 24 24"><use href="#i-youtube"/></svg></a>
1724        </div>
1725      </div>
1726
1727      <div class="footer-col">
1728        <h4>Discover</h4>
1729        <ul>
1730          <li><a href="https://showcase.scribando.com/">All Books</a></li>
1731          <li><a href="/#discovery" data-jump="just-launched">New Launches</a></li>
1732          <li><a href="/#discovery" data-jump="books-with-chatter">Reader Favorites</a></li>
1733          <li><a href="/#discovery" data-jump="mission-based">Hidden Gems</a></li>
1734          <li><a href="/#discovery" data-jump="ready-to-rediscover">Timeless Reads</a></li>
1735        </ul>
1736      </div>
1737
1738      <div class="footer-col" id="amplifiers">
1739        <h4>For Amplifiers</h4>
1740        <ul>
1741          <li><a href="/forreaders.html#how">How It Works</a></li>
1742          <li><a href="/forreaders.html#opportunities">Amplifier Opportunities</a></li>
1743          <li><a href="https://www.scribando.com/community-guidelines/">Community Guidelines</a></li>
1744          <li><a href="https://blog.scribando.com/">Tips &amp; Resources</a></li>
1745          <li><a href="https://showcase.scribando.com/">Leaderboards</a></li>
1746        </ul>
1747      </div>
1748
1749      <div class="footer-col" id="authors">
1750        <h4>For Authors</h4>
1751        <ul>
1752          <li><a href="/forauthors.html">Why Launch Here</a></li>
1753          <li><a href="/partners/">Trusted Partners</a></li>
1754          <li><a href="https://showcase.scribando.com/">Success Stories</a></li>
1755          <li><a href="/pricing/">Pricing</a></li>
1756          <li><a href="https://www.scribando.com/contact/">Launch Your Book</a></li>
1757        </ul>
1758      </div>
1759
1760      <div class="footer-col">
1761        <h4>About Scribando</h4>
1762        <ul>
1763          <li><a href="/#about">Our Mission</a></li>
1764          <li><a href="https://www.scribando.com/about/">Our Story</a></li>
1765          <li><a href="https://www.scribando.com/about/">Team</a></li>
1766          <li><a href="https://www.scribando.com/careers/">Careers</a></li>
1767          <li><a href="https://www.scribando.com/press/">Press Kit</a></li>
1768        </ul>
1769      </div>
1770
1771      <div class="footer-col">
1772        <h4>Support</h4>
1773        <ul>
1774          <li><a href="mailto:[email protected]">Help: [email protected]</a></li>
1775          <li><a href="https://www.scribando.com/contact/">Contact Us</a></li>
1776          <li><a href="https://www.scribando.com/privacy-policy/">Privacy Policy</a></li>
1777          <li><a href="https://www.scribando.com/terms/">Terms of Use</a></li>
1778        </ul>
1779      </div>
1780
1781      <div class="footer-cta">
1782        <h4>Stay in the loop</h4>
1783        <p>Get the best new book discoveries and amplifier opportunities.</p>
1784        <form class="signup-form js-subscribe" data-source="footer" novalidate>
1785          <label class="sr-only" for="footerEmail">Your email address</label>
1786          <input id="footerEmail" type="email" name="email" placeholder="Enter your email" autocomplete="email" required>
1787          <button class="btn btn-primary" type="submit">Subscribe</button>
1788        </form>
1789        <p class="form-note" data-note-for="footer" role="status"></p>
1790      </div>
1791
1792    </div>
1793
1794    <div class="footer-base">
1795      &copy; <span id="year">2026</span> Scribando Launchpad. All rights reserved.
1796    </div>
1797  </div>
1798</footer>
1799
1800<!-- ===== SIGN-UP CHOICE MODAL ==================================== -->
1801<div class="modal" id="signupModal" role="dialog" aria-modal="true" aria-labelledby="signupTitle" hidden>
1802  <div class="modal-card">
1803    <button class="modal-close" type="button" data-modal-close aria-label="Close">
1804      <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-close"/></svg>
1805    </button>
1806
1807    <h2 id="signupTitle">First things first</h2>
1808    <p>Are you here for your own book, or to discover books worth reading?</p>
1809
1810    <div class="modal-choices">
1811      <a class="choice" href="/pricing/">
1812        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-pencil"/></svg>
1813        <div>
1814          <h3>I'm an author</h3>
1815          <p>Get your book in front of readers, reviewers and the press.</p>
1816        </div>
1817      </a>
1818      <a class="choice" href="/forreaders.html">
1819        <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-book"/></svg>
1820        <div>
1821          <h3>I'm a reader</h3>
1822          <p>Discover remarkable books and help them find their audience.</p>
1823        </div>
1824      </a>
1825    </div>
1826
1827    <p class="modal-foot">Already have an account? <a href="https://www.scribando.com/login">Log in</a></p>
1828  </div>
1829</div>
1830
1831<script>
1832
1833(function () {
1834  'use strict';
1835
1836  document.getElementById('year').textContent = new Date().getFullYear();
1837
1838  // Header search sends you to the homepage grid with the term applied.
1839  var form = document.getElementById('headerSearch');
1840  var input = document.getElementById('siteSearch');
1841  form.addEventListener('submit', function (e) {
1842    e.preventDefault();
1843    var q = input.value.trim();
1844    window.location.href = '/' + (q ? '?q=' + encodeURIComponent(q) : '') + '#discovery';
1845  });
1846
1847  var toggle = document.getElementById('navToggle');
1848  toggle.addEventListener('click', function () {
1849    var open = form.classList.toggle('is-open');
1850    this.setAttribute('aria-expanded', String(open));
1851    if (open) input.focus();
1852  });
1853
1854
1855  // Footer newsletter — same contract as the homepage and the blog:
1856  // POST { email } to /subscribebookworld, read `message` back.
1857  var SUBSCRIBE_URL = 'https://api.scribando.com/subscribebookworld';
1858
1859  Array.prototype.forEach.call(document.querySelectorAll('.js-subscribe'), function (f) {
1860    var note = document.querySelector('[data-note-for="' + f.dataset.source + '"]');
1861
1862    function say(text, state) {
1863      if (!note) return;
1864      note.textContent = text;
1865      note.className = 'form-note' + (state ? ' is-' + state : '');
1866    }
1867
1868    f.addEventListener('submit', function (e) {
1869      e.preventDefault();
1870      var input = f.querySelector('input[type="email"]');
1871      var email = input.value.trim();
1872
1873      if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
1874        say('Please enter a valid email address.', 'error');
1875        input.focus();
1876        return;
1877      }
1878
1879      var button = f.querySelector('button[type="submit"]');
1880      button.disabled = true;
1881      say('Subscribing...', null);
1882
1883      fetch(SUBSCRIBE_URL, {
1884        method: 'POST',
1885        headers: { 'Content-Type': 'application/json' },
1886        body: JSON.stringify({ email: email })
1887      })
1888        .then(function (r) {
1889          return r.json().catch(function () { return {}; })
1890            .then(function (d) { return { ok: r.ok, data: d }; });
1891        })
1892        .then(function (res) {
1893          if (res.ok) {
1894            var already = /already/i.test(res.data.message || '');
1895            say(already
1896              ? "You're already subscribed to the LaunchPad."
1897              : "You've subscribed to the LaunchPad.", 'ok');
1898            f.reset();
1899          } else {
1900            say(res.data.message || 'Something went wrong. Please try again.', 'error');
1901          }
1902        })
1903        .catch(function (err) {
1904          console.error('Author page: subscribe failed —', err);
1905          say('Network error. Please try again later.', 'error');
1906        })
1907        .then(function () { button.disabled = false; });
1908    });
1909  });
1910
1911
1912  /* =================================================================
1913     SIGN-UP CHOICE MODAL
1914     ================================================================= */
1915
1916  (function () {
1917    var modal   = document.getElementById('signupModal');
1918    var trigger = document.getElementById('signupBtn');
1919    if (!modal || !trigger) return;
1920
1921    var opener = null;
1922
1923    function focusable() {
1924      return Array.prototype.slice.call(
1925        modal.querySelectorAll('a[href], button:not([disabled])')
1926      );
1927    }
1928
1929    function open(e) {
1930      if (e) e.preventDefault();
1931      opener = (document.activeElement && document.activeElement !== document.body)
1932        ? document.activeElement : trigger;
1933      modal.hidden = false;
1934      document.body.style.overflow = 'hidden';
1935      // Reading a layout property commits the closed state, so adding the
1936      // class still animates. Doing this synchronously rather than in a
1937      // requestAnimationFrame matters: rAF does not fire in a background tab,
1938      // which would leave the dialog stuck invisible.
1939      void modal.offsetWidth;
1940      modal.classList.add('is-open');
1941      // is-open lifts visibility:hidden; an invisible element cannot take focus
1942      var f = focusable();
1943      if (f.length) f[0].focus();
1944    }
1945
1946    function close() {
1947      modal.classList.remove('is-open');
1948      document.body.style.overflow = '';
1949      // wait out the fade before pulling it from the accessibility tree
1950      setTimeout(function () { modal.hidden = true; }, 200);
1951      if (opener && opener.focus) opener.focus();
1952    }
1953
1954    trigger.addEventListener('click', open);
1955
1956    modal.addEventListener('click', function (e) {
1957      // backdrop, or anything marked as a close control
1958      if (e.target === modal || e.target.closest('[data-modal-close]')) close();
1959    });
1960
1961    document.addEventListener('keydown', function (e) {
1962      if (modal.hidden) return;
1963
1964      if (e.key === 'Escape') { close(); return; }
1965
1966      // keep tabbing inside the dialog while it is open
1967      if (e.key === 'Tab') {
1968        var f = focusable();
1969        if (!f.length) return;
1970        var first = f[0], last = f[f.length - 1];
1971        if (e.shiftKey && document.activeElement === first) {
1972          e.preventDefault(); last.focus();
1973        } else if (!e.shiftKey && document.activeElement === last) {
1974          e.preventDefault(); first.focus();
1975        }
1976      }
1977    });
1978  })();
1979
1980})();
1981</script>
1981
1982
1983</body>
1984</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.