@font-face{font-family:Manrope;src:url('fonts/Display.woff');font-weight:800;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/Heading.woff');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('fonts/Body.woff');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('fonts/Bold.woff');font-weight:700;font-display:swap}@font-face{font-family:Mono;src:url('fonts/Mono.woff');font-display:swap}:root{--ink:#0D0D0D;--paper:#FDFCF6;--yellow:#FFDF01;--cream:#F3E9A8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1.04}h1{font-size:clamp(48px,5.6vw,84px);line-height:.99}h2{font-size:clamp(36px,4.7vw,62px)}h3{font-size:27px}a{color:inherit;text-underline-offset:4px}button,input{font:inherit;border-radius:0}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #996600;outline-offset:4px}[hidden]{display:none!important}img{display:block;max-width:100%;height:auto}.eyebrow,.format,figcaption,header nav a,footer>a:not(.brand){font:10px/1.6 Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin-bottom:25px}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:var(--ink);color:var(--paper);z-index:20}.skip:focus{top:10px}.brand{display:flex;align-items:center}.brand img{width:118px;height:auto}header{display:flex;align-items:center;gap:35px;padding:12px max(24px,5vw);border-bottom:2px solid var(--ink);background:var(--yellow)}header nav{display:flex;gap:30px}header nav a{text-decoration:none}header>.button{margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:14px 19px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--ink);color:var(--yellow);font:700 13px/1.3 Manrope;text-decoration:none;letter-spacing:.02em;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button.small{min-height:40px;padding:10px 14px;font-size:11px}.button.yellow{background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--paper)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7vw;padding:65px max(24px,7vw) 75px;background:var(--yellow);border-bottom:2px solid var(--ink)}.hero-copy{max-width:740px;justify-self:end}.hero h1 em{font-style:normal;background:var(--ink);color:var(--yellow);display:inline-block;padding:0 .07em .1em;margin:8px 0 0 -.07em;transform:rotate(-1.5deg)}.with{font:800 clamp(28px,3.4vw,44px)/1.1 Manrope;letter-spacing:-.04em;margin:20px 0 25px}.sub{font-size:17px;line-height:1.7;margin-bottom:28px}.hero .button{box-shadow:4px 4px 0 var(--paper),6px 6px 0 var(--ink)}.format{font-size:9px;letter-spacing:.03em;margin-top:23px;max-width:360px;text-transform:none}.book{position:relative;width:100%;max-width:370px;transform:rotate(3deg);justify-self:center}.book:before{content:'';position:absolute;inset:0;transform:translate(10px,10px);background:var(--paper);border:2px solid;box-shadow:5px 5px 0 var(--ink)}.book img{position:relative;width:100%;border:2px solid var(--ink)}.book figcaption{position:relative;margin:24px -15px 0;font-size:8px;text-align:center}.hatch{height:12px;border-bottom:2px solid;background:repeating-linear-gradient(135deg,var(--ink) 0 1px,transparent 1px 12px),repeating-linear-gradient(45deg,var(--ink) 0 1px,transparent 1px 12px)}.inside{padding:75px max(24px,7vw);border-bottom:2px solid}.section-heading{max-width:740px;margin:0 auto 45px;text-align:center}.section-heading>p:last-child{max-width:510px;margin:25px auto 0}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1240px;margin:auto}.features article{border-top:2px solid;padding-top:20px}.number{font:11px Mono;display:block;margin-bottom:20px}.features h3{font-size:25px;margin-bottom:15px}.features p{font-size:14px;line-height:1.65}.preview{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:var(--cream);padding:75px max(24px,12vw);border-bottom:2px solid}.preview>div{max-width:410px}.preview p:not(.eyebrow){margin:25px 0}.sample-tabs{display:flex;gap:10px;margin:30px 0}.sample-tabs button{min-height:43px;border:2px solid;background:var(--paper);padding:11px 13px;font:10px Mono;letter-spacing:.08em}.sample-tabs button[aria-pressed=true]{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.text-link{font-size:13px;font-weight:700}.sample{max-width:360px;width:100%;justify-self:center}.sample img{width:100%;border:2px solid;box-shadow:6px 6px 0 var(--ink)}.sample figcaption{font-size:8px;margin-top:18px}.capture{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:var(--ink);color:var(--paper);padding:80px max(24px,9vw);border-bottom:2px solid}.capture h2{color:var(--yellow);margin-bottom:25px}.capture-copy>p:not(.eyebrow){font-size:20px}.capture-copy .details{font-size:14px!important;max-width:380px;margin-top:25px}.capture-form{max-width:490px;border-left:1px solid #666044;padding-left:40px}.capture-form h3{font-size:34px;margin-bottom:20px}.capture-form p{font-size:14px;margin-bottom:22px}.capture-form form{display:grid;gap:17px}.capture-form form>label{font-size:12px}.capture-form input[type=email]{border:2px solid var(--yellow);background:var(--paper);color:var(--ink);width:100%;min-height:52px;padding:12px 14px;font-size:16px}.updates{display:flex;align-items:flex-start;gap:12px}.updates input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--yellow)}.capture-form .button{justify-self:start}.capture-form .privacy{font-size:11px;line-height:1.65;margin:0;color:#C6C0A6}.ready-stamp{display:inline-block;font:11px Mono;background:var(--yellow);color:var(--ink);padding:8px 13px;transform:rotate(-3deg);margin-bottom:25px}#guide-ready .button{margin:0 0 23px}#guide-status{font-size:13px;margin-top:18px;margin-bottom:0;min-height:22px}.questions{max-width:850px;margin:auto;padding:55px 24px}.questions details{border-bottom:1px solid #C2BCA6;padding:20px 0}.questions summary{font:700 20px/1.3 Manrope;cursor:pointer}.questions p{font-size:14px;line-height:1.65;margin-top:15px;max-width:68ch}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:30px max(24px,5vw);border-top:2px solid}footer p{font-size:11px;color:#5B574F;flex-basis:100%}footer>a:not(.brand){font-size:9px;text-decoration:none}@media(max-width:1000px){.features{grid-template-columns:1fr 1fr;gap:30px}.hero{gap:5vw;padding-left:5vw;padding-right:5vw}.book{max-width:310px}.preview{gap:7vw;padding-left:7vw;padding-right:7vw}.hero h1{font-size:clamp(46px,5.6vw,65px)}}@media(max-width:650px){header{padding:12px 20px;gap:14px}.brand img{width:95px}header nav{display:none}header .button.small{font-size:10px;padding:10px}.hero{grid-template-columns:minmax(0,1fr);padding:40px 24px 60px;gap:45px}.hero-copy{justify-self:start;min-width:0}.hero h1{font-size:clamp(40px,10.7vw,67px)}.hero .eyebrow{font-size:9px}.with{font-size:31px}.sub{font-size:16px}.format{max-width:285px}.book{max-width:280px;width:85%;padding-bottom:0}.book figcaption{font-size:7px}.inside{padding:50px 24px}.section-heading{text-align:left;margin-bottom:35px}.section-heading>p:last-child{font-size:15px;margin:22px 0 0}.features{gap:30px 20px}.features h3{font-size:22px}.features p{font-size:13px}.preview{grid-template-columns:minmax(0,1fr);padding:50px 24px;gap:35px}.preview>div{max-width:none}.preview h2{font-size:44px}.sample{width:90%;max-width:320px}.capture{grid-template-columns:minmax(0,1fr);padding:50px 24px;gap:38px}.capture h2{font-size:48px}.capture-form{border-left:0;border-top:1px solid #666044;padding:32px 0 0;max-width:none}.capture-form h3{font-size:32px}.capture-copy .details{max-width:300px}.questions{padding:30px 24px}.questions summary{font-size:19px}footer{padding:28px 24px;gap:22px}footer p{font-size:10px}.button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:651px) and (max-width:850px){.capture{grid-template-columns:minmax(0,1fr);gap:35px}.capture-form{border-left:0;border-top:1px solid #666044;padding:32px 0 0;max-width:none}.capture-copy .details{max-width:480px}}