@font-face{font-family:Unbounded;src:url("/fonts/Unbounded-800.ttf") format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:Unbounded;src:url("/fonts/Unbounded-900.ttf") format("truetype");font-weight:900;font-display:swap}
@font-face{font-family:Bitter;src:url("/fonts/Bitter-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Bitter;src:url("/fonts/Bitter-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Bitter;src:url("/fonts/Bitter-700.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Caveat;src:url("/fonts/Caveat-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Caveat;src:url("/fonts/Caveat-700.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--persimmon:#d3431d;--lime:#eaf5cb;--chocolate:#34211a;--chalk:#fffdf5;--kraft:#e1d1b7;--olive:#455026;--grain:repeating-linear-gradient(104deg,#34211a05 0 1px,transparent 1px 4px),repeating-linear-gradient(7deg,#fffdf534 0 1px,transparent 1px 5px);--tear:polygon(0 1%,8% 0,17% .7%,27% .2%,38% 1%,49% .1%,58% .8%,71% 0,82% .8%,93% .1%,100% 1%,99.5% 18%,100% 31%,99.6% 48%,100% 62%,99.4% 80%,100% 99%,92% 99.5%,84% 98.8%,73% 100%,65% 99.1%,56% 99.8%,46% 99%,37% 100%,28% 99.3%,19% 100%,10% 99.1%,0 100%,.6% 81%,0 66%,.5% 49%,0 32%,.5% 17%);color-scheme:light;scrollbar-color:var(--olive) var(--kraft)}
*{box-sizing:border-box}
::selection{background:var(--persimmon);color:#fff}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--kraft)}::-webkit-scrollbar-thumb{background:var(--olive);border:3px solid var(--kraft);border-radius:6px}
html{scroll-padding-top:36px}
main{overflow-x:clip}body{margin:0;background:var(--grain),linear-gradient(135deg,#ece2cf,var(--kraft) 58%,#e8ddc9);color:var(--chocolate);font-family:Bitter,serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}h1,h2{font-family:Unbounded,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.15}h3{font-weight:700;line-height:1.3}
a{color:var(--olive);text-underline-offset:5px;text-decoration-thickness:2px}button,input{font:inherit}button{cursor:pointer}
:focus-visible{outline:3px solid var(--olive);outline-offset:5px;box-shadow:0 0 0 5px var(--chalk)}input{caret-color:var(--persimmon)}
.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.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}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--chalk);z-index:60}.skip-link:focus{top:20px}
.header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:24px}.brand{color:var(--chocolate);font-weight:700;font-size:16px;line-height:1.3;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.nav{display:flex;gap:6px 26px;flex-wrap:wrap;justify-content:flex-end}.nav a{color:var(--chocolate);font-size:13px;display:inline-flex;align-items:center;min-height:44px}
.paper{--paper:var(--chalk);--tilt:0deg;position:relative;isolation:isolate;transform:rotate(var(--tilt));filter:drop-shadow(0 10px 12px #34211a1c)}
.paper:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain),var(--paper);clip-path:var(--tear)}
.taped:after{content:"";position:absolute;top:-13px;left:40%;width:105px;height:32px;background:repeating-linear-gradient(91deg,#45502607 0 1px,transparent 1px 3px),linear-gradient(8deg,#c2bd8bbf,#ded6acdc);clip-path:polygon(3% 0,98% 3%,96% 15%,100% 30%,97% 47%,100% 65%,97% 100%,1% 94%,4% 77%,0 63%,3% 46%,0 23%);transform:rotate(-8deg)}
/* opening */
.opening{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;align-items:center;padding-block:44px 90px;isolation:isolate}
.opening:before{content:"";position:absolute;inset:12px 28% 30px -32px;z-index:-1;background:var(--grain),var(--chalk);clip-path:polygon(1% 3%,94% 0,100% 13%,97% 93%,75% 99%,3% 96%,0 72%,2% 41%);transform:rotate(-2deg)}
.opening-copy{position:relative;padding:0 0 12px 4px}
h1{font-size:clamp(34px,4.6vw,66px);line-height:1.2;font-weight:900;position:relative;z-index:1}h1 span{display:block;width:max-content;max-width:100%}
h1 .cut-line{position:relative;color:#fff;background-color:var(--persimmon);margin:5px 0 8px -11px;padding:0 18px 5px 9px;transform:rotate(-2deg)}
h1 .cut-line:before{content:"";position:absolute;inset:-4px -7px -2px -9px;background:var(--grain),var(--persimmon);clip-path:polygon(2% 4%,98% 0,100% 92%,1% 100%,0 29%);z-index:-1}
.lede{max-width:570px;margin-top:28px;font-size:17px;line-height:1.8;padding-right:12px}
.signup{--paper:var(--lime);--tilt:3deg;padding:46px 34px 33px;margin:55px 0 0 -4px;animation:notes-settle .85s cubic-bezier(.22,.7,.3,1) both}
.signup h2{font-family:Caveat,cursive;font-size:36px;font-weight:700;line-height:1.12;letter-spacing:-.02em;margin-bottom:22px;color:var(--chocolate)}
.form-row{display:flex;flex-direction:column;gap:13px}.form-row input{min-width:0;width:100%;border:2px solid var(--olive);border-radius:2px;background:var(--chalk);padding:14px;color:var(--chocolate);font-size:16px;min-height:54px}.form-row input::placeholder{color:var(--olive);opacity:1}
.primary{border:0;background:var(--chocolate);color:var(--chalk);padding:16px 20px;font-weight:700;font-size:15px;min-height:56px;clip-path:polygon(1% 0,100% 3%,99% 98%,0 100%)}.primary:hover{background:var(--olive)}.primary:focus-visible{clip-path:none}.primary:disabled{cursor:wait;background:var(--olive)}
.micro{font:500 23px/1.2 Caveat,cursive;color:var(--olive);margin-top:14px}
.fine-print{font-size:12px;line-height:1.8;margin-top:12px}.fine-print a{display:inline-flex;align-items:center;min-height:44px}.form-message{font-size:13px;margin-top:10px;font-weight:600}.form-message:empty{display:none}.success{padding:12px 0;font-size:18px}.success a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-weight:700}
/* sections */
.sec{position:relative;padding-block:30px 90px;isolation:isolate}
.section-heading{position:relative;z-index:3;width:max-content;max-width:100%;margin-left:28px}.section-heading h2{display:inline-block;background:var(--persimmon);color:#fff;padding:17px 27px 22px;font-size:clamp(26px,3.4vw,46px);clip-path:polygon(0 5%,98% 0,100% 90%,2% 100%);transform:rotate(-3deg)}
.section-heading>p{font-family:Caveat,cursive;color:var(--chocolate);font-size:25px;margin:15px 0 0 25px;transform:rotate(-3deg)}
.sec-lime:before{content:"";position:absolute;inset:110px -24px 50px 22%;background:var(--grain),var(--lime);clip-path:polygon(4% 0,97% 3%,100% 88%,84% 100%,0 93%,2% 51%);transform:rotate(3deg);z-index:-1}
.sec-persimmon:before{content:"";position:absolute;right:-14px;top:150px;bottom:90px;width:42%;background:var(--grain),var(--persimmon);clip-path:polygon(3% 1%,95% 0,100% 96%,9% 100%,0 45%);transform:rotate(5deg);z-index:-1}
.strip{--tilt:1.2deg;max-width:880px;margin:44px 0 0 auto;padding:50px 40px 40px}.strip:after{left:43%;width:125px}
.checklist{list-style:none;margin:0;padding:0}.checklist li{position:relative;padding-left:36px;margin-bottom:21px;font-size:16px;line-height:1.75}
.checklist li:before{content:"";position:absolute;left:0;top:5px;width:17px;height:18px;border:2px solid var(--chocolate);border-radius:2px 4px 1px 3px;transform:rotate(-5deg);clip-path:polygon(0 0,100% 3%,96% 100%,0 97%)}.checklist li:nth-child(even):before{transform:rotate(4deg);border-radius:3px 1px 4px 1px}
.checklist li:last-child{margin-bottom:0}.checklist strong{font-weight:700}
.source{font-size:12px;line-height:1.8;margin-top:24px;overflow-wrap:anywhere}.source a{display:inline-flex;align-items:center;min-height:44px}
.notes{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:34px 30px;padding:46px 22px 0}
.note{padding:40px 32px 40px;animation:notes-settle .9s cubic-bezier(.22,.7,.3,1) both}.note h3{font-size:22px;margin-bottom:14px}.note p+p{margin-top:12px}.note .hand{font:500 26px/1.25 Caveat,cursive}
.n1{--tilt:-2.5deg;grid-column:1/4}.n2{--paper:#f4e9d4;--tilt:2.5deg;grid-column:4/7;margin-top:30px}.n3{--tilt:-1deg;grid-column:2/6}
.n1:after{left:30%;transform:rotate(9deg)}.n2:after{left:58%;transform:rotate(-12deg)}
.hooks{grid-template-columns:repeat(2,minmax(0,1fr))}.hooks .note:nth-child(odd){--tilt:-1.8deg}.hooks .note:nth-child(even){--tilt:2deg;--paper:#f4e9d4;margin-top:34px}.hooks .note:nth-child(3){margin-top:-10px}
.hooks .hand{display:block;margin:0 0 18px;padding-left:2px}.hooks .hand:last-child{margin-bottom:0}
.card{--tilt:-1.1deg;width:min(900px,92%);margin:44px 0 0 5%;padding:40px 45px 44px}.card:before{background:var(--grain),repeating-linear-gradient(to bottom,transparent 0 33px,#45502624 33px 35px),var(--chalk);clip-path:polygon(.4% 0,100% .4%,99.7% 100%,0 99.6%)}
.card-list{list-style:none;margin:0;padding:0;font:500 27px/1.25 Caveat,cursive}.card-list li{display:flex;gap:25px;align-items:baseline;justify-content:space-between;margin-bottom:27px}.card-list li:last-child{margin-bottom:0}.card-list li>span:first-child{max-width:74%}.blank{display:block;flex:0 0 125px;height:1em;border-bottom:2px solid var(--chocolate);transform:rotate(-1deg)}
.faq{--tilt:.6deg;max-width:920px;margin:44px auto 0;padding:46px 44px 42px}.faq:after{left:20%;width:120px}.faq h3{font-size:18px;margin-bottom:6px}.faq p{font-size:16px;margin-bottom:22px}.faq p:last-child{margin-bottom:0}
.more{padding-block:10px 70px}.more h2{font-size:clamp(24px,3vw,36px);color:var(--olive);margin-bottom:12px}.more ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 34px}.more a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
/* cta */
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:44px;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;font:700 1rem/1.15 Unbounded,sans-serif;background:var(--chocolate);color:var(--chalk);border-radius:4px;padding:1.05rem 1.5rem;transform:rotate(-1deg);box-shadow:4px 4px 0 var(--persimmon)}
.cta:hover{transform:rotate(0) translateY(-2px)}.cta:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.cta-repeat{margin:0 auto 70px;text-align:center;padding-inline:16px}.cta-micro{margin:.6rem 0 0;font:1.25rem Caveat,cursive;color:var(--olive)}.cta-trust{margin:.3rem 0 0;font-size:.85rem}
#stickycta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:12px;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .3s;background:var(--lime);border-top:2px solid var(--chocolate)}
#stickycta span{color:var(--chocolate);font:1.2rem Caveat}#stickycta .cta{min-height:48px;padding:.7rem 1.1rem;width:auto;transform:none;box-shadow:none}
.field-error{flex-basis:100%;margin:.45rem 0 0;font:700 .95rem/1.3 Bitter,Georgia,serif;color:var(--persimmon);display:flex;gap:.45rem;align-items:center}.field-error::before{content:"✎";font-size:1rem}input[aria-invalid=true]{border-color:var(--persimmon)!important;box-shadow:3px 3px 0 var(--persimmon)!important}
#form-message:not(:empty){font-family:Bitter,Georgia,serif;color:var(--persimmon);font-weight:700;border-top:2px dashed var(--persimmon);padding-top:.5rem}
.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 35px;padding:20px 5px 40px}.footer p{max-width:620px;font-size:12px;line-height:1.8}.footer a{display:inline-flex;align-items:center;min-height:44px}
@keyframes notes-settle{from{transform:translate(9px,-22px) rotate(calc(var(--tilt) + 5deg));opacity:.25}to{transform:translate(0,0) rotate(var(--tilt));opacity:1}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.opening{gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.signup{padding:40px 26px 28px}.signup h2{font-size:32px}.lede{font-size:16px}.notes{gap:30px 22px;padding-inline:8px}.note{padding:34px 24px}.card{padding-inline:34px}.nav{gap:2px 18px}}
@media(max-width:760px){main{overflow-x:clip}html{scroll-padding-top:24px}.wrap{width:calc(100% - 44px)}.header{padding-block:12px;gap:10px;align-items:flex-start;flex-direction:column}.brand{font-size:14px}.nav{justify-content:flex-start;gap:0 18px}.nav a{font-size:13px}
.opening{display:block;padding:30px 0 50px}.opening:before{inset:10px -8px auto -9px;height:430px;transform:rotate(-1deg)}.opening-copy{padding-inline:8px}h1{font-size:clamp(30px,8.4vw,52px)}h1 .cut-line{margin-left:-2px;padding-left:3px}.lede{max-width:550px;font-size:15px;margin-top:24px;padding-right:2px}
.signup{--tilt:1.5deg;max-width:470px;margin:36px 10px 0 12px;padding:36px 22px 26px}.signup h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0}.signup{padding-top:40px}
.sec{padding-block:20px 60px}.sec-lime:before{inset:120px 0 40px 9%}.sec-persimmon:before{top:170px;right:0;bottom:60px}.section-heading{margin-left:6px}.section-heading h2{font-size:clamp(23px,6vw,36px);padding:15px 19px 20px}.section-heading>p{font-size:24px;margin:12px 0 0 8px}
.strip{--tilt:.6deg;margin:34px 0 0;padding:40px 22px 32px}.checklist li{padding-left:30px;font-size:15px;margin-bottom:19px}
.notes,.hooks{display:flex;flex-direction:column;gap:32px;padding:34px 6px 0}.note{width:100%;margin:0!important;padding:34px 24px 34px}.n1{--tilt:-1.3deg}.n2{--tilt:1.3deg;width:95%;align-self:flex-end}.n3{--tilt:-.8deg}.hooks .note:nth-child(odd){--tilt:-1deg}.hooks .note:nth-child(even){--tilt:1.2deg;width:95%;align-self:flex-end}
.card{--tilt:-.7deg;width:calc(100% - 8px);margin:34px 0 0 3px;padding:28px 20px 30px}.card-list{font-size:24px}.card-list li{gap:12px;align-items:flex-end;margin-bottom:24px}.card-list li>span:first-child{max-width:70%}.blank{flex-basis:56px;min-width:40px;margin-bottom:6px}
.faq{margin-top:34px;padding:38px 22px 32px}.cta-repeat{margin-bottom:50px}.cta-repeat .cta{width:100%;max-width:420px}
#stickycta{display:flex}#stickycta.on{transform:none}.footer{flex-direction:column;align-items:flex-start;padding-bottom:84px}}
@media(max-width:360px){.wrap{width:calc(100% - 36px)}h1{font-size:clamp(27px,8.2vw,30px)}.signup{margin-inline:6px}.nav{gap:0 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}#stickycta,.cta{transition:none}}
@media print{.header,main,.footer,#stickycta{display:none}}