:root{--ink:#1B1815;--raised:#262220;--line:#3A3430;--ivory:#F3EDE4;--dim:#A69C90;--rose:#C98A7D;--rose-deep:#A86B60}
*{box-sizing:border-box}html{color-scheme:dark}
body{margin:0;background:var(--ink);color:var(--ivory);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
main{max-width:680px;margin:0 auto;padding:48px 24px 96px}
h1,h2,h3,.wordmark{font-family:"New York","Iowan Old Style",Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:.2px}
h1{font-size:2rem;margin:0 0 8px}h2{font-size:1.3rem;margin:40px 0 8px}
p,li{color:var(--ivory)}.dim{color:var(--dim)}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--dim)}
a{color:var(--rose);text-decoration:none}a:hover{color:var(--rose-deep)}
nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
nav .wordmark{font-size:1.4rem;color:var(--ivory)}nav .links a{margin-left:20px;font-size:.95rem}
.card{background:var(--raised);border:1px solid var(--line);border-radius:24px;padding:24px;margin:16px 0}
.app{display:flex;gap:20px;align-items:center}.app img{width:88px;height:88px;border-radius:20px}
.hero{display:block;width:min(420px,100%);margin:24px auto}
.pill{display:inline-block;background:var(--rose);color:var(--ink);font-weight:600;padding:12px 24px;border-radius:999px}
.pill:hover{background:var(--rose-deep);color:var(--ink)}
footer{margin-top:64px;color:var(--dim);font-size:.85rem;border-top:1px solid var(--line);padding-top:24px}
ol li{margin-bottom:8px}