:root{--teal:#2f8f9d;--teal-d:#1d6874;--ink:#1f2328;--dark:#202325;--mut:#5c6670;--bg:#f6f8f9;--line:#e3e8eb}
*{box-sizing:border-box;margin:0}
body{font:17px/1.65 "Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--teal-d)}img{max-width:100%;display:block}
.top{background:#13282c;color:#d7e7ea;font-size:13px}
.top .in{max-width:1140px;margin:0 auto;padding:8px 20px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.top a{color:#d7e7ea;text-decoration:none}.top .soc{margin-left:auto;display:flex;gap:14px}
.top svg{width:16px;height:16px;fill:currentColor;vertical-align:middle}
header.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
header.nav .in{max-width:1140px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:20px}
.brand{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:.2px}
.brand small{display:block;font-weight:600;font-size:12px;color:var(--teal-d);letter-spacing:.06em}
nav.menu{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
nav.menu a{text-decoration:none;color:var(--ink);font-weight:600;font-size:14px;padding:8px 12px;border-radius:8px}
nav.menu a:hover,nav.menu a.on{background:#e8f4f5;color:var(--teal-d)}
.give{background:var(--teal);color:#fff!important;border-radius:999px!important;padding:8px 18px!important}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit;font-weight:700}
.hero{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#2f8f9d center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,40,44,.35),rgba(19,40,44,.55))}
.hero .in{position:relative;padding:60px 20px}
.hero h1{font-size:clamp(34px,6vw,58px);font-weight:600;line-height:1.15}
.hero p{font-size:clamp(17px,2.4vw,22px);margin:12px auto 26px;max-width:640px}
.btn{display:inline-block;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;padding:12px 28px;border-radius:999px;border:0;font-size:16px;cursor:pointer}
.btn.t{background:var(--teal);color:#fff}
.pagehead{background:var(--teal-d) center/cover;color:#fff;text-align:center;padding:70px 20px;position:relative}
.pagehead:before{content:"";position:absolute;inset:0;background:rgba(19,40,44,.5)}.pagehead h1{position:relative;font-size:clamp(30px,5vw,46px);font-weight:600}
section{padding:60px 20px}.wrap{max-width:900px;margin:0 auto}.wide{max-width:1140px;margin:0 auto}
section.alt{background:var(--bg)}section.dark{background:var(--dark);color:#f1f3f4}
h2{font-size:30px;margin-bottom:14px;font-weight:700}h3{font-size:21px;margin:22px 0 8px}
p{margin-bottom:14px}.lead{font-size:20px;color:var(--mut)}
.quote{border-left:4px solid var(--teal);padding:4px 0 4px 18px;font-style:italic;color:#38424a;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}
.grid img{width:100%;height:auto;border-radius:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.two img{border-radius:14px;width:100%;height:auto}
ol.values{padding-left:0;list-style:none;counter-reset:v}ol.values li{counter-increment:v;padding:14px 0 14px 54px;position:relative;border-top:1px solid var(--line)}
ol.values li:before{content:counter(v);position:absolute;left:0;top:14px;width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.belief{padding:18px 0;border-top:1px solid var(--line)}.belief b{color:var(--teal-d);display:block;font-size:15px;letter-spacing:.04em}
.belief small{color:var(--mut);display:block;margin-top:6px;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.card b{display:block;color:var(--teal-d);margin-bottom:6px}
form.f{display:grid;gap:12px;max-width:560px}form.f label{font-weight:700;font-size:14px}
form.f input,form.f textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid #c9d3d8;border-radius:10px}
form.f textarea{min-height:140px}form.f input:focus,form.f textarea:focus{outline:2px solid var(--teal)}
.hp{position:absolute;left:-9999px}
.notice{background:#e8f6ee;border:1px solid #b9e2c8;color:#1d6b3c;border-radius:10px;padding:12px 14px;margin-bottom:16px;font-weight:600}
footer{background:#13282c;color:#c7d6d9;padding:40px 20px;font-size:15px}
footer .in{max-width:1140px;margin:0 auto;display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between}
footer a{color:#c7d6d9;text-decoration:none}footer nav a{margin-right:16px}
@media(max-width:820px){.menu-btn{display:block}nav.menu{display:none;width:100%;flex-direction:column}nav.menu.open{display:flex}header.nav .in{flex-wrap:wrap}.two{grid-template-columns:1fr}.top .soc{margin-left:0}}