:root{--cream:#F6F1EC;--white:#fff;--ink:#4D4D4D;--soft:#8c8c8c;--track:#D8D1C9;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font-family:'Cormorant',Georgia,serif;font-size:21px;line-height:1.4;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 28px 32px}
.sig{font-family:'Tangerine','Cormorant',cursive;font-size:clamp(54px,14vw,84px);line-height:1.1;margin-bottom:6px}
.tag{font-weight:500;font-size:15px;text-transform:uppercase;letter-spacing:.24em;padding-left:.24em;color:var(--soft)}
.pitch{max-width:30ch;margin:34px auto 0;font-size:clamp(23px,5.4vw,28px);line-height:1.3;text-wrap:balance}
.pitch em{display:block;margin-top:14px;font-size:.82em;color:var(--soft)}
.cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:38px}
.btn{display:inline-block;font-size:15px;letter-spacing:.2em;padding:14px 24px 14px 26px;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);transition:opacity .3s var(--ease),background .3s var(--ease)}
.btn.solid{background:var(--ink);color:var(--cream)}
.btn.solid:hover{opacity:.85}
.btn.line{color:var(--ink)}
.btn.line:hover{background:rgba(77,77,77,.07)}
.demo{margin-top:30px;font-size:19px;font-style:italic;color:var(--soft)}
.demo a{color:var(--ink);text-underline-offset:4px}
.how{list-style:none;display:grid;gap:18px;max-width:34ch;margin:52px auto 0;font-size:20px}
.how b{display:block;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.22em;color:var(--soft);margin-bottom:2px}
footer{padding:22px 28px calc(22px + env(safe-area-inset-bottom));text-align:center;font-size:14px;letter-spacing:.12em;color:var(--soft)}
footer a{color:inherit;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}