:root{--max:900px;--pad:1rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}body{margin:0;color:#111;background:#fafafa}a{color:inherit;text-decoration:none}nav{display:flex;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #eee;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}nav a{padding:.4rem .7rem;border-radius:.4rem}nav a:hover{background:#f0f0f0}.container{max-width:var(--max);margin:0 auto;padding:var(--pad)}.hero{display:grid;align-items:center;min-height:60vh;padding:min(10vmin,5rem) var(--pad);position:relative;overflow:hidden;border-radius:16px}.hero h1{font-size:clamp(2rem,5vw,3.25rem);margin:0 0 .5rem}.hero p{font-size:clamp(1rem,2.5vw,1.25rem);max-width:60ch}.btn{display:inline-block;padding:.7rem 1rem;border-radius:.5rem;border:1px solid #ddd;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05)}.btn:hover{background:#f6f6f6}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{border:1px solid #eee;background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 0 rgba(0,0,0,.03)}footer{border-top:1px solid #eee;padding:1rem;text-align:center;color:#666}