@font-face  {
  font-family:Manrope;
  src:url(manrope-latin.woff2) format("woff2");
  font-display:swap;
  font-weight:200 800
}

*  {
  box-sizing:border-box
}

html  {
  scroll-behavior:smooth;
  scroll-padding-top:90px
}

body  {
  margin:0;
  font-family:Manrope,sans-serif;
  line-height:1.6
}

h1,h2,h3,p,figure  {
  margin-top:0
}

h1,h2,h3  {
  text-wrap:balance
}

a  {
  color:inherit;
  text-underline-offset:5px
}

button  {
  font:inherit
}

img  {
  max-width:100%;
  display:block
}

a,button  {
  -webkit-tap-highlight-color:transparent
}

a:focus-visible,button:focus-visible,summary:focus-visible  {
  outline:3px solid var(--accent);
  outline-offset:5px
}

::selection  {
  background:var(--accent);
  color:var(--selection,#fff)
}

.container,.header-inner  {
  width:min(1280px,calc(100% - 96px));
  margin-inline:auto
}

.site-header  {
  position:relative;
  z-index:10
}

.header-inner  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:100px
}

.brand  {
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-weight:750;
  white-space:nowrap
}

.brand img  {
  width:60px;
  height:40px;
  object-fit:contain;
  background:white;
  border-radius:3px
}

.site-header nav  {
  display:flex;
  align-items:center;
  gap:30px
}

.site-header nav a  {
  text-decoration:none;
  font-size:14px;
  font-weight:600
}

.site-header nav a:hover  {
  text-decoration:underline
}

.menu-toggle  {
  padding:9px 15px;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
  cursor:pointer
}

.skip  {
  position:fixed;
  left:16px;
  top:-100px;
  z-index:100;
  padding:12px 20px;
  background:#fff;
  color:#17232a
}

.skip:focus  {
  top:12px
}

.button  {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:13px 23px;
  background:var(--accent);
  color:var(--button-text,#fff);
  text-decoration:none;
  font-size:14px;
  font-weight:750;
  transition:background .2s,transform .2s;
  border-radius:var(--radius,0)
}

.button:hover  {
  transform:translateY(-2px);
  background:var(--accent-hover,var(--accent))
}

.note  {
  font-size:12px;
  line-height:1.6;
  max-width:72ch
}

.actions  {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:24px
}

.platforms  {
  list-style:none;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:20px 38px;
  font-weight:700;
  font-size:21px
}

.trust  {
  padding-block:80px
}

.trust h2  {
  font-size:32px;
  line-height:1.2
}

.contact  {
  padding-block:95px
}

.contact-grid  {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:100px
}

.contact h2  {
  font-size:clamp(34px,4vw,56px);
  line-height:1.12;
  letter-spacing:-.03em
}

.contact p  {
  max-width:57ch
}

.contact address  {
  font-style:normal;
  min-width:0
}

.contact address a  {
  display:block;
  margin-block:14px;
  overflow-wrap:anywhere
}

.whatsapp  {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:20;
  padding:13px 20px;
  background:#124932;
  color:#fff;
  border:1px solid #78a991;
  border-radius:40px;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  box-shadow:0 8px 24px #0002
}

.whatsapp:hover  {
  background:#0c3524
}

.menu-toggle[hidden]  {
  display:none
}

.nav-cta  {
  border-bottom:1px solid currentColor;
  padding-bottom:4px
}

@media(max-width:900px)  {
  .container,.header-inner  {
  width:calc(100% - 48px)
}

.site-header nav  {
  gap:19px
}

.contact-grid  {
  gap:45px
}

}

@media(max-width:640px)  {
  html  {
  scroll-padding-top:20px
}

.container,.header-inner  {
  width:calc(100% - 36px)
}

.header-inner  {
  min-height:83px;
  flex-wrap:wrap;
  gap:0
}

.brand  {
  font-size:16px;
  gap:9px
}

.brand img  {
  width:44px;
  height:32px
}

.menu-toggle:not([hidden])  {
  display:block
}

.site-header nav  {
  width:100%;
  padding:18px 0;
  display:flex;
  flex-wrap:wrap;
  gap:18px 24px
}

.js .site-header nav  {
  display:none
}

.js .site-header nav.open  {
  display:flex
}

.site-header nav a  {
  min-height:30px
}

.contact-grid  {
  grid-template-columns:1fr;
  gap:40px
}

.contact  {
  padding-block:65px
}

.platforms  {
  font-size:18px;
  gap:14px 25px
}

.trust  {
  padding-block:55px
}

.whatsapp  {
  right:14px;
  bottom:14px;
  padding:12px 17px
}

.actions  {
  gap:18px
}

.note  {
  font-size:12px
}

}

@media(prefers-reduced-motion:reduce)  {
  html  {
  scroll-behavior:auto
}

*,*::before,*::after  {
  animation:none!important;
  transition:none!important
}

}



@media(min-width:641px) {
  .menu-toggle {
  display:none!important
}

}

.whatsapp {
  border:0
}


/* Compact-screen contact dock reserves its own space rather than covering page content. */
@media(max-width:900px) {
  html {
  scroll-padding-bottom:90px
}

body {
  padding-bottom:76px
}

.whatsapp {
  left:0;
  right:0;
  bottom:0;
  min-height:64px;
  padding:10px 18px;
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid #8ab99b;
  background:#124932;
  box-shadow:none;
  font-size:14px
}

.whatsapp span {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px
}

section,summary,address a {
  scroll-margin-bottom:85px
}

}