.language-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: 1px solid #9aabad;
  border-radius: 999px;
  padding: 0.42rem 0.7rem;
  text-decoration: none;
  font-size: 0.72rem;
  font-weight: 700;
  white-space: nowrap;
}
.menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  font: 700 0.8rem Arial;
  align-items: center;
  gap: 0.6rem;
}
.menu-toggle i,
.menu-toggle i:before,
.menu-toggle i:after {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--ink);
  content: "";
  position: relative;
}
.menu-toggle i:before {
  position: absolute;
  top: -6px;
}
.menu-toggle i:after {
  position: absolute;
  top: 6px;
}
a:focus-visible,
button:focus-visible {
  outline: 4px solid var(--orange);
  outline-offset: 4px;
}
.journey-a-z {
  padding: clamp(5rem, 10vw, 9rem) max(22px, calc((100vw - 1160px) / 2));
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: clamp(3rem, 7vw, 7rem);
  background: #dcecf0;
}
.journey-a-z h2 {
  font-size: clamp(3rem, 6vw, 6rem);
}
.journey-a-z > div > p:last-child {
  max-width: 520px;
}
.journey-a-z ol {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #78929a;
}
.journey-a-z li {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 1rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid #9aadb2;
}
.journey-a-z span {
  font-size: 0.84rem;
  color: #49636a;
}
@media (max-width: 900px) {
  header {
    gap: 0.7rem;
  }
  .language-pill {
    margin-left: auto;
  }
  .menu-toggle {
    display: flex;
  }
  header nav {
    display: none;
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    background: var(--sand);
    padding: 1.25rem 22px 1.75rem;
    flex-direction: column;
    align-items: stretch;
    border-bottom: 1px solid #9aabad;
  }
  header nav.is-open {
    display: flex;
  }
  header nav.is-open > a {
    display: block;
  }
  .nav-button {
    text-align: center;
  }
  .journey-a-z {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 430px) {
  header {
    height: 68px;
    padding-inline: 14px;
  }
  .logo {
    font-size: 1rem;
  }
  .logo span {
    display: none;
  }
  .language-pill {
    font-size: 0.62rem;
    padding: 0.35rem 0.45rem;
  }
  .menu-toggle span {
    position: absolute;
    clip: rect(0 0 0 0);
  }
  header nav {
    top: 68px;
  }
  .hero h1 {
    font-size: clamp(3rem, 15vw, 3.7rem);
  }
  .hero-copy {
    padding-inline: 18px;
  }
  .journey-a-z {
    padding-inline: 20px;
  }
  .journey-a-z li {
    grid-template-columns: 1fr;
  }
  .journey-a-z h2 {
    font-size: 3.1rem;
  }
}
@media (max-width: 360px) {
  .language-pill span {
    display: none;
  }
  .language-pill {
    padding: 0.35rem;
  }
  .logo {
    max-width: 125px;
  }
}
.journey-whatsapp{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;background:var(--blue);color:#fff;padding:.8rem 1rem;text-decoration:none;font-weight:800}.whatsapp-dock{display:none}@media(max-width:768px){body{padding-bottom:148px}.whatsapp-dock{display:block;position:fixed;z-index:90;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));background:var(--sand);border:1px solid var(--ink);border-radius:16px;padding:.55rem .7rem;box-shadow:0 7px 0 var(--blue)}.whatsapp-dock a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border-radius:10px;background:#1f8f55;color:#fff;text-decoration:none;font-weight:800}.whatsapp-dock small{display:block;margin:.4rem .2rem 0;font-size:.61rem;line-height:1.3;color:#49636a}body:has(header nav.is-open) .whatsapp-dock{display:none}footer{padding-bottom:180px}}@media(max-width:360px){.whatsapp-dock small{font-size:.58rem}}
/* Neptox studio credit */
.neptox-credit{grid-column:1/-1;justify-self:center;display:inline-flex!important;align-items:center;gap:.5rem;width:max-content;max-width:100%;margin:1.6rem auto 0!important;padding:.38rem .2rem!important;border:0!important;background:none!important;box-shadow:none!important;color:#7c3aed!important;text-decoration:none!important;font:650 .72rem/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.045em;text-shadow:0 1px 0 rgba(255,255,255,.55),0 0 16px rgba(124,58,237,.2);transition:transform .25s ease,filter .25s ease}
.neptox-credit::before,.neptox-credit::after{display:none!important}
.neptox-credit span{color:#8b5cf6;font-size:.82rem;text-shadow:0 0 12px rgba(139,92,246,.72);transition:transform .25s ease}
.neptox-credit small{color:#7451b9;font:inherit}
.neptox-credit strong{background:linear-gradient(100deg,#6d28d9 0%,#a855f7 34%,#f0abfc 50%,#8b5cf6 68%,#5b21b6 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;font:850 .78rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.025em;animation:neptox-purple-shine 4.5s ease-in-out infinite}
.neptox-credit:hover{transform:translateY(-1px);filter:drop-shadow(0 0 8px rgba(139,92,246,.42))}
.neptox-credit:hover span{transform:rotate(18deg) scale(1.08)}
.neptox-credit:focus-visible{outline:3px solid #8b5cf6!important;outline-offset:5px}
@keyframes neptox-purple-shine{0%,20%{background-position:100% 50%}55%,100%{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){.neptox-credit,.neptox-credit span,.neptox-credit strong{animation:none!important;transition:none!important}}
