*{box-sizing:border-box}html{font-family:system-ui,-apple-system,sans-serif;color:#28352b;background:#f5f7f2;line-height:1.65}body{margin:0}a{color:#416638;text-underline-offset:4px}a:focus-visible{outline:3px solid #416638;outline-offset:5px}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #d9e2d3}.brand{font-family:'Arial Rounded MT Bold',system-ui,sans-serif;font-size:2rem;font-weight:800;text-decoration:none;letter-spacing:-1px}nav{display:flex;gap:22px;font-size:1rem}main{padding-top:34px;padding-bottom:40px}h1{font-size:2rem;line-height:1.2;margin:8px 0 24px}h2{font-size:1.25rem;line-height:1.35;margin:30px 0 10px}p,li{font-size:1rem}section{margin:20px 0}.lead{font-size:1.15rem}.meta,footer{color:#53614f;font-size:.9rem}.contact{background:#e6eddf;padding:22px 26px;border-radius:20px;margin-top:34px}code{background:#e6eddf;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}footer{border-top:1px solid #d9e2d3}ol,ul{padding-left:24px}@media(max-width:520px){header,main,footer{padding-left:20px;padding-right:20px}h1{font-size:1.8rem}nav{gap:16px}.contact{padding:18px}}
header,footer{max-width:1160px}.brand{font-size:1.25rem;letter-spacing:-.4px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{flex-wrap:wrap;gap:18px}.landing{max-width:1160px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:44px;margin:24px 0 54px}.hero h1{font-size:clamp(2.6rem,5vw,4.8rem);letter-spacing:-.045em;line-height:1.04;margin:22px 0}.wordmark{width:100px;height:100px;border-radius:24px;box-shadow:0 8px 25px #27352b12}.preview img,.screen-wide{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #d9e2d3;box-shadow:0 18px 46px #27352b16}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-block;background:#648252;color:white;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:650}.button.secondary{background:#e6eddf;color:#28352b}.notice{font-size:.9rem;color:#53614f}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:38px 0}.card{padding:22px;background:#eaf0e4;border:1px solid #d9e2d3;border-radius:20px}.card h2{margin:0 0 12px}.card p{margin:0}.code-section{max-width:940px;margin:60px auto 20px}.code-section h2{font-size:1.8rem}.muted{color:#53614f;font-size:.9rem}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero{gap:28px;margin-top:8px}.hero h1{font-size:3rem}.grid{gap:14px}header{align-items:flex-start}.preview{max-width:600px}.code-section{margin-top:38px}}