:root{--cream:#fff8ee;--ink:#25324b;--muted:#566259;--green:#365644;--sage:#dce7d8;--peach:#f2d5c5;--line:#e4dfd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--cream);color:var(--ink);margin:0;font-family:ui-rounded,Trebuchet MS,Arial,sans-serif;line-height:1.7}a{color:var(--green);text-underline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.14}h1{margin-bottom:28px;font-size:clamp(2.8rem,5.3vw,5.3rem);font-weight:650}h2{font-size:clamp(2rem,3.2vw,3.2rem);font-weight:600}h3{font-size:1.6rem}p{color:var(--muted)}.wrap{width:min(1160px,100% - 64px);margin-inline:auto}.header{justify-content:space-between;align-items:center;gap:24px;padding-block:28px;display:flex}.brand{letter-spacing:.035em;color:var(--ink);align-items:center;gap:9px;font-size:1.8rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-dot{color:var(--green);margin-left:-9px}nav{flex-wrap:wrap;gap:28px;display:flex}nav a{padding-block:12px;font-size:.9rem;text-decoration:none}nav a:hover,nav a[aria-current]{text-decoration:underline}.hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:48px;padding-block:70px 95px;display:grid}.eyebrow{letter-spacing:.16em;color:var(--green);margin-bottom:24px;font-size:.72rem;font-weight:700}.lead{max-width:530px;margin-bottom:30px;font-size:1.15rem}em{color:var(--green);font-style:normal}.button{background:var(--green);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:16px 24px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:#284534}.availability{margin:22px 0 2px;font-size:.88rem;font-weight:700}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}small{color:var(--muted);font-size:.78rem}.hero-art{flex-direction:column;justify-content:center;align-items:center;min-height:490px;margin:0;display:flex;position:relative}.art-circle{aspect-ratio:1;background:var(--sage);opacity:.65;z-index:-1;border-radius:48% 52% 55% 45%;width:95%;position:absolute}.hero-cloud{width:95%;transform:rotate(-5deg)}.handwritten{color:var(--green);font-family:Georgia,serif;font-size:1.2rem;font-style:italic}.art-label{background:#f2e6b8;border-radius:30px;padding:9px 17px;font-size:.8rem;position:absolute;top:25px;right:0;transform:rotate(9deg)}.art-note{border:1px solid var(--line);background:#fffdf7;border-radius:16px;align-self:flex-end;align-items:center;gap:12px;margin-top:-40px;padding:16px 24px;font-size:.9rem;display:flex;transform:rotate(-4deg)}.art-note span{color:#93684e;font-size:2rem}figcaption{color:var(--muted);text-align:center;margin-top:24px;font-size:.68rem}.ribbon{border-block:1px solid var(--line);text-align:center;background:#f1f2e6;padding:19px 24px}.ribbon p{color:var(--green);margin:0;font-size:.9rem}.steps{padding-block:90px}.step-grid{grid-template-columns:repeat(3,1fr);gap:38px;margin-top:45px;display:grid}.step-grid article{border-top:1px solid #c3cebf;padding-top:24px}.number{color:var(--green);margin-bottom:24px;font-family:Georgia,serif;font-size:2.4rem;display:inline-block}.tag{background:var(--sage);color:var(--green);border-radius:20px;padding:7px 14px;font-size:.78rem;display:inline-block}article:nth-child(2) .tag{background:var(--peach);color:#633c30}article:nth-child(3) .tag{color:#61552b;background:#f2e6b8}.purpose{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:40px 80px;display:grid}.purpose-end{margin-top:30px}.purpose-end strong{color:var(--green)}.garden-art{margin:0}.garden-art img{border-radius:32px;width:100%}.mascot{background:#eceede;border-radius:32px;grid-template-columns:.8fr 1fr;align-items:center;gap:60px;padding:50px 70px;display:grid}.mascot img{width:100%}.mascot p:last-child{margin:25px 0 0}.closing{text-align:center;padding-block:100px}.closing p{margin-bottom:24px}.store-label{width:fit-content;color:var(--green);border:1px solid #9cae9c;border-radius:12px;margin:0 auto 20px;padding:13px 23px;font-weight:700;display:block}.footer{border-top:1px solid var(--line);justify-content:space-between;gap:30px;padding-block:38px;display:flex}.footer p{margin:5px 0 20px;font-size:.85rem}.footer nav{align-content:start;gap:10px 26px}.document{max-width:850px;min-height:65vh;padding-block:70px 100px}.document h1{font-size:clamp(2.7rem,5vw,4.5rem)}.document h2{letter-spacing:-.025em;margin-top:34px;font-size:1.55rem}.contact-card,.draft{border:1px solid var(--line);background:#eeefdf;border-radius:20px;margin-block:30px;padding:28px}.contact-card h2{margin-top:0}.contact-card p:last-child,.draft p{margin-bottom:0}.draft strong{color:#744532}.draft{background:#f5e4d6}.contact-card .button{overflow-wrap:anywhere;max-width:100%}.skip{background:var(--green);color:#fff;z-index:10;padding:12px 20px;position:absolute;top:-100px;left:20px}.skip:focus{top:12px}:focus-visible{outline-offset:5px;outline:3px solid #b94332}section[id]{scroll-margin-top:30px}@media (width<=800px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;padding-block:20px}nav{gap:18px}.hero{grid-template-columns:1fr;gap:22px;padding-block:40px 55px}.hero-copy{max-width:600px}.hero-art{width:min(440px,100%);min-height:360px;margin-inline:auto}.art-circle,.hero-cloud{width:85%}.art-label{top:10px;right:5%}.art-note{margin-top:-25px}.step-grid{gap:22px}.purpose{gap:30px}.mascot{gap:20px;padding:35px}.footer,.footer nav{flex-wrap:wrap}.closing{padding-block:70px}}@media (width<=560px){.header nav{justify-content:space-between;gap:6px;width:100%}.header nav a{font-size:.78rem}.brand{font-size:1.5rem}.hero h1{font-size:2.9rem}.lead{font-size:1.05rem}.hero-art{min-height:340px}.handwritten{font-size:1.05rem}.steps{padding-block:60px}.step-grid,.purpose,.mascot{grid-template-columns:1fr}.step-grid{gap:32px}.number{margin-bottom:12px}.purpose{padding-bottom:60px}.garden-art{max-width:400px;margin-inline:auto}.mascot{text-align:center;padding:28px}.mascot img{max-width:240px;margin:auto}.footer nav{flex-direction:column;gap:2px}.document{padding-block:40px 65px}.contact-card,.draft{padding:22px}.button{gap:12px;padding:14px 17px}.hero-art figcaption{font-size:.62rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-image:linear-gradient(#fff8eedb,#fff8eedb),url(/assets/paper-grain-v1.webp);background-size:auto,420px}.button,.art-note,.art-label,.tag,.mascot,.contact-card,.store-label{background-blend-mode:normal,multiply;background-image:linear-gradient(#ffffff08,#ffffff08),url(/assets/paper-grain-v1.webp);background-size:auto,360px}.button{background-color:#b94332;border:1px solid #9c5140;border-radius:15px 18px 16px 13px;transition:transform .2s,box-shadow .2s,background-color .2s;position:relative;box-shadow:inset 0 0 0 2px #ffe7cf35,0 3px #9f6d4826}.button:hover{background-color:#a83c2d;transform:translateY(-2px)rotate(-.5deg);box-shadow:inset 0 0 0 2px #ffe7cf35,0 5px #9f6d4826}.button:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffe7cf35}.step-grid article{background-color:#fffcf4;background-image:linear-gradient(#fffcf4cc,#fffcf4cc),url(/assets/paper-grain-v1.webp);background-position:0 0;background-repeat:repeat;background-size:auto,360px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #b7a68d70;border-radius:18px 15px 20px 14px;padding:26px;position:relative;box-shadow:inset 0 0 0 3px #b7a68d12,2px 4px #b7a68d12}.step-grid article:nth-child(2){transform:rotate(.6deg)}.step-grid article:nth-child(3){transform:rotate(-.5deg)}.step-grid article:before{content:"";background:#e6d9b784;border-inline:1px dashed #c9bda655;width:56px;height:17px;position:absolute;top:-9px;left:calc(50% - 28px);transform:rotate(-5deg)}.art-note{outline-offset:-5px;outline:1px dashed #b7a68d55;box-shadow:2px 4px #b7a68d14}.art-circle{background-blend-mode:multiply;background-image:url(/assets/paper-grain-v1.webp)}.cloud-greeting{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:45%;width:100%;padding:0;line-height:0;display:block}.cloud-greeting .hero-cloud{width:95%;transition:transform .35s}.cloud-greeting:hover .hero-cloud{transform:rotate(-2deg)translateY(-3px)}.cloud-hint{color:var(--muted);font-size:.73rem;position:absolute;top:68px;right:0;transform:rotate(5deg)}.cloud-reply{text-align:center;pointer-events:none;background:#fff8eee8;border-radius:16px;padding:8px 12px;font-size:1rem;position:absolute;bottom:80px;left:0;right:0}.hero-art{isolation:isolate}@media (width<=800px){.cloud-greeting .hero-cloud{width:85%}.cloud-hint{top:50px;right:5%}.cloud-reply{bottom:70px}}@media (width<=560px){.step-grid article{padding:24px}.cloud-hint{font-size:.7rem}.cloud-reply{font-size:.87rem}}@media (prefers-reduced-motion:reduce){.button,.cloud-greeting .hero-cloud{transition:none}.button:hover,.button:active,.cloud-greeting:hover .hero-cloud{transform:none}}.app-preview{padding-block:0 80px}.preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.preview-item{text-align:center;min-width:0;margin:0}.preview-item>img{border:1px solid var(--line);background:var(--cream);border-radius:22px;width:100%;max-width:290px;margin-inline:auto;display:block}.preview-item figcaption{margin-top:22px;font-size:1rem}.preview-item h3{letter-spacing:-.025em;color:var(--ink);margin-bottom:10px;font-size:1.2rem}.preview-item p{max-width:290px;margin-inline:auto;font-size:.9rem}.preview-note{text-align:center;margin:26px 0 0;font-size:.76rem}.closing .store-label{background:var(--sage);border:0;border-radius:999px;width:fit-content;margin:0 auto 20px;padding:8px 16px;font-size:.85rem;font-weight:600}.hero-question{color:var(--ink);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;line-height:1.4}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.step-grid article:nth-child(4) .tag{color:#514761;background:#e1daee}@media (width<=1000px){.step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media (width<=560px){.step-grid{grid-template-columns:1fr;gap:32px}}.mascot{isolation:isolate;background-color:#fffaf1;background-image:linear-gradient(#fffaf1dc,#fffaf1dc),url(/assets/paper-grain-v1.webp);background-size:auto,420px;border:1px solid #b7a68d70;border-radius:24px 30px 26px 20px;grid-template-columns:.85fr 1fr;gap:60px;padding:42px 58px;position:relative;box-shadow:inset 0 0 0 4px #b7a68d0c,3px 5px #b7a68d12}.mascot:before{content:"";background:#e6d9b784;border-inline:1px dashed #c9bda655;width:70px;height:21px;position:absolute;top:-10px;left:calc(50% - 35px);transform:rotate(-5deg)}.mascot-portrait{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:18px 4px;display:flex;position:relative}.mascot-portrait:before{content:"";z-index:-1;background:#dce7d88c;border-radius:48% 53% 46% 54%;position:absolute;inset:12% 3% 8%}.mascot-portrait img{width:100%;max-width:290px;display:block;transform:rotate(-4deg)}.mascot-hello{margin-bottom:2px;font-size:1rem;position:relative;transform:rotate(-4deg)}.mascot-signature{color:var(--muted);letter-spacing:.04em;margin-top:4px;font-size:.7rem}.mascot-copy{min-width:0}.mascot-copy .eyebrow{letter-spacing:.12em;margin-bottom:18px;font-size:.67rem}.mascot-copy h2{margin-bottom:22px;font-size:clamp(1.8rem,3vw,2.8rem)}.mascot-copy>p:not(.eyebrow){max-width:440px;font-size:1rem;line-height:1.8}.mascot-copy .mascot-invitation{color:var(--green);border-top:1px dashed #b7a68d70;align-items:center;gap:10px;margin-top:24px;padding-top:19px;font-size:.88rem;display:flex}.mascot-invitation span{color:#a77f62;font-size:1.4rem}@media (width<=800px){.mascot{gap:24px;padding:30px}.mascot-copy h2{font-size:1.9rem}}@media (width<=560px){.mascot{text-align:left;grid-template-columns:1fr;gap:24px;padding:26px 24px 30px}.mascot-portrait{width:100%;max-width:250px;margin:auto;padding:12px 0}.mascot-portrait img{max-width:220px}.mascot-copy h2{margin-bottom:16px;font-size:1.9rem;line-height:1.22}.mascot-copy>p:not(.eyebrow){font-size:.95rem;line-height:1.75}.mascot-copy .eyebrow{margin-bottom:12px;font-size:.61rem}.mascot-copy .mascot-invitation{gap:8px;margin-top:20px;padding-top:16px;font-size:.81rem}}@media (width<=800px){.hero-art{gap:14px;min-height:0;padding-block:18px 0}.hero-art>.handwritten:not(.cloud-reply),.hero-art>.cloud-hint{display:none}.hero-art>.art-label{order:-1;align-self:center;margin:0;padding:8px 16px;position:static;transform:rotate(4deg)}.hero-art .cloud-greeting{max-width:340px}.hero-art .hero-cloud{transform:rotate(-3deg)}.hero-art .art-circle{aspect-ratio:1;width:78%;max-width:320px;top:60px}.hero-art .art-note{align-self:center;max-width:100%;margin:0;padding:14px 20px;font-size:.88rem;transform:rotate(-2deg)}.hero-art .cloud-reply{background:0 0;order:0;max-width:100%;margin:0;padding:0 12px;font-size:.88rem;position:static}}@media (width<=1000px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}}@media (width<=800px){.preview-grid{gap:30px 20px}.preview-item>img{border-radius:16px}}@media (width<=560px){.app-preview{padding-bottom:50px}.preview-grid{grid-template-columns:1fr;gap:34px;margin-top:30px}.preview-item>img{max-width:260px}.preview-item figcaption{margin-top:18px}}