*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{margin:0;color:#0a0a0a;background:#fff}
.antialiased{-webkit-font-smoothing:antialiased}
.header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid #ededed}
.brand{font-weight:600;font-size:1.05rem;text-decoration:none;color:inherit;letter-spacing:-.01em}
.header nav{display:flex;gap:1.5rem;align-items:center}
.header nav a{color:#525252;text-decoration:none;font-size:.9rem}
.header nav a:hover{color:#0a0a0a}
.header nav a.cta{color:#0a0a0a;font-weight:500}
.main{max-width:64rem;margin:0 auto;padding:4rem 2rem}
.hero h1{font-size:3rem;line-height:1.1;letter-spacing:-.03em;margin:0 0 1rem}
.hero p{font-size:1.125rem;color:#525252;max-width:36rem;margin:0 0 2rem}
.actions{display:flex;gap:.75rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;height:2.75rem;padding:0 1.25rem;border-radius:9999px;border:1px solid #ededed;text-decoration:none;color:inherit;font-size:.9rem}
.btn.primary{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;margin-top:5rem}
.grid article h3{margin:0 0 .5rem;font-size:1rem}
.grid article p{margin:0;color:#525252;font-size:.9rem}
.footer{border-top:1px solid #ededed;padding:2rem;color:#8a8a8a;font-size:.85rem}
.footer p{max-width:64rem;margin:0 auto}
@media (prefers-color-scheme:dark){body{color:#ededed;background:#0a0a0a}.header,.footer{border-color:#1f1f1f}.header nav a{color:#a1a1a1}.header nav a:hover,.header nav a.cta{color:#ededed}.hero p,.grid article p{color:#a1a1a1}.btn{border-color:#1f1f1f}.btn.primary{background:#ededed;color:#0a0a0a;border-color:#ededed}}