:root{
  --ink:#2A1D16; --ivory:#F4F0EA; --ivory-2:#EBE4D9; --clay:#8A5A3C; --grey:#6F675E; --sand:#D9D1C4;
  --clay-light:#C08F63; --muted-rose:#CDB9A3;
  --serif:'Cormorant Garamond', serif; --sans:'DM Sans', sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{background:var(--ivory); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.6;}
.wrap{max-width:720px; margin:0 auto; padding:0 28px;}
@media(max-width:640px){.wrap{padding:0 20px;}}
.wordmark{
  font-family:var(--serif); font-size:20px; font-weight:500; letter-spacing:0.01em; text-transform:lowercase;
  display:inline-flex; align-items:baseline; gap:1px; color:var(--ink); text-decoration:none;
}
.ring-o{display:inline-block; width:0.62em; height:0.62em; border:1.6px solid currentColor; border-radius:50%; margin:0 0.02em 0 -0.01em; transform:translateY(0.08em);}
header{padding:28px 0 10px; text-align:center;}
.eyebrow{font-family:var(--sans); font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:var(--clay); font-weight:700; display:block; margin-bottom:16px;}
h1{font-family:var(--serif); font-weight:500; font-size:clamp(30px,5vw,46px); line-height:1.12; text-align:center; margin:0 0 22px;}
.sub{font-size:17px; color:var(--grey); text-align:center; max-width:560px; margin:0 auto 36px;}
.quote-band{background:var(--ivory-2); border-left:3px solid var(--clay); padding:22px 26px; margin:0 0 36px;}
.quote-band p{font-family:var(--serif); font-style:italic; font-size:19px; line-height:1.4; margin-bottom:10px;}
.quote-band p:last-child{margin-bottom:0;}
.quote-band .attrib{font-size:12px; color:var(--grey); text-transform:uppercase; letter-spacing:0.06em; margin-top:12px;}
.inside{margin:0 0 40px;}
.inside h2{font-family:var(--serif); font-weight:500; font-size:24px; margin-bottom:16px;}
.inside ul{list-style:none;}
.inside li{
  font-size:15px; padding:10px 0 10px 26px; border-bottom:1px solid rgba(42,29,22,0.08);
  position:relative; color:var(--ink);
}
.inside li:last-child{border-bottom:none;}
.inside li::before{
  content:''; position:absolute; left:0; top:16px; width:7px; height:7px;
  border:1.4px solid var(--clay); border-radius:50%;
}
.form-card{
  background:#241913; color:var(--ivory); padding:40px 34px; text-align:center; margin-bottom:24px;
}
.form-card h3{font-family:var(--serif); font-weight:500; font-size:26px; margin-bottom:10px;}
.form-card p{color:rgba(244,240,234,0.75); font-size:14.5px; margin-bottom:24px;}
#guideForm{display:flex; flex-direction:column; gap:12px; max-width:380px; margin:0 auto;}
#guideForm input{
  padding:14px 16px; border:1px solid rgba(244,240,234,0.3); background:rgba(244,240,234,0.06);
  color:var(--ivory); font-family:var(--sans); font-size:15px; outline:none;
}
#guideForm input::placeholder{color:rgba(244,240,234,0.5);}
#guideForm input:focus{border-color:var(--clay-light);}
#guideForm button{
  padding:15px 20px; background:var(--clay); color:var(--ivory); border:none;
  font-family:var(--sans); font-size:13px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
  cursor:pointer; transition:background 0.2s;
}
#guideForm button:hover{background:var(--clay-light);}
#guideForm button:disabled{opacity:0.6; cursor:default;}
.form-note{font-size:11.5px; color:rgba(244,240,234,0.55); margin-top:16px;}
.form-status{font-size:13px; margin-top:14px; color:var(--muted-rose); display:none;}
footer{text-align:center; padding:20px 0 50px; font-size:12px; color:var(--grey);}