*{box-sizing:border-box}body{margin:0;background:#f7f8f3;color:#18382e;font-family:system-ui,sans-serif;line-height:1.75}main,nav,footer{max-width:1000px;margin:auto;padding:24px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#245b45;text-underline-offset:4px}h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.12;letter-spacing:-.04em;max-width:900px}h2{line-height:1.3;margin-top:42px}p,li{max-width:760px}section{padding:16px 0 32px;border-bottom:1px solid #ced9d0}.lead{font-size:1.3rem}.button{display:inline-block;padding:14px 24px;background:#18382e;color:white;border-radius:12px;text-decoration:none;margin:16px 0}footer{font-size:.9rem;border-top:1px solid #ced9d0}a:focus-visible{outline:3px solid #d98a28;outline-offset:4px}
.use-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.use-cases article{padding:24px;background:#fff;border:1px solid #d9e2da;border-radius:16px}.use-cases h3{margin:0 0 8px}.use-cases p{margin:0}@media(max-width:600px){.use-cases{grid-template-columns:1fr}nav,main,footer{padding:20px}}

.hero{padding:32px 0 48px}.eyebrow{font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#356b50}.small{font-size:.9rem;color:#58685d}.screenshots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.screenshots figure{margin:0}.screenshots img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 8px 24px #18382e18}.screenshots figcaption{font-size:.92rem;line-height:1.4;padding-top:10px}@media(max-width:760px){.screenshots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.screenshots{gap:10px}.screenshots figcaption{font-size:.8rem}}