:root{--ink:#20281e;--paper:#fafbf6;--green:#304d2b;--muted:#60675c;--line:#dce1d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a24b2c;outline-offset:5px}header,footer{max-width:1280px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;font-weight:800;letter-spacing:-2px}.brand span{font-size:13px;font-weight:400;letter-spacing:0;margin-left:12px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{padding:10px 0}.small-button{border:1px solid var(--line);border-radius:30px;padding:11px 19px}.hero{text-align:center;padding:65px 24px 0;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green)}h1{font-size:clamp(62px,7.5vw,108px);line-height:1.02;letter-spacing:-6px;font-weight:500;margin:22px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{font-size:20px;color:var(--muted);margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 25px;border-radius:40px;background:var(--green);color:white;font-weight:600;font-size:15px;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:#203a1c;transform:translateY(-2px)}.fine{font-size:12px;color:var(--muted);margin:13px 0 45px}.browser{max-width:1110px;margin:0 auto;border:1px solid #d5dbc9;border-radius:15px;overflow:hidden;box-shadow:0 20px 65px #283b1820;text-align:left}.browser-bar{height:37px;background:#f0f2eb;display:flex;align-items:center;gap:6px;padding:0 15px}.browser-bar i{width:7px;height:7px;background:#c3c8ba;border-radius:50%}.browser-bar span{font-size:10px;color:#73776d;margin-left:24px}.grove{padding:35px 45px 26px;background:#eaf0d7 url(background.svg) center/cover;min-height:520px}.demo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:18px}.demo-top span:last-child{font-size:8px;letter-spacing:1.6px}.search{display:flex;align-items:center;gap:14px;max-width:580px;background:#ffffffdb;border:1px solid #ffffff;border-radius:12px;padding:10px 16px;margin:0 auto 20px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;min-height:28px}.search kbd{color:#747a65}.filters{display:flex;justify-content:center;gap:9px;margin-bottom:25px;flex-wrap:wrap}.filters button{border:0;background:#ffffff8c;border-radius:20px;padding:10px 17px;font-size:11px;cursor:pointer;min-height:44px}.filters button.active{background:var(--green);color:white}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.card{background:#ffffffd9;border:1px solid #fff;border-radius:12px;min-height:118px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:15px 7px;text-align:center}.site-icon{height:29px;width:29px;display:grid;place-items:center;background:#efeeeb;border-radius:8px;margin-bottom:10px;font-size:16px;font-weight:bold}.color0{color:#245a7b}.color1{color:#b04738}.color2{color:#222}.color3{color:#8b4a40}.color4{color:#ab2525}.color5{color:#385b35}.card strong{font-size:10px;font-weight:500}.card small{font-size:8px;color:#656b5c;margin-top:4px}.demo-caption{text-align:center;font-size:10px;margin-top:22px;color:#4a5840}.features{max-width:1200px;padding:110px 40px;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px;margin:auto}h2{font-weight:500;font-size:44px;line-height:1.12;letter-spacing:-1.7px;margin:15px 0 22px}h3{font-weight:500;font-size:19px;margin:16px 0 10px}.features p{font-size:14px;color:var(--muted)}.number{font-size:12px;color:#66765a}.statement{background:#eaf0df;text-align:center;padding:68px 24px}.statement>p{font-size:clamp(30px,4vw,51px);line-height:1.2;letter-spacing:-1.8px;margin:0 0 28px}.statement div{font-size:12px;color:#4f5c46;line-height:2}.statement small{font-size:11px}#plans{max-width:950px;margin:auto;padding:100px 30px}.plan-heading{text-align:center}.plan-heading p{color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.plan{border:1px solid var(--line);padding:34px;border-radius:22px;background:white;display:flex;flex-direction:column}.proposed{background:#f0f3e9}.tag{font-size:9px;letter-spacing:1.5px;color:#4e6545;font-weight:bold}.plan h3{font-size:25px}.price{font-size:51px;letter-spacing:-2px}.price span{font-size:14px;letter-spacing:0;color:var(--muted)}.plan p,.plan li{font-size:14px;color:var(--muted)}.plan ul{padding-left:20px;line-height:2.2;margin:12px 0 30px;flex:1}.plan .button{width:100%}.plan small{font-size:11px;color:var(--muted);margin-top:15px}.secondary{background:#e1e9d6;color:var(--ink)}.secondary:hover{background:#d3dfc5}.install{text-align:center;padding:70px 24px 90px;background:#f0f3e9}.install p{font-size:14px;color:var(--muted);margin-bottom:26px}.install details{max-width:600px;margin:26px auto 0;text-align:left;font-size:14px;border-top:1px solid #cad3be;padding-top:16px}.install summary{cursor:pointer;min-height:44px;text-align:center}.install li{margin:12px 0}.install code{font-size:13px}footer{font-size:12px;padding-top:36px;padding-bottom:36px}footer div{display:flex;gap:25px}footer p{color:var(--muted)}#empty{text-align:center;min-height:140px}@media(max-width:800px){header,footer{padding:22px 24px}nav>a:not(.small-button){display:none}.hero{padding-top:45px}h1{letter-spacing:-3px}.grove{padding:24px 18px}.cards{grid-template-columns:repeat(4,1fr)}.demo-top span:last-child{display:none}.features{grid-template-columns:1fr 1fr;padding:70px 24px}.plans{gap:15px}.plan{padding:25px}footer{flex-wrap:wrap}}@media(max-width:500px){header{gap:10px}.brand span{display:block;font-size:10px;margin-left:0;letter-spacing:0}.small-button{font-size:11px}.hero{padding-left:15px;padding-right:15px}h1{font-size:65px}.intro{font-size:17px}.cards{grid-template-columns:repeat(3,1fr);gap:8px}.card{min-height:107px;padding:10px 4px}.card strong{font-size:9px}.card small{font-size:7px}.filters{gap:5px}.filters button{padding:10px;font-size:10px}.grove{padding:21px 12px}.features{grid-template-columns:1fr;gap:20px}.features h2{margin-bottom:0}.features article{border-top:1px solid var(--line);padding-top:20px}.plans{grid-template-columns:1fr}h2{font-size:37px}#plans{padding:65px 20px}footer p{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}