:root{--gold:#B18A50;--obsidian:#171719;--ash:#77777A;--stone:#D0C8B9;--basalt:#383536;--sand:#A69B88;--orange:#FF9900}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--obsidian);color:var(--stone);font:17px/1.6 "Cantarell","Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--stone)}
a:hover{color:var(--orange)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(rgba(23,23,25,.55),var(--obsidian)),url(/assets/hero.jpg) center/cover no-repeat;min-height:82vh;display:flex;flex-direction:column}
.nav{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;width:100%}
.brand{display:flex;gap:10px;align-items:center;font-weight:700;text-decoration:none;font-size:1.1rem}
.links a{margin-left:20px;text-decoration:none;color:var(--sand)}
.hero-text{margin:auto;text-align:center;padding-bottom:60px}
.hero-logo{width:96px;height:96px}
h1{font-size:clamp(2.6rem,7vw,4.2rem);margin:.2em 0 0;letter-spacing:-.02em;color:#fff}
.tagline{font-size:1.25rem;color:var(--stone);margin:.3em 0 1.6em}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;background:var(--gold);color:var(--obsidian);font-weight:700;text-decoration:none;margin:4px}
.btn:hover{color:var(--obsidian);background:#c29d63}
.btn.ghost{background:transparent;color:var(--stone);border:1px solid var(--ash)}
.btn.ghost:hover{border-color:var(--stone)}
section{padding:56px 20px}
h2{font-size:1.7rem;color:#fff;margin:0 0 .8em;padding-bottom:.3em;border-bottom:2px solid var(--gold);display:inline-block}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:var(--basalt);border-radius:12px;padding:20px 22px}
.card h3{margin:0 0 .4em;color:#fff;font-size:1.1rem}
.card p{margin:0;color:var(--stone)}
.plain{padding-left:1.1em}
.plain li{margin:.3em 0}
pre{background:var(--basalt);padding:14px 18px;border-radius:10px;overflow-x:auto;font-size:.9rem}
.muted{color:var(--ash)}
.footer{border-top:1px solid var(--basalt);padding-top:24px;padding-bottom:40px;color:var(--ash);font-size:.9rem}
@media (max-width:560px){.links a{margin-left:12px}.nav{padding-left:16px;padding-right:16px}}