:root{--ink:#10110f;--gold:#f5b800;--paper:#f6f1e7;--green:#81b83d;--chalk:#f2eee6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--chalk);font-family:"Barlow Condensed",Impact,sans-serif}.desk{position:relative;min-height:100vh;overflow:hidden;padding:18px 4.5vw 0;background-color:var(--ink);background-image:radial-gradient(circle at 20% 10%,#ffffff12 0 1px,transparent 1.5px),radial-gradient(circle at 85% 70%,#ffffff0b 0 1px,transparent 1.5px),repeating-linear-gradient(115deg,transparent 0 48px,#ffffff05 49px,transparent 50px);background-size:17px 19px,23px 29px,100% 100%;isolation:isolate}.desk:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background:linear-gradient(90deg,transparent,#0006 48%,transparent 52%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.nav{height:50px;display:flex;align-items:flex-start;justify-content:center;gap:3.4vw;border-bottom:1px solid #c69b4236;position:relative;z-index:10}.nav a{color:var(--paper);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:clamp(.85rem,1.1vw,1.05rem);position:relative;padding:8px 3px}.nav a:not(.start):after{content:"";position:absolute;height:4px;background:var(--gold);left:10%;right:8%;bottom:2px;transform:rotate(-1.5deg) scaleX(0);transition:.2s}.nav a:hover:after,.nav a:focus-visible:after{transform:rotate(-1.5deg) scaleX(1)}.nav .start{position:absolute;right:0;top:-3px;background:var(--green);color:#fff;border-radius:9px;padding:11px 20px;box-shadow:0 4px 0 #416d1f;text-shadow:1px 1px #406c20}.nav .start span{font-size:1.7em;line-height:0;vertical-align:-2px;margin-left:8px}.hero-copy{text-align:center;position:relative;z-index:4;margin-top:10px}.hero-copy h1{font-size:clamp(4rem,8vw,8.8rem);line-height:.85;margin:8px 0 13px;letter-spacing:.025em;font-weight:900;text-transform:uppercase;color:var(--paper);text-shadow:3px 3px 0 #000,0 0 1px #fff;filter:drop-shadow(0 4px 1px #000)}.hero-copy h1:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#10110f 0 1px,transparent 1.5px);background-size:13px 11px;opacity:.18;mix-blend-mode:multiply;pointer-events:none}.hero-copy p{margin:0 auto;width:min(900px,70vw);color:#0d0e0b;background:var(--gold);font-size:clamp(2rem,3.8vw,4.2rem);font-weight:900;text-transform:uppercase;line-height:1;padding:8px 20px 10px;transform:rotate(-.25deg);clip-path:polygon(1% 9%,5% 3%,13% 8%,24% 3%,37% 8%,49% 1%,65% 7%,79% 2%,94% 8%,100% 2%,99% 90%,88% 96%,74% 91%,61% 98%,44% 92%,29% 97%,12% 91%,0 98%)}.scene-grid{display:grid;grid-template-columns:43% 57%;align-items:center;max-width:1250px;margin:18px auto 0;position:relative;z-index:3}.checklist{align-self:center;border:4px solid var(--gold);border-radius:13px;padding:10px 28px 14px;transform:rotate(.15deg);box-shadow:inset 0 0 0 2px #000,0 0 0 2px #000;background:#0b0c0ab8}.checklist h2{font-family:Kalam,cursive;font-size:clamp(1.5rem,2.4vw,2.5rem);color:var(--gold);margin:0 0 5px;border-bottom:3px solid var(--gold);line-height:1.25}.checklist ul{list-style:none;margin:0;padding:0}.checklist li{font-size:clamp(1.35rem,2vw,2.1rem);font-weight:800;line-height:1.22;letter-spacing:.02em}.checklist li:before{content:"✓";display:inline-grid;place-items:center;width:1.05em;height:1.05em;margin:.08em .48em .08em 0;border:3px solid var(--gold);border-radius:50%;color:var(--gold);font-family:Arial;font-size:.75em;transform:rotate(-8deg)}.paper-stage{height:355px;position:relative;margin-left:20px}.sheet{position:absolute;display:block;width:47%;height:auto;background:#fff;border:5px solid white;box-shadow:0 15px 24px #000b,0 2px 4px #0008;transition:opacity .18s,transform .18s}.sheet-main{width:52%;left:25%;top:10px;z-index:3;transform:rotate(-2deg)}.sheet-back-one{right:-3%;top:7%;transform:rotate(5deg);z-index:1}.sheet-back-two{left:1%;top:12%;transform:rotate(-7deg);z-index:2}.paperclip{position:absolute;z-index:5;left:17%;top:-5px;width:19px;height:68px;border:5px solid var(--gold);border-radius:13px;transform:rotate(-12deg);filter:drop-shadow(2px 3px 1px #0007)}.paperclip:after{content:"";position:absolute;inset:8px 3px 7px;border:2px solid var(--gold);border-radius:9px}.sticky{background:#f8bc24;color:#15130d;font-family:Kalam,cursive;box-shadow:3px 8px 12px #0009;text-align:center}.sticky-left{position:absolute;left:4.8vw;top:125px;width:185px;padding:18px 10px;font-size:1.55rem;line-height:1.35;z-index:5;transform:rotate(-8deg)}.sticky-left b{display:inline-block;font-size:2rem;margin-left:8px}.sticky-print{position:absolute;right:2%;bottom:10px;z-index:6;width:115px;padding:12px 5px;font-size:1.45rem;line-height:1.15;transform:rotate(-6deg)}.notebook{position:absolute;left:-110px;top:-110px;width:280px;height:440px;background:#080908;border:9px solid #34322d;transform:rotate(-15deg);z-index:2;box-shadow:8px 7px 0 #b8a78e,12px 12px 18px #000}.notebook:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#eee 0 1.5px,transparent 2px);background-size:18px 18px;opacity:.85}.notebook span{position:absolute;right:-12px;width:18px;height:4px;background:#bbb;z-index:2}.notebook span:nth-child(1){top:90px}.notebook span:nth-child(2){top:180px}.notebook span:nth-child(3){top:270px}.pencil{position:absolute;left:30px;top:440px;width:28px;height:330px;z-index:4;background:linear-gradient(90deg,#d38d00,#ffd044 25%,#f4ae00 60%,#be7000);transform:rotate(19deg);border-radius:3px;box-shadow:4px 7px 8px #0009}.pencil:before{content:"";position:absolute;top:-58px;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:60px solid #d5b084;filter:drop-shadow(0 -8px 0 #24231f)}.pencil:after{content:"";position:absolute;bottom:-31px;width:28px;height:32px;background:#e6655a;border-top:8px solid #bca06c;border-radius:0 0 7px 7px}.highlighter{position:absolute;right:-30px;top:80px;width:255px;height:65px;background:#f4dc1d;color:#151515;transform:rotate(-14deg);z-index:5;box-shadow:7px 7px 9px #0008;border-radius:6px 20px 20px 6px}.highlighter:before{content:"";position:absolute;left:-80px;top:9px;border-right:82px solid #171914;border-top:24px solid transparent;border-bottom:24px solid transparent}.highlighter:after{content:"";position:absolute;left:-91px;top:24px;border-right:18px solid var(--green);border-top:9px solid transparent;border-bottom:9px solid transparent}.highlighter span{display:block;text-align:center;font-size:1.25rem;font-weight:900;text-transform:uppercase;line-height:1.05;padding-top:12px}.chalk{position:absolute;color:var(--gold);font-family:Kalam,cursive;z-index:3}.star-one{right:5%;top:205px;font-size:4rem;transform:rotate(12deg)}.squiggle{right:16%;top:205px;font-size:3.5rem;transform:rotate(20deg)}.pack-selector{position:relative;z-index:8;max-width:1340px;margin:-1px auto 0}.tabs{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:8px}.tabs button{height:112px;position:relative;border:3px solid #cabd9e;border-bottom:0;border-radius:14px 14px 0 0;background:var(--paper);color:#111;padding:11px 8px 12px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 -3px 0 #fff9 inset,0 -5px 10px #0009;cursor:pointer;font:800 1.35rem/1 "Barlow Condensed",sans-serif;text-align:left;transform:translateY(8px);transition:.15s}.tabs button:before{content:"";position:absolute;left:12px;right:12px;top:8px;height:1px;background:#ae9d7d}.tabs button i{font:700 2.2rem/1 Georgia,serif}.tabs button[aria-selected="true"]{background:var(--gold);border-color:var(--green);box-shadow:0 0 0 3px #17330e,0 -5px 12px #000;transform:none}.tabs button b{position:absolute;left:28%;bottom:-12px;background:var(--green);padding:5px 15px;text-transform:uppercase;font-family:Kalam,cursive;font-size:.9rem;transform:rotate(-3deg);box-shadow:2px 3px 5px #0007}.pack-detail{min-height:62px;background:var(--paper);border:6px solid #3a3934;border-radius:16px 16px 0 0;color:#171713;padding:12px 30px;display:flex;gap:24px;align-items:center;box-shadow:0 -2px 0 #fff,0 -10px 20px #0009}.pack-detail strong{color:#598d27;font-size:1.5rem}.pack-detail span{font:1.05rem Georgia,serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.sticky-left{top:145px;left:1vw;width:135px;font-size:1.1rem}.highlighter{right:-90px}.scene-grid{grid-template-columns:1fr;padding:0 8vw}.paper-stage{margin:25px 0 0;height:440px}.tabs{overflow-x:auto;grid-template-columns:repeat(5,210px);padding-top:12px}.pack-selector{margin-top:-20px}.pencil{opacity:.7}.hero-copy p{width:84vw}}
@media(max-width:650px){.desk{padding:12px 14px 0}.nav{justify-content:flex-start;overflow-x:auto;gap:20px;padding-right:120px}.nav .start{position:fixed;right:9px;top:10px;font-size:.8rem;z-index:20}.hero-copy{margin-top:25px}.hero-copy h1{font-size:3.5rem;line-height:.9}.hero-copy p{width:94vw;font-size:1.72rem}.sticky-left{display:none}.highlighter{width:145px;height:48px;right:-62px;top:118px}.highlighter span{font-size:.76rem;padding-top:10px}.highlighter:before,.highlighter:after{display:none}.scene-grid{padding:0;margin-top:16px}.checklist{padding:8px 15px}.checklist h2{font-size:1.35rem}.checklist li{font-size:1.2rem}.paper-stage{height:305px;margin-top:18px}.sheet-main{width:65%;left:18%}.sheet-back-one,.sheet-back-two{width:55%}.sticky-print{width:83px;font-size:1rem;right:0;bottom:15px}.paperclip{left:10%}.notebook{opacity:.45}.pencil{left:-4px;top:650px;width:17px;height:220px}.tabs{grid-template-columns:repeat(5,170px)}.tabs button{height:95px;font-size:1.1rem}.pack-detail{display:block;padding:13px 18px}.pack-detail strong,.pack-detail span{display:block}.pack-detail span{margin-top:4px;font-size:.9rem}.star-one,.squiggle{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sticky-left{top:105px;width:175px;padding:12px 8px;font-size:1.3rem;line-height:1.28}
.nav-actions{position:absolute;right:0;top:-3px;display:flex;gap:10px;align-items:flex-start}.nav .nav-actions .start{position:static;white-space:nowrap}.nav .free-pack{background:var(--paper);color:#161711;box-shadow:0 4px 0 #aa9e84;text-shadow:none}.nav .trial{background:var(--green)}
@media(max-width:900px){.nav-actions{position:fixed;right:9px;top:9px;z-index:20}.nav .nav-actions .start{font-size:.74rem;padding:10px 11px}.nav{padding-right:235px}}
@media(max-width:650px){.nav-actions{gap:5px}.nav .nav-actions .start{font-size:.66rem;padding:9px 8px}.nav{padding-right:210px}.tabs button span{font-size:.98rem}}
.checklist li{font-weight:700;font-size:clamp(1.18rem,1.75vw,1.82rem)}.checklist .highlight-green{position:relative;width:max-content;max-width:100%;padding-right:.38em;color:#f7f3e8;isolation:isolate}.checklist .highlight-green:after{content:"";position:absolute;z-index:-1;left:1.65em;right:-.18em;top:18%;bottom:5%;background:var(--green);opacity:.88;transform:rotate(-1deg);clip-path:polygon(0 12%,5% 2%,17% 9%,31% 1%,49% 8%,65% 0,82% 9%,100% 3%,98% 91%,84% 98%,65% 89%,46% 100%,27% 91%,9% 98%,1% 88%)}
@media(max-width:650px){.checklist li{font-size:1.05rem;line-height:1.18}}

/* Crisp type pass: keep live copy out of transformed/filtered layers. */
html{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}
body{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif}
.hero-copy h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-shadow:none;filter:none;letter-spacing:.018em}
.hero-copy h1:after{display:none}
.hero-copy p{font-family:Impact,"Arial Narrow",Arial,sans-serif;transform:none;letter-spacing:.012em}
.nav a{font-family:"Arial Narrow",Arial,sans-serif;font-weight:700;letter-spacing:.035em;text-shadow:none}
.checklist{transform:none}
.checklist h2,.sticky,.tabs button b{font-family:"Comic Sans MS","Segoe Print",cursive;text-shadow:none}
.checklist h2{letter-spacing:0}
.checklist li{font-family:"Arial Narrow",Arial,sans-serif;font-weight:600;letter-spacing:.01em;text-shadow:none}
.sticky-left,.sticky-print,.highlighter{transform:none}
.highlighter span{font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.02em}
.tabs button{font-family:"Arial Narrow",Arial,sans-serif;font-weight:700;text-shadow:none}
.tabs button b{transform:none;font-weight:700}
.pack-detail strong{font-family:"Arial Narrow",Arial,sans-serif;font-weight:700}
.pack-detail span{font-family:Georgia,"Times New Roman",serif}

/* Remaining landing-page sections */
.section-inner{width:min(1160px,calc(100% - 40px));margin:0 auto}.chalk-section{color:var(--chalk);background-color:var(--ink);background-image:radial-gradient(circle at 15% 20%,#ffffff12 0 1px,transparent 1.5px),radial-gradient(circle at 82% 74%,#ffffff0b 0 1px,transparent 1.5px),repeating-linear-gradient(115deg,transparent 0 48px,#ffffff05 49px,transparent 50px);background-size:17px 19px,23px 29px,100% 100%}.paper-section{color:#171813;background:var(--paper);background-image:linear-gradient(#d7cdbb55 1px,transparent 1px);background-size:100% 32px}.signup-section{padding:92px 0 88px;border-top:8px solid var(--gold);position:relative}.signup-section:before{content:"";position:absolute;left:0;right:0;top:22px;border-top:2px dashed #f5b80055}.signup-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.tape-label,.eyebrow{display:inline-block;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.tape-label{background:var(--gold);color:#15160f;padding:8px 14px;clip-path:polygon(2% 8%,98% 0,100% 89%,4% 100%)}.signup-copy h2,.section-heading h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.018em}.signup-copy h2{font-size:clamp(3rem,5vw,5rem);line-height:.92;margin:18px 0}.signup-copy>p{font-size:1.35rem;line-height:1.45;max-width:520px}.mini-note{display:inline-block;margin-top:20px;background:var(--gold);color:#181710;padding:13px 22px;font-family:"Comic Sans MS","Segoe Print",cursive;font-weight:700;box-shadow:6px 7px 0 #0007}.paper-form{background:var(--paper);color:#171813;padding:34px 38px 38px;border:3px solid #d3c5a9;box-shadow:14px 18px 0 #0008;position:relative}.paper-form:before{content:"";position:absolute;top:-17px;left:38%;width:120px;height:34px;background:#dbcb9bbb;transform:rotate(-2deg)}.form-kicker{margin:0;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#5e7e2f}.paper-form>strong{display:block;font-size:1.8rem;margin:4px 0 24px}.paper-form label{display:block;font-weight:700;margin-bottom:7px}.form-row{display:flex;gap:10px}.form-row input{min-width:0;flex:1;border:3px solid #1d1f19;background:#fffef9;color:#111;padding:13px 14px;font:1rem Arial,sans-serif}.form-row input:focus{outline:4px solid #81b83d66;outline-offset:2px}.form-row button,.price-card a{border:0;background:var(--green);color:#fff;padding:13px 18px;text-decoration:none;text-transform:uppercase;font:800 1rem "Arial Narrow",Arial,sans-serif;letter-spacing:.04em;box-shadow:0 4px 0 #456c23;cursor:pointer}.form-confirmation{border:3px solid var(--green);padding:18px;background:#e6f1d9}.form-confirmation strong{display:block;font-size:1.25rem}.form-confirmation a{display:inline-block;margin-top:8px;color:#3f6f18;font-weight:700}.section-heading{text-align:center;max-width:740px;margin:0 auto 46px}.section-heading .eyebrow{color:#5a792d}.section-heading h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.95;margin:10px 0}.section-heading>p{font:1.18rem/1.5 Georgia,serif;margin:0}.how-section{padding:90px 0 100px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0;counter-reset:steps}.steps li{position:relative;background:#fffdf6;border:3px solid #171813;padding:30px 24px 26px;box-shadow:7px 8px 0 var(--gold)}.steps li:nth-child(2){box-shadow:7px 8px 0 var(--green)}.step-number{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--gold);border:3px solid #171813;font-size:1.8rem;font-weight:900;margin-bottom:18px}.steps li:nth-child(2) .step-number{background:var(--green)}.steps h3{font-size:1.65rem;margin:0 0 8px}.steps p{font:1rem/1.5 Georgia,serif;margin:0}.pricing-section{padding:92px 0 105px;border-top:7px solid var(--gold);border-bottom:7px solid var(--gold)}.light-heading .eyebrow{color:var(--gold)}.light-heading>p{color:#ddd7cb}.price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:28px}.price-card{background:var(--paper);color:#171813;padding:35px;border:3px solid #b6a788;box-shadow:10px 12px 0 #0008;position:relative}.featured-price{border:5px solid var(--green);transform:translateY(-8px)}.value-sticker{position:absolute;right:-13px;top:-18px;background:var(--gold);padding:8px 18px;text-transform:uppercase;font-weight:900;box-shadow:3px 4px 0 #0008}.price-label{text-transform:uppercase;font-weight:800;letter-spacing:.1em;color:#56822b}.price{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:4.2rem;line-height:1;margin:13px 0}.price sup{font-size:.45em;vertical-align:top}.price small{font:700 1rem Arial,sans-serif}.price-card>p:not(.price){font:1rem/1.5 Georgia,serif;min-height:48px}.price-card a{display:block;text-align:center;margin-top:25px}.faq-section{padding:95px 0}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-layout .section-heading{text-align:left;margin:0}.faq-list{display:grid;gap:12px}.faq-list details{background:#fffdf7;border:2px solid #171813;box-shadow:5px 5px 0 var(--gold)}.faq-list summary{cursor:pointer;padding:18px 52px 18px 20px;font-size:1.25rem;font-weight:800;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:20px;top:11px;color:#57882b;font-size:2rem}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font:1rem/1.55 Georgia,serif;margin:0;padding:0 20px 20px}.site-footer{background:#080907;color:var(--paper);padding:35px max(20px,5vw);display:grid;grid-template-columns:1fr auto;gap:18px 30px;align-items:center;border-top:1px solid #f5b80055}.site-footer div strong,.site-footer div span{display:block}.site-footer div strong{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.8rem;letter-spacing:.03em}.site-footer div span{color:#aaa89f;margin-top:3px}.site-footer nav{display:flex;gap:24px}.site-footer a{color:var(--gold);font-weight:700;text-decoration:none}.site-footer p{grid-column:1/-1;margin:0;color:#77766f;font-size:.85rem}.nav a[href="#how"],.nav a[href="#pricing"],.nav a[href="#faq"]{scroll-margin-top:20px}
@media(max-width:820px){.signup-layout,.faq-layout{grid-template-columns:1fr;gap:42px}.price-cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:auto 1fr;gap:18px}.step-number{margin:0}.featured-price{transform:none}.faq-layout .section-heading{text-align:center}.site-footer{grid-template-columns:1fr}.site-footer p{grid-column:1}.site-footer nav{flex-wrap:wrap}}
@media(max-width:560px){.signup-section,.how-section,.pricing-section,.faq-section{padding:65px 0}.section-inner{width:min(100% - 28px,1160px)}.paper-form{padding:29px 20px}.form-row{display:grid}.signup-copy h2,.section-heading h2{font-size:2.75rem}.price-card{padding:29px 22px}.price{font-size:3.65rem}.steps li{padding:23px 18px}.site-footer nav{gap:17px}}

/* Two-field signup form (first name + email), added v7.51.5. */
.form-row+label{margin-top:18px}

/* Returning-subscriber "Log In" button in the top nav, added v7.52. Outlined
   rather than filled so the two existing filled CTAs (Get a Free Pack, Start
   Free Trial) stay the loudest things in the nav. The nav's mobile
   padding-right grows to match the wider action group. */
/* Opaque, not transparent: on a phone the nav link row scrolls underneath
   this fixed button group, and a see-through button would show those
   links through it. The other two CTAs are already opaque. */
.nav .login{background:#12130f;color:var(--paper);box-shadow:inset 0 0 0 2px #c69b42,0 4px 0 #0006;text-shadow:none}
.nav .login:hover,.nav .login:focus-visible{background:#241f11;color:#fff}
/* The nav links are centred in whatever space the right-hand action group
   leaves, so the reserved gutter has to grow as the viewport shrinks and the
   centred block drifts right. A fixed value only works at one width -- the
   old 900px-and-up nav already collided with its own buttons between roughly
   950px and 1200px, and a third button makes that band wider. The clamp
   reserves ~190px on a wide monitor and ~500px just above the 900px
   breakpoint, which keeps a gap at every width in between. */
@media(min-width:901px){.nav{padding-right:clamp(190px,calc(1160px - 74vw),500px)}}
@media(max-width:900px){.nav .nav-actions .login{padding:10px 10px}.nav{padding-right:360px}}
@media(max-width:650px){.nav .nav-actions .login{padding:9px 7px}.nav{padding-right:300px}}