body { font-family: 'Inter', sans-serif; margin:0; padding:0; color:#111; background:#fefefe; }
.container { width:90%; max-width:1200px; margin:0 auto; }

/* Navigation */
.nav { background:#fff; padding:20px 0; border-bottom:1px solid #e5e7eb; position:sticky; top:0; z-index:100; box-shadow:0 2px 6px rgba(0,0,0,0.05);}
.nav-container { display:flex; justify-content:space-between; align-items:center;}
.nav .logo { font-weight:700; font-size:1.6rem;}
.nav .nav-links a { margin-left:25px; text-decoration:none; color:#111; font-weight:600; transition:color 0.3s;}
.nav .nav-links a:hover { color:#0f766e;}
.logo a {
  color: inherit;          /* makes it use the same color as your logo text */
  text-decoration: none;   /* removes underline */
  font-weight: bold;       /* optional: keeps it strong like a logo */
}
.logo a:hover {
  opacity: 0.8;   /* subtle dim effect */
  cursor: pointer;
}


/* Hero */
.hero { text-align:center; padding:140px 20px 100px 20px; background:linear-gradient(135deg, #0f766e, #6ee7b7); color:#fff;}
.hero h1 { font-size:3rem; margin-bottom:20px; font-weight:700;}
.hero p { font-size:1.3rem; margin-bottom:40px; max-width:700px; margin-left:auto; margin-right:auto;}
.cta-button { background:#fff; color:#0f766e; padding:18px 40px; text-decoration:none; font-weight:700; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.1); transition:all 0.3s;}
.cta-button:hover { background:#e6f4f1; transform:translateY(-3px);}
.secondary { margin-top:40px; display:inline-block;}

/* Features */
.features { padding:100px 20px; text-align:center;}
.features h2 { font-size:2.5rem; margin-bottom:50px;}
.feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:40px;}
.feature-card { background:#fff; padding:35px; border-radius:16px; box-shadow:0 12px 24px rgba(0,0,0,0.06); transition: transform 0.3s, box-shadow 0.3s;}
.feature-card:hover { transform:translateY(-6px); box-shadow:0 18px 28px rgba(0,0,0,0.12);}
.feature-card h3 { font-size:1.5rem; margin-bottom:15px; color:#0f766e;}
.feature-card p { font-size:1.05rem; color:#4b5563;}

/* How It Works */
.how-it-works { padding:80px 20px; text-align:center;}
.steps-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:30px; margin-top:50px;}
.step h3 { color:#0f766e; font-size:1.2rem; margin-bottom:10px;}

/* Proof Section */
.proof { padding:80px 20px; text-align:center; background:#f3f4f6;}
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; margin-top:40px;}
.stat h3 { font-size:2rem; color:#0f766e; margin-bottom:5px; }

/* FAQ */
.faq { padding:80px 20px; text-align:center;}
.faq-item { margin-bottom:25px; text-align:left; max-width:800px; margin-left:auto; margin-right:auto;}
.faq-item h3 { font-size:1.2rem; color:#0f766e; margin-bottom:5px; }

/* Contact */
.contact { padding:60px 20px; text-align:center;}
.contact a { color:#0f766e; text-decoration:none; font-weight:600;}

/* Footer */
footer { padding:40px 20px; text-align:center; background:#111; color:#e5e7eb; font-size:0.95rem;}
footer a { color:#0f766e; text-decoration:none; }

/* Responsive */
@media (max-width:650px) {
.hero h1 { font-size:2rem;}
.nav-container { flex-direction:column;}
.nav .nav-links a { display:inline-block; margin:10px 10px 0 10px;}
}