:root{--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--paper:#faf8ef;--green:#25472b;--olive:#4b6339;--orange:#c3461d;--lime:#e7edcb;--muted:#646a5c;--line:#dce0cf;--art:url('../assets/products/instagram-comparison.jpg')}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--green);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:#dfedb9}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.035em}p{line-height:1.75}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:20;background:var(--green);color:white;padding:14px}.skip:focus{transform:none}.topline{background:var(--green);color:#f6f7e7;text-align:center;padding:10px 20px;font-size:11px;letter-spacing:.11em}.topline span{opacity:.65;margin:0 12px}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-family:Arial,Helvetica,sans-serif;font-size:35px;font-weight:900;font-style:italic;letter-spacing:-2.5px;position:relative}.wordmark i{display:inline-block;width:8px;height:14px;background:var(--orange);border-radius:8px 1px 8px 1px;transform:rotate(26deg);position:absolute;right:10px;top:1px}.navlinks{display:flex;gap:32px;font-size:12px;font-weight:600;align-items:center}.navlinks a:not(.button){padding:12px 0}.navlinks a:not(.button):hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 24px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700;line-height:1.3;background:var(--green);color:#fffef5;transition:transform .2s,background .2s;min-height:46px}.button:hover{background:#365a36;transform:translateY(-2px)}.button svg{width:16px;height:16px;flex:none}.button.small{padding:12px 18px;gap:12px}.button.orange{background:var(--orange)}.button.orange:hover{background:#bb421b}.button.light{background:var(--paper);color:var(--green)}.button.outline{border-color:#b7c1a9;background:transparent;color:var(--green)}.eyebrow{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{height:6px;width:6px;border-radius:50%;background:var(--orange);display:inline-block;flex:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;min-height:620px;align-items:center;padding:35px 0 65px}.hero h1{font-size:clamp(62px,6.7vw,92px);line-height:1.03;margin:25px 0 23px;font-weight:700}.hero h1 em{font-style:normal;color:var(--orange);position:relative;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;left:0;bottom:-9px;width:100%;height:10px;border-top:3px solid var(--orange);border-radius:50%;transform:rotate(-3deg)}.hero-text{max-width:370px;font-size:14px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:23px;margin:30px 0 23px}.textlink{font-size:12px;font-weight:700;border-bottom:1px solid var(--green);padding-bottom:5px}.tiny{font-size:10px;line-height:1.7;color:var(--muted);display:flex;align-items:center;gap:8px}.tiny svg{width:14px;height:14px}.hero-art{height:530px;position:relative;isolation:isolate}.blob{position:absolute;inset:30px 12px 22px;background:#e8ebcd;border-radius:47% 50% 44% 49%;transform:rotate(-9deg);z-index:-1}.produce{position:absolute;border:8px solid var(--paper);box-shadow:0 16px 34px #2335191c;border-radius:22px;background-image:var(--art);background-repeat:no-repeat;background-size:230% auto}.produce.back{width:67%;height:59%;top:31px;left:24px;transform:rotate(-12deg);background-position:3.3% 42%;background-color:#426020}.produce.front{width:71%;height:63%;bottom:23px;right:3px;transform:rotate(9deg);background-position:95.5% 42%;background-color:#ff7900}.stamp{position:absolute;top:7px;right:-5px;width:113px;height:113px;display:grid;place-content:center;text-align:center;color:#fff6df;background:var(--orange);border-radius:50%;transform:rotate(12deg);box-shadow:0 0 0 7px var(--paper);font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.02em}.stamp small{font-size:9px;letter-spacing:.11em;font-weight:400;margin-bottom:5px}.floating-note{position:absolute;bottom:11px;left:2px;display:flex;gap:12px;align-items:center;background:#fffef7;padding:15px 20px;border-radius:11px;box-shadow:0 8px 30px #243b1d12;transform:rotate(-5deg);z-index:2}.floating-note svg{height:26px;width:26px;color:var(--orange)}.floating-note strong{font-size:12px;display:block}.floating-note small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.sprout{position:absolute;bottom:90px;left:-18px;width:60px;height:60px;transform:rotate(-18deg)}.spark{position:absolute;top:9px;left:25px;width:30px;height:30px;color:var(--orange)}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:30px}.benefit{display:flex;gap:15px;align-items:center;justify-content:center}.benefit svg{width:27px;height:27px;color:var(--olive);flex:none}.benefit strong{display:block;font-size:12px;letter-spacing:-.01em}.benefit small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.section{padding:90px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.section h2{font-size:clamp(34px,4vw,49px);line-height:1.13;margin-top:14px}.section-heading>p{font-size:12px;color:var(--muted);max-width:265px}.packages{display:grid;grid-template-columns:1fr 1fr;gap:25px}.package{background:#f0f2e5;border:1px solid #e0e4d1;border-radius:20px;overflow:hidden}.package.premium{background:#fbeddc;border-color:#f1dfc9}.package-top{display:flex;justify-content:space-between;align-items:center;padding:25px 28px 10px}.package-top h3{font-size:25px;letter-spacing:-.04em}.pill{font-family:var(--font-sans);font-size:9px;border:1px solid #b9c4a5;padding:7px 10px;border-radius:30px;white-space:nowrap}.premium .pill{border-color:#ddb594;color:#8e3c1c}.package-photo{height:290px;background-image:var(--art);background-size:222% auto;background-repeat:no-repeat;margin:10px 19px 0;border-radius:13px;background-position:3% 42.5%;background-color:#426020}.premium .package-photo{background-position:96% 42.5%;background-color:#ff7900}.package-body{padding:24px 28px 28px}.package-body>p{font-size:12px;max-width:360px;color:var(--muted)}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;list-style:none;padding:20px 0;margin:0;font-size:11px}.features li{display:flex;gap:8px;align-items:center}.check{font-size:12px;color:var(--green)}.package-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #cdd5bb;padding-top:20px}.premium .package-bottom{border-color:#e5d1b9}.package-bottom small{font-size:10px;max-width:130px;line-height:1.6;color:var(--muted)}.package-bottom .button{padding:12px 16px;font-size:11px;gap:12px}.ingredient-strip{margin-top:24px;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;justify-content:center}.ingredient-strip svg{height:13px;width:13px}.how{background:var(--lime);border-radius:25px;padding:50px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;position:relative;overflow:hidden}.how h2{max-width:350px}.how-intro>p{font-size:12px;color:#5e6852;max-width:285px;margin-top:18px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:32px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #c6d0a8}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:none;padding-bottom:0}.stepno{font:500 11px var(--font-sans);border:1px solid #9aaa7b;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.steps h3{font-family:var(--font-sans);font-size:14px;letter-spacing:-.02em;margin:5px 0 6px}.steps p{font-size:11px;color:#5e6852;max-width:300px}.where{display:flex;justify-content:space-between;gap:35px;align-items:center;border-bottom:1px solid var(--line);padding:37px 0}.where-main{display:flex;align-items:center;gap:17px}.where-main>svg{width:33px;height:33px;flex:none}.where strong{font-size:12px;display:block}.where p{font-size:11px;color:var(--muted);margin-top:5px}.delivery{border-left:1px solid var(--line);padding-left:30px}.delivery strong{font:700 23px var(--font-sans);letter-spacing:-.05em}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.faq-intro p{font-size:12px;color:var(--muted);max-width:260px;margin:18px 0 22px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 0 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:13px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:20px;font-weight:400;color:var(--orange);line-height:1;flex:none}details[open] summary:after{content:"−"}details p{font-size:12px;color:var(--muted);max-width:470px;padding:0 25px 22px 0}.cta{background:var(--green);border-radius:23px;text-align:center;color:var(--paper);padding:55px 30px 47px;position:relative;overflow:hidden}.cta .eyebrow{justify-content:center;color:#ced9b6}.cta h2{font-size:clamp(40px,5.2vw,66px);line-height:1.08;max-width:700px;margin:17px auto 20px}.cta h2 em{font-style:normal;color:#dbe8ae}.cta p{font-size:12px;color:#d0dbc1;margin-bottom:25px}.cta .button{margin-bottom:16px}.cta small{display:block;font-size:10px;color:#d0dbc1}.cta-leaf{position:absolute;width:105px;height:150px;opacity:.12;bottom:0;left:25px;transform:rotate(-20deg)}.cta-leaf.right{left:auto;right:25px;top:20px;transform:rotate(160deg)}footer{padding:34px 0 24px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main .wordmark{font-size:28px}.footer-main p{font-size:11px;color:var(--muted)}.footer-main a:last-child{font-size:11px;display:flex;align-items:center;gap:8px}.footer-main svg{width:15px;height:15px}.footer-base{border-top:1px solid var(--line);padding-top:19px;margin-top:25px;display:flex;justify-content:space-between;gap:18px;font-size:9px;color:var(--muted)}.footer-base a{text-decoration:underline;text-underline-offset:3px}.hero-art .spark{animation:turn 8s ease-in-out infinite}.floating-note{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-7px) rotate(-5deg)}}@keyframes turn{50%{transform:rotate(30deg)}}
    @media(min-width:1500px){.hero{min-height:680px}.hero-art{height:570px}}
    @media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:20px;min-height:560px}.hero h1{font-size:67px}.hero-art{height:450px}.stamp{width:95px;height:95px;font-size:12px;right:0}.navlinks{gap:23px}.how,.faq{gap:40px}.how{padding:38px}.produce.back{left:12px}.produce.front{right:0}.floating-note{padding:13px;left:0}.sprout{left:-5px}.package-photo{height:250px}.features{grid-template-columns:1fr}.hero-actions{gap:16px}}
    @media(max-width:720px){.wrap{width:calc(100% - 36px)}.topline{font-size:9px;padding:10px 8px;letter-spacing:.06em}.topline span{margin:0 6px}.nav{height:80px}.wordmark{font-size:31px}.navlinks>a:not(.button){display:none}.button.small{font-size:11px;padding:11px 14px}.hero{grid-template-columns:1fr;padding:30px 0 40px;gap:24px}.hero h1{font-size:clamp(57px,12.5vw,79px);margin-top:20px;margin-bottom:26px}.hero h1 br:last-of-type{display:none}.hero-text{max-width:340px;font-size:13px}.hero-actions{margin-top:25px;margin-bottom:17px;gap:22px}.hero-art{height:440px;width:min(470px,100%);margin:auto}.hero .eyebrow{font-size:9px}.produce.back{top:22px;left:16px}.produce.front{bottom:16px;right:8px}.blob{inset:20px 15px}.stamp{top:4px;right:2px}.floating-note{bottom:0;left:8px}.sprout{bottom:60px;left:0;width:45px}.spark{left:22px}.benefits{grid-template-columns:1fr;gap:22px;padding:25px 0}.benefit{justify-content:flex-start;padding-left:8px}.benefit svg{width:25px;height:25px}.benefit strong{font-size:12px}.benefit small{font-size:10px}.section{padding:56px 0}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:16px;max-width:310px}.section h2{font-size:37px}.packages{grid-template-columns:1fr;gap:22px}.package-top{padding:23px 23px 10px}.package-photo{height:285px;margin-left:16px;margin-right:16px}.package-body{padding:22px}.features{grid-template-columns:1fr 1fr;font-size:10px}.package-bottom small{font-size:9px}.ingredient-strip{font-size:9px;align-items:flex-start;line-height:1.6}.ingredient-strip svg{flex:none}.how{grid-template-columns:1fr;padding:30px 25px;gap:30px;border-radius:18px}.how h2{font-size:36px}.steps li{gap:15px}.steps p{max-width:none}.where{align-items:flex-start;padding:28px 0;gap:20px;flex-direction:column}.delivery{padding-left:50px;border:none}.where-main>svg{width:30px;height:30px}.faq{grid-template-columns:1fr;gap:28px}.faq-intro p{max-width:310px}.faq-intro .textlink{display:inline-block}.faq-list summary{padding:20px 0;font-size:12px}.cta{padding:44px 23px 38px;border-radius:18px}.cta h2{font-size:43px;max-width:350px}.cta p{max-width:250px;margin-left:auto;margin-right:auto;font-size:11px}.cta-leaf{width:60px;left:-5px}.cta-leaf.right{right:-9px}.footer-main{align-items:flex-start;flex-wrap:wrap;gap:16px}.footer-main p{width:100%;order:3;font-size:10px}.footer-base{font-size:8px;line-height:1.7;align-items:flex-start}.footer-base span{max-width:180px}}
    @media(max-width:380px){.hero-art{height:380px}.stamp{width:83px;height:83px;font-size:11px}.stamp small{font-size:8px}.package-photo{height:245px}.hero-actions{gap:17px}.button{padding:16px 19px}.floating-note{padding:11px;font-size:10px}.floating-note strong{font-size:11px}.features{grid-template-columns:1fr}.hero h1{font-size:56px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

    /* Logo and theme surfaces. Product photography retains its original colors. */
    :root{--note:#fffef7;--economic:#f0f2e5;--premium:#fbeddc;--economic-line:#e0e4d1;--premium-line:#f1dfc9;--blob:#e8ebcd;--button-bg:#25472b;--button-text:#fffef5;--button-hover:#365a36;--orange-button:#c3461d;--orange-button-text:#fffef5;--premium-pill:#8e3c1c;--cta-bg:#25472b;--cta-text:#faf8ef;--cta-muted:#d0dbc1;--step-line:#c6d0a8;--selection:#dfedb9;--shadow:0 8px 30px #243b1d12;color-scheme:light}
    :root[data-theme="dark"]{--paper:#152019;--green:#d5e8c8;--olive:#b9d29d;--orange:#ffab78;--lime:#253726;--muted:#b5c2b1;--line:#3d5140;--note:#213126;--economic:#1e2d23;--premium:#302d21;--economic-line:#405443;--premium-line:#5c503a;--blob:#293a28;--button-bg:#c4dfa5;--button-text:#172416;--button-hover:#d7edbf;--orange-button:#ee9a65;--orange-button-text:#2d1b0e;--premium-pill:#efbb8d;--cta-bg:#243e2b;--cta-text:#f3f6e9;--cta-muted:#c7d8bc;--step-line:#506747;--selection:#3d603d;--shadow:0 14px 36px #0004;color-scheme:dark;}
    @media(prefers-color-scheme:dark){:root:not([data-theme]){--paper:#152019;--green:#d5e8c8;--olive:#b9d29d;--orange:#ffab78;--lime:#253726;--muted:#b5c2b1;--line:#3d5140;--note:#213126;--economic:#1e2d23;--premium:#302d21;--economic-line:#405443;--premium-line:#5c503a;--blob:#293a28;--button-bg:#c4dfa5;--button-text:#172416;--button-hover:#d7edbf;--orange-button:#ee9a65;--orange-button-text:#2d1b0e;--premium-pill:#efbb8d;--cta-bg:#243e2b;--cta-text:#f3f6e9;--cta-muted:#c7d8bc;--step-line:#506747;--selection:#3d603d;--shadow:0 14px 36px #0004;color-scheme:dark;}}
    body{background:var(--paper);color:var(--green)}
    ::selection{background:var(--selection);color:var(--green)}
    button{touch-action:manipulation}button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
    .wordmark{display:inline-flex;align-items:center;flex-shrink:0;font-style:normal;letter-spacing:normal;line-height:1}
    .brand-logo{display:block;width:156px;height:72px;padding:5px 8px;background:#fff;border-radius:10px;border:1px solid #25472b18}
    .footer-main .brand-logo{width:136px;height:64px}
    .navlinks{gap:24px}.nav-actions{display:flex;align-items:center;gap:12px}
    .theme-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--note);color:var(--green);font-size:11px;font-weight:600;cursor:pointer;flex-shrink:0}
    .js .theme-toggle{display:inline-flex}.theme-toggle:hover{border-color:var(--olive)}
    .theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
    .theme-toggle .moon{display:none}:root[data-theme="dark"] .theme-toggle .moon{display:block}:root[data-theme="dark"] .theme-toggle .sun{display:none}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
    .topline{background:var(--cta-bg);color:var(--cta-text)}
    .button{background:var(--button-bg);color:var(--button-text)}.button:hover{background:var(--button-hover)}
    .button.orange{background:var(--orange-button);color:var(--orange-button-text)}.button.orange:hover{filter:brightness(1.08);background:var(--orange-button)}
    .button.light{background:var(--cta-text);color:var(--cta-bg)}.button.light:hover{background:#e3edcf}
    .button.outline{border-color:var(--line);background:transparent;color:var(--green)}
    .skip{background:var(--button-bg);color:var(--button-text)}
    .blob{background:var(--blob)}.floating-note{background:var(--note);box-shadow:var(--shadow)}
    .stamp{background:var(--orange-button);color:var(--orange-button-text)}
    .package{background:var(--economic);border-color:var(--economic-line)}
    .package.premium{background:var(--premium);border-color:var(--premium-line)}
    .pill{border-color:var(--economic-line)}.premium .pill{border-color:var(--premium-line);color:var(--premium-pill)}
    .package-bottom{border-color:var(--economic-line)}.premium .package-bottom{border-color:var(--premium-line)}
    .how-intro>p,.steps p{color:var(--muted)}.steps li{border-color:var(--step-line)}.stepno{border-color:var(--olive)}
    .cta{background:var(--cta-bg);color:var(--cta-text)}.cta p,.cta small,.cta .eyebrow{color:var(--cta-muted)}.cta h2 em{color:#dbe8ae}
    @media(max-width:1000px){.navlinks{gap:18px}.nav-actions{gap:10px}.brand-logo{width:145px;height:66px}}
    @media(max-width:720px){.nav{gap:12px}.navlinks{gap:0}.nav-actions{gap:8px}.brand-logo{width:120px;height:58px}.theme-toggle{padding:10px}.footer-main .brand-logo{width:126px;height:60px}}
    @media(max-width:420px){.brand-logo{width:106px;height:52px}.nav-order-full{display:none}.nav-actions .button.small{padding:11px 12px;gap:8px}.nav-actions .button svg{width:14px}.nav{gap:8px}.nav-actions{gap:7px}}
  .icon-bank{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.not-found{min-height:100vh;display:grid;place-items:center}
.not-found-content{max-width:680px;padding:55px 0}
.not-found-content .eyebrow{margin:35px 0 20px}
.not-found-content h1{font-size:clamp(40px,7vw,68px);line-height:1.07;margin-bottom:22px}
.not-found-content>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:430px;margin-bottom:28px}
.brand-logo{object-fit:contain}

/* Shared three-link navigation with an icon-only theme button. */
.site-header .nav{height:auto;min-height:92px;gap:24px}.site-header .navlinks{display:flex;align-items:center;gap:28px;flex-wrap:nowrap}.site-header .navlinks>a.site-nav-link{display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;padding:14px 0;margin:0}.site-header .navlinks>a[aria-current="page"]{color:var(--orange)}.site-header .nav-actions{gap:0}.site-header .theme-toggle{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;gap:0}.site-header .theme-toggle svg{width:19px;height:19px}.not-found{display:block;min-height:100vh}.not-found .not-found-content{padding:80px 0}
@media(max-width:720px){.site-header .nav{gap:14px;min-height:80px}.site-header .navlinks{gap:16px}.site-header .navlinks>a.site-nav-link{font-size:12px}.site-header .brand-logo{width:115px;height:56px}}
@media(max-width:580px){.site-header .nav{flex-wrap:wrap;padding:12px 0;gap:5px}.site-header .navlinks{width:100%;justify-content:space-between;gap:10px}.site-header .navlinks>a.site-nav-link{font-size:13px;padding:12px 0}.site-header .brand-logo{width:120px;height:56px}.not-found .not-found-content{padding:50px 0}}
@media(max-width:360px){.site-header .navlinks{gap:7px}.site-header .navlinks>a.site-nav-link{font-size:12px}}