body{margin:0;font-family:Arial,sans-serif;background:#f7fbff;color:#1d2b3a}header{display:flex;justify-content:space-between;align-items:center;padding:20px 8%}nav a{margin:0 12px} .hero{display:flex;align-items:center;justify-content:space-between;padding:60px 8%;gap:40px}.heroimg{max-width:45%;border-radius:16px}.logo{height:60px}h1{font-size:56px}span{color:#2fb34a}.btn{background:#2fb34a;color:#fff;padding:14px 24px;border-radius:8px;text-decoration:none}footer{text-align:center;padding:30px} @media(max-width:800px){.hero{flex-direction:column}.heroimg{max-width:100%}h1{font-size:40px}}