@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap');
:root{--paper:#F5EFE2;--paper-deep:#EDE3CE;--kraft:#C9A876;--ink:#33302A;--rose:#C96A7A;--teal:#5E8C8A;--stamp:#B04A3A;--muted:#7E7566;--white:#fffdf7;--shadow:0 10px 22px rgba(51,48,42,.13);--focus:0 0 0 2px var(--rose)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Nunito,system-ui,sans-serif;background:var(--paper);line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background:radial-gradient(circle at 14% 18%,rgba(126,117,102,.14) 0 2px,transparent 3px),radial-gradient(circle at 80% 60%,rgba(176,74,58,.08) 0 28px,transparent 29px);mix-blend-mode:multiply}
a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.caveat{font-family:Caveat,cursive}.type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;letter-spacing:.04em}.muted{color:var(--muted)}
.nav{position:sticky;top:0;z-index:50;background:rgba(245,239,226,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(51,48,42,.12)}
.navin{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;font:700 32px Caveat}.brandmark{font-size:26px}.navlinks{display:flex;align-items:center;gap:18px;font-weight:800}.navlinks a:hover{text-decoration:underline}.badge{background:var(--rose);color:var(--white);padding:4px 10px;border-radius:999px;font-size:.8rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:12px 18px;font-weight:900;border-radius:4px;cursor:pointer;box-shadow:0 4px 0 rgba(51,48,42,.15);transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 rgba(51,48,42,.12)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus)}.primary{background:var(--stamp);color:var(--paper)}.secondary{background:var(--teal);color:var(--paper)}.outline{background:transparent;border:2px solid var(--teal);color:var(--teal);box-shadow:none}
.hero{min-height:calc(100vh - 70px);display:grid;align-items:center;padding:46px 0}.journal{display:grid;grid-template-columns:1fr 1fr;min-height:660px;box-shadow:var(--shadow);transform:rotate(-.4deg)}.page{padding:44px;background:#f8f0df;position:relative;overflow:hidden}.page.left{background:linear-gradient(90deg,#e7dcc4,#f8f0df)}.page.right{background:#fbf5e8;border-left:1px solid #d7c9ad}.tape{position:absolute;width:140px;height:28px;background:rgba(201,168,118,.62);transform:rotate(-7deg);top:18px;left:32px}.tape.r{left:auto;right:30px;transform:rotate(8deg)}.hero h1{font:700 clamp(58px,8vw,106px)/.88 Caveat;margin:100px 0 20px;max-width:650px}.hero p{font-size:1.15rem;max-width:560px}.ticket{display:inline-block;border:2px dashed var(--stamp);padding:16px 20px;background:#fdf7e9;transform:rotate(-2deg);box-shadow:var(--shadow);margin-top:28px}.scribble{font:600 22px Caveat;color:var(--rose);transform:rotate(-3deg);display:inline-block}.stamp{display:inline-flex;border:3px solid var(--stamp);color:var(--stamp);font-weight:900;text-transform:uppercase;padding:7px 12px;clip-path:polygon(0 8%,7% 0,15% 7%,25% 0,35% 7%,45% 0,55% 7%,65% 0,75% 7%,85% 0,93% 7%,100% 0,93% 15%,100% 25%,93% 35%,100% 45%,93% 55%,100% 65%,93% 75%,100% 85%,93% 100%,85% 93%,75% 100%,65% 93%,55% 100%,45% 93%,35% 100%,25% 93%,15% 100%,7% 93%,0 100%,7% 85%,0 75%,7% 65%,0 55%,7% 45%,0 35%,7% 25%,0 15%,7% 8%);background:#fdf4df}.actions{display:flex;gap:12px;flex-wrap:wrap}
section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{font:700 clamp(40px,6vw,68px)/.95 Caveat;margin:0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.postal{min-height:230px;padding:28px;background:#f9f0df;border:3px dashed var(--stamp);transform:rotate(-1deg);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.postal:nth-child(2){transform:rotate(1.3deg)}.postal:nth-child(3){transform:rotate(-.6deg)}.postal .num{font:700 50px Caveat;color:var(--stamp)}
.scrapbook{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.scrap-page{padding:24px;background:#eee2c9;box-shadow:var(--shadow);min-height:400px;position:relative}.scraps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scrap{background:#fffdf7;padding:10px;box-shadow:0 6px 13px rgba(0,0,0,.13);transform:rotate(-2deg)}.scrap:nth-child(even){transform:rotate(2deg)}.scrap img{width:100%;display:block}.quote{font:600 34px/1.1 Caveat;text-align:center;max-width:800px;margin:auto;padding:50px 60px;border:1px dashed var(--muted);position:relative;background:#f9f0df}.quote:before{content:"";position:absolute;left:4%;right:4%;top:-14px;height:28px;background:rgba(201,168,118,.55);transform:rotate(-1deg)}
.note-link{display:block;width:min(520px,100%);margin:0 auto;background:#fff7aa;padding:30px;box-shadow:var(--shadow);transform:rotate(-2deg);font:700 34px Caveat}.newsletter{background:#e7dcc4;border:1px dashed var(--muted);padding:35px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.newsletter input,.field input,.field textarea,.field select{width:100%;padding:12px;border:2px solid #cfc1a6;background:#fffdf7;font:inherit}.field{margin-bottom:16px}.field label{display:block;font-weight:900;margin-bottom:5px}
.footer{padding:50px 0 80px;border-top:1px dashed #b9a98b}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footgrid h3{font:700 26px Caveat;margin:0 0 10px}.tcpa{margin-top:28px;padding:12px 14px;border:1px solid var(--stamp);background:#f8ead9;font-weight:800}.cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:90;background:#fffaf0;border:1px solid #cdbf9e;box-shadow:var(--shadow);padding:14px 16px;display:flex;gap:16px;justify-content:space-between;align-items:center}.cookie.hide{display:none}
.page-title{padding:70px 0 30px}.page-title h1{font:700 clamp(54px,8vw,92px)/.9 Caveat;margin:0}.paper-card{background:#fffdf7;padding:28px;box-shadow:var(--shadow);position:relative}.paper-card:after{content:"";position:absolute;inset:8px -6px -7px 6px;border:1px solid #d6c8ab;z-index:-1;background:#e9ddc5}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.feature-grid:nth-child(even){direction:rtl}.feature-grid:nth-child(even)>*{direction:ltr}.feature-img{background:#efe3cb;padding:18px;box-shadow:var(--shadow);transform:rotate(1deg)}.feature-img img{width:100%;display:block}.iconrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.iconbox{padding:20px;background:#f9f0df;border:1px dashed var(--muted);text-align:center}.iconbox b{font:700 28px Caveat}
.folder{background:#b99868;padding:32px;border-radius:3px;box-shadow:var(--shadow);position:relative;overflow:hidden}.folder:before{content:"";position:absolute;top:0;left:0;width:220px;height:28px;background:#a78657;clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}.pockets{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end;padding-top:44px}.pocket{min-height:210px;background:#d8bc8c;position:relative;padding:20px 16px 12px;box-shadow:0 7px 12px rgba(0,0,0,.18);cursor:pointer}.pocket:after{content:"";position:absolute;left:0;right:0;bottom:0;height:65px;background:#b38d59;clip-path:polygon(0 0,100% 22%,100% 100%,0 100%)}.plan-card{background:#fffdf7;padding:18px;min-height:225px;position:relative;z-index:2;transform:translateY(25px) rotate(var(--r,-1deg));transition:.3s}.pocket:hover .plan-card{transform:translateY(-5px) rotate(0)}.pocket.expanded .plan-card{transform:translateY(-110px) rotate(0);min-height:380px}.popular{position:absolute;right:8px;top:8px}.promo{margin:28px 0;padding:15px 20px;border:2px dashed var(--stamp);background:#f8ead9;display:inline-block;transform:rotate(1deg)}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.trust div{background:#f9f0df;padding:15px;text-align:center;font-weight:900}.compare-wrap{overflow:auto;margin-top:38px}.compare{width:100%;border-collapse:separate;border-spacing:0;background:#fffdf7;box-shadow:var(--shadow)}.compare th,.compare td{padding:13px;border-bottom:1px solid #ddd0b7;text-align:left;min-width:130px}.compare th{background:#eadfc9}.compare th.dispatch,.compare td.dispatch{background:#f3d9de}.renew{padding:16px;border-left:4px solid var(--teal);background:#e3efeb;margin-top:18px}
.envelope{max-width:760px;margin:auto;background:#f8f0df;padding:38px 44px;box-shadow:var(--shadow);position:relative}.envelope:before{content:"";position:absolute;inset:10px;border:1px solid #d6c8ab;pointer-events:none}.letter-head{text-align:center}.letter-head h1{font:700 64px Caveat;line-height:.95;margin:12px 0}.stars{color:var(--stamp);font-weight:900}.letter-art{margin:28px 0}.letter-art img{width:100%;display:block;cursor:zoom-in}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.thumbs img{width:100%;cursor:zoom-in}.fine{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.fine div{padding:11px;background:#eee2cc;border-bottom:1px dashed #b5a789}.buybox{margin-top:30px;background:#c9a876;padding:22px;box-shadow:var(--shadow)}.buyprice{font:700 60px Caveat}.secure li{margin:7px 0}.distribution{height:9px;background:#e6d7d1;margin:6px 0 10px}.distribution i{display:block;height:100%;background:var(--rose)}.also{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.mini{padding:15px;background:#f9f0df;border:1px dashed var(--muted)}
.cart-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:28px}.cart-item{display:flex;gap:18px;padding:18px;background:#fffdf7;box-shadow:var(--shadow);margin-bottom:14px}.cart-item img{width:130px;height:100px;object-fit:cover;background:#eee2c9}.summary{padding:24px;background:#eadfc9;box-shadow:var(--shadow);height:max-content}.empty{text-align:center;padding:70px 20px;background:#fffdf7;border:2px dashed #b7a889}.checkout{max-width:560px;margin:auto}.success{padding:40px;text-align:center;background:#f8f0df;box-shadow:var(--shadow)}.success h1{font:700 58px Caveat}.faq{max-width:850px;margin:auto}.faq details{background:#fffdf7;margin:9px 0;padding:17px 20px;box-shadow:0 4px 10px rgba(51,48,42,.07);border-left:4px solid var(--kraft)}.faq summary{font-weight:900;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.company{padding:28px;background:#eadfc9}.company p{margin:7px 0}.legal{max-width:850px;margin:auto}.legal h2{font:700 40px Caveat;margin-top:34px}.legal .paper-card{margin-bottom:18px}
.lightbox{position:fixed;inset:0;background:rgba(30,25,18,.82);display:none;z-index:100;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:88vh;background:#fff}.close{position:absolute;top:18px;right:22px;color:white;font-size:36px;cursor:pointer}
@media(max-width:850px){.navlinks{gap:8px;font-size:.88rem}.navlinks a:not(.cta){display:none}.journal,.feature-grid,.scrapbook,.cart-grid,.contact-grid{grid-template-columns:1fr}.process,.pockets,.trust,.iconrow{grid-template-columns:1fr 1fr}.hero{padding:25px 0}.journal{min-height:auto}.page{min-height:440px}.hero h1{margin-top:70px}.fine{grid-template-columns:1fr}.envelope{padding:25px 20px}.newsletter{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.pocket.expanded .plan-card{transform:translateY(-50px)}}@media(max-width:520px){.wrap{width:min(100% - 22px,1160px)}.process,.pockets,.trust,.iconrow,.also{grid-template-columns:1fr}.page{padding:28px}.hero h1{font-size:62px}.quote{padding:38px 22px}.scraps{grid-template-columns:1fr 1fr}.buyprice{font-size:50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}