:root{--main:#23C69B;--main-dark:#0f7f63;--ink:#14302a;--muted:#4d6b63;--card:rgba(255,255,255,.78);--line:rgba(20,48,42,.12);--bg:#eaf8f4}
@media (prefers-color-scheme:dark){:root{--main:#2fd9ad;--main-dark:#6be8c7;--ink:#e8f6f2;--muted:#a9c7be;--card:rgba(10,30,26,.72);--line:rgba(232,246,242,.14);--bg:#08201b}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg) url(bg.jpg) center top/cover fixed no-repeat}
@media (prefers-color-scheme:dark){body{background-blend-mode:multiply;background-color:#0c2b24}}
a{color:var(--main-dark)}a:hover{text-decoration:none}
.wrap{max-width:760px;margin:0 auto;padding:20px 16px 56px}
header.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 0 22px}
header.nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none;font-size:20px}
header.nav .brand img{width:34px;height:34px;border-radius:8px}
header.nav nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap;font-size:15px}
header.nav nav a{color:var(--ink);text-decoration:none;opacity:.85}header.nav nav a:hover{opacity:1;text-decoration:underline}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 24px;margin:0 0 18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 26px rgba(15,127,99,.10)}
.hero{text-align:center;padding:36px 22px}
.hero img.icon{width:112px;height:112px;border-radius:26px;box-shadow:0 8px 26px rgba(15,127,99,.35)}
h1{font-size:34px;line-height:1.15;margin:18px 0 8px}h2{font-size:22px;margin:0 0 10px}h3{font-size:18px;margin:22px 0 6px}
p{margin:0 0 12px}.lead{font-size:19px;color:var(--muted);margin-bottom:20px}
.btn{display:inline-block;background:var(--main);color:#04382b;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none}
.btn.soft{background:transparent;border:1px solid var(--line);color:var(--ink);font-weight:600}
.soon{display:inline-block;margin-top:6px;font-size:14px;color:var(--muted)}
ul{padding-left:20px;margin:0 0 12px}li{margin:4px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.grid{grid-template-columns:1fr}h1{font-size:28px}}
.feat{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.35)}
@media (prefers-color-scheme:dark){.feat{background:rgba(255,255,255,.04)}}
.feat b{display:block;margin-bottom:2px}
code{background:rgba(35,198,155,.16);padding:1px 6px;border-radius:6px;font-size:.92em}
footer{font-size:14px;color:var(--muted);text-align:center;margin-top:26px}footer a{color:var(--muted)}
.todo{background:#fff3c4;color:#5b4700;border-radius:6px;padding:0 4px}
details{border-top:1px solid var(--line);padding:10px 0}details:first-of-type{border-top:0}summary{cursor:pointer;font-weight:600}