*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0b1226;
  --bg-2:#0a0f20;
  --card:#161f3d;
  --border:#243056;
  --text:#f5f8ff;
  --muted:#9aa6c8;
  --primary:#3b82f6;
  --primary-glow:#60a5fa;
  --whatsapp-1:#25d366;
  --whatsapp-2:#128c4a;
  --shadow-glow:0 20px 60px -20px rgba(59,130,246,.55);
}
html,body{min-height:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(ellipse at top,rgba(59,130,246,.25),transparent 60%),
    linear-gradient(180deg,var(--bg),var(--bg-2));
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}
.glow-top{top:-200px;left:50%;transform:translateX(-50%);width:500px;height:500px;background:rgba(59,130,246,.25)}
.glow-bottom{bottom:0;right:0;width:400px;height:400px;background:rgba(96,165,250,.15)}

.container{
  position:relative;z-index:1;
  max-width:1024px;margin:0 auto;
  padding:48px 24px;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}

.logo-wrap{
  background:#fff;border-radius:50%;padding:8px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.5);
  outline:2px solid rgba(59,130,246,.35);outline-offset:0;
  margin-bottom:32px;
}
.logo-wrap img{display:block;width:128px;height:128px;border-radius:50%;object-fit:cover}
@media(min-width:768px){.logo-wrap img{width:160px;height:160px}}

.badge{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(59,130,246,.4);
  background:rgba(59,130,246,.1);
  color:var(--primary-glow);
  padding:6px 16px;border-radius:9999px;
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:20px;
}

h1{font-size:clamp(2rem,5vw,3.75rem);line-height:1.1;font-weight:900;letter-spacing:-.02em;max-width:900px}
.gradient-text{
  background:linear-gradient(135deg,#3b82f6,#60a5fa);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.lead{margin-top:24px;max-width:640px;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}

.btn-whatsapp{
  margin-top:40px;
  display:inline-flex;align-items:center;gap:12px;
  padding:18px 32px;border-radius:9999px;
  background:linear-gradient(135deg,var(--whatsapp-1),var(--whatsapp-2));
  color:#fff;font-weight:700;font-size:18px;text-decoration:none;
  box-shadow:0 20px 60px -15px rgba(37,211,102,.6);
  transition:transform .25s ease;
}
.btn-whatsapp:hover{transform:scale(1.05)}
.btn-whatsapp svg{width:24px;height:24px}

.micro{margin-top:16px;font-size:14px;color:var(--muted)}

.features{
  margin-top:80px;width:100%;
  display:grid;gap:24px;grid-template-columns:1fr;
}
@media(min-width:768px){.features{grid-template-columns:repeat(3,1fr)}}
.card{
  background:rgba(22,31,61,.6);
  border:1px solid rgba(36,48,86,.7);
  border-radius:16px;padding:24px;text-align:left;
  backdrop-filter:blur(8px);
  transition:border-color .25s ease;
}
.card:hover{border-color:rgba(59,130,246,.5)}
.card .icon{
  width:48px;height:48px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#3b82f6,#60a5fa);
  font-size:24px;margin-bottom:16px;
}
.card h3{font-size:18px;font-weight:700}
.card p{margin-top:8px;font-size:14px;color:var(--muted)}

.cta-box{
  margin-top:80px;width:100%;
  background:rgba(22,31,61,.6);
  border:1px solid rgba(59,130,246,.3);
  border-radius:24px;
  padding:32px;backdrop-filter:blur(8px);
}
@media(min-width:768px){.cta-box{padding:48px}}
.cta-box h2{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700}
.cta-box p{margin-top:12px;color:var(--muted)}
.btn-primary{
  margin-top:24px;display:inline-flex;align-items:center;gap:12px;
  padding:14px 28px;border-radius:9999px;
  background:var(--primary);color:#fff;font-weight:700;text-decoration:none;
  box-shadow:var(--shadow-glow);
  transition:transform .25s ease;
}
.btn-primary:hover{transform:scale(1.05)}

footer{margin-top:64px;font-size:12px;color:var(--muted)}