:root{--ink:#3E3230;--accent:#A45E58;--bg:#FAF6F2;--rose1:#F7E2DD;--rose2:#D99CA2;--muted:#6f615e}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.serif{font-family:"New York","Iowan Old Style",Georgia,serif}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px 80px}
header.hero{background:linear-gradient(var(--rose1),var(--rose2));padding:64px 20px 72px;text-align:center}
header.hero img{width:112px;height:112px;border-radius:25px;box-shadow:0 10px 30px rgba(62,50,48,.18)}
h1{font-family:"New York","Iowan Old Style",Georgia,serif;font-weight:600;font-size:clamp(2.2rem,6vw,3.2rem);line-height:1.1;margin:24px 0 12px}
h2{font-family:"New York","Iowan Old Style",Georgia,serif;font-weight:600;font-size:1.5rem;margin:40px 0 8px}
.lede{font-size:1.2rem;max-width:34ch;margin:0 auto}
.badge{display:inline-block;margin-top:28px;background:var(--ink);color:#fff;text-decoration:none;padding:14px 26px;border-radius:999px;font-weight:600}
.badge small{display:block;font-weight:400;opacity:.8;font-size:.8rem}
.card{background:linear-gradient(#FBEACB,#E0AE72);border-radius:22px;padding:40px 28px;text-align:center;font-family:"New York",Georgia,serif;font-size:1.5rem;font-weight:600;margin:32px 0}
.lockscreen{display:block;width:100%;max-width:300px;height:auto;margin:28px auto 8px;border-radius:32px;box-shadow:0 14px 40px rgba(17,29,71,.24)}
.demo{display:block;width:100%;max-width:443px;height:auto;margin:36px auto 8px;border-radius:26px;box-shadow:0 14px 40px rgba(17,29,71,.24);background:#111D47}
ul.plain{padding-left:1.1rem}
ul.plain li{margin:.35rem 0}
.promise{border-left:3px solid var(--accent);padding:4px 0 4px 16px;color:var(--muted)}
footer{border-top:1px solid #e6dcd6;margin-top:56px;padding-top:20px;color:var(--muted);font-size:.9rem}
footer a,a{color:var(--accent)}
nav{margin-bottom:24px;font-size:.95rem}