*{box-sizing:border-box}
html{background:#f7f9f6;color:#15231b;font-family:'DM Mono',monospace}
body{margin:0;background-image:linear-gradient(#dce5df 1px,transparent 1px),linear-gradient(90deg,#dce5df 1px,transparent 1px);background-size:24px 24px;min-height:100vh}
header{height:80px;padding:0 32px;display:flex;align-items:center;border-bottom:2px solid #17251d;background:#fff;gap:42px}
header>a{color:#15231b;text-decoration:none}
.brand{font:700 25px 'Pixelify Sans',sans-serif;margin-right:18px}
.brand span{display:inline-grid;place-items:center;width:38px;height:38px;background:#00c805;color:#fff;border:2px solid #17251d;box-shadow:4px 4px #b5d8bd;margin-right:9px}
nav{display:flex;gap:27px}
nav a{font:600 14px 'Pixelify Sans',sans-serif;color:#15231b;text-decoration:none}
nav a.active,nav a:hover{color:#00a52b}
.app-link{margin-left:auto;padding:11px 16px;border:2px solid #00a52b;color:#008c24}
main{width:min(1180px,calc(100% - 40px));margin:70px auto 100px}
.eyebrow{color:#008c24;font-weight:700;font-size:12px}
h1,h2,h3{font-family:'Pixelify Sans',sans-serif}
h1{font-size:clamp(56px,8vw,105px);line-height:.86;margin:22px 0 30px;max-width:900px}
h2{font-size:38px;margin:0 0 20px}
p{color:#53635a;line-height:1.85;max-width:760px}
.lead{font-size:17px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}
.card,.visual{background:#fff;border:2px solid #17251d;box-shadow:6px 6px #bdd0c1;padding:24px}
.card b{color:#008c24}
.card h3{font-size:26px}
.visual{margin-top:60px}
.visual img{display:block;width:100%;image-rendering:pixelated}
.two{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.stock-list div{display:grid;grid-template-columns:100px 1fr 80px;gap:15px;padding:18px;border-bottom:1px solid #bdd0c1}
.stock-list i{height:5px;background:#00c805;align-self:center}
.stock-list b{color:#008c24}
.cta{display:inline-block;margin-top:25px;padding:14px 19px;background:#00c805;color:#fff;text-decoration:none;border:2px solid #008c24;box-shadow:4px 4px #b5d8bd;font-family:'Pixelify Sans',sans-serif}
@media(max-width:760px){header{padding:0 15px;gap:14px}
.brand{font-size:19px}
.brand span{width:30px;height:30px}
nav{gap:12px}
nav a{font-size:11px}
.app-link{display:none}
.grid,.two{grid-template-columns:1fr}
main{margin-top:45px}
h1{font-size:56px}
}
.brand{display:flex;align-items:center;gap:9px}
.brand img{width:42px;height:42px;object-fit:cover;image-rendering:pixelated}
@media(max-width:760px){.brand img{width:32px;height:32px}}