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>€50</b><span>/month</span></div> 1408 <p class="plan-yearly">or <a class="yearly-link" href="https://buy.stripe.com/aFa14ne2q6me5LA8xg0ZW1v">€500 a year</a> — 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 & SoMe</li> 1415 <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Earn badges & 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 & 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>€500</b><span>/month</span></div> 1425 <p class="plan-yearly">or <a class="yearly-link" href="https://buy.stripe.com/14A28r5vUh0Sa1QbJs0ZW1q">€3,000 a year</a> — save €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 & 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>€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 & Launch Strategy</li> 1449 <li><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><use href="#i-check-circle"/></svg>Full PR & 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 & 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 & 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>€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>€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>€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">€50 a month</td> 1523 <td class="c-m">€500 a month</td> 1524 <td class="c-l">€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">€500 a year</a> — two months free</td> 1529 <td class="c-m"><a class="yearly-link" href="https://buy.stripe.com/14A28r5vUh0Sa1QbJs0ZW1q">€3,000 a year</a> — save €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">—</td> 1535 <td class="c-m">From €300 a month</td> 1536 <td class="c-l">Scoped €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 — 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 & gameplan</td> 1570 <td class="c-l">1-hour kick-off, Irresistible Offer & launch gameplan</td> 1571 </tr> 1572 <tr> 1573 <th scope="row">Scribando visibility<small>Book listing, Showcase feature, monthly promotion in email & 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 & 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 & 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–5 a month, 1 guaranteed, via Booksprout & Scribando</td> 1600 <td class="c-l">5–15 a month, guaranteed per contract, via Pubby & our network</td> 1601 </tr> 1602 <tr> 1603 <th scope="row">Expert support & 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 & 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 €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 — 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 €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 “every deliverable guaranteed” 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 — 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 — 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 — 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 & 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 © <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.