:root{--text:#59625b;--text-h:#173521;--bg:#fbfff6;--border:#dce9d4;--card-bg:#ffffffd1;--accent:#218a49;--shadow:#275c3714 0 18px 35px, #275c3714 0 4px 12px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#c1cbbb;--text-h:#f0ffe9;--bg:#111911;--border:#2d3b2d;--card-bg:#192419db;--accent:#82e48f;--shadow:#00000042 0 18px 35px, #0003 0 4px 12px}}#root{min-height:100svh}body{background:radial-gradient(circle at 10% 10%, #82e48f38, transparent 28rem), radial-gradient(circle at 90% 0%, #ffe7a83d, transparent 24rem), var(--bg);min-width:320px;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{margin:0;font-size:4rem;line-height:1}@media (width<=1024px){h1{font-size:3rem}}h2{font-size:1.1rem;line-height:1.2}@media (width<=1024px){h2{font-size:1rem}}.landing{box-sizing:border-box;width:min(100%,1120px);margin:0 auto;padding:28px 18px}.hero{align-items:center;gap:32px;min-height:68svh;padding:52px 0 34px;display:grid}.hero-copy{justify-items:center;gap:18px;display:grid}.subtitle{max-width:520px;color:var(--text);margin:0;font-size:1.2rem}.start-button{color:#063319;cursor:pointer;min-height:56px;font:700 1rem/1 var(--sans);background:#62d66f;border:0;border-radius:8px;padding:0 28px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 14px 30px #19763438}.start-button:hover{background:#74e481;transform:translateY(-2px);box-shadow:0 18px 36px #19763447}.start-button:focus-visible{outline-offset:4px;outline:3px solid #1b6f3559}.button-note{color:var(--text);margin:-6px 0 0;font-size:.9rem}.companion-preview{aspect-ratio:1;background:radial-gradient(circle at 50% 65%,#ffe7a8 0 18%,#0000 19%),linear-gradient(145deg,#b9f5c0,#78dc88 70%);border-radius:50%;width:min(58vw,213px);margin:0 auto;position:relative;box-shadow:inset 0 -18px 36px #1c783824,0 24px 55px #29764833}.companion-face{justify-content:center;gap:42px;display:flex;position:absolute;inset:38% 0 auto}.eye{aspect-ratio:1;background:#26362a;border-radius:50%;width:18px;box-shadow:0 16px 0 -7px #f28c91}.leaf{aspect-ratio:1.6;transform-origin:0 100%;background:#3fbf65;border-radius:80% 0;width:74px;position:absolute;top:-18px;left:50%;transform:translate(-8%)rotate(-28deg)}.features{gap:14px;padding-bottom:28px;display:grid}.feature-card{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:8px;justify-items:start;gap:14px;padding:22px;display:grid}.feature-icon{aspect-ratio:1;background:#62d66f29;border-radius:8px;width:38px;display:inline-block;position:relative}.feature-icon-companion:before,.feature-icon-companion:after{content:"";background:var(--accent);border-radius:50%;position:absolute}.feature-icon-companion:before{inset:9px}.feature-icon-companion:after{width:4px;height:4px;box-shadow:10px 0 0 var(--accent);background:var(--text-h);top:18px;left:12px}.feature-icon-habits:before{content:"";border-left:4px solid var(--accent);border-bottom:4px solid var(--accent);width:15px;height:8px;position:absolute;top:16px;left:11px;transform:rotate(-45deg)}.feature-icon-rewards:before{content:"";background:var(--accent);clip-path:polygon(50% 0,62% 34%,98% 35%,69% 56%,79% 91%,50% 70%,21% 91%,31% 56%,2% 35%,38% 34%);position:absolute;inset:9px}.feature-card h2{margin:0}@media (width>=720px){.landing{padding:36px 28px}.hero{text-align:left;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:44px}.hero-copy{justify-items:start}.features{grid-template-columns:repeat(3,1fr);gap:18px}}@media (width>=1040px){.hero{min-height:72svh}.companion-preview{width:238px}}