:root{--bg:#F3EEE2;--card:#FFFFFF;--text:#0F1B2D;--sec:#4F5A6B;--accent:#8A6A1F;--line:rgba(15,27,45,.14)}
@media (prefers-color-scheme:dark){:root{--bg:#0A1220;--card:#0F1B2D;--text:#F3EEE2;--sec:#A9B2C0;--accent:#E3C98F;--line:rgba(243,238,226,.16)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent);text-underline-offset:3px}
.top{max-width:720px;margin:0 auto;padding:28px 24px 0}.top img{display:block;height:auto}
main{max-width:720px;margin:0 auto;padding:24px 24px 56px}
h1,h2{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.01em;line-height:1.15}
h1{font-size:2.5rem;margin:.6em 0 .2em}h2{font-size:1.45rem;margin:2em 0 .5em}
em{color:var(--sec)}p,li{margin:.6em 0}ul{padding-left:1.25em}
mark{background:#FFE8A3;color:#222;padding:0 4px;border-radius:4px}
.hero{text-align:center;padding:72px 0 40px}.hero .big{height:auto;max-width:70%}.hero h1{margin-top:1em}
.lead{font-size:1.2rem;color:var(--sec);max-width:34em;margin:0 auto}
.soon{display:inline-block;margin-top:2em;padding:.5em 1.2em;border:1px solid var(--line);border-radius:999px;color:var(--accent);font-weight:600;font-size:.95rem}
footer{max-width:720px;margin:0 auto;padding:24px;border-top:1px solid var(--line);color:var(--sec);font-size:.9rem}
footer nav{display:flex;gap:20px;flex-wrap:wrap}footer a{color:var(--sec)}
@media (max-width:520px){h1{font-size:2rem}.hero{padding-top:40px}}