/* A native selector keeps keyboard and touch selection familiar. */
.language-picker{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:35px;min-width:83px;padding:0 10px;border:1px solid rgba(234,242,228,.3);border-radius:30px;background:rgba(12,23,25,.3);color:#f8f2f5;flex-shrink:0}
.language-flag{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:17px;line-height:1;flex-shrink:0}
.language-picker>.icon{width:15px;height:15px}
.language-picker>.language-chevron{width:11px;height:11px}
.language-picker [data-current-language]{font-size:10px;font-weight:700;letter-spacing:.025em;white-space:nowrap}
.language-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:500 16px var(--sans);color-scheme:dark}
.language-picker:focus-within{outline:2px solid var(--pink);outline-offset:4px}
.language-picker:hover{border-color:var(--pink);background:rgba(240,178,201,.1)}
.language-picker option{background:#152027;color:#fff}
.header-controls{align-items:center;flex-shrink:0}
.main-navigation{gap:clamp(13px,1.7vw,28px)}
.main-navigation>a{line-height:1.45}
.hero-copy,.journey-copy,.account-copy,.release-copy{min-width:0}
h1,h2,h3{hyphens:auto;overflow-wrap:break-word}
.hero-actions{flex-wrap:wrap;row-gap:18px}
@media(min-width:821px) and (max-width:1100px){
  .site-header{gap:14px}
  .brand{font-size:22px}
  .main-navigation{gap:13px;font-size:10px}
  .nav-cta{padding:10px 13px;gap:8px}
  .header-controls{gap:6px}
}
@media(max-width:820px){
  .site-header{gap:10px}
  .header-controls{gap:7px}
  .language-picker{min-height:40px;min-width:83px}
  .motion-toggle,.menu-toggle{width:40px;height:40px}
  .main-navigation{gap:22px}
}
@media(max-width:480px){
  .hero-actions{column-gap:18px}
  .journey-chapter,.js .journey-chapter,.js .journey-chapter.is-active{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}
}
@media(max-width:360px){
  .site-header{left:5%;right:5%;gap:7px}
  .main-navigation{left:-5.555556%;right:-5.555556%}
  .site-header .brand{font-size:20px;gap:7px}
  .site-header .brand img{width:29px;height:29px}
  .header-controls{gap:5px}
  .language-picker{min-width:75px;padding:0 7px;gap:5px}
  .language-flag{font-size:16px}
  .language-picker>.icon{width:13px;height:13px}
  .hero h1{font-size:clamp(34px,11.5vw,41px)}
}