:root{
  --bg:#0a0806;
  --bg2:#14100b;
  --card:#181310;
  --line:#2b2118;
  --text:#f6efe4;
  --muted:#b9ab97;
  --orange:#ff8a1f;
  --gold:#ffd36b;
  --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

/* header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(10,8,6,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:1.2rem;letter-spacing:.2px}
.brand:hover{text-decoration:none}
.nav-links{display:flex;gap:22px;margin-left:auto}
.nav-links a{color:var(--muted);font-size:.95rem}
.nav-links a:hover{color:var(--text);text-decoration:none}

/* buttons */
.btn{
  display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:600;color:#1a0f02;
  background:linear-gradient(135deg,var(--gold),var(--orange));padding:12px 24px;border-radius:999px;
  box-shadow:0 6px 24px rgba(255,138,31,.28);transition:transform .15s,box-shadow .15s;
}
.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,138,31,.38)}
.btn-sm{padding:8px 18px;font-size:.9rem}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}
.btn-ghost:hover{border-color:var(--orange);box-shadow:none}

/* hero */
.hero{max-width:1100px;margin:0 auto;padding:72px 20px 56px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.eyebrow{color:var(--orange);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;margin-bottom:12px}
.center{text-align:center}
h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
.grad{background:linear-gradient(135deg,var(--gold),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--muted);font-size:1.1rem;max-width:560px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.center-row{justify-content:center}
.hero-art{position:relative;display:flex;justify-content:center}
.hero-art img{position:relative;width:min(420px,90%);border-radius:36px}
.glow{position:absolute;inset:8%;background:radial-gradient(circle,rgba(255,138,31,.45),transparent 65%);filter:blur(40px)}

/* sections */
.section{max-width:1100px;margin:0 auto;padding:64px 20px}
.section h2{font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.01em;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:border-color .2s,transform .2s}
.feature:hover{border-color:var(--orange);transform:translateY(-3px)}
.fi{font-size:1.7rem;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(255,211,107,.18),rgba(255,138,31,.18));margin-bottom:14px}
.feature h3{margin-bottom:6px}
.feature p{color:var(--muted);font-size:.95rem}

.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split ul{margin:18px 0 0 20px;color:var(--muted)}
.split li{margin:6px 0}
.verse-card{
  background:radial-gradient(circle at 30% 20%,#3a2208,#120c06 70%);border:1px solid var(--line);border-radius:28px;
  padding:56px 36px;text-align:center;box-shadow:0 20px 60px rgba(255,138,31,.12);
}
.verse{font-size:1.5rem;line-height:1.5;font-family:Georgia,"Times New Roman",serif;color:var(--gold)}
.ref{margin-top:18px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}

.download{text-align:center}
.download img{margin-bottom:14px}
.download .sub{margin:0 auto}

/* doc pages */
.doc{max-width:820px;margin:0 auto;padding:56px 20px 72px}
.doc h1{font-size:clamp(2rem,4.5vw,2.8rem)}
.lede{color:var(--muted);font-size:1.05rem;margin-bottom:32px}
.doc-body h2{font-size:1.35rem;margin:36px 0 10px;padding-top:20px;border-top:1px solid var(--line)}
.doc-body h2:first-child{border-top:0;margin-top:0;padding-top:0}
.doc-body h3{font-size:1.08rem;margin:20px 0 6px;color:var(--gold)}
.doc-body p{margin:10px 0;color:#e6dccd}
.doc-body ul,.doc-body ol{margin:10px 0 10px 22px;color:#e6dccd}
.doc-body li{margin:6px 0}
.doc-body strong{color:var(--text)}

/* support */
.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:36px}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;color:var(--text)}
.card:hover{border-color:var(--orange);text-decoration:none}
.card .ico{font-size:1.3rem}
.card h3{font-size:1rem;margin:8px 0 2px;color:var(--text)}
.card p{margin:0;color:var(--muted);font-size:.9rem;word-break:break-word}
.support-form{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:16px 0 8px}
.support-form label{display:grid;gap:6px;font-size:.92rem;color:var(--muted)}
.support-form input,.support-form select,.support-form textarea{
  font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;
}
.support-form input:focus,.support-form select:focus,.support-form textarea:focus{outline:2px solid var(--orange);outline-offset:0;border-color:transparent}
.support-form .btn{justify-self:start}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:10px 0}
summary{cursor:pointer;font-weight:600}
details p{margin-top:10px;color:var(--muted)}

/* footer */
.site-footer{border-top:1px solid var(--line);background:var(--bg2);margin-top:24px}
.footer-inner{max-width:1100px;margin:0 auto;padding:44px 20px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.footer-brand p{color:var(--muted);margin-top:12px;max-width:340px;font-size:.95rem}
.footer-col{display:flex;flex-direction:column;gap:8px}
.footer-col h5{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:4px}
.footer-col a{color:var(--muted);font-size:.95rem}
.footer-col a:hover{color:var(--text)}
.footer-bottom{max-width:1100px;margin:0 auto;padding:18px 20px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}

@media (max-width:860px){
  .hero{grid-template-columns:1fr;padding-top:40px;text-align:left}
  .hero-art{order:-1}
  .hero-art img{width:min(260px,70%)}
  .grid{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .nav-links a:not(:last-child){display:none}
}
@media (max-width:520px){
  .grid{grid-template-columns:1fr}
  .nav{gap:12px}
}