:root{
  --background:210 40% 99%;
  --foreground:215 50% 12%;
  --primary:215 65% 18%;
  --primary-foreground:210 40% 98%;
  --secondary:210 30% 95%;
  --muted:210 25% 94%;
  --muted-foreground:215 16% 42%;
  --accent:205 85% 50%;
  --border:214 25% 88%;
  --card:0 0% 100%;
  --radius:.75rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:hsl(var(--background));
  color:hsl(var(--foreground));
  margin:0;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.badge{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:hsl(var(--accent));
  background:hsl(var(--accent)/0.1);
  padding:.35rem .85rem;
  border-radius:999px;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.85rem 1.6rem;border-radius:.6rem;font-weight:600;font-size:.95rem;
  cursor:pointer;border:1px solid transparent;transition:all .15s ease;
  white-space:nowrap;
}
.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));}
.btn-primary:hover{background:hsl(215 65% 14%);}
.btn-outline{background:transparent;border-color:hsl(0 0% 100% / .3);color:#fff;}
.btn-outline:hover{background:hsl(0 0% 100% / .1);}
.btn-outline-dark{background:transparent;border-color:hsl(var(--border));color:hsl(var(--foreground));}
.btn-outline-dark:hover{background:hsl(var(--secondary));}
.btn-whatsapp{background:#25D366;color:#fff;}
.btn-whatsapp:hover{background:#1fb959;}
.btn-accent{background:hsl(var(--accent));color:#fff;}
.btn-accent:hover{background:hsl(205 85% 44%);}
.card{
  background:hsl(var(--card));
  border:1px solid hsl(var(--border));
  border-radius:var(--radius);
}
.section{padding:5rem 0;}
.section-sm{padding:3.5rem 0;}
.muted{color:hsl(var(--muted-foreground));}
nav a.active{color:hsl(var(--accent));}
.icon-tile{
  width:3rem;height:3rem;border-radius:.65rem;
  display:flex;align-items:center;justify-content:center;
  background:hsl(var(--accent)/0.1);color:hsl(var(--accent));
  flex-shrink:0;
}
.glass-ph{
  position:relative;overflow:hidden;background:
    linear-gradient(135deg,hsl(215 55% 22%) 0%,hsl(205 60% 38%) 45%,hsl(200 70% 55%) 100%);
}
.glass-ph::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(115deg,transparent 0 18px,hsl(0 0% 100%/0.07) 18px 20px);
}
.glass-ph::after{
  content:'';position:absolute;width:60%;height:220%;
  background:linear-gradient(90deg,transparent,hsl(0 0% 100%/0.18),transparent);
  top:-60%;left:-30%;transform:rotate(20deg);
}
.mobile-menu{display:none}
@media (max-width:860px){
  .desktop-nav{display:none}
  .mobile-menu{display:block}
}
.fade-up{animation:fadeUp .6s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
