:root { color-scheme: dark; --bg:#07080a; --card:#11141a; --text:#f4f4f5; --muted:#a1a1aa; --edge:#27272a; --accent:#60a5fa; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at top left,#172033 0,#07080a 38%); color:var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif; line-height:1.65; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--accent); }
.site-header, footer { max-width:980px; margin:0 auto; padding:28px 22px; display:flex; justify-content:space-between; gap:18px; color:var(--muted); }
.brand { color:var(--text); font-weight:800; letter-spacing:-.03em; }
main { max-width:980px; margin:0 auto; padding:24px 22px 64px; }
.hero { padding:56px 0 38px; max-width:760px; }
.hero h1 { font-size:clamp(2.4rem, 8vw, 5rem); line-height:.95; letter-spacing:-.07em; margin:0 0 20px; }
.hero p:not(.eyebrow) { font-size:1.22rem; color:var(--muted); max-width:680px; }
.eyebrow { color:var(--accent); text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; font-weight:800; }
.posts { display:grid; gap:18px; }
.card { background:rgba(17,20,26,.78); border:1px solid var(--edge); border-radius:22px; padding:24px; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.card h2 { font-size:1.55rem; line-height:1.15; letter-spacing:-.04em; margin:6px 0 10px; }
.card p { color:var(--muted); margin:0; }
.post { max-width:780px; margin:0 auto; background:rgba(17,20,26,.72); border:1px solid var(--edge); border-radius:24px; padding:clamp(24px,5vw,56px); }
.post h1 { font-size:clamp(2.1rem, 6vw, 4.2rem); line-height:1; letter-spacing:-.065em; margin:0 0 28px; }
.post h2 { margin-top:40px; font-size:1.65rem; line-height:1.16; letter-spacing:-.035em; }
.post p, .post li { color:#d4d4d8; font-size:1.05rem; }
.post a { color:#93c5fd; text-decoration:underline; text-decoration-color:#334155; text-underline-offset:3px; }
ul { padding-left:1.3rem; }
footer { border-top:1px solid var(--edge); display:block; }
@media (max-width: 640px) { .site-header { display:block; } .tagline { display:block; margin-top:4px; } }