:root{
  --navy:#061A40;
  --deep-blue:#063E8C;
  --cyan:#10D6E6;
  --cyan-deep:#079BB3;
  --sky:#EAFBFF;
  --soft:#F6F8FB;
  --ink:#102033;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#fff;color:var(--ink)}
.serif{font-family:'Playfair Display',serif}
.iris-gradient{
  background:
    radial-gradient(circle at 30% 20%, rgba(16,214,230,.28), transparent 32%),
    radial-gradient(circle at 72% 25%, rgba(20,201,201,.20), transparent 34%),
    linear-gradient(135deg,#061A40 0%,#063E8C 48%,#071226 100%);
}
.glass-card{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.58);
}
.nav-link{position:relative}
.nav-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:var(--cyan);
  transition:width .24s ease;
}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.grid-pattern{
  background-image:
    linear-gradient(rgba(6,26,64,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,26,64,.05) 1px, transparent 1px);
  background-size:34px 34px;
}
.metric-card{position:relative;overflow:hidden}
.metric-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(16,214,230,.16),transparent 45%);
  opacity:0;
  transition:opacity .26s ease;
}
.metric-card:hover::before{opacity:1}
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border-radius:999px;
  color:#061A40;
  background:#10D6E6;
  box-shadow:0 18px 45px rgba(16,214,230,.34);
  font-weight:900;
  transition:transform .24s ease, background .24s ease;
}
.whatsapp-float:hover{transform:translateY(-3px);background:#fff}
@media(max-width:640px){
  .whatsapp-float span{display:none}
  .whatsapp-float{padding:14px}
}
.form-input{
  width:100%;
  border-radius:1rem;
  border:1px solid #dbe3ef;
  background:#fff;
  padding: .95rem 1rem;
  outline:none;
  transition:box-shadow .18s ease,border-color .18s ease;
}
.form-input:focus{
  border-color:var(--cyan-deep);
  box-shadow:0 0 0 4px rgba(16,214,230,.18);
}