@font-face{font-family:Alice;src:url('./assets/Alice-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Lato;src:url('./assets/Lato-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Lato;src:url('./assets/Lato-SemiBold.ttf') format('truetype');font-display:swap;font-weight:600}
:root{color-scheme:light;--paper:#F7F7F5;--forest:#29372E;--ink:#252820;--muted:#45483E;--sage:#E5EAE0;--gold:#E7C875}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Lato,sans-serif}
a{color:var(--forest);text-underline-offset:5px}
a:focus-visible{outline:3px solid #78866A;outline-offset:6px;border-radius:3px}
.page{max-width:1160px;margin:auto;padding:0 36px}
.skip{position:absolute;left:16px;top:-100px;padding:12px;background:var(--gold);z-index:1}
.skip:focus{top:12px}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0 24px}
.header a{display:inline-flex;align-items:center;min-height:44px}
.logo{display:block;width:210px;height:auto}
.quiet-link{font-size:15px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center;padding:56px 0 72px}
h1{font:400 clamp(44px,5.2vw,66px)/1.05 Alice,serif;letter-spacing:-.025em;color:var(--forest);margin:0 0 24px;max-width:9.5em}
.intro{font-size:20px;line-height:1.65;color:var(--muted);max-width:32em;margin:0}
.test-note{margin-top:34px;max-width:31em}
.test-note h2{font-size:17px;font-weight:600;line-height:1.5;margin:0 0 6px}
.test-note p{font-size:16px;color:var(--muted);margin:0 0 22px}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);padding:13px 22px;border-radius:26px;text-decoration:none;font-size:16px;font-weight:600;min-height:48px;max-width:100%;text-align:center}
.button:hover{background:#EFD58D}
.scene{margin:0;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 14px 40px #29372e0d;align-self:center}
.photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--paper)}
.reply{position:relative;margin:24px 28px 18px 48px;background:var(--sage);border-radius:20px 20px 20px 5px;padding:16px 22px;font-family:Alice,serif;font-size:27px;line-height:1.3;color:var(--forest)}
figcaption{font-size:14px;color:var(--muted);padding:0 28px 24px;margin:0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;border-top:1px solid #dce1d7;padding:36px 0 24px}
.features h2{font:400 27px/1.2 Alice,serif;color:var(--forest);margin:0 0 12px}
.features p{font-size:17px;color:var(--muted);margin:0;max-width:25em}
.privacy-note{font-size:14px;color:var(--muted);margin:14px 0 46px}
.footer{border-top:1px solid #dce1d7;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 0 36px;font-size:14px;color:var(--muted)}
.footer p{margin:0}.footer div{display:flex;gap:28px}.footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:850px){.hero{gap:36px;padding-top:40px}.page{padding:0 26px}.features{gap:26px}.reply{margin-left:28px;font-size:24px}}
@media(max-width:650px){.page{padding:0 22px}.header{padding:22px 0 12px;gap:16px}.logo{width:166px}.quiet-link{font-size:14px}.hero{grid-template-columns:1fr;gap:32px;padding:32px 0 42px}h1{font-size:49px;margin-bottom:20px}.intro{font-size:18px}.test-note{margin-top:26px}.scene{max-width:480px;width:100%}.reply{font-size:25px}.features{grid-template-columns:1fr;gap:26px;padding-top:30px}.features h2{font-size:26px;margin-bottom:8px}.features p{max-width:35em}.privacy-note{margin-bottom:32px}.footer{font-size:13px;gap:18px}.footer div{gap:18px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}