:root{--bg:#070708;--ink:#F4F1E9;--dim:#9a988f;--gold:#E8B339;--gold-soft:#5a4a1f;--line:#1c1c1f;--mono:'JetBrains Mono',ui-monospace,monospace;--disp:'Bricolage Grotesque',Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--disp);line-height:1.65;
background-image:radial-gradient(120% 70% at 50% -10%,rgba(232,179,57,.08),transparent 60%)}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header.site{border-bottom:1px solid var(--line);position:sticky;top:0;backdrop-filter:blur(8px);background:rgba(7,7,8,.82);z-index:9}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 22px}
.logo{font-family:var(--mono);font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink)}
.logo b{color:var(--gold)}
nav a{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--dim);margin-left:20px}
nav a:hover{color:var(--gold);text-decoration:none}
.hero{padding:clamp(56px,12vw,120px) 0 clamp(40px,8vw,72px)}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
h1{font-weight:800;font-size:clamp(34px,7vw,64px);line-height:1.02;letter-spacing:-.03em;margin-bottom:22px}
h1 .em{color:var(--gold);font-style:italic}
.lede{font-size:clamp(17px,2.6vw,21px);color:var(--dim);max-width:60ch}
.grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:8px 0 64px}
@media(max-width:620px){.grid{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:14px;padding:26px;background:linear-gradient(180deg,#0c0c0e,#070708);transition:.18s;display:block}
.card:hover{border-color:var(--gold-soft);text-decoration:none;transform:translateY(-2px)}
.card .t{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}
.card .d{font-size:14px;color:var(--dim);line-height:1.5}
.card.feature{grid-column:1/-1;background:radial-gradient(70% 140% at 15% 0%,rgba(232,179,57,.1),transparent 70%)}
.card .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:12px}
article{padding:clamp(40px,7vw,72px) 0}
article h1{margin-bottom:14px}
article .meta{font-family:var(--mono);font-size:12px;color:var(--dim);letter-spacing:.06em;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line)}
article h2{font-size:clamp(22px,3.4vw,30px);font-weight:700;letter-spacing:-.02em;margin:42px 0 14px}
article h3{font-size:18px;font-weight:600;color:var(--gold);margin:30px 0 10px}
article p{margin:0 0 18px;font-size:17.5px}
article ul,article ol{margin:0 0 18px 24px}article li{margin:7px 0;font-size:17px}
article strong{color:#fff}
article blockquote{border-left:2px solid var(--gold);padding:6px 0 6px 20px;margin:24px 0;color:var(--dim);font-size:15px}
article hr{border:0;border-top:1px solid var(--line);margin:40px 0}
article pre{background:#0a0a0c;border:1px solid var(--line);border-radius:10px;padding:16px;overflow:auto;margin:0 0 18px}
article code{font-family:var(--mono);font-size:.92em;color:var(--gold)}
article pre code{color:var(--ink)}
.cta{display:block;border:1px solid var(--gold-soft);border-radius:14px;padding:28px;margin:40px 0;background:radial-gradient(80% 140% at 20% 0%,rgba(232,179,57,.1),transparent 70%);text-align:center}
.cta .big{font-family:var(--mono);font-size:18px;color:var(--gold);font-weight:700;margin-bottom:6px}
.cta .sub{font-size:14px;color:var(--dim)}
footer.site{border-top:1px solid var(--line);padding:40px 0;margin-top:40px}
footer.site .wrap{font-family:var(--mono);font-size:12px;color:var(--dim);line-height:1.9}
footer.site a{color:var(--dim)}
.pcta{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:13px;color:var(--gold);border:1px solid var(--gold-soft);border-radius:999px;padding:10px 20px}
.pcta:hover{text-decoration:none;background:var(--gold);color:#1a1407}