 <style>
  /* Animação suave de entrada */
  .fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1s ease-out forwards;
  }

  @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
    :root{
      --pri:#1f6fff;
      --pri-2:#0b58ff;
      --sec:#ff7a1a;
      --text:#0f172a;
      --muted:#6b7280;
      --bg:#f8fafc;
    }
    html,body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; color:var(--text);}
    .btn-pri{background:linear-gradient(90deg,var(--pri),var(--pri-2)); border:none; color:#fff;}
    .btn-pri:hover{filter:brightness(.95); color:#fff;}
    .btn-sec{background:var(--sec); border:none; color:#fff;}
    .shadow-soft{box-shadow:0 10px 30px rgba(2, 6, 23, .08)}
    .badge-soft{background:#eef2ff; color:var(--pri); font-weight:600}
    .hero{
      background: radial-gradient(1200px 600px at 80% -10%, rgba(31,111,255,.25), rgba(31,111,255,0)),
                  radial-gradient(900px 500px at -10% 10%, rgba(255,122,26,.20), rgba(255,122,26,0)),
                  linear-gradient(#ffffff,#f7fbff);
    }
    .section-title{font-weight:800; letter-spacing:-.02em}
    .feature-icon{width:52px; height:52px; display:grid; place-items:center; border-radius:14px; background:#eef2ff; color:var(--pri)}
    .price-card{border:1px solid #e5e7eb; border-radius:20px}
    .price-card.pop{border:2px solid var(--pri);}
    .tick{color:#10b981}
    .nav-link{font-weight:500}
    .nav-cta{margin-left:12px}
    .logo{font-weight:800; font-size:32px; letter-spacing:-.02em}
    .glass{backdrop-filter:saturate(140%) blur(6px); background:rgba(255,255,255,.75);}
    .testimonial{border:1px solid #e5e7eb; border-radius:16px}
    .footer{background:#0b1220; color:#cbd5e1}
    .footer a{color:#cbd5e1; text-decoration:none}
    .footer a:hover{text-decoration:underline}
              
              .zoomable {
  transition: transform 0.3s ease;
  cursor: zoom-in;
}
.zoomable:hover {
  transform: scale(2.0);
}
  </style>