"<!DOCTYPE html>\n<html><head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<script src=\"e06299f8-8c35-4ed7-83b2-147da219229d\"></script>\n</head>\n<body>\n\n<x-dc>\n<helmet>\n<style>\n@font-face {\n font-family: 'Fraunces';\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url('./font/web/Fraunces-latin.woff2') format('woff2');\n}\n@font-face {\n font-family: 'Fraunces';\n font-style: italic;\n font-weight: 100 900;\n font-display: swap;\n src: url('./font/web/Fraunces-italic-latin.woff2') format('woff2');\n}\n@font-face {\n font-family: 'Inter Tight';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url('./font/web/InterTight-regular-latin.woff2') format('woff2');\n}\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* cyrillic */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* cyrillic */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* cyrillic */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* cyrillic */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* cyrillic */\n\n/* vietnamese */\n\n/* latin-ext */\n\n/* latin */\n\n</style>\n<style>\n html, body { margin: 0; padding: 0; background: #2F4533; }\n a { color: #CDDCC9; text-decoration: none; } a:hover { color: #FCF9F1; }\n @keyframes wl-drift {\n 0%, 100% { transform: translateY(0) rotate(-2deg); }\n 50% { transform: translateY(-10px) rotate(2deg); }\n }\n</style>\n</helmet>\n\n<div style=\"min-height: 100vh; background: #2F4533; font-family: 'Inter Tight', -apple-system, system-ui, sans-serif; color: #FCF9F1; box-sizing: border-box; display: flex; flex-direction: column;\">\n\n <!-- ─── Top bar ─── -->\n <header style=\"display: flex; align-items: center; gap: 10px; padding: 26px 34px; max-width: 1120px; width: 100%; margin: 0 auto; box-sizing: border-box;\">\n <img src=\"523f9311-8ac0-4ccb-86b2-ce0b84ac17b4\" alt=\"\" style=\"height: 28px;\">\n <span style=\"font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 20px; letter-spacing: -0.3px; color: #FCF9F1;\">WishLeaf</span>\n <span style=\"margin-left: auto; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 12px; letter-spacing: 1.8px; text-transform: uppercase; color: #B7BCA3;\">Version 1.0</span>\n </header>\n\n <!-- ─── Hero ─── -->\n <main style=\"flex: 1; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40px; align-items: center; max-width: 1120px; width: 100%; margin: 0 auto; padding: 20px 34px 60px; box-sizing: border-box;\">\n\n <!-- Left · copy -->\n <div style=\"max-width: 500px;\">\n <div style=\"font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #B7BCA3; margin-bottom: 18px;\">A paper garden for your wishes</div>\n\n <h1 style=\"font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 52px; line-height: 1.08; letter-spacing: -1px; margin: 0 0 22px;\">Plant a wish.<br>Tend it a little<br>each day.</h1>\n\n <p style=\"font-size: 16px; line-height: 1.75; color: #D8DECB; margin: 0 0 16px; text-wrap: pretty;\">WishLeaf turns the goals you keep putting off into something you can grow. Plant a wish, water it with a small daily task, and watch a quiet garden take shape — no streaks to guilt you, no red badges, just gentle progress pressed into paper.</p>\n\n <p style=\"font-size: 16px; line-height: 1.75; color: #D8DECB; margin: 0 0 34px; text-wrap: pretty;\">Finished goals are <i style=\"font-family: 'Fraunces', Georgia, serif;\">harvested</i> and hung on a seasonal gallery wall that shifts with spring, summer, autumn and winter. Calm by design, from the first wish to the last leaf.</p>\n\n <!-- Coming soon -->\n <div style=\"display: inline-flex; align-items: center; gap: 12px; background: rgba(252,249,241,0.08); color: #FCF9F1; padding: 13px 24px 13px 20px; border-radius: 14px; border: 1px solid rgba(252,249,241,0.2);\">\n {{ appleMark }}\n <span style=\"display: flex; flex-direction: column; line-height: 1.15;\">\n <span style=\"font-size: 10.5px; letter-spacing: 0.4px; color: #B7BCA3;\">Coming soon to the</span>\n <span style=\"font-size: 19px; font-weight: 500; letter-spacing: -0.3px;\">App Store</span>\n </span>\n </div>\n\n <div style=\"margin-top: 18px; font-size: 12.5px; color: #A9B398; display: flex; gap: 18px; flex-wrap: wrap;\">\n <span style=\"font-family: 'Fraunces', Georgia, serif; font-style: italic; color: #CDDCC9;\">Stay tuned — the garden's still growing.</span>\n </div>\n </div>\n\n <!-- Right · phone -->\n <div style=\"display: flex; justify-content: center; align-items: center; position: relative;\">\n <div style=\"position: absolute; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(183,188,163,0.35), rgba(47,69,51,0) 70%); filter: blur(4px);\"></div>\n <div style=\"position: relative; width: 292px; height: 636px; border-radius: 54px; background: #1c1c1e; padding: 12px; box-shadow: 0 30px 60px rgba(43,42,36,0.28), inset 0 0 0 2px rgba(255,255,255,0.08); animation: wl-drift 9s ease-in-out infinite;\">\n <!-- side buttons -->\n <div style=\"position: absolute; left: -2px; top: 138px; width: 3px; height: 30px; border-radius: 2px; background: #2a2a2c;\"></div>\n <div style=\"position: absolute; left: -2px; top: 184px; width: 3px; height: 56px; border-radius: 2px; background: #2a2a2c;\"></div>\n <div style=\"position: absolute; left: -2px; top: 256px; width: 3px; height: 56px; border-radius: 2px; background: #2a2a2c;\"></div>\n <div style=\"position: absolute; right: -2px; top: 210px; width: 3px; height: 84px; border-radius: 2px; background: #2a2a2c;\"></div>\n <div style=\"width: 100%; height: 100%; border-radius: 42px; overflow: hidden; background: #F6F1E6; position: relative;\">\n <img src=\"./images/goals.png\" alt=\"WishLeaf app screen\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: {{ goalsOpacity }}; transition: opacity 1s ease;\">\n <img src=\"./images/tab3.png\" alt=\"WishLeaf app screen\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: {{ growthOpacity }}; transition: opacity 1s ease;\">\n <!-- Dynamic Island -->\n <div style=\"position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 96px; height: 30px; border-radius: 16px; background: #000; z-index: 5;\"></div>\n </div>\n </div>\n </div>\n </main>\n\n <!-- ─── Three quiet lines ─── -->\n <section style=\"border-top: 1px solid rgba(252,249,241,0.14); background: #2A3E2E;\">\n <div style=\"max-width: 1120px; margin: 0 auto; padding: 40px 34px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; box-sizing: border-box;\">\n <div>\n <div style=\"font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 18px; margin-bottom: 6px; color: #FCF9F1;\">Plant</div>\n <div style=\"font-size: 13.5px; line-height: 1.7; color: #B7BCA3;\">Turn a wish into a single small task you can do today.</div>\n </div>\n <div>\n <div style=\"font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 18px; margin-bottom: 6px; color: #FCF9F1;\">Tend</div>\n <div style=\"font-size: 13.5px; line-height: 1.7; color: #B7BCA3;\">Each finished task presses a quiet star into your paper heatmap.</div>\n </div>\n <div>\n <div style=\"font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 18px; margin-bottom: 6px; color: #FCF9F1;\">Harvest</div>\n <div style=\"font-size: 13.5px; line-height: 1.7; color: #B7BCA3;\">Completed wishes hang on a gallery wall that turns with the seasons.</div>\n </div>\n </div>\n </section>\n\n <!-- ─── Footer ─── -->\n <footer style=\"max-width: 1120px; width: 100%; margin: 0 auto; padding: 24px 34px 30px; box-sizing: border-box; display: flex; align-items: center; gap: 14px; font-size: 12px; color: #A9B398;\">\n <img src=\"523f9311-8ac0-4ccb-86b2-ce0b84ac17b4\" alt=\"\" style=\"height: 16px; opacity: 0.7;\">\n <span>WishLeaf · v1.0 · 2026</span>\n <span style=\"margin-left: auto; display: flex; gap: 18px;\">\n <a href=\"#\">Privacy</a>\n <a href=\"#\">Support</a>\n </span>\n </footer>\n</div>\n</x-dc>\n<script type=\"text/x-dc\" data-dc-script=\"\">\nclass Component extends DCLogic {\n state = { showGrowth: false };\n componentDidMount() {\n this._t = setInterval(() => this.setState(s => ({ showGrowth: !s.showGrowth })), 5000);\n }\n componentWillUnmount() { clearInterval(this._t); }\n renderVals() {\n return {\n goalsOpacity: this.state.showGrowth ? 0 : 1,\n growthOpacity: this.state.showGrowth ? 1 : 0,\n appleMark: React.createElement('svg', {\n width: 24, height: 24, viewBox: '0 0 24 24', fill: '#FCF9F1',\n 'aria-hidden': true,\n },\n React.createElement('path', {\n d: 'M16.36 12.78c-.02-2.1 1.72-3.11 1.8-3.16-0.98-1.44-2.51-1.63-3.05-1.65-1.3-.13-2.54.76-3.2.76-.66 0-1.68-.74-2.76-.72-1.42.02-2.73.83-3.46 2.1-1.48 2.56-.38 6.34 1.06 8.42.7 1.02 1.54 2.16 2.63 2.12 1.06-.04 1.46-.68 2.74-.68 1.28 0 1.64.68 2.76.66 1.14-.02 1.86-1.04 2.56-2.06.8-1.18 1.13-2.32 1.15-2.38-.02-.01-2.21-.85-2.23-3.37zM14.3 6.35c.58-.7.97-1.68.86-2.65-.83.03-1.84.55-2.44 1.25-.53.62-1 1.61-.88 2.56.93.07 1.88-.47 2.46-1.16z',\n })\n ),\n };\n }\n}\n</script>\n\n\n</body></html>"
