* {margin:0;padding:0;box-sizing:border-box}
body {font-family:'Inter',sans-serif;background:#fff;color:#111;line-height:1.7}
header {background:#fff;padding:1.5rem 5%;border-bottom:1px solid #eee}
nav {display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto}
.logo {font-size:1.2rem;font-weight:300;letter-spacing:3px;text-transform:uppercase;color:#0d9488}
nav ul {list-style:none;display:flex;gap:2rem}
nav a {color:#666;text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}
nav a:hover {color:#0d9488}
.hero {padding:6rem 5%;max-width:800px;margin:0 auto;text-align:center}
.hero h1 {font-size:3rem;font-weight:200;margin-bottom:1.5rem}
.hero p {color:#666;font-size:1.1rem;max-width:500px;margin:0 auto 2rem}
.btn {display:inline-block;padding:.7rem 2rem;border-radius:30px;text-decoration:none;font-weight:500;background:#0d9488;color:#fff;font-size:.9rem;border:1px solid #0d9488;transition:.2s}
.btn:hover {background:transparent;color:#0d9488}
.container {max-width:1000px;margin:0 auto;padding:0 5%}
.section {padding:4rem 0;border-top:1px solid #f5f5f5}
.section h2 {font-size:1.6rem;font-weight:300;margin-bottom:2rem;text-align:center;letter-spacing:1px}
.g-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.card {padding:1.5rem;border:1px solid #f0f0f0;border-radius:4px}
.card h3 {font-weight:500;margin-bottom:.5rem;color:#0d9488}
.card p {color:#888;font-size:.9rem}
.s-2 {display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.page {max-width:800px;margin:2rem auto;padding:0 5%}
.page h1 {font-weight:300;margin-bottom:1rem;color:#0d9488}
footer {border-top:1px solid #eee;padding:2rem;text-align:center;color:#aaa;font-size:.85rem}