body{
  font-family: Arial, sans-serif;
  margin:0;
  background:#F8FAFC;
  color:#0F172A;
  line-height:1.6;
}

.container{
  max-width:1100px;
  margin:auto;
  padding:20px;
}

.sticky{
  position:sticky;
  top:0;
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  z-index:1000;
}

.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.logo{
  height:80px;
  width:auto;
}

.hero{
  text-align:center;
  padding:70px 0;
}

.subtitle{font-size:18px;}

.cta, .cta-big{
  background:#0B5ED7;
  color:#fff;
  padding:14px 22px;
  border-radius:8px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  margin-top:15px;
}

.product{
  background:#fff;
  padding:25px;
  margin:30px 0;
  border-radius:12px;
  box-shadow:0 4px 14px rgba(0,0,0,0.08);
}

.highlight{
  border:3px solid #0B5ED7;
}

.badge{
  display:inline-block;
  background:#fde68a;
  color:#92400e;
  padding:6px 12px;
  border-radius:999px;
  font-weight:700;
  font-size:12px;
  letter-spacing:0.3px;
  margin-bottom:10px;
}

.product:first-of-type .badge{
  background:#facc15;
  color:#78350f;
}

.rating{
  font-size:22px;
  font-weight:bold;
}

.proof{
  color:#16a34a;
  font-weight:600;
  margin-bottom:10px;
}

.cta-main{
  font-size:18px;
  padding:16px 28px;
  background:#ff6b00;
}

.cta-main:hover{
  background:#e55a00;
}

.urgency{
  font-size:13px;
  color:#6b7280;
  margin-top:8px;
}

table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}

th,td{
  padding:14px;
  border:1px solid #e5e7eb;
}

.table-wrap{
  overflow-x:auto;
}

th{
  background:#f5f7fa;
  font-weight:700;
}

.cta-small{
  background:#2a7be4;
  color:#fff;
  padding:8px 14px;
  text-decoration:none;
  border-radius:6px;
  font-weight:600;
  white-space:nowrap;
}

.comparison td:last-child{
  text-align:center;
  font-weight:600;
}

.cta-small:hover{
  background:#1f5fb8;
}

/* ===== PRO TABLE ===== */

.comparison{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  font-size:15px;
}

.comparison th{
  background:#f5f7fa;
  font-weight:700;
  text-align:left;
}

.comparison th,
.comparison td{
  padding:14px;
  border:1px solid #e5e7eb;
}

.comparison tbody tr:hover{
  background:#f9fafb;
}

/* ⭐ Highlight #1 */

.top-product{
  background:#fff8e1;
  font-weight:600;
}

.top-product td{
  border-color:#f4d03f;
}

/* 🔘 CTA Button */

.cta-small{
  background:#2a7be4;
  color:#fff;
  padding:8px 16px;
  text-decoration:none;
  border-radius:8px;
  font-weight:700;
  display:inline-block;
  white-space:nowrap;
  transition:0.2s ease;
}

.cta-small:hover{
  background:#1f5fb8;
  transform:translateY(-1px);
}

/* 📱 Mobile improvements */

.table-wrap{
  overflow-x:auto;
}

@media (max-width:600px){

  .comparison{
    font-size:14px;
  }

  .comparison th,
  .comparison td{
    padding:10px;
  }

  .cta-small{
    padding:8px 12px;
    font-size:13px;
  }

}

.cta{
  cursor:pointer;
}

.cta-small{
  cursor:pointer;
}

.table-intro{
  max-width:700px;
  margin:0 auto 20px;
  text-align:center;
  line-height:1.6;
}

.final-cta{
  max-width:700px;
  margin:0 auto 20px;
  text-align:center;
  line-height:1.6;
}

.final{
  text-align:center;
  padding:70px 0;
}

footer{
  background:#0F172A;
  color:#CBD5E1;
  text-align:center;
  padding:40px 0;
}

footer a{
  color:#E2E8F0;
  text-decoration:none;
}

footer a:hover{
  text-decoration:underline;
}

footer p{
  max-width:700px;
  margin:0 auto 10px;
  line-height:1.6;
}

.footer-trust{
  margin-top:12px;
  font-size:14px;
  color:#94A3B8;
}