:root{
  --i0:#090704;--i1:#100B07;--i2:#17100B;--i3:#21150D;
  --s1:#291B12;--s2:#3A2416;
  --g1:#B67732;--g2:#D99B48;--g3:#F0BA66;--g4:#FFD78D;
  --cream:#FAF0DD;--sand:#BFA987;--sand2:#8C7A62;--ember:#C9735B;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Outfit',system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{background:var(--i0)}
body{margin:0;background:var(--i0);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--g3);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
::selection{background:var(--g2);color:var(--i0)}

.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:18px 24px;background:linear-gradient(180deg,rgba(9,7,4,.92),rgba(9,7,4,.75));backdrop-filter:blur(10px);border-bottom:1px solid rgba(240,186,102,.12)}
.nav .brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:19px;color:var(--cream)}
.nav .brand img{width:28px;height:28px;border-radius:8px}
.nav .links{margin-left:auto;display:flex;gap:22px;font-size:14px;color:var(--sand)}

.hero{padding:72px 0 40px;text-align:center}
.hero img.icon{width:96px;height:96px;border-radius:24px;margin:0 auto 28px;box-shadow:0 20px 50px -20px rgba(240,186,102,.5),0 0 0 1px rgba(240,186,102,.2)}
.hero h1{font:400 clamp(40px,7vw,68px)/1.02 var(--serif);margin:0 0 14px;letter-spacing:-.01em}
.hero .tag{font:500 11px var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--g3);margin-bottom:18px}
.hero p.lede{font-size:18px;color:var(--sand);max-width:52ch;margin:0 auto 34px}

.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:99px;font:500 16px var(--serif);transition:transform .25s var(--ease),filter .2s}
.btn.gold{background:linear-gradient(180deg,var(--g4),var(--g2) 70%,var(--g1));color:#2b1808;box-shadow:0 14px 30px -12px rgba(217,155,72,.55)}
.btn.ghost{background:rgba(255,255,255,.04);color:var(--cream);box-shadow:inset 0 0 0 1px rgba(240,186,102,.3)}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.note{font-size:13px;color:var(--sand2);margin-top:6px}

.section{padding:56px 0;border-top:1px solid rgba(240,186,102,.09)}
.eyebrow{font:500 11px var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--g2);margin-bottom:10px}
.section h2{font:400 clamp(28px,4vw,38px)/1.08 var(--serif);margin:0 0 16px;letter-spacing:-.01em}
.section p{color:var(--sand);font-size:16px}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px}
.feature{padding:22px;border-radius:20px;background:var(--i2);box-shadow:inset 0 0 0 1px rgba(240,186,102,.1)}
.feature .ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--g3);box-shadow:inset 0 0 0 1px rgba(240,186,102,.35);margin-bottom:14px}
.feature h3{font:500 19px var(--serif);margin:0 0 6px;color:var(--cream)}
.feature p{font-size:14px;margin:0;color:var(--sand)}

.honest{padding:26px 24px;border-radius:22px;background:var(--i2);box-shadow:inset 0 0 0 1px rgba(240,186,102,.12);margin-top:8px}
.honest p{margin:0 0 10px;font-size:15px}
.honest p:last-child{margin-bottom:0}

footer{padding:40px 0 60px;text-align:center;color:var(--sand2);font-size:13px}
footer .flinks{display:flex;gap:20px;justify-content:center;margin-bottom:16px;font-size:14px}
footer .flinks a{color:var(--sand)}

/* legal pages */
.legal h1{font:400 clamp(32px,5vw,48px)/1.05 var(--serif);margin:0 0 8px}
.legal .updated{color:var(--sand2);font-size:13px;margin-bottom:36px}
.legal h2{font:500 22px var(--serif);color:var(--g3);margin:36px 0 12px}
.legal h3{font:500 17px var(--sans);color:var(--cream);margin:22px 0 8px}
.legal p,.legal li{color:var(--sand);font-size:15.5px;line-height:1.65}
.legal ul{padding-left:20px}
.legal li{margin-bottom:6px}
.legal a{word-break:break-word}
.legal strong{color:var(--cream);font-weight:500}
.callout{padding:18px 20px;border-radius:16px;background:var(--i2);box-shadow:inset 0 0 0 1px rgba(240,186,102,.18);margin:20px 0}
.callout p{margin:0;color:var(--cream);font-size:14.5px}
.placeholder{color:var(--ember);font-weight:500}

@media(max-width:560px){
  .nav .links{gap:14px;font-size:13px}
  .hero{padding:52px 0 28px}
  .section{padding:44px 0}
}