*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#111;background:#fff;line-height:1.6}
.w{max-width:880px;margin:0 auto;padding:0 24px}
header{padding:32px 0}.logo{font-weight:700;font-size:1.35rem;letter-spacing:-.02em;color:#111;text-decoration:none}
.logo span{color:#2f6f5e}
section{padding:56px 0;border-top:1px solid #eee}
.hero{border:0;padding:72px 0 96px}.hero h1{font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:0;max-width:22ch}
h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#666;font-weight:600;margin:0 0 24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{display:block;border:1px solid #e5e5e5;border-radius:10px;padding:24px;text-decoration:none;color:inherit;transition:border-color .15s}
.card:hover{border-color:#2f6f5e}.card h3{margin:0 0 6px;font-size:1.15rem}.card p{margin:0 0 14px;color:#555}
.card .u{color:#2f6f5e;font-size:.9rem}
p{color:#333;max-width:60ch}a{color:#2f6f5e}
footer{border-top:1px solid #eee;padding:32px 0 48px;color:#777;font-size:.9rem}
footer .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}footer a{color:#777;margin-left:16px}footer a:first-child{margin-left:0}
.legal h1{font-size:2rem;margin:24px 0}.legal h2{margin-top:32px;text-transform:none;letter-spacing:0;font-size:1.1rem;color:#111}