body{margin:0;background:#F1F0EB;color:#0B0D10;font-family:'Bricolage Grotesque',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0B0D10;text-decoration:none}
a:hover{color:#0A7C89}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@keyframes rzin{from{transform:translateY(10px) scale(.97);opacity:0}to{transform:none;opacity:1}}
@keyframes rzdot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}
@keyframes rzfloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}

.mark{display:block;overflow:visible;flex:none}
.h-btn-dark:hover{background:#3FD0E0!important;color:#0B0D10!important}
.h-btn-outline:hover{border-color:#0B0D10!important}
.h-btn-cta:hover{color:#3FD0E0!important}
.h-feature:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px rgba(10,124,137,.5)}
.h-use:hover{background:#3FD0E0!important;border-color:#3FD0E0!important}
.h-family:hover{color:#0B0D10!important}
.hidden{display:none!important}
.dot{width:7px;height:7px;border-radius:9px;background:#0A7C89;animation:rzdot 1s ease-in-out infinite}
.dot:nth-child(2){animation-delay:.15s}
.dot:nth-child(3){animation-delay:.3s}
.bubble{max-width:82%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;animation:rzin .4s cubic-bezier(.2,.7,.2,1) both}
.chip{font:500 14px 'Bricolage Grotesque',sans-serif;padding:8px 14px;border-radius:99px;cursor:pointer;transition:all .25s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

@media (max-width:640px){
  .primary-nav{display:none!important}
  header .h-btn-dark{margin-left:auto}
}

@media (max-width:720px){header nav{display:none!important}header nav+a{margin-left:auto!important}}