@font-face{font-family:Noto;src:url('/assets/NotoSans-Regular.ttf')}@font-face{font-family:Serif;src:url('/assets/NotoSerif-Regular.ttf')}
.illustration .pond{object-fit:cover;clip-path:ellipse(49% 43% at 50% 50%);mask-image:radial-gradient(ellipse at center,#000 46%,transparent 71%);transform:rotate(-8deg)}
:root{color-scheme:light;--ink:#264b39;--paper:#f6f3e9;--muted:#66705f;--line:#dcded0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Noto,Arial,sans-serif}a{color:inherit}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.top{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:38px Serif,serif;letter-spacing:-2px}.brand img{object-fit:contain}.brand span{font:9px/1.7 Noto,sans-serif;letter-spacing:1.8px;max-width:90px;margin:3px 0 0 16px}.top-link{text-decoration:none;font-size:13px}.top-link span{margin-left:24px}.hero{min-height:585px;padding-top:50px;padding-bottom:42px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow span{width:6px;height:6px;border-radius:100%;background:#87986e}h1{font:clamp(42px,5.3vw,68px)/1.12 Serif,serif;letter-spacing:-2.5px;margin:24px 0 22px}h1 em{font-weight:400;color:#879969}.lead{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 28px}.download{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:var(--ink);color:#fffbed;padding:17px 25px;border-radius:10px;font-size:15px;text-decoration:none;transition:background .2s,transform .2s}.download:hover{background:#3a6548;transform:translateY(-2px)}.download span{font-size:23px;line-height:1}.download-note{font-size:10px;letter-spacing:.1px;color:var(--muted);margin:12px 0 25px}.download-note span{display:block;margin-top:2px}.download-note b{font-weight:400}.server-state{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted)}.signal{height:7px;width:7px;border-radius:50%;background:#b59864}.signal.live{background:#59855c;box-shadow:0 0 0 4px #59855c12}.illustration{height:460px;position:relative;isolation:isolate;overflow:hidden}.illustration img{position:absolute;object-fit:contain}.sun{position:absolute;width:310px;height:310px;background:#e6e4bf66;border-radius:50%;right:20px;top:20px;filter:blur(20px);z-index:-2}.ground{position:absolute;background:#c6d0a765;width:97%;height:240px;left:0;top:130px;border-radius:50%;filter:blur(18px);transform:rotate(-7deg);z-index:-1}.tree-one{width:220px;height:280px;left:4%;top:4%}.cottage{width:250px;height:260px;right:0;top:9%}.pond{width:310px;height:160px;right:1%;bottom:9%}.lilies{width:100px;right:14%;bottom:17%}.hero-frog{width:162px;height:175px;left:22%;bottom:14%;filter:drop-shadow(0 9px 6px #78895322);animation:breathe 5s ease-in-out infinite}.flowers{width:72px;height:85px}.flowers-one{left:5%;bottom:24%;transform:rotate(-12deg)}.flowers-two{right:1%;bottom:29%}.scene-note{position:absolute;bottom:0;left:20%;font:italic 13px Serif,serif;color:#7c896c;transform:rotate(-3deg)}.details{display:grid;grid-template-columns:repeat(3,1fr);padding-top:36px;padding-bottom:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:25px}.details p{margin:0;padding-right:24px;font:17px/1.65 Serif,serif}.details span{display:block;font:9px Noto,sans-serif;letter-spacing:1.5px;margin-bottom:14px;color:var(--muted)}.start{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:83px;padding-bottom:70px}h2{font:40px/1.25 Serif,serif;letter-spacing:-1.4px;margin:20px 0}.start p{color:var(--muted);font-size:13px}.start ol{list-style:none;margin:5px 0 0;padding:0;counter-reset:steps}.start li{counter-increment:steps;position:relative;padding:0 0 24px 50px}.start li::before{content:counter(steps);position:absolute;left:0;top:2px;width:28px;height:28px;border:1px solid #b8c2a3;border-radius:50%;text-align:center;font:16px/28px Serif,serif}.start b{font-weight:400;font-size:16px}.start li p{margin:6px 0}.footnote{padding-top:24px;padding-bottom:35px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footnote details{max-width:760px}.footnote summary{cursor:pointer;color:var(--ink)}code{overflow-wrap:anywhere;font-size:11px}footer{min-height:100px;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer a:last-child{margin-left:auto;text-decoration:none}.footer-brand{font:30px Serif,serif;color:var(--ink);text-decoration:none;letter-spacing:-2px}a:focus-visible,summary:focus-visible{outline:3px solid #879969;outline-offset:5px}@keyframes breathe{50%{transform:translateY(-4px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.top{height:84px}.brand span{display:none}.hero{padding-top:25px;grid-template-columns:1fr;gap:10px}.intro{z-index:1}h1{font-size:52px}.illustration{height:340px;margin:-10px -10px 0}.tree-one{width:185px;height:220px}.cottage{width:200px;height:210px}.hero-frog{width:140px;height:145px;left:23%;bottom:12%}.pond{width:235px;height:130px}.scene-note{left:22%;font-size:11px}.details{grid-template-columns:1fr;gap:25px;margin-top:0;padding-top:30px;padding-bottom:30px}.details p{font-size:17px}.details span{margin-bottom:7px}.start{grid-template-columns:1fr;gap:25px;padding-top:42px;padding-bottom:30px}h2{font-size:35px}.start li{padding-bottom:19px}footer{gap:15px}.download{width:100%;max-width:340px}.download-note span{display:inline;margin-left:10px}.flowers-two{right:2%}.sun{height:240px;width:240px}footer span{max-width:130px}.eyebrow{font-size:9px;letter-spacing:1.2px}}