*,*::before,*::after{box-sizing:border-box}
  html,body{height:100%}
  body{margin:0;font-family:Inter,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);color:#0b1220;line-height:1.45;-webkit-font-smoothing:antialiased}

  .wrap{max-width:720px;margin:0 auto;padding:18px}
  .card{background:linear-gradient(180deg,#ffffffcc,#fbfdff);border-radius:16px;padding:18px;box-shadow:0 8px 30px rgba(12,30,80,0.08);overflow:hidden}

  .logo{display:flex;gap:10px;align-items:center}
  .brand{font-weight:700;font-size:18px}
  .tag{font-size:12px;color:#52607a}

  h1{font-size:22px;margin:12px 0 6px;color:#07203a}
  .sub{font-size:14px;color:#274155;margin-bottom:16px}

  .features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
  .feat{background:#f7fbff;border-radius:12px;padding:12px;min-height:72px;display:flex;flex-direction:column;justify-content:center}
  .feat b{display:block;margin-bottom:6px}

  .testimonials{margin:12px 0}
  .quote{background:#fff;border-radius:12px;padding:12px;margin-bottom:8px;box-shadow:0 6px 18px rgba(12,30,80,0.04)}
  .quote small{display:block;color:#5f6e85;margin-top:8px;font-size:13px}

  .cta{display:flex;gap:10px;align-items:center}
  .wa-btn{flex:1;background:#25D366;border-radius:12px;padding:12px 14px;color:white;font-weight:700;border:none;font-size:16px;display:inline-flex;align-items:center;gap:10px;justify-content:center;box-shadow:0 6px 18px rgba(37,211,102,0.18)}
  .wa-btn:active{transform:translateY(1px)}
  .wa-icon{width:20px;height:20px}

  .secondary{flex:1;background:transparent;border-radius:12px;padding:10px 12px;border:1px solid #e6eef8;color:#07406a;text-align:center;font-weight:600}

  .floating-wa{position:fixed;z-index:1200;right:16px;bottom:90px;animation:bounce 2s infinite ease-in-out}
  .floating-wa button{display:inline-flex;align-items:center;gap:10px;background:#25D366;border:none;border-radius:999px;padding:14px 18px;color:white;font-weight:700;box-shadow:0 12px 30px rgba(37,211,102,0.16)}

  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
  }

  @media (max-width:480px){
    h1{font-size:20px}
    .features{grid-template-columns:1fr}
    .wrap{padding:14px}
  }

  .pulse{animation:pulse 2s infinite}
  @keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}

  .muted{color:#6b7b90;font-size:13px}

  .footer-text{margin-top:10px;text-align:center;color:#6b7b90;font-size:12px;line-height:1.5}

  .links-section{display:flex;justify-content:center;gap:40px;margin-top:20px;padding-top:10px;border-top:1px solid #e1e6ed;margin-bottom:10px}
  .links-section a{font-size:14px;color:#07406a;text-decoration:none;font-weight:600;text-align:center}
  .links-section a:hover{text-decoration:underline}