:root{
  --navy:#14213d; --navy-soft:#1f2f52; --gold:#c8a04a; --gold-deep:#a9842f;
  --ink:#22272e; --paper:#fbfaf7; --card:#fff; --line:#e7e3d8;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{ margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color:var(--ink); background:var(--paper); line-height:1.65; font-size:18px;}
.wrap{ max-width:760px; margin:0 auto; padding:0 22px;}
nav.top{ background:var(--navy); padding:14px 0; }
nav.top .wrap{ display:flex; align-items:center; justify-content:space-between; }
nav.top a{ color:#fff; text-decoration:none; font-size:.9rem; }
nav.top .brand{ color:var(--gold); font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:.8rem;}
header.masthead{ background:linear-gradient(150deg,var(--navy),var(--navy-soft)); color:#fff; padding:50px 0 40px; border-bottom:4px solid var(--gold);}
header.masthead h1{ font-size:2rem; line-height:1.2; margin:0; font-weight:800;}
header.masthead .sub{ color:#cfd6e6; margin-top:14px; font-size:1.02rem;}
.updated{ color:#8a8779; font-size:.85rem; margin-top:24px;}
.disclosure{ background:#fff7e6; border:1px solid #ecd9a6; border-left:5px solid var(--gold); border-radius:8px; padding:16px 20px; margin:28px 0; font-size:.95rem; color:#5a4a22;}
.disclosure strong{ color:var(--gold-deep);}
h2{ color:var(--navy); font-size:1.45rem; margin:42px 0 8px; font-weight:800;}
h3{ color:var(--navy); font-size:1.1rem; margin:24px 0 4px;}
ul li, ol li{ margin:8px 0;}
.reco{ background:linear-gradient(160deg,#fbfaf7,#f4efe2); border:1px solid var(--line); border-radius:14px; padding:26px 24px; margin:30px 0; text-align:center;}
.btn{ display:inline-block; background:var(--gold); color:var(--navy); font-weight:800; text-decoration:none; padding:14px 28px; border-radius:50px; margin:12px 8px 6px; box-shadow:0 4px 14px rgba(168,132,47,.32);}
.btn.navy{ background:var(--navy); color:#fff;}
.promo{ display:inline-block; margin-top:12px; background:#fff; border:1px dashed var(--gold-deep); border-radius:8px; padding:9px 15px; color:#5a4a22; font-size:.95rem;}
.promo code{ background:var(--navy); color:var(--gold); padding:3px 9px; border-radius:5px; font-weight:700;}
.fineprint{ font-size:.84rem; color:#8a8779; margin-top:12px;}
.faq h3{ margin-bottom:0;}
.faq p{ margin-top:4px;}
.etsy-cta{ background:var(--navy); color:#fff; border-radius:14px; padding:28px 24px; margin:40px 0 10px; text-align:center;}
.etsy-cta h2{ color:#fff; margin-top:0;}
.etsy-cta p{ color:#cfd6e6;}
a{ color:var(--gold-deep);}
footer{ border-top:1px solid var(--line); padding:26px 0 50px; color:#8a8779; font-size:.82rem; text-align:center;}
@media(max-width:560px){ body{font-size:17px;} header.masthead h1{font-size:1.55rem;} .btn{display:block;margin:12px 0;} }