:root{--ink:#121110;--panel:#1B1916;--gold:#C9A96A;--ivory:#EFE9DD;--stone:#9C9484;--hairline:rgba(201,169,106,.28)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--ivory);font-family:'Jost',system-ui,sans-serif;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--ink)}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}
a{color:var(--gold)}
.eyebrow{font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold)}
.rule{width:64px;height:1px;border:none;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.4rem 0}
header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1.25rem,5vw,3.5rem);background:linear-gradient(180deg,rgba(18,17,16,.96),rgba(18,17,16,.88));backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,169,106,.14)}
.brand{font-family:'Cormorant Garamond',serif;font-size:1.25rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ivory);text-decoration:none;white-space:nowrap}
.brand span{color:var(--gold)}
nav{display:flex;align-items:center;gap:clamp(.7rem,1.6vw,1.4rem);flex-wrap:wrap;justify-content:flex-end}
nav a{color:var(--stone);text-decoration:none;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase}
nav a:hover{color:var(--gold)}
nav a.nav-login{color:var(--gold);border:1px solid var(--hairline);padding:.45rem .8rem}
main{max-width:820px;margin:0 auto;padding:4.5rem 1.4rem 5rem}
.lead{font-size:1.05rem;color:var(--ivory);margin:1.2rem 0 1.6rem}
h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:300;letter-spacing:.04em;line-height:1.05}
h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:2.2rem 0 .6rem}
p,li{color:var(--stone)}
p{margin:.7rem 0}
ul{margin:.4rem 0 1rem 1.2rem}
li{margin:.35rem 0}
.faq{margin-top:2rem;border-top:1px solid var(--hairline)}
.faq details{border-bottom:1px solid var(--hairline);padding:1rem 0}
.faq summary{cursor:pointer;color:var(--ivory);font-family:'Cormorant Garamond',serif;font-size:1.35rem}
.faq p{margin-top:.6rem}
.cta{display:inline-block;margin-top:1.6rem;border:1px solid var(--hairline);color:var(--gold);text-decoration:none;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;padding:.8rem 1.2rem}
.note{font-size:.85rem;margin-top:2rem}
footer{text-align:center;padding:2rem 1rem 3rem;color:var(--stone);font-size:.8rem;border-top:1px solid rgba(201,169,106,.14)}
footer a{color:var(--stone)}
