:root{--bg:#f6f8f4;--card:#fff;--tx:#1b2a1f;--mut:#5b6b5f;--pri:#2e7d4f;--pri2:#1f5c39;--bd:#d9e2d6;--todo:#fff3bf;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#121a14;--card:#1b261e;--tx:#e8f0ea;--mut:#9db0a2;--pri:#4cb97a;--pri2:#6fd197;--bd:#2c3b30;--todo:#5c4b12}}
:root[data-theme="dark"]{--bg:#121a14;--card:#1b261e;--tx:#e8f0ea;--mut:#9db0a2;--pri:#4cb97a;--pri2:#6fd197;--bd:#2c3b30;--todo:#5c4b12}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6}
.w{max-width:820px;margin:0 auto;padding:0 20px}
header{padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.logo{font-weight:800;font-size:20px;color:var(--pri);text-decoration:none}
.btn{display:inline-block;background:var(--pri);color:#fff;border-radius:10px;padding:10px 18px;font-weight:600;text-decoration:none}
.btn:hover{background:var(--pri2)}
h1{font-size:clamp(26px,4.5vw,36px);line-height:1.2;margin:20px 0 6px}
h2{font-size:20px;margin:28px 0 8px}
a{color:var(--pri)}
.mut{color:var(--mut)}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:18px 20px;margin:16px 0}
.card p{margin:6px 0}
mark.todo{background:var(--todo);color:inherit;border-radius:4px;padding:0 4px}
ul{padding-left:22px}
footer{padding:30px 0 40px;color:var(--mut);font-size:14px;text-align:center}
footer a{color:var(--mut);margin:0 8px}
.hdr{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.tel{color:var(--tx);font-weight:700;text-decoration:none;white-space:nowrap}
.tel:hover{color:var(--pri)}
.wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;border-radius:30px;padding:12px 18px 12px 14px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:10}
.wa:hover{background:#1ebe5b}
.wa svg{width:24px;height:24px;fill:#fff;flex:none}
@media (max-width:520px){.wa span{display:none}.wa{padding:14px}}
footer{padding-bottom:90px}
.logo{display:flex;align-items:center;gap:10px}
.logo img{width:40px;height:40px;border-radius:10px;background:#fff}
.soc{display:flex;justify-content:center;gap:10px;margin:0 0 12px}
.soc a{border:1px solid var(--bd);border-radius:20px;padding:6px 14px;color:var(--tx);text-decoration:none;margin:0}