/* Shared public-page pill geometry. Keep primary and secondary actions distinct. */
body[data-design="surge"] header .header-trial,
body[data-design="surge"] header .login,
body[data-design="surge"] header .header-lang {
  box-sizing:border-box;
  min-height:42px;
  border-radius:999px;
  flex:0 0 auto;
  white-space:nowrap;
  line-height:1;
}
body[data-design="surge"] header nav { gap:13px; min-width:0; }
body[data-design="surge"] header .header-trial,
body[data-design="surge"] header .login {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  font-size:12px;
  font-weight:850!important;
  letter-spacing:.01em;
  overflow-wrap:normal!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body[data-design="surge"] header .header-trial {
  border:1px solid #c5ff00;
  box-shadow:0 7px 20px #c5ff0018;
}
body[data-design="surge"] header .login {
  min-width:88px;
  background:#0a1a12e8!important;
  color:#f4faef!important;
  border:1px solid #8eab7a!important;
  box-shadow:inset 0 0 0 1px #ffffff08;
}
body[data-design="surge"] header .header-trial:hover,
body[data-design="surge"] header .login:hover {
  transform:translateY(-1px);
}
body[data-design="surge"] header .login:hover {
  background:#1c3424!important;
  border-color:#c5ff00!important;
  color:#c5ff00!important;
}
body[data-design="surge"] header .header-lang {
  justify-content:center;
  padding:0 11px;
}

body[data-design="surge"] .world-switch {
  display:grid;
  grid-template-columns:repeat(4,minmax(88px,1fr));
  gap:6px;
  align-items:stretch;
}
body[data-design="surge"] .world-switch button {
  box-sizing:border-box;
  width:100%;
  min-height:42px;
  padding:9px 13px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
  font-weight:800;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body[data-design="surge"] .world-switch button:hover { transform:translateY(-1px); }
body[data-design="surge"] .world-switch button[aria-pressed="true"] { box-shadow:0 7px 18px #0003; }
body[data-design="surge"] #world-services a {
  border-radius:999px;
  white-space:nowrap;
}

@media(max-width:1200px) and (min-width:701px) {
  body[data-design="surge"] header nav { gap:7px; }
  body[data-design="surge"] header .story-link img { display:none; }
  body[data-design="surge"] header .story-link small { display:none; }
  body[data-design="surge"] header .investor-link { display:none; }
  body[data-design="surge"] header .header-trial,
  body[data-design="surge"] header .login { padding-inline:13px; font-size:11px; }
  body[data-design="surge"] header .login { min-width:78px; }
}

@media(max-width:700px) {
  body[data-design="surge"] header { flex-wrap:nowrap; gap:8px; }
  body[data-design="surge"] header nav { flex-wrap:nowrap; gap:6px; min-width:0; }
  body[data-design="surge"] header .header-lang { min-height:36px; padding:0 8px; }
  body[data-design="surge"] header .header-trial,
  body[data-design="surge"] header .login { min-height:36px; padding:0 10px; font-size:10px; }
  body[data-design="surge"] header .login { min-width:68px; }
  body[data-design="surge"] .world-switch { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  body[data-design="surge"] .world-switch button { min-height:40px; padding:8px 10px; }
  body[data-design="surge"] #world-services { gap:6px; }
  body[data-design="surge"] #world-services a { min-height:38px; padding:8px 10px; white-space:normal; text-align:center; }
}

@media(max-width:360px) {
  body[data-design="surge"] header .header-lang { display:none; }
  body[data-design="surge"] header .header-trial { padding-inline:9px; }
  body[data-design="surge"] header .login { min-width:62px; padding-inline:8px; }
}