:root{color-scheme:dark;--ink:#f4eadb;--muted:#b6a795;--line:#44372b;--ember:#ff7139;--coal:#15110d}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 75% 0,#3b2014 0,transparent 35rem),var(--coal);color:var(--ink);font:16px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}
header,main,footer{max-width:1100px;margin:auto;padding:1.5rem 2rem}
header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}
a{color:inherit}
.brand{text-decoration:none;font-weight:800;letter-spacing:.14em}
.brand span,.eyebrow,em{color:var(--ember)}
nav a{margin-left:1.5rem}
.hero{padding:8rem 0 6rem;max-width:850px}
.eyebrow{font-size:.75rem;letter-spacing:.16em}
.hero h1{font:clamp(3.4rem,9vw,7rem)/.9 Georgia,serif;margin:1rem 0 2rem;letter-spacing:-.05em}
.hero p{max-width:680px;color:var(--muted);font-size:1.15rem}
.cta{display:inline-block;margin-top:1.5rem;background:var(--ember);color:#1b0f09;padding:.8rem 1rem;text-decoration:none;font-weight:800}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:5rem}
.grid article{background:#1b1612;padding:2rem}
.grid h2{font:1.7rem Georgia,serif}
.grid p{color:var(--muted)}
.call{border-top:1px solid var(--line);padding:4rem 0 6rem}
.call code{display:block;overflow:auto;background:#0d0b09;border:1px solid var(--line);padding:1.2rem;color:#ffd0bd}
.price{color:var(--ember);font-weight:800}
footer{border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between}
@media(max-width:700px){header nav{display:none}.hero{padding:5rem 0}.grid{grid-template-columns:1fr}header,main,footer{padding-left:1rem;padding-right:1rem}.hero h1{font-size:3.8rem}footer{display:block}}