:root{--text:#111;--bg:#fff;--accent:#2563eb;--max:760px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Helvetica,Arial,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}header{padding:24px;border-bottom:1px solid #eee}nav{display:flex;gap:24px;max-width:var(--max);margin:auto}nav a{text-decoration:none;color:#444}main{max-width:var(--max);margin:80px auto;padding:0 24px}.hero h1{font-size:56px;margin-bottom:12px}.subtitle{font-size:22px;color:#555}.buttons{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}.buttons a{padding:12px 18px;border:1px solid #222;text-decoration:none;color:#222;border-radius:8px}.buttons a:hover{background:#222;color:#fff}footer{margin-top:120px;padding:48px;border-top:1px solid #eee;text-align:center;color:#777}