/* Klaylux Era — shared styles (landing + legal pages) */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/fraunces-600-latin.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}

:root{
  --garnet:#8c3448;--garnet-2:#7a2a3c;--garnet-3:#622030;
  --cream:#f6efe4;--paper:#fffcf7;--ink:#3a1a22;--ink-2:#5e4a4f;--muted:#8a7a7d;
  --gold:#e8c9a0;--gold-deep:#b8893f;
  --cta:#ffa41c;--cta-edge:#ff8f00;--cta-hover:#fa8900;--cta-ink:#0f1111;
  --navy:#2f4d73;--navy-2:#263d5c;
  --line:rgba(58,26,34,.14);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;letter-spacing:-.01em}
p{margin:0}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--garnet)}
.center{text-align:center}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 18px/1 var(--sans);color:var(--cta-ink);background:var(--cta);border:1px solid var(--cta-edge);border-radius:100px;padding:18px 40px;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px rgba(20,4,10,.35);transition:background .15s,transform .15s}
.btn:hover{background:var(--cta-hover);transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn[aria-busy="true"]{opacity:.75;pointer-events:none}
.price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.price{font-family:var(--serif);font-weight:600;font-size:40px;line-height:1.2}
.price-note{font-size:15px;opacity:.82}
.micro{font-size:13px;opacity:.75}
.pay-methods{font-size:12px;letter-spacing:.04em;opacity:.7}

/* Site header (legal pages) */
.site-head{background:var(--garnet-2);color:#fff}
.site-head .wrap{display:flex;align-items:center;gap:10px;height:64px}
.site-head a{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--serif);font-size:20px}
.site-head img{width:32px;height:auto}

/* Footer */
.site-foot{background:var(--garnet-3);color:rgba(246,239,228,.8);font-size:13px;padding:32px 0 calc(32px + env(safe-area-inset-bottom))}
.site-foot .wrap{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.site-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
.site-foot a{color:var(--gold);text-decoration:none}
.site-foot a:hover{text-decoration:underline}
.site-foot img{width:34px;height:auto;opacity:.95}

/* Legal / simple pages */
.doc{padding:56px 0 72px;background:var(--paper)}
.doc .wrap{max-width:760px}
.doc h1{font-size:40px;line-height:1.15;margin-bottom:8px}
.doc .updated{color:var(--muted);font-size:14px;margin-bottom:32px}
.doc h2{font-size:24px;margin:36px 0 10px}
.doc p,.doc li{color:var(--ink-2);font-size:16.5px}
.doc p+p{margin-top:12px}
.doc ul{padding-left:20px;margin:10px 0}
.doc li+li{margin-top:6px}
.doc a{color:var(--garnet)}
.doc .box{background:var(--cream);border-radius:16px;padding:20px 22px;margin:24px 0}
@media (max-width:640px){.doc{padding:36px 0 56px}.doc h1{font-size:32px}}