:root{color:#263e34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#f7f5ee;--ink:#263e34;--muted:#627267;--wave-vertical:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 240' preserveAspectRatio='none'%3E%3Cpath d='M14 0C3 30 3 90 14 120S25 210 14 240H28V0Z'/%3E%3C/svg%3E");--wave-horizontal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 28' preserveAspectRatio='none'%3E%3Cpath d='M0 14C30 3 90 3 120 14S210 25 240 14V28H0Z'/%3E%3C/svg%3E");background:#f7f5ee;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.landing{isolation:isolate;grid-template-columns:55% 45%;height:100dvh;min-height:0;display:grid;position:relative}.site-header{z-index:3;justify-content:space-between;align-items:center;padding:25px 38px;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:9px;display:flex}.brand img{object-fit:contain;width:44px;height:44px}.brand span{letter-spacing:-1.5px;font-size:28px;font-weight:680}.personal-link{align-items:center;gap:9px;padding:10px 0;font-size:14px;display:flex}.personal-link svg{width:15px;height:15px;transition:transform .18s}.personal-link:hover svg{transform:translate(2px,-2px)}a:focus-visible{outline-offset:6px;border-radius:3px;outline:2px solid #466c56}.showcase{background:radial-gradient(at 25% 18%,#e8eee3 0%,#dce8dd 45%,#c8dace 100%);flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:106px 7% 78px;display:flex}.app-preview{flex-direction:column;align-items:center;min-height:0;margin:0;display:flex}.app-screenshot{object-fit:contain;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 230px);animation:.7s both arrive;display:block;box-shadow:0 30px 65px -28px #294b3a50,0 3px 10px #294b3a0d}.introduction{background:var(--paper);-webkit-mask:var(--wave-vertical) left center / 12px 40px repeat-y, linear-gradient(#000, #000) right center / calc(100% - 11px) 100% no-repeat;mask:var(--wave-vertical) left center / 12px 40px repeat-y, linear-gradient(#000, #000) right center / calc(100% - 11px) 100% no-repeat;justify-content:center;align-items:center;min-width:0;margin-left:-11px;padding:105px clamp(34px,5.1vw,88px) 96px;display:flex;position:relative}.intro-content{width:100%;max-width:420px;animation:.7s .1s both arrive}.product-heading{letter-spacing:-.04em;margin:0;font-size:clamp(30px,2.8vw,44px);font-weight:400;line-height:1.2}.product-heading span{color:#62816b;font-weight:500}.product-description{max-width:350px;color:var(--muted);text-wrap:pretty;margin:22px 0 0;font-size:17px;line-height:1.6}.format-name{white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.94em}.download{color:#fff;cursor:not-allowed;background:#171717;border:1px solid #171717;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:52px;margin-top:32px;padding:0 25px;font-size:14px;font-weight:500;display:inline-flex}.download svg{width:18px;height:18px}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=701px) and (height<=680px){.site-header{padding-block:15px}.showcase{padding-block:78px 58px}.app-screenshot{max-height:calc(100dvh - 180px)}.introduction{padding-block:75px 58px}.product-heading{font-size:clamp(28px,2.8vw,40px)}.download{margin-top:25px}}@media (width<=700px){.landing{grid-template-rows:48% 52%;grid-template-columns:minmax(0,1fr)}.site-header{padding:14px 23px}.brand{gap:6px}.brand img{width:34px;height:34px}.brand span{font-size:24px}.personal-link{gap:6px;font-size:12px}.showcase{padding:65px 24px 25px}.app-screenshot{border-radius:10px;max-height:calc(48dvh - 114px)}.introduction{-webkit-mask:var(--wave-horizontal) center top / 40px 12px repeat-x, linear-gradient(#000, #000) center bottom / 100% calc(100% - 11px) no-repeat;mask:var(--wave-horizontal) center top / 40px 12px repeat-x, linear-gradient(#000, #000) center bottom / 100% calc(100% - 11px) no-repeat;margin-top:-11px;margin-left:0;padding:25px 30px 45px}.intro-content{width:100%;max-width:390px}.product-heading{font-size:clamp(27px,7.5vw,36px);line-height:1.35}.product-description{margin-top:16px;font-size:15px}.download{gap:9px;min-height:44px;margin-top:24px;padding-inline:20px;font-size:12px}}@media (width<=700px) and (height<=720px){.landing{grid-template-rows:43% 57%}.showcase{padding-bottom:20px}.app-screenshot{max-height:calc(43dvh - 108px)}.introduction{padding-block:20px 36px}.product-heading{font-size:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}