body{margin:0;font-family:Segoe UI,Arial;background:#fff;color:#123}
.wrap{max-width:1200px;margin:auto;padding:24px}
header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:28px;font-weight:700;color:#0d506c;align-items:center;}
nav a{text-decoration:none;color:#123;margin-left:18px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-top:40px}
h1{font-size:64px;line-height:1.1}.hero span{color:#0ea5a8}
.btn{background:#0ea5a8;color:#fff;padding:14px 24px;border-radius:10px;display:inline-block}
.cards,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card,.plan{border:1px solid #e5e5e5;border-radius:16px;padding:24px;box-shadow:0 4px 18px rgba(0,0,0,.05)}
.featured{border:3px solid #0ea5a8}
.price{font-size:42px;color:#0ea5a8;font-weight:700}
img{width:100%}
@media(max-width:900px){.hero,.cards,.pricing{grid-template-columns:1fr} h1{font-size:42px}}