@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600&display=swap');

:root{
--bg:#f5f4f0;
--ink:#0a0a0a;
--line:rgba(10,10,10,.15);
--muted:#6b6b66;
--dark-bg:#0a0a0a;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
background:var(--bg);
color:var(--ink);
font-family:'Inter',system-ui,sans-serif;
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
a{color:inherit}

.wrap{max-width:860px;margin:0 auto;padding:0 24px}

header.site-header{
border-bottom:1px solid var(--line);
background:var(--bg);
}
.header-inner{
max-width:1100px;margin:0 auto;padding:0 24px;
display:flex;align-items:center;justify-content:space-between;
height:78px;
}
.wordmark{
font-family:'JetBrains Mono',monospace;
font-weight:700;
letter-spacing:.02em;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
}
.wordmark span{color:var(--muted);font-weight:400}
.btn-pill{
font-family:'JetBrains Mono',monospace;
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
border:1px solid var(--ink);
border-radius:999px;
padding:12px 22px;
display:inline-block;
transition:background .15s ease, color .15s ease;
}
.btn-pill:hover{background:var(--ink);color:var(--bg)}

.eyebrow{
font-family:'JetBrains Mono',monospace;
font-size:12px;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--muted);
}

main{padding:56px 0 40px}

.post-title{
font-family:'Space Grotesk',sans-serif;
font-weight:700;
text-transform:uppercase;
font-size:clamp(34px,5.5vw,56px);
line-height:1.05;
letter-spacing:-.01em;
margin:14px 0 18px;
}
.meta-row{
font-family:'JetBrains Mono',monospace;
font-size:12px;
color:var(--muted);
text-transform:uppercase;
letter-spacing:.05em;
border-bottom:1px solid var(--line);
padding-bottom:24px;
margin-bottom:32px;
}

.quick-answer{
background:var(--dark-bg);
color:#f5f4f0;
border-radius:10px;
padding:26px 28px;
margin:0 0 40px;
font-size:17px;
}
.quick-answer .label{
font-family:'JetBrains Mono',monospace;
font-size:11px;
letter-spacing:.1em;
text-transform:uppercase;
color:#9a9a94;
display:block;
margin-bottom:10px;
}

article.post h2{
font-family:'Space Grotesk',sans-serif;
font-weight:700;
font-size:26px;
margin:44px 0 14px;
letter-spacing:-.01em;
}
article.post p{font-size:17px;margin:0 0 18px;color:#1c1c1a}

.faq{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.faq h2{font-family:'Space Grotesk',sans-serif;font-size:22px;margin:0 0 20px;text-transform:uppercase}
.faq-item{margin-bottom:22px}
.faq-item .q{font-weight:600;margin:0 0 6px;font-size:16px}
.faq-item .a{margin:0;color:#1c1c1a;font-size:15px}

.cta-band{
background:var(--dark-bg);
color:var(--bg);
border-radius:10px;
padding:40px 32px;
text-align:center;
margin-top:56px;
}
.cta-band p{color:#c9c9c4;margin:0 0 20px}
.cta-band .btn-pill{border-color:var(--bg);color:var(--bg)}
.cta-band .btn-pill:hover{background:var(--bg);color:var(--ink)}

footer.site-footer{
background:var(--dark-bg);
color:#9a9a94;
margin-top:60px;
padding:34px 0;
font-family:'JetBrains Mono',monospace;
font-size:12px;
text-align:center;
letter-spacing:.03em;
}
footer.site-footer a{color:#f5f4f0;text-decoration:none}

/* blog index */
.post-list{margin-top:24px}
.post-card{
display:block;
text-decoration:none;
color:var(--ink);
padding:28px 0;
border-bottom:1px solid var(--line);
}
.post-card:hover .card-title{text-decoration:underline}
.card-title{
font-family:'Space Grotesk',sans-serif;
font-weight:700;
font-size:24px;
text-transform:uppercase;
margin:8px 0 8px;
}
.card-excerpt{color:var(--muted);font-size:15px;margin:0}

.index-hero{padding:64px 0 20px}
.index-hero h1{
font-family:'Space Grotesk',sans-serif;
font-weight:700;
text-transform:uppercase;
font-size:clamp(30px,5vw,46px);
margin:12px 0 0;
}