*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}:root{--font-display:"Big Shoulders Display", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--page:var(--bg-canvas);--card-bg:var(--surface);--stage-bg:var(--bg-app);--bezel:var(--ink-50);--panel:var(--jam-600);--on-panel:var(--ink-50)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bezel:var(--ink-800);--stage-bg:var(--bg-sunken)}html{background:var(--page);color:var(--text-primary);scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font:400 16px/1.5 var(--font-body);font-feature-settings:"cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--text-primary);color:var(--text-inverse);border-radius:999px;padding:10px 16px;font-weight:500;position:absolute;top:-48px;left:16px}.skip:focus{top:16px}.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 40px}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:0;font-weight:800;line-height:.86}.display .line{white-space:nowrap;display:block}.label{font:500 13px/1 var(--font-body);color:var(--text-secondary);letter-spacing:0;text-transform:none}.lead{color:var(--text-secondary);max-width:34em;font-size:18px;line-height:1.5}.logo{display:inline-flex}.logo img{width:auto;height:24px}.logo-sm img{height:18px}.logo .on-dark,[data-theme=dark] .logo .on-light{display:none}[data-theme=dark] .logo .on-dark{display:block}.btn{height:48px;font:500 15px/1 var(--font-body);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:background-color .15s;display:inline-flex}.btn-sm{height:44px;padding:0 18px}.btn-primary{background:var(--text-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--ink-800)}[data-theme=dark] .btn-primary:hover{background:var(--ink-0)}.btn-outline{background:var(--action-outline-bg);color:var(--action-outline-fg);box-shadow:inset 0 0 0 1px var(--border-subtle)}.btn-outline:hover{background:var(--action-outline-hover)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:disabled:hover{background:var(--text-primary)}.nav{justify-content:space-between;align-items:center;gap:24px;height:88px;display:flex}.nav nav{margin-left:auto}.links{color:var(--text-secondary);gap:32px;font-size:15px;display:flex}.links a:hover{color:var(--text-primary)}.hero{grid-template-columns:1.08fr 1fr;align-items:stretch;gap:32px;padding-top:24px;display:grid}.hero-copy{flex-direction:column;justify-content:center;gap:28px;padding:24px 0;display:flex}.hero-title{font-size:clamp(56px,6.6vw,100px)}.actions{flex-wrap:wrap;gap:12px;display:flex}.hero-panel{background:#b7c6e4 url(/img/hero-flowers.jpg) 50% 42%/cover no-repeat;border-radius:32px;justify-content:center;align-items:flex-start;min-height:620px;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-panel .phone{width:min(330px,74%);margin-bottom:-40%}.phone{background:var(--bezel);border-radius:46px;padding:6px;box-shadow:0 0 0 1px #1212140f,0 24px 60px #1212142e}.phone img{border-radius:40px;width:100%}.phone-picture{width:100%;display:block;position:relative}.phone-screen-dark,[data-theme=dark] .phone-screen-light{display:none}[data-theme=dark] .phone-screen-dark{display:block}[data-theme=dark] .phone{box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #00000073}.section{padding-top:128px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.card{background:var(--card-bg);box-shadow:var(--shadow-card);border-radius:28px;overflow:hidden}.cards .card{flex-direction:column;display:flex}.stage{background:var(--stage-bg);border-bottom:1px solid var(--border-hairline);justify-content:center;align-items:flex-start;height:380px;padding-top:40px;display:flex;position:relative;overflow:hidden}.stage .phone{width:240px}.stage-add{background:#7eb4e8 url(/img/stage-add-trees.jpg) 50% 42%/cover no-repeat}.stage-categorise{background:#6a8a4a url(/img/stage-categorise.webp) 50% 40%/cover no-repeat}.stage-activity{background:#2d4a32 url(/img/stage-activity.jpg) 50% 62%/cover no-repeat}.card-body{flex-direction:column;gap:12px;padding:28px 28px 32px;display:flex}.card-title{font-size:38px;line-height:.95}.card-body p{color:var(--text-secondary);font-size:15px}.split{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.split-copy{flex-direction:column;justify-content:center;gap:24px;padding:64px;display:flex}.split-title{font-size:clamp(48px,5vw,76px)}.stage-tall{border-bottom:0;border-left:1px solid var(--border-hairline);background:#c5ddb0 url(/img/stage-people.jpg) 50% 38%/cover no-repeat;height:600px;padding-top:64px}.stage-tall .phone{width:300px}.cta{grid-template-columns:1fr auto;align-items:center;gap:40px;padding:64px;display:grid}.cta-title{font-size:clamp(48px,5.6vw,84px)}.cta-actions{flex-direction:column;align-items:flex-start;gap:16px;width:100%;min-width:0;display:flex}.email{background:var(--stage-bg);width:100%;max-width:420px;box-shadow:inset 0 0 0 1px var(--border-subtle);border-radius:999px;gap:8px;padding:6px;display:flex}.email input{width:100%;min-width:0;height:44px;color:var(--text-primary);font:400 15px var(--font-body);background:0 0;border:0;flex:1;padding:0 16px}.email input::placeholder{color:var(--text-tertiary)}.email .btn{height:44px}.footer{color:var(--text-secondary);align-items:center;gap:24px;padding-top:56px;padding-bottom:48px;font-size:13px;display:flex}.footer .logo{margin-right:auto}.footer a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.footer a:hover{color:var(--text-primary)}.theme-switch{width:40px;height:40px;color:var(--text-primary);background:var(--action-outline-bg);border:1px solid var(--border-subtle);cursor:pointer;border-radius:50%;flex:0 0 40px;place-items:center;transition:color .16s,background-color .16s,border-color .16s;display:inline-grid;position:relative}.theme-switch:hover{background:var(--action-outline-hover)}.theme-switch:focus-visible{outline:2px solid var(--state-focus-ring);outline-offset:3px}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:opacity .16s,transform .2s cubic-bezier(.23,1,.32,1);position:absolute}.theme-icon-sun{opacity:1;transform:translateY(0)rotate(0)scale(1)}.theme-icon-moon{opacity:0;transform:translateY(2px)rotate(-18deg)scale(.82)}[data-theme=dark] .theme-icon-sun{opacity:0;transform:translateY(-2px)rotate(18deg)scale(.82)}[data-theme=dark] .theme-icon-moon{opacity:1;transform:translateY(0)rotate(0)scale(1)}.nav,#main,.footer{z-index:1;position:relative}.theme-rise{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.theme-rise-fill{animation:.3s cubic-bezier(.23,1,.32,1) both theme-rise-in;position:absolute;inset:0}@keyframes theme-rise-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.theme-switch,.theme-icon,.theme-rise-fill{transition:none;animation:none}}@media (hover:hover) and (pointer:fine){.theme-switch:hover{transform:translateY(-1px)}}.platforms{font:400 14px/20px var(--font-body);color:var(--text-secondary)}@media (width<=1040px){.hero{grid-template-columns:1fr}.hero-panel{min-height:560px}.cards,.split,.cta{grid-template-columns:1fr}.stage-tall{border-left:0;border-top:1px solid var(--border-hairline)}}@media (width<=640px){.wrap{padding:0 16px}.nav{height:72px}.nav nav{display:none}.logo img{height:20px}.hero{gap:24px;padding-top:8px}.hero-copy{gap:20px;padding:16px 0 0}.hero-title{font-size:12.4vw}.lead{font-size:16px}.actions .btn{flex:auto}.hero-panel{border-radius:28px;height:480px;min-height:0;padding-top:40px}.hero-panel .phone{width:250px;margin-bottom:0}.section{padding-top:80px}.stage{height:340px}.card-title{font-size:7.6vw}.card-body{padding:24px 24px 28px}.split-copy,.cta{padding:32px 24px}.split-title{font-size:10vw}.cta-title{font-size:12.4vw}.stage-tall{height:480px;padding-top:40px}.stage-tall .phone{width:260px}.cta{gap:24px}.footer{flex-wrap:wrap;gap:8px 16px;padding-top:40px}.footer .logo{flex-basis:100%;margin-bottom:8px}}
