@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f8f7f0;--ink:#303f32;--muted:#737e6b;--accent:#cf785a;--line:#dedfd1;--green:#889b74;--display:'Manrope',sans-serif;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}svg{display:block}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;font-family:var(--display);font-size:29px;font-weight:800;letter-spacing:-1.6px}.brand svg{height:37px;width:37px;margin-right:11px;color:var(--accent)}.brand-dot{color:var(--accent)}nav{display:flex;gap:34px;font-size:12px;font-weight:550;margin-left:95px}nav a{padding:10px 0}nav a:hover,.text-link:hover{color:var(--accent)}nav span{margin-left:10px}.status{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.3px;white-space:nowrap}.status i{width:6px;height:6px;background:#8d9e78;border-radius:50%;box-shadow:0 0 0 4px #8d9e780d}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-top:66px;padding-bottom:90px}.eyebrow{font-size:9px;letter-spacing:1.7px;line-height:1.6;font-weight:600;margin:0 0 24px;color:#7d856e}.tiny-star{color:var(--accent);font-size:20px;vertical-align:middle;margin-right:9px}.hero h1{font-family:var(--display);font-size:clamp(65px,6.5vw,100px);line-height:1.075;font-weight:650;letter-spacing:-6px;margin:0 0 32px}.highlight{color:var(--accent);position:relative;display:inline-block}.highlight svg{position:absolute;width:100%;height:17px;bottom:-13px;left:0;stroke:#d7ac73;stroke-width:2.4;fill:none;stroke-linecap:round}.intro{font-size:15px;line-height:1.9;color:var(--muted);max-width:395px;margin:0 0 29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;background:var(--ink);color:#fffdf3;padding:18px 22px;border-radius:7px;transition:background .2s,transform .2s}.button:hover{background:#496046;transform:translateY(-2px)}.button span{font-size:18px}.quiet-note{font-size:10px;color:#929782;margin:14px 0 0}.hero-art{height:540px;position:relative;margin-top:28px}.main-illustration{position:absolute;width:94%;left:3%;top:85px;background:#fffdf6;border:1px solid #dadbcb;border-radius:8px;padding:11px;transform:rotate(-3deg);box-shadow:10px 20px 0 -6px #e9eadf,10px 20px 0 -5px #dddfd1,0 24px 50px #424e2510;overflow:hidden}.main-illustration>svg{width:100%;height:auto;border-radius:3px}.paper-top{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 13px;font-size:7px;letter-spacing:1.3px;color:#8b927b}.paper-top span:first-child{display:flex;align-items:center;gap:7px}.paper-top i{width:4px;height:4px;border-radius:50%;background:#a7b58a}.paper-top span:last-child{font-size:16px}.paper-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 6px 6px;color:#7e866f;font-size:8px}.waveform{font-size:12px;color:#a1ad8d;letter-spacing:1px}.floating-note{z-index:2;position:absolute;background:#fdf9e9;border:1px solid #e3dfcc;box-shadow:0 10px 30px #5c50300b}.note-idea{top:6px;left:-25px;padding:17px 19px;transform:rotate(-9deg);width:188px;border-radius:3px}.note-idea>span{font-size:7px;letter-spacing:1.2px;color:#a49774}.note-idea strong{font-family:Georgia,serif;font-style:italic;font-size:18px;font-weight:400;line-height:1.5;display:block;margin-top:10px}.note-idea svg{position:absolute;width:44px;height:44px;right:9px;top:-23px;stroke:#b4a16c;fill:none;stroke-width:2;transform:rotate(8deg)}.art-caption{font-family:Georgia,serif;font-style:italic;position:absolute;font-size:14px;right:28px;top:0;max-width:170px;line-height:1.6;transform:rotate(6deg);color:#9a9c85}.art-arrow{position:absolute;width:90px;height:70px;right:17px;top:36px;stroke:#aeb29d;stroke-width:1.5;fill:none}.note-story{bottom:32px;right:-15px;display:flex;align-items:center;gap:12px;padding:15px 20px;background:#fffdf7;border-radius:8px;transform:rotate(5deg)}.note-story strong{display:block;font-size:13px;font-weight:550}.note-story small{font-size:9px;color:#8a907d;display:block;margin-top:5px}.play-mini{width:31px;height:31px;border-radius:50%;background:#edf0e2;color:#8b9c76;display:grid;place-items:center;font-size:10px;padding-left:2px}.art-star{position:absolute;font-family:Georgia,serif;color:#b4bd9e}.star-one{top:25px;right:-25px;font-size:44px;transform:rotate(12deg)}.star-two{bottom:20px;left:45px;font-size:40px;color:#c9a476}.art-footnote{position:absolute;left:125px;bottom:-10px;font-size:10px;font-family:Georgia,serif;font-style:italic;color:#a0a68f;transform:rotate(-4deg)}.tree-canopy{transform-origin:280px 225px;animation:sway 8s ease-in-out infinite}.ticker{display:flex;align-items:center;gap:25px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1.5px;color:#879077}.ticker svg{stroke:#9ca78a;stroke-width:1;fill:none;flex:1;max-width:190px;height:17px}.ticker-end{font-family:Georgia,serif;font-size:15px;font-style:italic;letter-spacing:0;margin-left:auto;color:#78876a}.ticker-end span{color:#b0b89f;margin-left:35px}.idea{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:110px;padding-bottom:112px}.idea .eyebrow{margin-bottom:21px}h2{font-family:var(--display);font-size:47px;line-height:1.22;letter-spacing:-2.2px;font-weight:500;margin:0}h2 em{font-family:Georgia,serif;font-weight:400;color:#7b8e68}p{line-height:1.8}.idea-copy{padding-top:20px;max-width:450px}.idea-copy p{font-size:14px;color:var(--muted);margin:0 0 21px}.text-link{font-size:11px;display:inline-flex;gap:55px;border-bottom:1px solid #babfa8;padding:9px 0}.preview-section{background:#eceee3;border-block:1px solid #e2e5d8;padding:75px 0 35px}.preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:35px}.preview-heading h2{font-size:40px;letter-spacing:-1.8px}.preview-heading .eyebrow{margin-bottom:13px}.preview-heading>p{font-size:11px;color:#89927b;margin:0 0 3px}.demo{display:grid;grid-template-columns:.8fr 1.45fr;background:#f9f9f1;border:1px solid #d9dfcd;border-radius:12px;overflow:hidden;box-shadow:0 13px 35px #5b694307}.demo-left{padding:34px 32px;display:flex;flex-direction:column}.demo-label{font-size:7px;letter-spacing:1.1px;color:#90997f}.demo-label .tiny-star{font-size:16px}.demo h3{font-family:var(--display);font-weight:500;letter-spacing:-1px;font-size:29px;line-height:1.3;margin:24px 0 14px}.demo-left>p{font-size:11px;color:#879078;min-height:85px;max-width:255px;margin:0 0 20px}.scene-tabs{display:flex;flex-direction:column;gap:6px;margin-top:auto}.scene-tabs button{background:transparent;border:1px solid transparent;display:flex;text-align:left;gap:14px;align-items:center;border-radius:5px;padding:11px 12px;font-size:10px;color:#8c957e;transition:background .2s,color .2s}.scene-tabs button span{font-size:8px;opacity:.8}.scene-tabs button i{margin-left:auto;font-style:normal}.scene-tabs button[aria-pressed=true]{border-color:#dce2cf;background:#edf1e3;color:#566c45}.scene-tabs button:hover{background:#eff1e7}.demo-right{padding:17px 17px 0;border-left:1px solid #e1e4d7;display:flex;flex-direction:column;min-width:0}.demo-canvas{position:relative;background:#f0f3e8;border:1px solid #e0e5d4;border-radius:6px;overflow:hidden;flex:1;display:flex;align-items:center;min-height:330px}.demo-canvas svg{width:100%;height:auto}.canvas-label{position:absolute;left:20px;top:18px;font-size:7px;letter-spacing:1.5px;color:#8b967b}.canvas-caption{position:absolute;bottom:20px;text-align:center;left:12px;right:12px;font-family:Georgia,serif;font-style:italic;color:#697c58;font-size:15px}.frame{opacity:0;transition:opacity .6s,transform .8s;transform:translateY(5px)}.frame text{font-family:Georgia,serif;font-style:italic;fill:#93a17f;font-size:17px}[data-frame="0"] .seed-frame,[data-frame="1"] .sprout-frame,[data-frame="2"] .grown-frame{opacity:1;transform:translateY(0)}.demo-sun{opacity:.25;transition:opacity .7s}[data-frame="1"] .demo-sun{opacity:.65}[data-frame="2"] .demo-sun{opacity:1}.demo-controls{display:flex;align-items:center;gap:20px;height:58px;padding:0 4px;font-size:8px;color:#929b84}.demo-controls button{display:flex;align-items:center;gap:9px;white-space:nowrap;background:none;border:0;padding:10px 0;font-size:9px;color:#5e7350}.demo-controls button>span:first-child{width:22px;height:22px;display:grid;place-items:center;background:#e6ebda;border-radius:50%;font-size:8px}.progress{height:2px;background:#e0e5d6;flex:1}.progress span{display:block;background:#a4b48e;height:100%;transition:width .5s}#frame-counter{white-space:nowrap;font-variant-numeric:tabular-nums}.demo-footnote{font-size:9px;color:#929b83;text-align:right;margin:16px 0 0}.principles{padding-block:91px 93px}.principles>.eyebrow{margin-bottom:35px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px}.principle-grid article{border-top:1px solid var(--line);padding-top:20px}.number{font-size:9px;color:#a2ab92}.principle-grid h3{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.6px;margin:18px 0 12px}.principle-grid p{font-size:12px;color:#8b937e;margin:0;max-width:290px}.closing{padding:62px 0 80px;text-align:center;border-top:1px solid var(--line);position:relative}.closing h2{font-size:59px;margin:16px 0 23px;line-height:1.15;letter-spacing:-2.5px}.closing>p:not(.eyebrow){font-size:12px;color:#919983;margin-bottom:24px}.closing .status{border:1px solid #e0e5d4;padding:9px 13px;border-radius:30px;font-size:8px;color:#8b967b}.closing-star{position:absolute;right:13%;top:125px;font-size:53px;color:#d3b281;transform:rotate(-12deg)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0 35px;border-top:1px solid var(--line)}footer .brand{font-size:23px}footer p{font-family:Georgia,serif;font-size:12px;font-style:italic;color:#9ca48e}footer>span{font-size:9px;color:#9ca48e}@keyframes sway{0%,100%{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}
@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:115px}.hero-art{height:570px}.main-illustration{top:100px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:25px;padding-top:45px}.hero h1{font-size:74px;letter-spacing:-4.5px}.hero-art{height:480px}.main-illustration{top:110px}.note-idea{left:-5px;top:28px;width:158px;padding:13px}.note-idea strong{font-size:16px}.note-story{right:-8px;bottom:45px;padding:13px}.art-caption{right:5px;max-width:140px;font-size:12px;top:20px}.art-arrow{top:50px;width:70px}.star-one{right:-15px;top:65px;font-size:30px}.art-footnote{left:75px}.idea{gap:55px}h2{font-size:39px}.demo-left{padding:28px 23px}.demo{grid-template-columns:.85fr 1.3fr}.demo-canvas{min-height:330px}.preview-heading h2{font-size:35px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:88px}nav{margin-left:0;gap:20px}.header>.status{display:none}.brand{font-size:25px}.brand svg{height:31px;width:31px}.hero{padding-top:30px;padding-bottom:60px;gap:10px}.hero h1{font-size:61px;letter-spacing:-3.8px}.intro{font-size:12px}.eyebrow{font-size:7px}.hero-art{height:400px}.main-illustration{top:105px}.note-idea{width:133px;top:35px;left:0}.note-idea strong{font-size:14px}.note-idea>span{font-size:6px}.note-idea svg{height:32px;width:32px;top:-19px}.art-caption{font-size:10px;max-width:90px;right:0;top:40px}.art-arrow{display:none}.note-story{bottom:15px;right:-5px;gap:7px;padding:12px}.note-story strong{font-size:10px}.note-story small{font-size:7px}.play-mini{width:24px;height:24px}.paper-bottom{font-size:6px}.waveform{font-size:7px;letter-spacing:0}.art-footnote{font-size:8px;left:40px;bottom:-20px}.star-two{font-size:27px;left:0;bottom:5px}.star-one{top:15px}.ticker{font-size:6px;gap:15px;letter-spacing:1px}.ticker-end{font-size:12px}.ticker-end span{margin-left:10px}.idea{gap:36px;padding-block:75px}h2{font-size:33px;letter-spacing:-1.5px}.idea-copy{padding-top:0}.idea-copy p{font-size:12px}.preview-section{padding-top:50px}.preview-heading{align-items:flex-start}.preview-heading h2{font-size:28px}.preview-heading>p{font-size:9px}.demo{grid-template-columns:1fr 1.25fr}.demo-left{padding:22px 17px}.demo-label{font-size:6px;letter-spacing:.6px}.demo h3{font-size:25px}.demo-left>p{font-size:10px;min-height:105px}.demo-canvas{min-height:300px}.demo-right{padding:10px 10px 0}.canvas-caption{font-size:12px;bottom:25px}.scene-tabs button{font-size:8px;gap:8px;padding:10px 7px}.canvas-label{font-size:6px;left:12px;top:14px}.demo-controls{gap:10px}.demo-controls button{font-size:8px}.principles{padding-block:65px}.principle-grid{gap:25px}.principle-grid h3{font-size:16px}.principle-grid p{font-size:10px}.closing h2{font-size:49px}.closing-star{right:4%;font-size:35px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:80px}nav{font-size:10px;gap:18px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:46px;gap:5px}.hero h1{font-size:72px;letter-spacing:-4.5px;line-height:1.05;margin-bottom:32px}.hero .eyebrow{font-size:8px;margin-bottom:20px}.intro{font-size:13px;max-width:340px}.button{font-size:11px;padding:16px 19px}.quiet-note{font-size:9px}.hero-art{height:450px;width:min(380px,100%);margin:26px auto 0}.main-illustration{top:88px;left:4%;width:92%}.note-idea{top:14px;left:0;width:151px;padding:15px}.note-idea strong{font-size:16px}.art-caption{font-size:12px;max-width:137px;right:0;top:10px}.note-story{bottom:34px;right:0;padding:14px 18px}.note-story strong{font-size:12px}.note-story small{font-size:8px}.paper-bottom{font-size:7px}.waveform{font-size:9px}.art-footnote{left:70px;bottom:6px;font-size:10px}.star-one{top:45px;right:0}.star-two{bottom:30px;left:15px}.ticker{gap:12px;padding-block:22px;flex-wrap:wrap;font-size:6px}.ticker svg{max-width:70px}.ticker-end{display:none}.idea{grid-template-columns:1fr;gap:27px;padding-block:60px}.idea h2{font-size:39px}.idea .eyebrow{font-size:7px;margin-bottom:16px}.idea-copy{max-width:100%}.idea-copy p{font-size:13px}.preview-heading{display:block;margin-bottom:25px}.preview-heading h2{font-size:34px}.preview-heading>p{font-size:11px;margin-top:17px}.preview-heading .eyebrow{font-size:7px}.demo{grid-template-columns:1fr}.demo-left{padding:25px 23px 20px}.demo h3{font-size:28px;margin:17px 0 11px}.demo h3 br{display:none}.demo-label{font-size:7px}.demo-left>p{font-size:12px;min-height:65px;max-width:none;margin-bottom:14px}.scene-tabs{flex-direction:row;gap:4px}.scene-tabs button{padding:9px 6px;flex:1;justify-content:center;gap:6px;font-size:8px}.scene-tabs button span{font-size:7px}.scene-tabs button i{display:none}.demo-right{border-left:0;border-top:1px solid #e1e4d7;padding:12px 12px 0}.demo-canvas{min-height:280px}.canvas-label{font-size:7px}.canvas-caption{font-size:14px;bottom:21px}.demo-controls{height:54px}.demo-controls button{font-size:10px}.demo-footnote{text-align:left;font-size:8px}.principles{padding-block:55px}.principle-grid{grid-template-columns:1fr;gap:26px}.principle-grid article{display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding-top:20px}.number{grid-row:1 / 3;padding-top:4px}.principle-grid h3{font-size:20px;margin:0 0 8px}.principle-grid p{font-size:12px;max-width:none}.closing{padding:49px 0 55px}.closing h2{font-size:42px;letter-spacing:-1.6px}.closing .eyebrow{font-size:7px}.closing>p:not(.eyebrow){font-size:11px}.closing-star{top:30px;right:0;font-size:28px}footer{flex-wrap:wrap;padding-block:24px;gap:17px}footer .brand{font-size:21px}footer p{display:none}footer>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.contact-button{margin:0 auto 12px;min-width:160px}.contact-email{display:block;width:fit-content;margin:0 auto 22px;font-size:11px;color:var(--muted)}.contact-email:hover{color:var(--accent)}

@media(max-width:600px){.header{gap:12px}nav{gap:14px}nav span{margin-left:4px}}