:root{--bg:#141110;--panel:#1d1917;--ink:#ece6dc;--muted:#a59c90;--line:#332c27;--accent:#d9a45b;--link:#e8b873;--mark:#fff}
@media (prefers-color-scheme:light){:root{--bg:#f4efe7;--panel:#fffaf2;--ink:#221d19;--muted:#6b6259;--line:#ddd3c5;--accent:#9a6224;--link:#8a4f12;--mark:#221d19}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Georgia,"Iowan Old Style","Times New Roman",serif}
a{color:var(--link)}
.wrap{max-width:46rem;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:12px;font:700 1.05rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mark);text-decoration:none}
.mark img{width:40px;height:40px;display:block;flex:none}
.mark b{font-weight:400;color:var(--mark)}
nav{display:flex;gap:18px;font:15px/1 system-ui,-apple-system,"Segoe UI",sans-serif}
nav a{color:var(--muted);text-decoration:none}
nav a[aria-current]{color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:3px}
main{padding:44px 0 72px}
h1{font-size:clamp(2rem,6vw,2.6rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.01em}
h2{font-size:1.35rem;margin:2.4em 0 .6em;scroll-margin-top:16px}
h3{font-size:1.05rem;margin:0}
.lede{color:var(--muted);font-size:1.1rem;margin:0 0 36px}
.apps{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.app{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start;background:var(--panel);border:1px solid var(--line);padding:18px}
.app img{width:88px;height:88px;display:block}
.app h3{font-size:1.2rem;margin:0 0 4px}
.app p{margin:0 0 8px}
.app .price{color:var(--muted);font-size:.95rem}
.app .links{display:flex;gap:16px;flex-wrap:wrap;font:15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;margin-top:6px}
.soon{color:var(--muted)}
.q{border-top:1px solid var(--line);padding:4px 0}
.q summary{cursor:pointer;padding:12px 0;font-weight:700;list-style:none;display:flex;gap:10px}
.q summary::-webkit-details-marker{display:none}
.q summary::before{content:"+";color:var(--accent);font-family:system-ui,sans-serif;width:1em;flex:none}
.q[open] summary::before{content:"–"}
.q p{margin:0 0 14px 1.6em}
.toc{display:flex;flex-wrap:wrap;gap:8px 18px;font:15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;margin:0 0 8px;padding:0;list-style:none}
.contact{background:var(--panel);border:1px solid var(--line);padding:20px;margin-top:44px}
.contact h2{margin-top:0}
footer{border-top:1px solid var(--line);color:var(--muted);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
footer .wrap{padding-top:22px;padding-bottom:40px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:var(--muted)}
.date{color:var(--muted);margin:0 0 2em}
ul.plain{padding-left:1.2em}
@media (max-width:480px){.app{grid-template-columns:64px 1fr;gap:14px}.app img{width:64px;height:64px}}
.hero{text-align:center;margin:0 0 8px}
.hero .badge{width:min(260px,62vw);height:auto;display:block;margin:0 auto 22px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.45))}
.hero+.lede{text-align:center;max-width:34rem;margin-left:auto;margin-right:auto}
@media (prefers-color-scheme:light){.hero .badge{filter:drop-shadow(0 8px 20px rgba(80,40,20,.18))}}