:root{--ink:#41383b;--muted:#72686b;--paper:#fffdf8;--cream:#f4eee4;--green:#568b79;--green-dark:#3d6f5f;--pink:#e8a2ad;--rose:#f7e2e2;--line:#dfd4c8;--shadow:#6f5f5530}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(#f7f1e8e8,#f7f1e8e8),repeating-linear-gradient(0deg,transparent 0,transparent 31px,#d9cfc120 32px);font-family:"Avenir Next","Segoe UI",sans-serif;line-height:1.65}a{color:inherit}.nav{max-width:1120px;height:74px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9cfc170}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:white}.nav nav{display:flex;gap:26px}.nav nav a{text-decoration:none;color:var(--muted);font-size:.9rem}.nav nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{max-width:1120px;margin:48px auto 100px;padding:30px 28px;display:grid;grid-template-columns:.9fr 1.1fr;gap:82px;align-items:center}.hero-copy{max-width:540px}.hand{margin:0 0 12px;color:var(--green-dark);font-family:"Segoe Print","Bradley Hand",cursive;font-size:1rem;transform:rotate(-1deg)}h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,9vw,7.2rem);font-weight:500;line-height:.95;letter-spacing:-.06em}h2{margin:0 0 20px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,4.2vw,4rem);font-weight:500;line-height:1.08;letter-spacing:-.04em}.intro{font-size:1.14rem;margin-top:30px}.hero-copy>p:not(.hand):not(.fineprint),.letter p,.download p,.section-heading>p:last-child{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:700;border:1px solid transparent}.button.primary{background:var(--green-dark);color:#fff;box-shadow:0 10px 24px #3d6f5f2d}.button.paper{background:var(--paper);border-color:var(--line)}.fineprint{font-size:.78rem;color:var(--muted);margin-top:14px}.hero-photo{position:relative;width:min(100%,480px);margin:auto;padding:18px 18px 12px;background:var(--paper);box-shadow:0 24px 55px var(--shadow);transform:rotate(2deg)}.hero-photo img{display:block;width:100%;aspect-ratio:9/20;object-fit:cover;object-position:top;border:1px solid #e8ded2}.hero-photo p{margin:11px 5px 2px;font-family:"Segoe Print","Bradley Hand",cursive;color:var(--muted);font-size:.82rem}.tape{position:absolute;z-index:2;width:112px;height:31px;top:-16px;left:50%;transform:translateX(-50%) rotate(-3deg);background:#e5cda5b8;box-shadow:0 1px 2px #796c5f25}.section,.section-narrow{max-width:1120px;margin:0 auto;padding:95px 28px}.section-narrow{max-width:960px}.letter{position:relative;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 42px #76675b18;padding:62px 72px;transform:rotate(-.35deg)}.letter:before{content:"";position:absolute;inset:16px;border:1px solid #e9dfd4;pointer-events:none}.letter p{position:relative;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem}.letter .signature{margin-top:34px;color:var(--green-dark);font-family:"Segoe Print","Bradley Hand",cursive;text-align:right}.section-heading{max-width:720px}.notebook-grid{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.notebook-grid article{min-height:205px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffdf87d}.notebook-grid article>span{font-family:Georgia,serif;color:var(--pink);font-size:1.6rem}.notebook-grid h3{margin:10px 0 7px;font-family:Georgia,serif;font-size:1.25rem}.notebook-grid p{margin:0;color:var(--muted)}.screens{padding-top:110px}.screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start;margin-top:48px}.screen-grid figure{margin:0;padding:11px 11px 18px;background:var(--paper);border:1px solid var(--line);box-shadow:0 17px 38px #67594e1f}.screen-grid img{display:block;width:100%;aspect-ratio:9/20;object-fit:cover;object-position:top;background:#17131d}.screen-grid figcaption{padding:12px 4px 0;color:var(--muted);font-family:"Segoe Print","Bradley Hand",cursive;font-size:.76rem;line-height:1.35}.tilt-left{transform:rotate(-1.5deg)}.tilt-right{transform:rotate(1.4deg)}.lift{transform:translateY(-22px)}.download{margin-top:75px;margin-bottom:80px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;background:var(--rose);border-radius:28px}.download .actions{max-width:270px;margin:0}.download .button{width:100%}footer{max-width:1120px;margin:auto;padding:32px 28px 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}footer>span:first-child{font-weight:750;color:var(--ink)}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:680px}.hero-photo{width:min(82vw,450px)}.screen-grid{grid-template-columns:1fr 1fr}.download{grid-template-columns:1fr}.download .actions{max-width:none}.download .button{width:auto}}@media(max-width:620px){.nav nav{display:none}.hero{margin-top:10px;padding:26px 20px 70px}.hero h1{font-size:4.2rem}.letter{margin:0 14px;padding:48px 28px}.section{padding:75px 20px}.notebook-grid{grid-template-columns:1fr}.screen-grid{gap:13px}.screen-grid figure{padding:7px 7px 13px}.screen-grid figcaption{font-size:.67rem}.download{margin:40px 14px 60px;padding:42px 26px;border-radius:22px}.download .actions{display:block}.download .button{width:100%;margin-top:10px}footer{display:block;text-align:center}footer span{display:block;margin-top:7px}}