@import url('fonts.css');

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:oklch(97% 0.008 60);
  font-family:'Manrope',sans-serif;
  color:oklch(28% 0.01 50);
}
a{color:oklch(56% 0.15 40);}
a:hover{color:oklch(46% 0.14 40);}
img{max-width:100%;display:block;}
button{font-family:'Manrope',sans-serif;}
input,textarea{font-family:'Manrope',sans-serif;}

.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* honeypot field - hidden from real users, catches basic bots */
.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}

.nav-toggle{display:none;}

@media (max-width: 880px){
  header nav{display:none !important;}
  .nav-toggle{
    display:inline-flex;background:oklch(93% 0.012 55);border:1px solid oklch(86% 0.01 55);
    border-radius:8px;padding:9px 12px;font-weight:700;font-size:14px;cursor:pointer;
    align-items:center;justify-content:center;color:oklch(24% 0.01 50);
  }
  header nav.nav-open{
    display:flex !important;flex-direction:column;width:100%;order:3;
    padding-top:14px;margin-top:10px;border-top:1px solid oklch(88% 0.01 55);gap:14px !important;
  }
}