*{box-sizing:border-box}body{margin:0;background:#f6faf8;color:#18352d;font:17px/1.75 system-ui,-apple-system,sans-serif}a{color:#17684d}a:hover{text-decoration:none}.wrap{max-width:1100px;margin:auto;padding:28px}header{background:#fff;border-bottom:1px solid #dce9e2}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.brand{font-size:30px;font-weight:800;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:500;color:#5d7269}nav{display:flex;gap:24px}.hero{padding:44px 0 30px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#17684d;font-weight:700}h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-1px;max-width:850px}h2{line-height:1.3}.intro{font-size:20px;color:#5d7269;max-width:650px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}.card{background:#fff;border:1px solid #dce9e2;border-radius:18px;overflow:hidden}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card .body{padding:24px}.card h2{font-size:24px}.muted,time,figcaption{font-size:14px;color:#5c7268}.article{max-width:840px;margin:30px auto;background:#fff;padding:40px;border:1px solid #dce9e2;border-radius:20px;overflow-wrap:anywhere}.article h1{font-size:clamp(30px,4vw,44px)}.article h2{margin-top:38px;font-size:26px}.article figure{margin:28px 0}.article img{width:100%;border-radius:12px}.cta{display:inline-block;padding:12px 22px;background:#17684d;color:white;border-radius:9px;text-decoration:none}.end{padding:25px;background:#e9f5ee;border-radius:12px;margin-top:36px}footer{font-size:14px;color:#5c7268}footer a{margin-left:16px}footer p{font-size:12px}@media(max-width:600px){.wrap{padding:20px}nav{gap:16px;font-size:14px}.article{padding:22px;margin-top:10px}.hero{padding-top:20px}}
header{background:#0c262e;border-bottom-color:#173b40}header a{color:#e4efe7}header .brand{color:#c2f587}header .brand span{color:#9bb8a8}body{background:#f6f8f4}nav a{text-decoration:none}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{transition:transform .18s}.card:hover{transform:translateY(-4px)}@media(max-width:600px){nav{flex-wrap:wrap}}

.brand .brand-logo{display:block;width:235px;height:70px;object-fit:contain;background:#fff;padding:7px 10px;border-radius:8px;box-sizing:border-box}@media(max-width:760px){.brand .brand-logo{width:185px;height:60px}}