:root{--cream:#f7f8f3;--green:#16794b;--ink:#17211b;--muted:#667069;--line:#dce1d7;--lime:#dcec9e;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d39327;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h1{font-size:60px;line-height:1;font-weight:600;letter-spacing:-3px}h2{font-size:48px;line-height:1;letter-spacing:-2px;font-weight:600}h3{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:96px}.nav{position:relative;z-index:20;margin:24px auto 0;width:min(1280px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffffd9;border:1px solid #e3e6dd;border-radius:24px;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;font-weight:700;font-size:30px;letter-spacing:-1.5px;line-height:36px}.brand-icon{display:inline-grid;place-items:center;background:var(--green);color:white;width:32px;height:32px;border-radius:8px;margin-right:8px;font-size:30px}.brand-dot{color:var(--green)}nav{display:flex;gap:32px;align-items:center}nav>a{font-size:14px;font-weight:600}nav>a:not(.button):hover{color:var(--green)}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:var(--green);color:#fff;padding:16px 24px;border-radius:12px;font-weight:600;transition:transform .3s var(--ease),background .3s var(--ease)}.button:hover{background:#105f3a;transform:translateY(-2px)}.button:active{transform:scale(.98)}.button.small{padding:12px 16px;gap:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 0 80px}.eyebrow{font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;display:flex;gap:8px;align-items:center;margin-bottom:24px}.status-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--green)}h1 span{color:var(--green)}.intro{font-size:18px;line-height:28px;color:var(--muted);max-width:440px;margin:24px 0 32px}.hero-note{margin-top:24px;font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.hero-note>span:first-child{color:var(--green)}.hero-art{position:relative;border-radius:24px;background:#e5eadb;padding:16px;transform:rotate(2deg)}.hero-art img{width:100%;height:400px;object-fit:cover;border-radius:12px;display:block}.image-label{padding:8px 0 16px;display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:1px;font-weight:600}.food-caption{display:flex;align-items:center;justify-content:space-between;padding:24px 8px 8px}.caption{font-size:12px;line-height:16px;letter-spacing:1px}.food-caption p{font-size:24px;line-height:32px;font-weight:600;margin-top:8px}.caption-arrow{font-size:48px}.round-stamp{position:absolute;right:-24px;top:64px;width:112px;height:112px;background:var(--lime);border:6px solid var(--cream);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:700;line-height:12px;transform:rotate(12deg)}.round-stamp span{font-size:36px;line-height:32px}.image-disclaimer{position:absolute;right:24px;top:416px;color:white;font-size:12px;background:#17211bbd;padding:4px 8px;border-radius:4px}.ribbon{background:var(--lime);display:flex;justify-content:space-around;align-items:center;gap:24px;padding:24px;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:600}.ribbon>span:nth-child(even){font-size:30px}.section-heading{max-width:760px}.section-heading h2 span,h2>span{color:var(--muted)}.section-heading>p:last-child{color:var(--muted);max-width:560px;margin-top:24px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}.benefit-grid article{border:1px solid var(--line);padding:32px;border-radius:16px}.number{font-size:12px;letter-spacing:1px;color:var(--muted)}.benefit-symbol{color:var(--green);font-size:48px;line-height:1;margin:32px 0 24px}.benefit-grid p{color:var(--muted);margin-top:16px}.how{background:#eaf0e4}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.how h2 span{color:var(--green)}.how-intro{margin:24px 0;color:var(--muted)}.text-link{font-weight:600;color:var(--green)}.text-link:hover{text-decoration:underline}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;padding:32px 0;border-bottom:1px solid #cfd9c8}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.steps li>span{background:var(--cream);height:48px;min-width:48px;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:14px;font-weight:600}.steps p{margin-top:12px;color:var(--muted)}.manifesto{text-align:center;padding-block:96px;position:relative}.manifesto .eyebrow{justify-content:center}.manifesto h2{font-size:60px;line-height:1;max-width:900px;margin:auto;color:var(--green)}.manifesto>p:last-child{margin-top:24px;color:var(--muted)}.manifesto-flower{display:block;color:var(--green);font-size:60px;line-height:1;margin-top:32px}.word{opacity:.3;transition:opacity .5s var(--ease)}.word.visible{opacity:1}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:32px}.faqs details{border-bottom:1px solid var(--line);padding:24px 0}.faqs details:first-child{padding-top:0}.faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:18px}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{color:var(--green);transition:transform .3s var(--ease)}details[open] summary span{transform:rotate(45deg)}.faqs p{margin-top:16px;color:var(--muted)}.download{border-radius:24px;padding:64px;background:var(--green);color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;overflow:hidden}.download h2{font-size:60px;line-height:1}.download p:not(.eyebrow){margin-top:24px;color:#e2f3e8}.coming{margin-top:32px;padding:12px 16px;background:#ffffff17;border:1px solid #ffffff40;border-radius:12px;display:inline-flex;align-items:center;gap:12px;font-size:14px}.coming .status-dot{background:var(--lime)}.download-art{background:var(--lime);color:var(--green);border-radius:24px;padding:32px;transform:rotate(8deg);display:flex;flex-direction:column;justify-content:space-between}.download-art>span{font-size:24px;font-weight:700;letter-spacing:-1px}.download-art>div{font-size:96px;line-height:1;text-align:right}.download-art p{font-size:36px;line-height:40px;font-weight:600;color:var(--green)!important}footer{padding-top:64px;padding-bottom:24px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top p{font-size:14px;color:var(--muted)}.footer-bottom{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.skip{position:fixed;top:-80px;left:16px;background:white;padding:16px;z-index:100}.skip:focus{top:16px}.menu-button{display:none}.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1500px){.hero{padding-block:80px 96px}}
@media(max-width:1050px){nav{gap:16px}nav>a{font-size:12px}.hero{gap:32px}h1{font-size:48px;letter-spacing:-2px}.hero-art img{height:360px}.image-disclaimer{top:376px}.benefit-grid{gap:16px}.benefit-grid article{padding:24px}.how-grid{gap:48px}h2{font-size:36px;line-height:40px}.download h2{font-size:48px}.manifesto h2{font-size:48px}.faq-grid{gap:32px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.nav{width:calc(100% - 32px);margin-top:16px;padding:12px 16px;border-radius:16px}.brand{font-size:24px}.brand-icon{width:24px;height:24px;font-size:24px}.menu-button{display:flex;flex-direction:column;gap:6px;justify-content:center;background:none;border:0;width:40px;height:40px;padding:8px;z-index:22}.menu-button span{width:24px;height:2px;background:var(--ink);transition:transform .5s var(--ease)}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none}.nav.menu-open{position:fixed;top:0;left:16px;right:16px}.menu-open nav{display:flex;position:fixed;top:80px;left:-16px;width:100vw;height:calc(100dvh - 96px);background:#f7f8f3f5;backdrop-filter:blur(24px);flex-direction:column;align-items:flex-start;gap:32px;padding:48px 32px}.menu-open nav>a{font-size:20px;animation:menu-in .5s var(--ease) both}.menu-open nav>a:nth-child(2){animation-delay:60ms}.menu-open nav>a:nth-child(3){animation-delay:120ms}.menu-open nav>a:nth-child(4){animation-delay:180ms}.hero{grid-template-columns:1fr;padding-block:40px 48px;gap:40px}h1{font-size:48px;line-height:1}.eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:24px}.intro{font-size:16px;line-height:24px;margin:24px 0}.hero-note{margin-top:16px}.hero-art{margin-inline:8px;transform:rotate(1deg)}.hero-art img{height:280px}.image-label{font-size:10px;letter-spacing:.5px}.image-disclaimer{top:296px;font-size:10px}.round-stamp{right:-16px;top:64px;width:96px;height:96px;font-size:10px}.food-caption p{font-size:20px;line-height:28px}.caption{font-size:10px}.ribbon{justify-content:flex-start;font-size:16px;gap:24px;padding:16px}.ribbon>span:last-child{display:none}.ribbon>span:nth-child(even){font-size:24px}.section{padding-block:64px}h2{font-size:36px;line-height:40px;letter-spacing:-1.5px}h3{font-size:24px;line-height:32px}.benefit-grid{grid-template-columns:1fr;margin-top:32px}.benefit-grid article{padding:24px}.benefit-symbol{margin:24px 0 16px}.how-grid,.faq-grid{grid-template-columns:1fr;gap:40px}.steps li{padding-block:24px}.steps li>span{width:40px;min-width:40px;height:40px}.manifesto{padding-block:64px}.manifesto h2{font-size:36px;line-height:40px}.manifesto .eyebrow{font-size:10px}.faq-grid{padding-top:0}.faqs summary{font-size:16px}.download{padding:32px 24px;grid-template-columns:1fr;gap:40px}.download h2{font-size:36px;line-height:40px}.download .eyebrow{font-size:10px}.download-art{max-width:280px;width:100%;margin:auto;padding:24px;transform:rotate(4deg)}.download-art>div{font-size:72px}.download-art p{font-size:30px;line-height:36px}footer{padding-top:48px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}.footer-bottom{margin-top:24px}body.menu-active{overflow:hidden}}
@keyframes menu-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.word{opacity:1}}
/* Decorative rotations stay within the viewport. */
body{overflow-x:clip}
html{overflow-x:clip}
@media(max-width:760px){.download-art{max-width:256px}}
/* Desktop navigation remains available while reading the page. */
@media(min-width:761px){
  .nav{position:sticky;top:16px}
  .hero-copy{animation:hero-enter .7s var(--ease) both}
  .hero-art{animation:photo-enter .9s var(--ease) both}
}
nav a[aria-current="location"]{color:var(--green)}
nav a.button[aria-current="location"]{color:white;background:#105f3a}
.benefit-grid article{transition:transform .5s var(--ease),background-color .3s var(--ease)}
@media(hover:hover){.benefit-grid article:hover{transform:translateY(-4px);background:#edf2e7}}
@keyframes hero-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-enter{from{opacity:0;transform:translateY(24px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.benefit-grid article:hover{transform:none}}