:root{--cream:#f7f4eb;--ink:#173e30;--muted:#53665b;--line:#d8ddd2;--green:#244f3b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #af713a;outline-offset:6px}header,main,footer{max-width:1320px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 56px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:27px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand-dot{color:#b27c58}nav{display:flex;align-items:center;gap:32px;font-size:15px}nav a{text-decoration:none}.contact{border:1px solid var(--ink);padding:8px 19px;border-radius:30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:62px 56px 74px;align-items:center}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:bold;margin:0 0 22px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,6.6vw,86px);line-height:1.04;letter-spacing:-3px;margin:20px 0 30px}h1 em{font-weight:400;color:#49774d}.lead{font-size:23px;line-height:1.45}.hero-copy>p:not(.eyebrow){max-width:460px}.hero-copy>p{color:var(--muted)}.button{display:inline-block;margin-top:19px;padding:14px 25px;color:#fff;background:var(--green);border-radius:30px;text-decoration:none;font-size:16px}.release{font-size:14px;margin-top:23px}.hero-art{position:relative;margin:0;border-radius:48% 48% 12px 12px;overflow:hidden;background:#e8e6de}.hero-art img{width:100%;height:auto;display:block}.hero-art figcaption{position:absolute;bottom:18px;left:20px;right:20px;background:rgba(247,244,235,.92);padding:13px 18px;border-radius:8px;font-family:Georgia,serif;font-size:23px}.hero-art figcaption span{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.8px;font-weight:bold}.section{padding:78px 56px;border-top:1px solid var(--line)}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,4vw,52px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 23px}h3{font-size:23px;line-height:1.3;margin:20px 0 13px;font-weight:600}p{margin:0 0 18px}.section-heading{max-width:570px}.section-heading>p:last-child,.steps p,.tree-intro>p:last-child,.about p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:45px}.number{font-family:Georgia,serif;font-size:30px;color:#76906b;border-bottom:1px solid var(--line);display:block;padding-bottom:18px}.trees{background:var(--ink);color:var(--cream);border-radius:15px}.tree-intro{max-width:740px}.tree-intro>p:last-child{color:#cbd5c9}.tree-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:45px}.tree-grid article{border-top:1px solid #577063;padding-top:26px}.tree-grid p{color:#cbd5c9}.label{font-size:12px;letter-spacing:1.8px}.about{border-top:0}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.get-in-touch{text-align:center;padding-top:65px;padding-bottom:70px}.email{font-size:clamp(20px,3.2vw,34px);font-family:Georgia,serif}.get-in-touch>p:not(.eyebrow){color:var(--muted)}footer{padding:28px 56px;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);font-size:12px}footer p{margin:0;flex:1;color:var(--muted)}footer>a:last-child{font-size:14px}.privacy{max-width:800px;padding:70px 30px}.privacy h1{font:400 48px/1.15 Georgia,serif}.privacy h2{font:600 23px/1.3 Arial,sans-serif;margin-top:35px;letter-spacing:0}@media(max-width:800px){header{padding:20px 24px;flex-wrap:wrap}nav{gap:18px;flex-wrap:wrap;font-size:14px}.hero{grid-template-columns:1fr;padding:40px 24px 45px;gap:30px}.hero h1{letter-spacing:-2px}.hero-copy>p:not(.eyebrow){max-width:none}.hero-art{max-width:490px;width:100%;justify-self:center}.section{padding:50px 24px}.steps{grid-template-columns:1fr;gap:22px}.tree-grid,.about-grid{grid-template-columns:1fr;gap:24px}.trees{border-radius:0}.about-grid h2 br{display:none}footer{padding:25px 24px;flex-wrap:wrap}footer p{flex-basis:100%}h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* App branding: warm cream, rounded type and quiet surfaces. */
:root{--cream:#f4e6d1;--ink:#34261c;--muted:#6d5d4c;--line:#e1d1bc;--green:#356a4b}
body{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(160deg,#f6ead8,#f0ddc1);font-size:17px}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.6px;font-size:25px}
.logo-art{display:block;position:relative;overflow:hidden;width:52px;height:52px;flex-shrink:0;border-radius:24%;background:#f6ead8}
.logo-art img{position:absolute;width:280.72%;max-width:none;height:auto;left:-90.48%;top:-164.29%}
.hero-brand .logo-art{width:104px;height:104px;margin-bottom:28px}
.hero h1{font-family:inherit;font-size:clamp(44px,5.8vw,74px);line-height:1.12;font-weight:850;letter-spacing:-2px;margin:0 0 12px}
.hero .tagline{font-size:clamp(22px,2.4vw,30px);color:var(--muted);margin-bottom:32px;line-height:1.3}
.hero-copy .lead{font-size:21px;color:var(--ink)}
h2{font-family:inherit;font-weight:780;font-size:clamp(32px,3.6vw,46px);line-height:1.2;letter-spacing:-1px}
h3{font-weight:740}.eyebrow{letter-spacing:1.4px;color:#586b45;font-size:12px}
.hero-art{border-radius:28px}.hero-art figcaption{font-family:inherit;font-size:20px;font-weight:700;background:#f8efe3ee}.hero-art img{mix-blend-mode:multiply}
.button,.contact{border-radius:18px;font-weight:700}.button{padding:15px 26px}.contact{color:var(--green);background:#fffcf7;border-color:var(--line)}
.number{font-family:inherit;color:var(--green);font-size:24px;font-weight:750}
.trees{background:#fffbf5;color:var(--ink);border:1px solid var(--line);border-radius:28px}.tree-intro>p:last-child,.tree-grid p{color:var(--muted)}.tree-grid article{border-color:var(--line)}.label{color:var(--green);font-weight:700}.email{font-family:inherit;font-weight:650;color:var(--green)}
.privacy h1{font-family:inherit;font-weight:800}.privacy h2{font-family:inherit}.release{font-size:14px}
@media(max-width:800px){.hero-brand .logo-art{width:88px;height:88px}.hero{padding-top:42px}.trees{border-radius:22px;margin:0 12px}.hero-art{max-width:440px}nav{gap:15px}.hero .tagline{margin-bottom:26px}}