:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green-900:#1f4f32;--green-800:#285f3d;--green-700:#2f7048;--green-100:#e8f1e8;--cream:#f7f3e9;--paper:#fffdf7;--ink:#1f2a22;--muted:#657064;--line:#e3dfd1;--blue:#2670e8;--orange:#f59f22;--purple:#6d47d9;--shadow:0 18px 48px #1f4f321a;font-family:Be Vietnam Pro,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}body:before{content:"";pointer-events:none;background-image:radial-gradient(#2f70481a 1px,#0000 1px);background-size:18px 18px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.topbar{z-index:20;background:var(--green-900);color:#fffaf0;justify-content:space-between;align-items:center;height:54px;padding:0 max(22px,50vw - 560px);display:flex;position:sticky;top:0;box-shadow:0 10px 30px #1f4f322e}.brand,.topbar nav{align-items:center;gap:10px;display:flex}.brand img{width:30px;height:30px}.brand span{letter-spacing:-.03em;font-weight:900}.topbar nav{color:#fffaf0d1;gap:18px;font-size:13px;font-weight:700}.topbar nav a:hover{color:#fff}.topbar button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;padding:8px 13px;font-weight:900}main{width:min(1120px,100% - 32px);margin:0 auto}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:34px;padding:78px 0 42px;display:grid}.badge{width:fit-content;color:var(--green-700);background:#fffdf7;border:1px solid #d9decf;border-radius:999px;margin:0 0 14px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}h1{letter-spacing:-.075em;margin:0 0 18px;font-size:clamp(42px,7vw,78px);line-height:.94}h2{letter-spacing:-.055em;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.02}h3,p{margin-top:0}.hero-lead,.section-title p,.build-section p,.download p{color:var(--muted);font-size:16px;line-height:1.75}.actions{flex-wrap:wrap;gap:10px;margin:26px 0;display:flex}.button{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--green-900);border-radius:12px;justify-content:center;align-items:center;padding:0 15px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 20px #1f4f320f}.button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.button.primary{border-color:var(--green-700);color:#fff;background:linear-gradient(135deg, var(--green-800), var(--green-700))}.stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stats div{border:1px solid var(--line);background:#fffdf7c7;border-radius:16px;padding:13px}.stats strong{color:var(--green-900);display:block}.stats span{color:var(--muted);font-size:12px;font-weight:700}.hero-shot{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf7b8;border-radius:24px;padding:10px;transform:rotate(.7deg)}.hero-shot img{aspect-ratio:16/10;object-fit:cover;border-radius:18px}.section-title{max-width:760px;margin-bottom:20px}.section-title p{margin:10px 0 0}.wide-section{padding:46px 0}.app-grid,.repo-grid,.info-grid,.ecosystem-grid{gap:14px;display:grid}.app-grid,.repo-grid{grid-template-columns:repeat(4,1fr)}.ecosystem-grid,.info-grid{grid-template-columns:repeat(3,1fr)}.app-card,.repo-card,.info-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;min-height:178px;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 10px 26px #1f4f320e}.app-card:hover,.repo-card:hover,.info-card:hover{box-shadow:var(--shadow);border-color:#b9caaa;transform:translateY(-4px)}.app-head{align-items:center;gap:11px;margin-bottom:12px;display:flex}.app-icon{width:38px;height:38px;color:var(--green-700);background:linear-gradient(135deg,#e6f3e6,#f7fbef);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2f70481a}.svg-icon{width:21px;height:21px}.app-card h3,.repo-card h3,.info-card h3{letter-spacing:-.02em;margin:0 0 4px;font-size:15px}.app-card small{color:var(--muted);font-weight:800}.app-card p,.repo-card p,.info-card p{min-height:62px;color:var(--muted);font-size:13px;line-height:1.55}.card-meta,.repo-card div{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-meta span,.repo-card span{color:var(--green-700);background:#edf6ee;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.card-meta a{color:var(--blue);font-size:12px;font-weight:900}.repo-card{flex-direction:column;justify-content:space-between;display:flex}.repo-card p{min-height:72px}.ecosystem-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;grid-template-columns:auto 1fr;gap:14px;min-height:168px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 10px 26px #1f4f320e}.ecosystem-card:hover{box-shadow:var(--shadow);border-color:#b9caaa;transform:translateY(-4px)}.ecosystem-icon{width:44px;height:44px;color:var(--green-700);background:linear-gradient(135deg,#dff0e2,#fff7df);border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2f70481f}.ecosystem-icon .svg-icon{width:23px;height:23px}.ecosystem-content{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.ecosystem-content h3{letter-spacing:-.03em;margin:0 0 8px;font-size:17px}.ecosystem-content p{color:var(--muted);font-size:13px;line-height:1.55}.ecosystem-content div{justify-content:space-between;align-items:center;gap:10px;display:flex}.ecosystem-content span{text-overflow:ellipsis;white-space:nowrap;color:var(--green-700);font-size:11px;font-weight:900;overflow:hidden}.ecosystem-content strong{color:var(--green-700);background:#edf6ee;border-radius:999px;padding:4px 8px;font-size:11px}.contributors-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.contributor-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;align-items:center;gap:10px;padding:11px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 10px 26px #1f4f320e}.contributor-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.contributor-card img{border:2px solid #edf6ee;border-radius:50%;width:42px;height:42px}.contributor-card strong{color:var(--green-900);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.contributor-card span{color:var(--muted);font-size:11px;font-weight:800}.github-warning{color:#7a5514;background:#fff8df;border:1px solid #ead5a3;border-radius:14px;padding:12px 14px;font-weight:800}.open-source{border-top:1px dashed #d8d1bd;border-bottom:1px dashed #d8d1bd}.build-section{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdf7,#eef6eb);border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin:28px 0 54px;padding:26px;display:grid}.build-section pre{color:#f5ffe9;background:#173823;border-radius:18px;margin:0;padding:18px;font-size:13px;line-height:1.7;overflow:auto}.screenshots{grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:50px;display:grid}.screenshots img{object-fit:cover;border:1px solid var(--line);border-radius:18px;width:100%;height:220px;box-shadow:0 10px 26px #1f4f3214}.download{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:28px;margin-bottom:64px;padding:20px;display:grid}.download img{border-radius:18px}.download h2{margin-bottom:12px}footer{background:var(--green-900);color:#fffaf0d1;justify-content:space-between;align-items:center;gap:18px;padding:28px max(22px,50vw - 560px);display:flex}footer div{color:#fff;align-items:center;gap:10px;display:flex}footer img{width:32px;height:32px}footer p{margin:0}footer a{color:#fff;font-weight:900}@media (width<=960px){.hero,.build-section,.download{grid-template-columns:1fr}.app-grid,.repo-grid,.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.info-grid,.screenshots{grid-template-columns:1fr}.contributors-grid{grid-template-columns:repeat(3,1fr)}.topbar nav{display:none}}@media (width<=620px){main{width:min(100% - 20px,1120px)}.hero{padding-top:42px}h1{font-size:44px}.stats,.app-grid,.repo-grid,.ecosystem-grid,.contributors-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}